@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-400.woff2) format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/oswald.woff2) format("woff2")}:root{--bg-0: #0b0a09;--bg-1: #14110e;--bg-2: #1d1915;--stone-hi: #9c928172;--stone-1: #6f665a;--stone-2: #524a40;--stone-3: #3a342c;--stone-edge: #201c17;--stone-rim: #5b5348;--blood: #8f1d1d;--blood-bright: #c62a2a;--blood-deep: #5a1414;--gold: #d8ad4e;--gold-bright: #f0cd6e;--gold-deep: #8a6a24;--bone: #ece5d6;--bone-dim: #b4ab99;--ink: #0a0806;--win: #63c26a;--loss: #cf4b4b;--panel-radius: 14px;--safe: env(safe-area-inset-top, 0px);--gutter: 26px;--bar-h: 44px;--gap: 12px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;background:#000;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;font-family:Oswald,system-ui,Segoe UI,Roboto,sans-serif;color:var(--bone)}.font-display{font-family:Anton,Oswald,Impact,system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase}#stage-root{position:fixed;inset:0;background:var(--bg-0);display:flex;align-items:center;justify-content:center}.stage{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 8%,rgba(238,226,180,.09),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));box-shadow:0 0 80px #000c inset}.stage.rotated{transform-origin:center center;transform:rotate(90deg)}.rotate-hint{position:fixed;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:var(--bg-0);color:var(--bone-dim);text-align:center;padding:24px;z-index:9999}.rotate-hint .phone{width:54px;height:90px;border:3px solid var(--bone-dim);border-radius:10px;animation:tilt 1.8s ease-in-out infinite}@keyframes tilt{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.panel,.btn,.field{--bw: 13px;--plate: url(/assets/ui/plate-stone.png);--key-bar: inset 6px 0 0 var(--key, transparent);position:relative;border:var(--bw) solid transparent;border-radius:0;border-image:var(--plate) 26 / var(--bw) / 0 stretch;background-image:url(/assets/ui/grain.png),var(--face);background-blend-mode:overlay,normal;background-repeat:repeat,no-repeat;background-size:128px 128px,100% 100%;background-clip:padding-box;background-origin:padding-box}.panel{--face: linear-gradient(180deg, #6d6558 0%, #575044 38%, #403a31 72%, #2e2b25 100%);box-shadow:var(--key-bar),inset 0 3px 7px #00000080,inset 0 -3px 6px #0006;filter:drop-shadow(0 7px 12px rgba(0,0,0,.55))}.panel:after,.btn:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:radial-gradient(ellipse 20% 12% at 11% 9%,rgba(96,14,14,.55),transparent 70%),radial-gradient(ellipse 13% 8% at 79% 7%,rgba(96,14,14,.42),transparent 70%),radial-gradient(ellipse 9% 18% at 97% 55%,rgba(84,12,12,.35),transparent 72%),linear-gradient(180deg,transparent 52%,rgba(92,48,16,.32) 100%)}.blood-splat:after{opacity:.95;background:radial-gradient(ellipse 26% 15% at 14% 86%,rgba(105,12,12,.78),transparent 70%),radial-gradient(ellipse 19% 11% at 84% 13%,rgba(105,12,12,.66),transparent 70%),radial-gradient(ellipse 11% 23% at 96% 60%,rgba(90,10,10,.55),transparent 70%),radial-gradient(ellipse 15% 9% at 38% 12%,rgba(112,16,16,.5),transparent 72%),linear-gradient(180deg,transparent 48%,rgba(92,48,16,.34) 100%)}.panel--header,.panel--danger{--plate: url(/assets/ui/plate-red.png);--face: linear-gradient(180deg, #8a2626 0%, #6d1d1d 45%, #4c1414 100%)}.panel--gold{--plate: url(/assets/ui/plate-gold.png);--face: linear-gradient(180deg, #b3913f 0%, #8f7130 45%, #634d1a 100%);color:#2a2008}.panel--silver{--plate: url(/assets/ui/plate-place2.png);--face: linear-gradient(180deg, #a4a099 0%, #85817a 45%, #5b584f 100%);color:#23201a}.field{--bw: 10px;--plate: url(/assets/ui/plate-slot.png);--face: linear-gradient(180deg, #26221d 0%, #302b25 65%, #3a352d 100%);box-shadow:inset 0 4px 7px #000000a6;color:var(--bone);outline:none}.field::placeholder{color:var(--bone-dim);opacity:.55}.field:focus{box-shadow:inset 0 4px 7px #000000a6,inset 0 0 0 2px #d8ad4e8c}.screen{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--gap);padding:var(--gutter)}.bar{flex:none;display:flex;align-items:stretch;gap:10px;height:var(--bar-h)}.bar>.panel,.bar>.btn{display:flex;align-items:center;--bw: 10px;padding:0 6px}.bar>.panel--header{padding:0 12px}.bar img{height:100%;width:auto}.bar__spacer{flex:1}.chip{display:flex;align-items:center;gap:8px;padding:0 4px;white-space:nowrap}.btn{--plate: url(/assets/ui/plate-btn.png);--face: linear-gradient(180deg, #7d7566 0%, #655d50 38%, #4a443a 74%, #35312a 100%);font-family:Anton,Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--bone);box-shadow:var(--key-bar),inset 0 3px 6px #00000073,inset 0 -3px 5px #00000059;text-shadow:0 2px 3px rgba(0,0,0,.75);cursor:pointer;filter:drop-shadow(0 5px 9px rgba(0,0,0,.5));transition:transform .06s ease,filter .12s ease;padding:.15em .45em}.btn:hover:not(:disabled){filter:drop-shadow(0 6px 11px rgba(0,0,0,.55)) brightness(1.07)}.btn:active{transform:translateY(2px);filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) brightness(1.1)}.btn:disabled{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)) grayscale(.5) brightness(.75);cursor:not-allowed}.btn--primary{--plate: url(/assets/ui/plate-red.png);--face: linear-gradient(180deg, #a03227 0%, #7e2a20 45%, #571b15 100%)}.btn--gold{--plate: url(/assets/ui/plate-gold.png);--face: linear-gradient(180deg, #c2a04b 0%, #9c7c33 50%, #6b541d 100%);color:#2a2008;text-shadow:0 1px 1px rgba(255,255,255,.3)}.title-distressed{color:#efe7d7;-webkit-text-stroke:1.5px var(--stone-edge);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.8),0 0 16px rgba(150,26,26,.5),0 0 30px rgba(120,20,20,.32)}.gold-frame{--plate: url(/assets/ui/plate-gold.png);box-shadow:var(--key-bar),inset 0 3px 7px #00000080,inset 0 -3px 6px #0006;filter:drop-shadow(0 0 7px rgba(216,173,78,.5)) drop-shadow(0 7px 12px rgba(0,0,0,.6))}.coin{width:1.5em;height:1.5em;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold-deep));border:2px solid #4a3812;display:inline-flex;align-items:center;justify-content:center;color:#3a2c08;font-weight:700;flex:none}.scrim{position:absolute;inset:0;background:#060504b8;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:40}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin-slow{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blink{animation:blink .7s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.landing{position:absolute;inset:0;overflow:hidden;background-color:#0a0c0d;background-image:url(/assets/landing.jpg);background-size:cover;background-position:center}.landing:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 95% at 50% 42%,transparent 55%,rgba(0,0,0,.4) 100%);pointer-events:none}.load-wrap{position:absolute;left:50%;bottom:66px;transform:translate(-50%);width:760px;z-index:3;text-align:center}.load-track{position:relative;height:14px;border-radius:8px;background:linear-gradient(180deg,#14100e,#241d18);border:2px solid #0b0908;box-shadow:0 2px #ffffff0f,0 -2px 6px #000000b3 inset;overflow:visible}.load-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--blood-deep),var(--blood-bright) 55%,var(--gold-bright));box-shadow:0 0 14px #d8ad4e8c;transition:width .18s linear}.load-runner{position:absolute;bottom:7px;transform:translate(-50%);transition:left .18s linear;filter:drop-shadow(0 0 10px rgba(240,205,110,.65));pointer-events:none}.load-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;color:var(--bone-dim);font-size:14px;letter-spacing:.28em}.load-pct{color:var(--gold-bright);font-size:16px;letter-spacing:.1em}.rr-legA{animation:rrLegA .26s linear infinite;transform-origin:0 0}.rr-legB{animation:rrLegB .26s linear infinite;transform-origin:0 0}.rr-tail{animation:rrTail .5s ease-in-out infinite;transform-origin:100% 50%}.rr-body{animation:rrBob .26s ease-in-out infinite}@keyframes rrLegA{0%,to{transform:rotate(26deg)}50%{transform:rotate(-26deg)}}@keyframes rrLegB{0%,to{transform:rotate(-26deg)}50%{transform:rotate(26deg)}}@keyframes rrTail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes rrBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.enter-cue{display:flex;justify-content:center;min-height:56px;align-items:center}.tap-prompt{display:inline-block;font-size:34px;line-height:1;letter-spacing:.16em;color:#ffe7a4;animation:tapPulse 1.5s ease-in-out infinite;will-change:transform,opacity}@keyframes tapPulse{0%,to{opacity:.78;transform:scale(1);text-shadow:0 0 14px rgba(240,205,110,.4),0 3px 0 rgba(0,0,0,.85)}50%{opacity:1;transform:scale(1.045);text-shadow:0 0 26px rgba(240,205,110,.95),0 0 62px rgba(214,118,58,.45),0 3px 0 rgba(0,0,0,.85)}}@media (prefers-reduced-motion: reduce){.rr-legA,.rr-legB,.rr-tail,.rr-body{animation:none}.tap-prompt{animation:none;opacity:1}}.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--stone-1) transparent}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--stone-1);border-radius:8px}.panel--place1{--plate: url(/assets/ui/plate-place1.png);--face: linear-gradient(180deg, #9c7d36 0%, #7a5f21 55%, #4f3d12 100%)}.panel--place2{--plate: url(/assets/ui/plate-place2.png);--face: linear-gradient(180deg, #8d8a83 0%, #6f6c66 55%, #4a4842 100%)}.panel--place3{--plate: url(/assets/ui/plate-place3.png);--face: linear-gradient(180deg, #7a3f22 0%, #5c2e17 55%, #3a1c0d 100%)}