@font-face{font-family:Clayo;src:url(/fonts/Clayo-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Clayo;src:url(/fonts/Clayo-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Clayo;src:url(/fonts/Clayo-Semibold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}:root{font-family:Georgia,Times New Roman,serif;color:#f8edcf;background:#170b07;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#game-shell,#game{width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100svh;height:100dvh;background:#170b07;overscroll-behavior:none}body:before{content:"";position:fixed;z-index:-2;top:-30px;right:-30px;bottom:-30px;left:-30px;background:linear-gradient(90deg,#622c1ff0,#b85939bd 34%,#b85939bd 66%,#622c1ff0),linear-gradient(#6d3123 0,#6d3123 9%,#a94f35 9%,#a94f35 82%,#6f3324 82%,#6f3324)}body:after{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,rgba(242,196,151,.12),transparent 48%),linear-gradient(90deg,rgba(20,9,7,.48),transparent 24%,transparent 76%,rgba(20,9,7,.48))}#game-shell,#game{min-height:100svh;height:100dvh}canvas{display:block;touch-action:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#glimpse-onboarding{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#7f3629;opacity:1;transition:opacity .36s ease,transform .36s ease}#glimpse-onboarding[hidden]{display:none}#glimpse-onboarding.is-leaving{opacity:0;transform:scale(1.025);pointer-events:none}.onboarding-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#7f3629;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .42s ease,transform .52s cubic-bezier(.2,.75,.2,1),visibility 0s linear .52s}.onboarding-panel.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}.onboarding-backdrop{display:none}.onboarding-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cover-copy{position:absolute;z-index:2;left:50%;top:49%;display:flex;flex-direction:column;align-items:center;width:calc(100% - 28px);transform:translate(-50%,-50%);pointer-events:none}.cover-copy h1{margin:0;max-width:100%;color:#fff8e8;font:600 clamp(58px,19vw,112px)/.82 "Clayo",Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 8px 28px rgba(82,24,20,.26)}.cover-copy button,.instruction-ticket button{border:1px solid rgba(255,235,195,.82);background:#7c2b1ee0;color:#fff0d2;font:600 12px/1 Clayo,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 8px 24px #581b1340;pointer-events:auto}.cover-copy button{margin-top:24px;min-width:min(220px,72vw);min-height:48px;padding:14px 24px;border-radius:999px}.instruction-ticket{position:absolute;z-index:2;left:50%;top:43.3%;width:min(78vw,390px);transform:translate(-50%,-50%);color:#7a3327;text-align:center}.instruction-kicker{margin:0 0 6px;font:600 clamp(8px,2.5vw,11px)/1 "Clayo",Arial,sans-serif;letter-spacing:.22em;transition:opacity .22s ease}.instruction-ticket h2{margin:0;font:600 clamp(18px,5.7vw,30px)/.94 "Clayo",Arial,sans-serif;letter-spacing:-.025em;transition:opacity .22s ease}.instruction-body{margin:10px 0 12px;font:500 clamp(10px,3.1vw,15px)/1.2 "Clayo",Arial,sans-serif;transition:opacity .22s ease}.instruction-ticket button{min-width:142px;min-height:44px;padding:12px 22px;border-radius:999px;background:#a94431}.onboarding-rotate{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:#8b4c3d;font:500 clamp(9px,2.7vw,12px)/1.15 "Clayo",Arial,sans-serif;letter-spacing:.04em}.mini-phone{position:relative;display:inline-block;width:16px;height:26px;border:2px solid currentColor;border-radius:4px;animation:onboarding-turn 2.2s ease-in-out infinite}.mini-phone:after{content:"";position:absolute;left:50%;bottom:2px;width:2px;height:2px;border-radius:50%;background:currentColor;transform:translate(-50%)}.is-waiting-for-rotation .onboarding-rotate{color:#a43528;font-weight:600}.is-waiting-for-rotation .instruction-kicker,.is-waiting-for-rotation h2,.is-waiting-for-rotation .instruction-body{opacity:.18}.is-waiting-for-rotation #start-journey{background:#d78842}.onboarding-active #rotate-device{display:none!important}@keyframes onboarding-turn{0%,24%{transform:rotate(0)}58%,to{transform:rotate(90deg)}}.game-dialog{position:fixed;z-index:320;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#130c11b8;-webkit-backdrop-filter:blur(16px) saturate(.8);backdrop-filter:blur(16px) saturate(.8)}.game-dialog[hidden],.nickname-form[hidden],.current-player-rank[hidden],.leaderboard-actions button[hidden]{display:none}.game-dialog__panel{width:min(760px,94vw);max-height:min(690px,90dvh);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:#1a1319f0;box-shadow:0 28px 90px #0f080b75;color:#fffaf3;scrollbar-width:none}.leaderboard-panel{padding:28px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dialog-heading p{margin:0 0 4px;color:#ffffff85;font:500 10px/1 Clayo,Arial,sans-serif;letter-spacing:.25em}.dialog-heading h2{margin:0;font:600 clamp(28px,5vw,44px)/.95 "Clayo",Arial,sans-serif;letter-spacing:-.03em}.icon-button{width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff0f;color:#fff;font:400 26px/1 Arial,sans-serif}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 18px;padding:4px;border-radius:999px;background:#ffffff0f}.leaderboard-tabs button{min-height:44px;border:0;border-radius:999px;background:transparent;color:#ffffff85;font:600 11px/1 Clayo,Arial,sans-serif;letter-spacing:.1em}.leaderboard-tabs button[aria-selected=true]{background:#fff;color:#291b22}.leaderboard-columns,.leaderboard-list li{display:grid;grid-template-columns:80px minmax(0,1fr) 120px;align-items:center;gap:12px}.leaderboard-columns{padding:0 14px 8px;color:#ffffff61;font:500 9px/1 Clayo,Arial,sans-serif;letter-spacing:.12em}.leaderboard-columns span:last-child,.leaderboard-list li span:last-child{text-align:right}.leaderboard-list{display:grid;gap:5px;max-height:260px;margin:0;padding:0;overflow-y:auto;list-style:none}.leaderboard-list li{min-height:46px;padding:0 14px;border-radius:14px;background:#ffffff0d;font:500 13px/1 Clayo,Arial,sans-serif}.leaderboard-list li span:first-child{color:#ffffff7a}.current-player-rank{margin-top:10px;padding:13px 14px;border:1px solid rgba(255,223,172,.22);border-radius:14px;color:#ffe5b8;font:600 11px/1.2 Clayo,Arial,sans-serif;letter-spacing:.08em;text-align:center}.leaderboard-status{min-height:38px;margin:14px 0 8px;color:#ffffff94;white-space:pre-line;text-align:center;font:500 11px/1.45 Clayo,Arial,sans-serif;letter-spacing:.04em}.leaderboard-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.secondary-button,.nickname-form button{min-height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#fff;font:600 10px/1 Clayo,Arial,sans-serif;letter-spacing:.09em}.nickname-form{margin-top:18px;padding:18px;border-radius:18px;background:#ffffff0f}.nickname-form label{display:block;margin-bottom:8px;color:#ffffff9e;font:600 9px/1 Clayo,Arial,sans-serif;letter-spacing:.13em}.nickname-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.nickname-form input{min-width:0;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:999px;outline:0;background:#0000002e;color:#fff;padding:0 17px;font:500 15px/1 Clayo,Arial,sans-serif}.nickname-form input:focus{border-color:#ffe5b8ad}.nickname-form p{min-height:16px;margin:7px 4px 0;color:#ffb29f;font:500 10px/1.2 Clayo,Arial,sans-serif}.nickname-form small{display:block;margin:4px 4px 0;color:#fff6;font:400 10px/1.3 Clayo,Arial,sans-serif}@media(max-height:500px)and (orientation:landscape){.game-dialog{padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.game-dialog__panel{max-height:calc(100dvh - 20px);border-radius:24px}.leaderboard-panel{padding:18px 22px}.dialog-heading h2{font-size:28px}.leaderboard-tabs{margin:14px 0 10px}.leaderboard-tabs button{min-height:38px}.leaderboard-list{max-height:120px}.leaderboard-list li{min-height:38px}.leaderboard-status{min-height:24px;margin:8px 0 4px}}#rotate-device{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 38%,rgba(161,99,46,.2),transparent 36%),linear-gradient(145deg,#2d140c,#120906);text-align:center}.rotate-card{width:min(82vw,420px);padding:44px 34px 38px;border:1px solid rgba(217,172,92,.5);box-shadow:inset 0 0 0 5px #4b2313cc}.rotate-card h1{margin:8px 0 12px;font-size:clamp(30px,8vw,46px);font-weight:400}.rotate-card p{margin:0;line-height:1.5;color:#d5c4a5}.rotate-card .eyebrow{margin-top:22px;color:#d9ac5c;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.24em}.rotate-icon{position:relative;width:58px;height:82px;margin:0 auto;border:2px solid #d9ac5c;border-radius:9px;animation:turn 2.2s ease-in-out infinite}.rotate-icon:after{content:"";position:absolute;left:50%;bottom:7px;width:5px;height:5px;translate:-50% 0;border-radius:50%;background:#d9ac5c}@keyframes turn{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(orientation:portrait){#rotate-device{display:flex}}@media(max-height:650px)and (orientation:portrait){.instruction-ticket{top:42.4%;width:82vw}.instruction-kicker{margin-bottom:3px;font-size:7px}.instruction-ticket h2{font-size:16px;line-height:.92}.instruction-body{margin:6px 0 7px;font-size:9px;line-height:1.15}.instruction-ticket button{min-width:140px;min-height:38px;padding:10px 18px;font-size:10px}.onboarding-rotate{gap:6px;margin-top:5px;font-size:8px}.mini-phone{width:11px;height:18px;border-width:1px;border-radius:3px}}@media(prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(90deg)}}
