:root{--font-display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--text:#f6f7ff;--muted:#f6f7ffb8;--glass:#080c1e8c;--glass-line:#ffffff24;--heart:#ff4d62}*{box-sizing:border-box}html,body{background:#0b0f24;height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}#root{position:fixed;inset:0}.dv-app{--accent:#7fd8ff;--accent-dark:#2f7fb8;--ink:#06203a;--deep:#0d1a3a}.dv-era-stone{--accent:#ffc34a;--accent-dark:#b07a18;--ink:#2a1a00;--deep:#2a2010}.dv-era-dino{--accent:#ff8a3a;--accent-dark:#b04a14;--ink:#2a0e00;--deep:#2a1018}.dv-era-london{--accent:#ffb030;--accent-dark:#b0601a;--ink:#2a1200;--deep:#200a08}.dv-era-ny{--accent:#f2c45a;--accent-dark:#a87a20;--ink:#2a1c00;--deep:#1c2238}.dv-era-noir{--accent:#f2f2f2;--accent-dark:#8a8a8a;--ink:#111;--deep:#0c0c10}.dv-app{background:var(--deep);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.dv-canvas{position:absolute;inset:0}.dv-canvas canvas{touch-action:none;display:block}.dv-btn{appearance:none;cursor:pointer;font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);background:var(--accent);box-shadow:0 5px 0 var(--accent-dark), 0 10px 24px #00000059;border:0;border-radius:999px;padding:12px 26px;font-size:20px;transition:transform .1s,box-shadow .1s,filter .15s}.dv-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.dv-btn:active{box-shadow:0 1px 0 var(--accent-dark), 0 4px 12px #0000004d;transform:translateY(4px)}.dv-btn:focus-visible,.dv-ghost:focus-visible,.dv-chip-btn:focus-visible,.dv-age:focus-visible,.dv-round:focus-visible{outline-offset:3px;outline:3px solid #fff}.dv-ghost{appearance:none;cursor:pointer;border:2px solid var(--glass-line);font-family:var(--font-display);letter-spacing:.03em;background:#ffffff14;border-radius:999px;padding:9px 20px;font-size:16px;transition:background .15s,transform .1s}.dv-ghost:hover{background:#ffffff29}.dv-ghost:active{transform:translateY(1px)}.dv-round{appearance:none;cursor:pointer;background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s,transform .1s;display:grid}.dv-round:hover{background:#ffffff26}.dv-round svg{width:20px;height:20px}.dv-hud{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.dv-hud>*{pointer-events:auto}.dv-hud-left,.dv-hud-right{align-items:center;gap:8px;display:flex}.dv-chip{background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);height:44px;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:20px;display:flex}.dv-chip small{color:var(--muted);font-size:13px}.dv-chip .lbl{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.dv-chip svg{flex:none;width:22px;height:22px}.dv-hearts svg{fill:#ffffff2e;width:24px;height:24px;transition:fill .2s,transform .2s}.dv-hearts svg.on{fill:var(--heart);filter:drop-shadow(0 2px #0000004d)}.dv-gem-dot{background:currentColor;border-radius:4px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 10px}.dv-level-name{font-size:16px}.dv-item{color:var(--ink);background:var(--accent);border-color:#0000}.dv-item .key{font-family:var(--font-body);background:#0000002e;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:900}.dv-toast{left:50%;top:max(70px, calc(env(safe-area-inset-top) + 62px));z-index:4;text-align:center;opacity:0;pointer-events:none;background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);max-width:calc(100% - 32px);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;padding:9px 20px;font-size:18px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-12px)}.dv-toast.show{opacity:1;transform:translate(-50%)}.dv-title{z-index:5;padding:24px 16px max(28px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(at 50% 45%,#0000 20%,#0000008c 100%),linear-gradient(#00000026,#0000 30%,#00000080);flex-direction:column;justify-content:center;align-items:center;animation:.5s both dvFade;display:flex;position:absolute;inset:0}.dv-tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);text-shadow:0 2px 6px #0009;margin-bottom:6px;font-size:13px;font-weight:900}.dv-logo{line-height:.86;font-family:var(--font-display);color:#fff;text-transform:uppercase;margin:0;font-weight:400}.dv-logo span{display:block}.dv-logo .a{letter-spacing:.06em;color:var(--accent);text-shadow:0 4px 0 var(--accent-dark), 0 8px 18px #00000080;font-size:clamp(34px,7vw,64px)}.dv-logo .b{letter-spacing:.01em;text-shadow:0 2px 0 #c8d0e8, 0 5px 0 var(--accent-dark), 0 8px 0 #00000059, 0 16px 30px #0000008c;font-size:clamp(56px,13vw,132px);animation:3.4s ease-in-out infinite dvBob}.dv-title-actions{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(22px,5vh,46px);display:flex}.dv-start{padding:14px 64px;font-size:clamp(26px,4vw,34px);animation:2.2s ease-in-out infinite dvPulse}.dv-chip-btn{appearance:none;cursor:pointer;background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;align-items:center;gap:10px;padding:7px 10px 7px 7px;font-size:19px;transition:background .15s,transform .1s;display:flex}.dv-chip-btn:hover{background:#ffffff24;transform:translateY(-1px)}.dv-chip-btn .badge{background:var(--accent);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:15px}.dv-chip-btn svg{opacity:.8;width:18px;height:18px}.dv-title-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dv-title-foot{bottom:max(14px, env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:13px;font-weight:800;position:absolute;left:0;right:0}.dv-title-foot kbd{font-family:var(--font-body);background:#ffffff24;border-bottom:2px solid #0000004d;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:900}.dv-title-corner{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));position:absolute}.dv-backdrop{z-index:8;-webkit-backdrop-filter:blur(4px);background:#0406128c;place-items:center;padding:16px;animation:.2s both dvFade;display:grid;position:absolute;inset:0}.dv-panel{text-align:center;background:linear-gradient(170deg, color-mix(in srgb, var(--deep) 70%, #2a3060), var(--deep));border:3px solid #ffffff29;border-radius:26px;width:100%;max-width:460px;max-height:calc(100% - 8px);padding:26px 24px 24px;animation:.28s cubic-bezier(.2,1.4,.4,1) both dvPop;position:relative;overflow:auto;box-shadow:0 0 0 6px #00000040,0 24px 60px #0000008c}.dv-panel.wide{max-width:760px}.dv-panel h2{font-family:var(--font-display);letter-spacing:.02em;color:#fff;text-shadow:0 3px #00000059;margin:0 0 6px;font-size:34px;font-weight:400}.dv-panel .sub{color:var(--muted);margin:0 0 18px;font-weight:800}.dv-panel .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:900}.dv-close{width:38px;height:38px;position:absolute;top:12px;right:12px}.dv-panel-actions{flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.dv-panel p{line-height:1.5}.dv-ages{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dv-age{appearance:none;cursor:pointer;border:3px solid #ffffff24;border-radius:18px;flex-direction:column;justify-content:flex-end;gap:2px;min-height:132px;padding:14px;transition:transform .12s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #00000059}.dv-age:hover:not(:disabled){border-color:#ffffff80;transform:translateY(-3px)}.dv-age.on{box-shadow:0 5px 0 #00000059, 0 0 0 4px var(--accent);border-color:#fff}.dv-age .num{font-family:var(--font-display);letter-spacing:.06em;background:#00000059;border-radius:999px;padding:2px 10px;font-size:15px;position:absolute;top:10px;left:12px}.dv-age .emblem{opacity:.9;filter:drop-shadow(0 3px #00000040);width:54px;height:54px;position:absolute;top:6px;right:8px}.dv-age .name{font-family:var(--font-display);text-shadow:0 2px #00000059;font-size:21px;line-height:1.05}.dv-age .date{color:#ffffffc7;font-size:12px;font-weight:800}.dv-age .best{color:#ffe08a;font-size:12px;font-weight:900}.dv-age:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.62);box-shadow:0 5px #00000059,inset 0 0 0 999px #0a0c1840}.dv-age:disabled .name{opacity:.85}.dv-age .emblem.lock{opacity:1;width:46px;height:46px;top:10px;right:10px}.dv-age-ice{background:linear-gradient(160deg,#6aa8e8,#1a2a5a)}.dv-age-stone{background:linear-gradient(160deg,#8cc860,#5a4020)}.dv-age-dino{background:linear-gradient(160deg,#e8783a,#3a1a3a)}.dv-age-london{background:linear-gradient(160deg,#ff8a2a,#2a0a10)}.dv-age-ny{background:linear-gradient(160deg,#f0b070,#24406e)}.dv-age-noir{background:linear-gradient(160deg,#8a8c94,#0c0c10)}.dv-help{text-align:left;grid-template-columns:1fr 1fr;gap:14px;display:grid}.dv-help section{border:2px solid var(--glass-line);background:#ffffff0f;border-radius:16px;padding:14px 16px}.dv-help h3{font-family:var(--font-display);color:var(--accent);letter-spacing:.02em;margin:0 0 10px;font-size:20px;font-weight:400}.dv-help ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.dv-help li{align-items:center;gap:10px;font-size:14px;font-weight:800;line-height:1.3;display:flex}.dv-help li svg{flex:none;width:28px;height:28px}.dv-help .wide{grid-column:1/-1}.dv-keys{flex:none;gap:4px;min-width:92px;display:flex}.dv-key{color:#1a1e3a;min-width:30px;height:30px;font-family:var(--font-display);background:#f0f2ff;border-radius:8px;place-items:center;padding:0 7px;font-size:14px;display:inline-grid;box-shadow:0 3px #9aa0c8}.dv-key.wide{min-width:70px}.dv-tally{text-align:left;grid-template-columns:1fr auto;gap:8px 16px;margin:6px 0 4px;font-size:16px;font-weight:800;display:grid}.dv-tally span{color:var(--muted)}.dv-tally b{font-family:var(--font-display);text-align:right;font-size:19px;font-weight:400}.dv-tally .total{color:#fff;border-top:2px solid var(--glass-line);padding-top:8px}.dv-tally b.total{color:var(--accent);font-size:26px}.dv-big-score{font-family:var(--font-display);color:var(--accent);text-shadow:0 4px 0 var(--accent-dark);margin:8px 0 6px;font-size:64px;line-height:1}.dv-touch{z-index:3;padding:0 max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:0;left:0;right:0}.dv-touch button{pointer-events:auto;appearance:none;color:#fff;touch-action:none;-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;font-family:var(--font-display);background:#080c1e6b;border:2px solid #ffffff40;border-radius:50%;place-items:center;font-size:20px;display:grid}.dv-touch button.on{background:#ffffff47;transform:scale(.96)}.dv-pad{align-items:flex-end;gap:10px;display:flex}.dv-pad button{width:66px;height:66px}.dv-pad svg{width:26px;height:26px}.dv-actions{align-items:flex-end;gap:12px;display:flex}.dv-actions .use{width:64px;height:64px;margin-bottom:26px;font-size:16px}.dv-actions .jump{background:color-mix(in srgb, var(--accent) 70%, transparent);width:88px;height:88px;color:var(--ink);border-color:#0000}.dv-touch-only{display:none!important}@media (pointer:coarse){.dv-phase-play .dv-touch{display:flex}.dv-desk-only{display:none!important}.dv-touch-only{display:revert!important}.dv-help ul.dv-touch-only{display:flex!important}}@media (width<=720px){.dv-chip{height:38px;padding:0 12px;font-size:17px}.dv-round{width:38px;height:38px}.dv-hearts svg{width:19px;height:19px}.dv-hide-sm{display:none!important}.dv-ages{grid-template-columns:repeat(2,1fr)}.dv-help{grid-template-columns:1fr}.dv-panel{padding:22px 16px 18px}.dv-panel h2{font-size:28px}}@media (height<=500px){.dv-logo .b{font-size:54px}.dv-logo .a{font-size:28px}.dv-title-actions{gap:10px;margin-top:14px}.dv-start{padding:10px 48px;font-size:24px}.dv-title-foot{display:none}}@keyframes dvFade{0%{opacity:0}}@keyframes dvPop{0%{opacity:0;transform:scale(.88)translateY(10px)}}@keyframes dvBob{50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes dvPulse{50%{box-shadow:0 5px 0 var(--accent-dark), 0 0 0 10px color-mix(in srgb, var(--accent) 22%, transparent), 0 10px 24px #00000059}}@media (prefers-reduced-motion:reduce){.dv-logo .b,.dv-start{animation:none}}.dv-help li svg.dv-help-heart{fill:var(--heart)}@media (width<=440px){.dv-pad{gap:8px}.dv-pad button{width:54px;height:54px}.dv-actions{gap:8px}.dv-actions .use{width:52px;height:52px;margin-bottom:22px;font-size:14px}.dv-actions .jump{width:74px;height:74px;font-size:17px}}