@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Press+Start+2P&display=swap";:root{--live-bg: #d9c4a2;--live-panel: #e8d6b9;--live-panel-soft: #f2e7d5;--live-line: #b28a5e;--live-ink: #3b2a1a;--live-ink-muted: #6b5238;--live-accent: #c88a47;--live-accent-strong: #ad6f34}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body.live-body{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;color:var(--live-ink);background:radial-gradient(1000px 620px at 20% -15%,#eddcc2,#eddcc200 62%),radial-gradient(900px 540px at 90% -10%,#e3cfaf,#e3cfaf00 58%),var(--live-bg)}.live-shell{width:min(1120px,calc(100vw - 36px));min-height:100vh;margin:0 auto;padding:24px 0 16px;display:grid;grid-template-rows:auto auto auto;gap:14px}.live-header{display:grid;gap:10px;justify-items:center;text-align:center}.live-header h1{margin:0;font-family:"Press Start 2P",IBM Plex Sans,monospace;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.6;color:#4a2f14;text-transform:uppercase;text-shadow:0 0 14px rgba(176,127,68,.22)}.live-header p{margin:0;max-width:860px;color:var(--live-ink-muted);font-size:13px;line-height:1.45}.live-stage{position:relative;width:min(100%,1024px);margin:0 auto;aspect-ratio:16 / 9;border:1px solid var(--live-line);border-radius:14px;background:var(--live-panel-soft);overflow:hidden;box-shadow:0 20px 36px #5c3e1f3b}#app{width:100%;height:100%;background:#102114;touch-action:none;position:relative}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.start-gate{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:linear-gradient(160deg,#49331ac2,#3d2913d6);transition:opacity .18s ease,transform .18s ease}.start-gate.is-hidden{opacity:0;transform:scale(.98);pointer-events:none}.start-gate-card{width:min(640px,100%);padding:22px 18px;border:1px solid #a77947;border-radius:12px;background:linear-gradient(180deg,#f5e7d3f5,#ead7bcf7);box-shadow:0 14px 30px #422b1359;text-align:center;display:grid;gap:12px}.start-gate-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#8f5c2b}.start-gate-card h2{margin:0;font-family:"Press Start 2P",IBM Plex Sans,monospace;font-size:clamp(.9rem,1.6vw,1.1rem);line-height:1.5;color:#4a2f14}.start-gate-card p{margin:0;color:var(--live-ink-muted);font-size:13px;line-height:1.45}.start-skin-picker{border:1px solid #d4b48e;border-radius:10px;background:#fff9f0d1;padding:10px;display:grid;gap:8px;text-align:left}.start-skin-picker.is-hidden{display:none}.start-skin-picker-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;color:#6a4725;text-transform:uppercase}.start-skin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.start-skin-option{border:1px solid #be9a70;border-radius:8px;background:linear-gradient(180deg,#fff8ed,#f4e5ce);color:#5f4328;display:grid;justify-items:center;gap:4px;padding:6px 4px;cursor:pointer;transition:transform 90ms ease,border-color 90ms ease,background 90ms ease}.start-skin-option:hover{transform:translateY(-1px)}.start-skin-option.is-selected{border-color:#6f8e40;background:linear-gradient(180deg,#f2f8de,#dfefbc)}.start-skin-option-preview{width:44px;height:66px;object-fit:contain;image-rendering:pixelated}.start-skin-option-label{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.02em;text-align:center}.start-skin-option-swatch{width:56px;height:10px;border-radius:999px;border:1px solid rgba(43,28,17,.45);box-shadow:inset 0 0 0 1px #ffffff52}.start-skin-picker-note{margin:0;font-size:11px;color:#70563a;line-height:1.3}.start-game-button{justify-self:center;border:1px solid #8c5b2d;border-radius:9px;background:linear-gradient(180deg,var(--live-accent),var(--live-accent-strong));color:#fff5e7;font-size:14px;font-weight:700;padding:11px 18px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.start-game-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.start-game-button.is-hidden{display:none}.start-game-button:active{transform:translateY(0)}.start-game-button:disabled{opacity:.75;cursor:default}.mobile-rotate-overlay{position:absolute;inset:0;z-index:85;display:none;align-items:center;justify-content:center;padding:20px;background:#26170ae6}.mobile-rotate-overlay.is-visible{display:flex}.mobile-rotate-overlay-card{width:min(640px,100%);border:1px solid #d2a676;border-radius:14px;background:linear-gradient(180deg,#f3e3c7fa,#e9d2affa);box-shadow:0 18px 34px #00000054;padding:22px 18px;text-align:center;display:grid;gap:12px}.mobile-rotate-overlay-card h2{margin:0;font-family:"Press Start 2P",IBM Plex Sans,monospace;font-size:clamp(1.05rem,4.8vw,1.5rem);line-height:1.5;color:#4a2f14}.mobile-rotate-overlay-card p{margin:0;color:#6e5238;font-size:clamp(13px,3.6vw,17px);line-height:1.4}.mobile-rotate-countdown{font-family:"Press Start 2P",IBM Plex Sans,monospace;font-size:clamp(.9rem,4vw,1.15rem);color:#8f5c2b}.live-footnote{margin:0;text-align:center;font-size:12px;line-height:1.4;color:var(--live-ink-muted)}.mobile-controls{display:none}@media(max-width:920px){.live-shell{width:min(1120px,calc(100vw - 20px));padding-top:14px;gap:10px}}@media(pointer:coarse)and (max-width:920px),(pointer:coarse)and (max-height:920px){.live-shell{width:100dvw;min-height:100dvh;padding:0;gap:0;display:block}.live-header,.live-footnote{display:none}.live-stage{width:100dvw;height:100dvh;max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none}#app{border-radius:0}.start-gate{border-radius:0;padding:16px}.start-gate-card{width:min(540px,100%)}.start-skin-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.start-skin-option{gap:3px;padding:5px 3px}.start-skin-option-preview{width:36px;height:54px}.start-skin-option-swatch{width:42px;height:8px}body.live-body.live-started .mobile-controls{position:absolute;inset:0;display:block;pointer-events:none;z-index:90}body.live-body.live-started.live-mobile-dialog-open .mobile-controls{display:none}.mobile-control-zone{position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-control-zone-left{left:0;bottom:0;width:clamp(216px,40vw,288px);height:clamp(216px,40vw,288px)}.mobile-control-zone-right{right:0;bottom:0;width:clamp(178px,34vw,250px);height:clamp(178px,34vw,250px)}.mobile-dpad{position:absolute;left:calc(env(safe-area-inset-left,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(14px,5vh,34px));width:clamp(144px,28vw,188px);height:clamp(144px,28vw,188px)}.mobile-control{position:absolute;width:clamp(38px,8vw,48px);height:clamp(38px,8vw,48px);border:1px solid rgba(194,145,84,.92);border-radius:14px;background:linear-gradient(180deg,#f1e0c3eb,#d5b991e0);color:#4a2f14;font-family:"Press Start 2P",IBM Plex Sans,monospace;font-size:clamp(11px,2vw,14px);line-height:1;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 8px 14px #26170a47}.mobile-control:active{filter:brightness(.96)}.mobile-control-up{top:0;left:50%;transform:translate(-50%)}.mobile-control-left{top:50%;left:0;transform:translateY(-50%)}.mobile-control-right{top:50%;right:0;transform:translateY(-50%)}.mobile-control-down{bottom:0;left:50%;transform:translate(-50%)}.mobile-action{position:absolute;right:calc(env(safe-area-inset-right,0px) + 22px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(18px,5vh,34px));width:clamp(80px,18vw,104px);height:clamp(80px,18vw,104px);border:1px solid rgba(194,145,84,.92);border-radius:999px;background:linear-gradient(180deg,#cd8742f2,#a26227ed);color:#fff3dd;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:clamp(15px,3vw,18px);font-weight:700;letter-spacing:.02em;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 10px 18px #26170a52}.mobile-action:active{transform:scale(.98);filter:brightness(.96)}.mobile-rotate-overlay-card{width:min(720px,100%);padding:28px 20px;gap:14px}}@media(pointer:coarse)and (max-width:920px)and (orientation:portrait),(pointer:coarse)and (max-height:920px)and (orientation:portrait){body.live-body.live-started .live-stage{background:#1f1710}body.live-body.live-started #app{width:100dvw;height:100dvh;position:absolute;inset:0;background:#1f1710}}