: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]{background:linear-gradient(#09232af0,#151819f5),#111819;justify-content:center;align-items:center;padding:24px}.overlay[data-overlay=start] .overlay__panel{justify-items:center;width:min(980px,100%);padding-top:0;display:grid}.overlay[data-overlay=start] .overlay__command{color:#f6f1dc;text-wrap:balance;text-shadow:0 5px 18px #0000006b;margin-bottom:18px;font-size:clamp(44px,7.4vw,78px);font-weight:900;line-height:.98}.overlay[data-overlay=start] .overlay__message{display:none}.overlay[data-overlay=start] .overlay__action{color:#f4c542;text-transform:uppercase;min-height:1.2em;margin:14px 0 0;font-size:clamp(14px,2vw,20px);font-weight:900;line-height:1.1;display:block}.overlay[data-overlay=start] .overlay__actions{justify-items:center;gap:10px;width:100%;display:grid}.activity-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(900px,100%);display:grid}.activity-card{color:#f6f1dc;text-align:center;background:#121f1fe6;border:2px solid #f6f1dc3d;border-radius:8px;grid-template-rows:auto auto auto;justify-items:center;gap:8px;min-height:168px;padding:18px 12px 14px;display:grid;position:relative;box-shadow:0 10px 28px #0000004d}.activity-card[data-selected=true]{background:#2e3224f0;border-color:#f4c542;transform:translateY(-4px)}.activity-card[data-selected=true]:after{content:"";pointer-events:none;border:2px solid #f4c5426b;border-radius:6px;position:absolute;inset:8px}.activity-card[data-locked=true]{color:#f6f1dc6b;box-shadow:none;background:#0f1212d6;border-color:#f6f1dc1f;transform:none}.activity-card__icon{border:2px solid;border-radius:50%;place-items:center;width:58px;height:58px;font-size:34px;font-weight:900;line-height:1;display:grid}.activity-card__title{font-size:clamp(22px,3.2vw,34px);font-weight:900;line-height:1}.activity-card__meta{color:#f4c542;text-transform:uppercase;min-height:1.1em;font-size:clamp(13px,1.6vw,17px);font-weight:800;line-height:1.1}.activity-card[data-locked=true] .activity-card__meta{color:#f6f1dc7a}.activity-os-hint{color:#f6f1dcc7;font-size:clamp(13px,1.7vw,18px);font-weight:800;line-height:1.15}.overlay[data-overlay=start] button{min-height:0;font:inherit;padding:18px 12px 14px}.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}.mockup-overlay,.overlay[data-overlay=preroll][data-mockup-mode=place],.overlay[data-overlay=preroll][data-mockup-mode=stand],.overlay[data-overlay=preroll][data-mockup-mode=ready]{background:#020304;padding:0;overflow:hidden}.mockup-overlay .overlay__panel,.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__panel,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__panel,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__panel{width:100%;max-width:none;height:100%;padding:0;display:block}.mockup-overlay .overlay__command,.mockup-overlay .overlay__message,.mockup-overlay .overlay__action,.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__command,.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__message,.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__action,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__command,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__message,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__action,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__command,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__message,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__action{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mockup-overlay .overlay__actions,.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__actions,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__actions,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__actions{width:100%;height:100%;display:block}.onboarding-mockup{object-fit:contain;width:100%;height:100%;display:block}.overlay[data-overlay=preroll] .onboarding-mockup{display:none}.overlay[data-overlay=preroll][data-mockup-mode=place] .onboarding-mockup--place,.overlay[data-overlay=preroll][data-mockup-mode=stand] .onboarding-mockup--stand,.overlay[data-overlay=preroll][data-mockup-mode=ready] .onboarding-mockup--ready{display:block}.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{display:none}.overlay[data-overlay=preroll][data-mockup-mode=place] .overlay__actions,.overlay[data-overlay=preroll][data-mockup-mode=stand] .overlay__actions,.overlay[data-overlay=preroll][data-mockup-mode=ready] .overlay__actions{width:100%;height:100%;display:block}.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].mockup-overlay .overlay__panel{width: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(34px,6.8vw,48px);line-height:.95}.overlay[data-overlay=start] .overlay__actions{gap:8px}.activity-select{gap:8px;width:min(720px,100%)}.activity-card{gap:5px;min-height:118px;padding:10px 8px 8px}.activity-card[data-selected=true]{transform:translateY(-2px)}.activity-card__icon{width:40px;height:40px;font-size:23px}.activity-card__title{font-size:clamp(16px,2.6vw,22px);line-height:1}.activity-card__meta{font-size:clamp(10px,1.7vw,13px)}.activity-os-hint,.overlay[data-overlay=start] .overlay__action{font-size:clamp(10px,1.8vw,14px);line-height:1.1}.overlay[data-overlay=start] button{padding:10px 8px 8px}.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()}}