:root{--visual-viewport-height:100dvh;--visual-viewport-width:100dvw;--visual-viewport-top:0px;--visual-viewport-left:0px;color:#eef2f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#17191d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:var(--visual-viewport-height);margin:0;overflow:hidden}button{color:#121417;min-height:44px;font:inherit;background:#f4c542;border:0;border-radius:8px;padding:0 18px;font-weight:700}button.secondary{color:#eef2f6;background:#2b3038}.overlay{z-index:10;text-align:center;background:#121417ad;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.overlay[data-visible=true]{display:flex}.overlay__panel{width:min(520px,100%)}.overlay__command{letter-spacing:0;margin:0 0 12px}.overlay__message,.overlay__action{color:#bac3cf;margin:0 0 20px}.overlay[data-overlay=rotate]{padding:32px}.overlay[data-overlay=rotate] .overlay__panel{width:min(680px,100%)}.overlay[data-overlay=rotate] .overlay__command{text-wrap:balance;font-size:clamp(56px,13vw,88px);line-height:.98}.overlay[data-overlay=rotate] .overlay__message{color:#eef2f6;text-wrap:balance;font-size:clamp(38px,9vw,62px);font-weight:800;line-height:1}.overlay[data-overlay=start]{justify-content:center;align-items:center;padding:24px}.overlay[data-overlay=start] .overlay__panel{width:min(820px,100%);padding-top:0}.overlay[data-overlay=start] .overlay__command{text-wrap:balance;margin-bottom:20px;font-size:clamp(54px,9vw,92px);font-weight:900;line-height:.95}.overlay[data-overlay=start] .overlay__message,.overlay[data-overlay=start] .overlay__action{display:none}.overlay[data-overlay=start] .overlay__actions{justify-items:center;gap:20px;display:grid}.onboarding-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(800px,100%);display:grid}.onboarding-step{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:68px;display:grid}.onboarding-step span{color:#121417;background:#f4c542;border-radius:999px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.onboarding-step strong{color:#eef2f6;font-size:clamp(22px,3vw,30px);line-height:1.02}.overlay[data-overlay=start] button{border:2px solid #f4c542b8;min-width:168px;min-height:58px;padding:0 30px;font-size:clamp(18px,2.8vw,26px);box-shadow:0 8px 24px #00000047}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]){justify-content:center;align-items:center;padding:24px}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__panel{justify-items:center;width:min(760px,100%);padding-top:0;display:grid}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__command{text-wrap:balance;text-shadow:0 5px 18px #00000075;margin-bottom:16px;font-size:clamp(40px,9vh,82px);font-weight:900;line-height:.95}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__message{color:#f7fafc;text-wrap:balance;text-shadow:0 4px 14px #0000007a;max-width:780px;margin:0 0 18px;font-size:clamp(22px,4vw,38px);font-weight:800;line-height:1.12}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__action{color:#f4c542;text-wrap:balance;text-shadow:0 4px 14px #0000007a;background:#1214178f;border:2px solid #f4c542b8;border-radius:8px;max-width:780px;min-height:1.4em;margin:0 0 18px;padding:12px 18px;font-size:clamp(18px,3vw,28px);font-weight:900;line-height:1.12}.overlay__message:empty,.overlay__action:empty{display:none}.overlay[data-overlay=preroll]{z-index:30;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 7px),radial-gradient(circle at 50% 48%,#0a6bb452,#0000 48%),#12141757;overflow:hidden}.overlay[data-overlay=preroll] .overlay__panel{width:min(720px,100%)}.overlay[data-overlay=preroll] .overlay__message,.overlay[data-overlay=preroll] .overlay__action{margin-top:18px;display:block}.overlay[data-overlay=preroll][data-logo-mode=true]{background:radial-gradient(circle at 50% 48%,#0057b838,#0000 46%),#05080d;align-items:center;animation:.9s ease-out both arcade-flash}.overlay[data-overlay=preroll][data-logo-mode=true] .overlay__panel{width:min(1120px,98vw);max-width:98vw;padding-top:0}.overlay[data-overlay=preroll][data-logo-mode=true] .overlay__command{margin:0;animation:.9s cubic-bezier(.12,.85,.24,1) both deda-logo-pop;display:inline-block;transform:scaleX(1.06)}.deda-arcade-logo{object-fit:contain;width:min(86vw,1000px);height:auto;display:block}.overlay[data-overlay=preroll] .overlay__actions,.overlay[data-overlay=preroll][data-logo-mode=true] .overlay__message,.overlay[data-overlay=preroll][data-logo-mode=true] .overlay__action{display:none}.overlay__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.overlay[data-overlay=hub] .overlay__panel{width:min(900px,100%)}.overlay[data-overlay=hub] .overlay__command{max-width:860px;margin-bottom:18px;font-size:clamp(46px,8vw,84px);line-height:.96}.overlay[data-overlay=hub] .overlay__message{font-size:clamp(24px,4vw,38px);line-height:1.08}.overlay[data-overlay=hub] .overlay__action{font-size:clamp(18px,2.9vw,26px)}.hub-cards{grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;width:min(360px,100%);margin:0 auto 4px;display:grid}.hub-cards[hidden]{display:none}.hub-card{color:#eef2f6;background:#2b3038d1;border:1px solid #f4c5425c;border-radius:8px;place-items:center;min-height:54px;padding:8px;font-weight:800;display:grid}.debug-panel{right:max(8px, calc(100vw - var(--visual-viewport-left) - var(--visual-viewport-width) + 8px));bottom:max(8px, calc(100vh - var(--visual-viewport-top) - var(--visual-viewport-height) + 8px));z-index:20;width:min(360px, calc(var(--visual-viewport-width) - 16px));max-height:calc(var(--visual-viewport-height) - 16px);color:#d8dee8;text-align:left;background:#0c0e12e0;border:1px solid #ffffff2e;border-radius:8px;padding:10px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;overflow:auto}.debug-panel[data-collapsed=true]{width:min(260px, calc(var(--visual-viewport-width) - 16px));overflow:visible}.debug-panel__toggle{width:100%;min-height:34px;font:inherit;color:#121417;background:#f4c542;border-radius:5px;padding:0 8px}.debug-panel__feedback{color:#ffe08a;overflow-wrap:anywhere;background:#f4c5421f;border:1px solid #f4c54257;border-radius:5px;margin:8px 0 10px;padding:6px 8px;font-weight:800}.debug-panel__body[hidden]{display:none}.debug-panel__actions{z-index:1;background:#0c0e12f5;grid-template-columns:1fr 1fr;gap:6px;margin:-10px -10px 10px;padding:10px;display:grid;position:sticky;top:0}.debug-panel__actions button{min-height:30px;font:inherit;color:#eef2f6;background:#313844;border-radius:5px;padding:0 8px}.debug-panel__wide-action{grid-column:1/-1}.debug-panel dl{grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;display:grid}.debug-panel dt,.debug-panel dd{margin:0}.debug-panel dd{overflow-wrap:anywhere}.debug-panel__sliders{gap:8px;margin-top:10px;display:grid}.debug-panel__sliders label{gap:4px;display:grid}.debug-panel__sliders input{width:100%}@media (orientation:landscape) and (height<=520px){button{min-height:36px;padding:0 14px}.overlay{align-items:flex-start;padding:12px}.overlay__panel{max-width:min(460px,100%);padding-top:max(8px, var(--visual-viewport-top))}.overlay__command{margin-bottom:8px;font-size:22px;line-height:1.12}.overlay__message,.overlay__action{margin-bottom:12px;font-size:14px;line-height:1.35}.overlay__actions{gap:8px}.overlay[data-overlay=start]{align-items:center}.overlay[data-overlay=start] .overlay__panel{max-width:min(760px,100%);padding-top:0}.overlay[data-overlay=start] .overlay__command{margin-bottom:12px;font-size:clamp(38px,7.8vw,56px);line-height:.95}.overlay[data-overlay=start] .overlay__actions{gap:12px}.onboarding-steps{gap:8px}.onboarding-step{gap:7px;min-height:42px}.onboarding-step span{width:30px;height:30px;font-size:16px}.onboarding-step strong{font-size:clamp(14px,2.15vw,18px);line-height:1.05}.overlay[data-overlay=start] button{min-height:44px;font-size:clamp(16px,2.4vw,20px)}.overlay[data-overlay=preroll][data-logo-mode=true] .overlay__command{transform:scaleX(1.06)}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]){align-items:center;padding:12px}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__panel{max-width:min(620px,100%);padding-top:0}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__command{margin-bottom:10px;font-size:clamp(34px,7vw,54px);line-height:.95}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__message{margin-bottom:12px;font-size:clamp(16px,3vw,22px);line-height:1.12}.overlay:is([data-overlay=preroll],[data-overlay=calibration],[data-overlay=result],[data-overlay=hub],[data-overlay=unsupported],[data-overlay=denied]) .overlay__action{margin-bottom:12px;padding:8px 12px;font-size:clamp(14px,2.45vw,19px);line-height:1.12}.deda-arcade-logo{width:min(86vw,860px)}.overlay[data-overlay=hub]{padding:12px}.overlay[data-overlay=hub] .overlay__panel{max-width:min(760px,100%)}.overlay[data-overlay=hub] .overlay__command{font-size:clamp(36px,7.4vw,56px)}.overlay[data-overlay=hub] .overlay__message{font-size:clamp(18px,3.2vw,24px)}.hub-cards{grid-template-columns:repeat(4,minmax(72px,1fr));gap:6px;width:min(440px,100%)}.hub-card{min-height:42px;padding:6px;font-size:12px;line-height:1.15}.debug-panel{right:max(6px, calc(100vw - var(--visual-viewport-left) - var(--visual-viewport-width) + 6px));bottom:max(6px, calc(100vh - var(--visual-viewport-top) - var(--visual-viewport-height) + 6px));width:min(42vw,420px);max-height:calc(var(--visual-viewport-height) - 12px);padding:8px;font-size:11px}.debug-panel[data-collapsed=true]{width:min(48vw,300px)}.debug-panel__toggle{min-height:30px;padding:0 6px}.debug-panel__feedback{margin:6px 0 8px;padding:5px 6px}.debug-panel__actions{grid-template-columns:repeat(3,minmax(0,1fr));margin:-8px -8px 8px;padding:8px}.debug-panel__actions button{min-height:28px;padding:0 6px}}@keyframes deda-logo-pop{0%{opacity:0;filter:blur(6px);transform:scaleX(1.06)scale(.82)}62%{opacity:1;filter:blur();transform:scaleX(1.06)scale(1.04)}to{opacity:1;filter:blur();transform:scaleX(1.06)scale(1)}}@keyframes arcade-flash{0%{filter:brightness(1.8)}to{filter:brightness()}}