@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap");game-shell:not(:defined){display:none}game-shell :not(:defined){visibility:hidden}game-shell [hidden]{display:none!important}:root{--game-bg:#111;--game-text:#eee;--game-accent:#fff;--game-overlay-bg:rgba(0,0,0,.8);--game-btn-bg:#fff;--game-btn-text:#111;--game-btn-border:hsla(0,0%,100%,.5);--game-result-gradient-from:#6ee7b7;--game-result-gradient-to:#3b82f6}*,:after,:before{box-sizing:border-box}body,html{background:var(--game-bg);color:var(--game-text);font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;height:100dvh;overflow:clip;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100dvw}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}[data-overlay]{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--game-overlay-bg,rgba(0,0,0,.8));color:var(--game-text,#eee);display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:max(40px,env(safe-area-inset-top)) max(40px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left));position:fixed;text-align:center;z-index:100}[data-overlay] h1{font-size:max(28px,min(5vw,56px));letter-spacing:-.02em;margin-bottom:16px}[data-overlay] p{font-size:max(14px,min(2vw,20px));line-height:1.6;margin-bottom:12px;max-width:600px;opacity:.8}[data-overlay] button{background:var(--game-btn-bg);border:none;border-radius:8px;color:var(--game-btn-text);cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;margin-top:24px;padding:14px 40px;transition:transform .15s ease,box-shadow .15s ease}[data-overlay] button:hover{box-shadow:0 4px 20px hsla(0,0%,100%,.2);transform:scale(1.04)}[data-overlay] .result-buttons,[data-overlay] [style*="display:flex"]{margin-top:24px}[data-overlay] .result-buttons button,[data-overlay] [style*="display:flex"] button{margin-top:0}[data-overlay] button[command="--restart"]{background:var(--game-btn-bg);color:var(--game-btn-text)}game-toast[trigger=pass]{--game-toast-color:#6ee7b7}game-toast[trigger=fail],game-toast[trigger=timeout]{--game-toast-color:#f87171}[data-overlay] a{color:hsla(0,0%,100%,.45);-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease}[data-overlay] a:hover{color:hsla(0,0%,100%,.75)}[data-overlay] #intro-tip{font-size:14px;font-style:italic;opacity:.5}[data-overlay] .group-name{display:none;font-size:14px;font-weight:600;letter-spacing:.1em;margin-bottom:4px;opacity:.5;text-transform:uppercase}[data-overlay] #result-desc{font-size:max(14px,min(1.8vw,18px));margin-top:16px;max-width:550px;opacity:.7}[data-overlay] game-score-form{display:block;margin-bottom:32px;margin-top:32px}game-result-message{display:none;font-size:max(14px,min(1.8vw,18px));line-height:1.6;margin-top:16px;max-width:550px;opacity:.7}game-result-message:state(active){display:block}game-quiz{color:var(--game-text,#eee)}game-quiz fieldset{border:none;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:540px;width:100%}game-quiz legend{font-size:max(24px,min(4vw,48px));font-weight:900;grid-column:1/-1;margin-bottom:8px;text-align:center;width:100%}game-quiz label{align-items:center;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;display:flex;font-size:max(14px,min(2vw,20px));font-weight:600;justify-content:center;padding:16px 12px;text-align:center;transition:border-color .15s ease,background .15s ease,transform .1s ease}game-quiz label:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6);transform:scale(1.02)}game-quiz label:has(input:disabled){cursor:default;transform:none}game-quiz label:has(input:disabled):hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3);transform:none}game-quiz label.correct{background:rgba(110,231,183,.2);border-color:#6ee7b7}game-quiz label.wrong{background:rgba(239,68,68,.2);border-color:#ef4444}game-quiz input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}:root{--game-hud-height:calc(max(12px, env(safe-area-inset-top)) + 32px)}[hidden]{display:none!important}[data-hud]{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.55);color:var(--game-text,#eee);display:flex;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;font-size:14px;justify-content:space-between;left:0;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));pointer-events:none;position:fixed;right:0;top:0;z-index:10}[data-overlay]{.game-link{color:inherit;display:block;font-size:14px;margin-top:16px;opacity:.5;+.game-link{margin-top:8px}}}[data-mute]{background:none;border:none;color:var(--game-text,#eee);cursor:pointer;opacity:.5;padding:6px;position:fixed;right:max(12px,env(safe-area-inset-right));top:calc(var(--game-hud-height) + 8px);transition:opacity .15s ease;z-index:200;--game-icon-size:22px;&:hover{opacity:1}}:root{--color-neutral-lightness-inc:- 6%;--color-neutral-lightness-1:100%;--color-neutral-lightness-2:calc(var(--color-neutral-lightness-1) var(--color-neutral-lightness-inc));--color-neutral-lightness-3:calc(var(--color-neutral-lightness-2) var(--color-neutral-lightness-inc));--color-neutral-lightness-4:calc(var(--color-neutral-lightness-3) var(--color-neutral-lightness-inc));--color-neutral-lightness-5:calc(var(--color-neutral-lightness-4) var(--color-neutral-lightness-inc));--color-neutral-lightness-6:calc(var(--color-neutral-lightness-5) var(--color-neutral-lightness-inc));--color-neutral-lightness-7:calc(var(--color-neutral-lightness-6) var(--color-neutral-lightness-inc));--color-neutral-lightness-8:calc(var(--color-neutral-lightness-7) var(--color-neutral-lightness-inc));--color-neutral-lightness-9:calc(var(--color-neutral-lightness-8) var(--color-neutral-lightness-inc));--color-neutral-lightness-10:calc(var(--color-neutral-lightness-9) var(--color-neutral-lightness-inc));--color-neutral-lightness-11:calc(var(--color-neutral-lightness-10) var(--color-neutral-lightness-inc));--color-neutral-lightness-12:calc(var(--color-neutral-lightness-11) var(--color-neutral-lightness-inc));--color-neutral-lightness-13:calc(var(--color-neutral-lightness-12) var(--color-neutral-lightness-inc));--color-lightness-inc:- 6%;--color-lightness-1:100%;--color-lightness-2:calc(var(--color-lightness-1) var(--color-lightness-inc));--color-lightness-3:calc(var(--color-lightness-2) var(--color-lightness-inc));--color-lightness-4:calc(var(--color-lightness-3) var(--color-lightness-inc));--color-lightness-5:calc(var(--color-lightness-4) var(--color-lightness-inc));--color-lightness-6:calc(var(--color-lightness-5) var(--color-lightness-inc));--color-lightness-7:calc(var(--color-lightness-6) var(--color-lightness-inc));--color-lightness-8:calc(var(--color-lightness-7) var(--color-lightness-inc));--color-lightness-9:calc(var(--color-lightness-8) var(--color-lightness-inc));--color-lightness-10:calc(var(--color-lightness-9) var(--color-lightness-inc));--color-lightness-11:calc(var(--color-lightness-10) var(--color-lightness-inc));--color-lightness-12:calc(var(--color-lightness-11) var(--color-lightness-inc));--color-chroma-inc:0.03;--color-chroma-1:0.02;--color-chroma-2:calc(var(--color-chroma-1) + var(--color-chroma-inc));--color-chroma-3:calc(var(--color-chroma-2) + var(--color-chroma-inc));--color-chroma-4:calc(var(--color-chroma-3) + var(--color-chroma-inc));--color-chroma-5:calc(var(--color-chroma-4) + var(--color-chroma-inc));--color-chroma-6:calc(var(--color-chroma-5) + var(--color-chroma-inc));--color-chroma-7:calc(var(--color-chroma-6) + var(--color-chroma-inc));--color-chroma-8:calc(var(--color-chroma-7) - var(--color-chroma-inc));--color-chroma-9:calc(var(--color-chroma-8) - var(--color-chroma-inc));--color-chroma-10:calc(var(--color-chroma-9) - var(--color-chroma-inc));--color-chroma-11:calc(var(--color-chroma-10) - var(--color-chroma-inc));--color-chroma-12:calc(var(--color-chroma-11) - var(--color-chroma-inc));--color-neutral-base:200;--color-neutral-chroma-base:0.005;--color-gray-chroma-base:0.01;--color-stone-base:130;--color-slate-base:256;--color-pink-base:0;--color-rose-base:12;--color-red-base:30;--color-orange-base:60;--color-amber-base:80;--color-gold-base:100;--color-yellow-base:92.5;--color-lime-base:125;--color-green-base:140;--color-emerald-base:165;--color-teal-base:180;--color-cyan-base:207;--color-sky-base:225;--color-blue-base:260;--color-violet-base:285;--color-purple-base:300;--color-fuchsia-base:320;--color-magenta-base:330;--neutral-1-values:var(--color-neutral-lightness-1) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-2-values:var(--color-neutral-lightness-2) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-3-values:var(--color-neutral-lightness-3) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-4-values:var(--color-neutral-lightness-4) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-5-values:var(--color-neutral-lightness-5) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-6-values:var(--color-neutral-lightness-6) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-7-values:var(--color-neutral-lightness-7) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-8-values:var(--color-neutral-lightness-8) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-9-values:var(--color-neutral-lightness-9) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-10-values:var(--color-neutral-lightness-10) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-11-values:var(--color-neutral-lightness-11) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-12-values:var(--color-neutral-lightness-12) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-13-values:var(--color-neutral-lightness-13) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-1:oklch(var(--neutral-1-values));--neutral-2:oklch(var(--neutral-2-values));--neutral-3:oklch(var(--neutral-3-values));--neutral-4:oklch(var(--neutral-4-values));--neutral-5:oklch(var(--neutral-5-values));--neutral-6:oklch(var(--neutral-6-values));--neutral-7:oklch(var(--neutral-7-values));--neutral-8:oklch(var(--neutral-8-values));--neutral-9:oklch(var(--neutral-9-values));--neutral-10:oklch(var(--neutral-10-values));--neutral-11:oklch(var(--neutral-11-values));--neutral-12:oklch(var(--neutral-12-values));--neutral-13:oklch(var(--neutral-13-values));--stone-1:oklch(var(--color-lightness-1) var(--color-gray-chroma-base) var(--color-stone-base));--stone-2:oklch(var(--color-lightness-2) var(--color-gray-chroma-base) var(--color-stone-base));--stone-3:oklch(var(--color-lightness-3) var(--color-gray-chroma-base) var(--color-stone-base));--stone-4:oklch(var(--color-lightness-4) var(--color-gray-chroma-base) var(--color-stone-base));--stone-5:oklch(var(--color-lightness-5) var(--color-gray-chroma-base) var(--color-stone-base));--stone-6:oklch(var(--color-lightness-6) var(--color-gray-chroma-base) var(--color-stone-base));--stone-7:oklch(var(--color-lightness-7) var(--color-gray-chroma-base) var(--color-stone-base));--stone-8:oklch(var(--color-lightness-8) var(--color-gray-chroma-base) var(--color-stone-base));--stone-9:oklch(var(--color-lightness-9) var(--color-gray-chroma-base) var(--color-stone-base));--stone-10:oklch(var(--color-lightness-10) var(--color-gray-chroma-base) var(--color-stone-base));--stone-11:oklch(var(--color-lightness-11) var(--color-gray-chroma-base) var(--color-stone-base));--stone-12:oklch(var(--color-lightness-12) var(--color-gray-chroma-base) var(--color-stone-base));--slate-1:oklch(var(--color-lightness-1) var(--color-gray-chroma-base) var(--color-slate-base));--slate-2:oklch(var(--color-lightness-2) var(--color-gray-chroma-base) var(--color-slate-base));--slate-3:oklch(var(--color-lightness-3) var(--color-gray-chroma-base) var(--color-slate-base));--slate-4:oklch(var(--color-lightness-4) var(--color-gray-chroma-base) var(--color-slate-base));--slate-5:oklch(var(--color-lightness-5) var(--color-gray-chroma-base) var(--color-slate-base));--slate-6:oklch(var(--color-lightness-6) var(--color-gray-chroma-base) var(--color-slate-base));--slate-7:oklch(var(--color-lightness-7) var(--color-gray-chroma-base) var(--color-slate-base));--slate-8:oklch(var(--color-lightness-8) var(--color-gray-chroma-base) var(--color-slate-base));--slate-9:oklch(var(--color-lightness-9) var(--color-gray-chroma-base) var(--color-slate-base));--slate-10:oklch(var(--color-lightness-10) var(--color-gray-chroma-base) var(--color-slate-base));--slate-11:oklch(var(--color-lightness-11) var(--color-gray-chroma-base) var(--color-slate-base));--slate-12:oklch(var(--color-lightness-12) var(--color-gray-chroma-base) var(--color-slate-base));--pink-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-pink-base));--pink-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-pink-base));--pink-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-pink-base));--pink-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-pink-base));--pink-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-pink-base));--pink-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-pink-base));--pink-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-pink-base));--pink-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-pink-base));--pink-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-pink-base));--pink-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-pink-base));--pink-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-pink-base));--pink-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-pink-base));--red-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-red-base));--red-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-red-base));--red-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-red-base));--red-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-red-base));--red-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-red-base));--red-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-red-base));--red-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-red-base));--red-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-red-base));--red-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-red-base));--red-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-red-base));--red-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-red-base));--red-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-red-base));--orange-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-orange-base));--orange-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-orange-base));--orange-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-orange-base));--orange-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-orange-base));--orange-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-orange-base));--orange-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-orange-base));--orange-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-orange-base));--orange-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-orange-base));--orange-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-orange-base));--orange-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-orange-base));--orange-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-orange-base));--orange-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-orange-base));--amber-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-amber-base));--amber-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-amber-base));--amber-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-amber-base));--amber-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-amber-base));--amber-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-amber-base));--amber-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-amber-base));--amber-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-amber-base));--amber-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-amber-base));--amber-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-amber-base));--amber-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-amber-base));--amber-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-amber-base));--amber-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-amber-base));--gold-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-gold-base));--gold-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-gold-base));--gold-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-gold-base));--gold-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-gold-base));--gold-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-gold-base));--gold-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-gold-base));--gold-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-gold-base));--gold-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-gold-base));--gold-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-gold-base));--gold-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-gold-base));--gold-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-gold-base));--gold-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-gold-base));--yellow-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-yellow-base));--yellow-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-yellow-base));--yellow-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-yellow-base));--yellow-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-yellow-base));--yellow-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-yellow-base));--yellow-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-yellow-base));--yellow-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-yellow-base));--yellow-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-yellow-base));--yellow-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-yellow-base));--yellow-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-yellow-base));--yellow-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-yellow-base));--yellow-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-yellow-base));--lime-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-lime-base));--lime-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-lime-base));--lime-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-lime-base));--lime-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-lime-base));--lime-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-lime-base));--lime-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-lime-base));--lime-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-lime-base));--lime-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-lime-base));--lime-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-lime-base));--lime-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-lime-base));--lime-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-lime-base));--lime-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-lime-base));--green-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-green-base));--green-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-green-base));--green-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-green-base));--green-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-green-base));--green-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-green-base));--green-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-green-base));--green-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-green-base));--green-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-green-base));--green-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-green-base));--green-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-green-base));--green-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-green-base));--green-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-green-base));--emerald-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-emerald-base));--emerald-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-emerald-base));--emerald-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-emerald-base));--emerald-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-emerald-base));--emerald-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-emerald-base));--emerald-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-emerald-base));--emerald-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-emerald-base));--emerald-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-emerald-base));--emerald-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-emerald-base));--emerald-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-emerald-base));--emerald-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-emerald-base));--emerald-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-emerald-base));--teal-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-teal-base));--teal-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-teal-base));--teal-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-teal-base));--teal-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-teal-base));--teal-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-teal-base));--teal-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-teal-base));--teal-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-teal-base));--teal-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-teal-base));--teal-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-teal-base));--teal-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-teal-base));--teal-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-teal-base));--teal-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-teal-base));--cyan-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-cyan-base));--cyan-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-cyan-base));--cyan-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-cyan-base));--cyan-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-cyan-base));--cyan-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-cyan-base));--cyan-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-cyan-base));--cyan-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-cyan-base));--cyan-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-cyan-base));--cyan-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-cyan-base));--cyan-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-cyan-base));--cyan-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-cyan-base));--cyan-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-cyan-base));--sky-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-sky-base));--sky-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-sky-base));--sky-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-sky-base));--sky-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-sky-base));--sky-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-sky-base));--sky-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-sky-base));--sky-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-sky-base));--sky-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-sky-base));--sky-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-sky-base));--sky-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-sky-base));--sky-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-sky-base));--sky-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-sky-base));--blue-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-blue-base));--blue-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-blue-base));--blue-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-blue-base));--blue-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-blue-base));--blue-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-blue-base));--blue-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-blue-base));--blue-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-blue-base));--blue-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-blue-base));--blue-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-blue-base));--blue-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-blue-base));--blue-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-blue-base));--blue-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-blue-base));--violet-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-violet-base));--violet-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-violet-base));--violet-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-violet-base));--violet-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-violet-base));--violet-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-violet-base));--violet-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-violet-base));--violet-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-violet-base));--violet-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-violet-base));--violet-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-violet-base));--violet-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-violet-base));--violet-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-violet-base));--violet-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-violet-base));--purple-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-purple-base));--purple-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-purple-base));--purple-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-purple-base));--purple-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-purple-base));--purple-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-purple-base));--purple-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-purple-base));--purple-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-purple-base));--purple-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-purple-base));--purple-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-purple-base));--purple-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-purple-base));--purple-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-purple-base));--purple-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-purple-base));--fuchsia-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-fuchsia-base));--fuchsia-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-fuchsia-base));--fuchsia-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-fuchsia-base));--fuchsia-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-fuchsia-base));--fuchsia-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-fuchsia-base));--fuchsia-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-fuchsia-base));--fuchsia-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-fuchsia-base));--fuchsia-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-fuchsia-base));--fuchsia-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-fuchsia-base));--fuchsia-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-fuchsia-base));--fuchsia-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-fuchsia-base));--fuchsia-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-fuchsia-base));--magenta-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-magenta-base));--magenta-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-magenta-base));--magenta-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-magenta-base));--magenta-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-magenta-base));--magenta-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-magenta-base));--magenta-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-magenta-base));--magenta-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-magenta-base));--magenta-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-magenta-base));--magenta-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-magenta-base));--magenta-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-magenta-base));--magenta-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-magenta-base));--magenta-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-magenta-base));--rose-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-rose-base));--rose-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-rose-base));--rose-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-rose-base));--rose-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-rose-base));--rose-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-rose-base));--rose-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-rose-base));--rose-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-rose-base));--rose-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-rose-base));--rose-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-rose-base));--rose-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-rose-base));--rose-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-rose-base));--rose-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-rose-base));@media (prefers-color-scheme:dark){--color-neutral-lightness-inc:+ 6.5%;--color-neutral-lightness-1:7%}}:root{--csstools-color-scheme--light: ;color-scheme:dark;--color-neutral-lightness-inc:+ 6.5%;--color-neutral-lightness-1:7%;--game-bg:var(--neutral-1);--game-text:var(--stone-3);--game-accent:var(--amber-5);--explorer-color:var(--amber-4);--monster-color:var(--red-4);--exit-color:var(--emerald-5);--display-font:"Cinzel",Georgia,"Times New Roman",serif;--stone-edge:oklch(from var(--slate-10) l c h/0.7);--stone-face:oklch(from var(--neutral-3) l c h/0.85)}[data-overlay]{background:radial-gradient(ellipse 80% 60% at 50% 38%,oklch(from var(--slate-11) l c h/.55),transparent 70%),radial-gradient(circle at 50% 100%,var(--neutral-2),var(--neutral-1) 60%);color:var(--stone-4);text-shadow:0 1px 0 var(--neutral-1)}[data-overlay]:before{background:radial-gradient(circle at 50% 50%,transparent 40%,oklch(from var(--neutral-1) l c h/.85));content:"";inset:0;pointer-events:none;position:absolute}[data-overlay]>*{position:relative}[data-overlay] h1{color:var(--stone-2);font-family:var(--display-font);font-weight:700;letter-spacing:.12em;text-shadow:0 0 24px oklch(from var(--amber-5) l c h/.35),0 2px 0 var(--neutral-1);text-transform:uppercase}[data-overlay].monster h1{text-shadow:0 0 24px oklch(from var(--red-5) l c h/.4),0 2px 0 var(--neutral-1)}[when-some-scene=intro][data-overlay] h1{animation:dungeon-title 6s ease-in-out infinite alternate;font-size:max(40px,min(12vw,64px))}@keyframes dungeon-title{0%{text-shadow:0 0 18px oklch(from var(--amber-5) l c h/.25),0 2px 0 var(--neutral-1)}to{text-shadow:0 0 34px oklch(from var(--amber-5) l c h/.55),0 2px 0 var(--neutral-1)}}.dg-dialog button,[data-overlay] button,[data-toolbar] button{background:linear-gradient(var(--neutral-4),var(--neutral-2));border:1px solid var(--stone-edge);border-radius:6px;box-shadow:inset 0 1px 0 oklch(from var(--stone-6) l c h/.25),0 6px 18px oklch(from var(--neutral-1) l c h/.7);color:var(--stone-3);cursor:pointer;font-family:var(--display-font);font-size:15px;font-weight:700;letter-spacing:.06em;min-height:44px;padding:0 22px;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}.dg-dialog button:hover,[data-overlay] button:hover,[data-toolbar] button:hover{box-shadow:inset 0 1px 0 oklch(from var(--stone-6) l c h/.25),0 8px 22px oklch(from var(--neutral-1) l c h/.8);transform:translateY(-1px)}.dg-dialog button:active,[data-overlay] button:active,[data-toolbar] button:active{box-shadow:inset 0 2px 6px oklch(from var(--neutral-1) l c h/.8);transform:translateY(1px)}.dg-dialog .btn-primary,[data-overlay] .btn-primary,[data-overlay] button[autofocus],[data-overlay] button[command="--restart"],[data-toolbar] .btn-primary{background:linear-gradient(var(--amber-4),var(--amber-7));border-color:var(--amber-7);box-shadow:inset 0 1px 0 oklch(from var(--amber-2) l c h/.6),0 0 22px oklch(from var(--amber-5) l c h/.35);color:var(--neutral-1);text-shadow:none}[data-overlay].monster .btn-primary,[data-overlay].monster button[autofocus],[data-overlay].monster button[command="--restart"]{background:linear-gradient(var(--red-4),var(--red-7));border-color:var(--red-7);box-shadow:inset 0 1px 0 oklch(from var(--red-2) l c h/.6),0 0 22px oklch(from var(--red-5) l c h/.35);color:var(--neutral-1)}.dg-dialog button:focus-visible,[data-overlay] button:focus-visible,[data-toolbar] button:focus-visible{outline:2px solid var(--amber-5);outline-offset:2px}[data-exit],[data-fullscreen]{background:none;border:none;color:var(--game-text);cursor:pointer;opacity:.5;padding:6px;position:fixed;right:max(12px,env(safe-area-inset-right));transition:opacity .15s ease;z-index:200;--game-icon-size:22px;&:hover{opacity:1}}[data-fullscreen]{top:calc(var(--game-hud-height) + 46px)}[data-exit]{top:calc(var(--game-hud-height) + 84px)}.dg-dialog{background:radial-gradient(ellipse at 50% 0,oklch(from var(--slate-11) l c h/.5),transparent 70%),linear-gradient(var(--neutral-3),var(--neutral-2));border:1px solid var(--stone-edge);border-radius:6px;box-shadow:inset 0 1px 0 oklch(from var(--stone-6) l c h/.25),0 24px 60px oklch(from var(--neutral-1) l c h/.9);color:var(--stone-4);margin:auto;max-width:min(420px,calc(100vw - 32px));padding:28px 28px 24px;text-shadow:0 1px 0 var(--neutral-1)}.dg-dialog::backdrop{backdrop-filter:blur(3px);background:oklch(from var(--neutral-1) l c h/.75)}.dg-dialog h2{color:var(--stone-2);font-family:var(--display-font);font-size:max(22px,min(5vw,30px));font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-shadow:0 0 24px oklch(from var(--amber-5) l c h/.35),0 2px 0 var(--neutral-1);text-transform:uppercase}.dg-dialog p{font-size:15px;line-height:1.5;margin:0 0 20px}.dg-dialog-buttons{justify-content:flex-end}.dg-dialog-buttons,.intro-modes{display:flex;flex-wrap:wrap;gap:12px}.intro-modes{justify-content:center;margin-top:24px}.intro-modes h2{color:var(--stone-6);flex-basis:100%;font-size:.8em;letter-spacing:.15em;margin:0;text-transform:uppercase}.intro-modes button{margin-top:0}.code-entry{display:grid;justify-items:center}[data-overlay] .room-code{color:var(--amber-4);font-family:var(--display-font);font-size:max(36px,min(12vw,64px));font-weight:700;letter-spacing:.16em;margin:8px 0 4px;text-shadow:0 0 24px oklch(from var(--amber-5) l c h/.5)}[data-overlay] button.copy{all:unset;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-shadow:inherit;-moz-user-select:text;user-select:text;-webkit-user-select:text}[data-overlay] button.copy game-signal{border-bottom:2px dashed oklch(from currentColor l c h/.45);transition:border-color .15s ease}[data-overlay] button.copy:after{border:1px solid oklch(from currentColor l c h/.4);border-radius:4px;content:"copy";display:inline-block;font:700 .7em/1.4 var(--display-font);letter-spacing:.08em;margin-left:.5em;opacity:.75;padding:.1em .45em;text-shadow:none;text-transform:uppercase;vertical-align:middle}[data-overlay] .room-code button.copy:after{display:block;font-size:.25em;letter-spacing:.12em;margin:.15em auto 0;width:-moz-fit-content;width:fit-content}[data-overlay] button.copy:active,[data-overlay] button.copy:focus-visible,[data-overlay] button.copy:hover{box-shadow:none;outline:none;transform:none}[data-overlay] button.copy:focus-visible game-signal,[data-overlay] button.copy:hover game-signal{border-bottom-color:currentColor}[data-overlay] button.copy:focus-visible:after,[data-overlay] button.copy:hover:after{opacity:1}[data-overlay] button.copy.copied:after{border-color:var(--emerald-6);color:var(--emerald-6);content:"copied";opacity:1}#form-join{display:grid;gap:8px;justify-items:center;margin-top:20px}#form-join label{color:var(--stone-6);font-size:14px}#form-join input{background:var(--neutral-2);border:1px solid var(--stone-edge);border-radius:6px;box-shadow:inset 0 2px 8px oklch(from var(--neutral-1) l c h/.9);color:var(--stone-2);font:inherit;font-size:20px;letter-spacing:.18em;padding:10px 12px;text-align:center;text-transform:uppercase;width:12ch}#form-join input,[data-hud]{font-family:var(--display-font)}[data-hud]{background:linear-gradient(oklch(from var(--neutral-1) l c h/.9),oklch(from var(--neutral-1) l c h/.55));border-bottom:1px solid var(--stone-edge);gap:16px;letter-spacing:.04em}.role-chip{background:var(--stone-face);border:1px solid var(--stone-edge);border-radius:999px;color:var(--explorer-color);font-size:12px;font-weight:700;letter-spacing:.1em;padding:3px 12px;text-transform:uppercase}.role-chip.monster{color:var(--monster-color)}.hud-steps{color:var(--stone-5);font-size:13px}.handoff{background:radial-gradient(ellipse 70% 50% at 50% 40%,oklch(from var(--amber-8) l c h/.22),transparent 70%),var(--neutral-1);color:var(--explorer-color)}.handoff.monster{background:radial-gradient(ellipse 70% 50% at 50% 40%,oklch(from var(--red-8) l c h/.22),transparent 70%),var(--neutral-1);color:var(--monster-color)}.handoff h1{color:inherit;font-size:max(36px,min(10vw,56px))}.handoff-tip{color:var(--stone-5);max-width:26rem}[data-toolbar]{background:linear-gradient(transparent,oklch(from var(--neutral-1) l c h/.9) 45%);bottom:0;display:flex;gap:12px;justify-content:center;left:0;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:fixed;right:0;z-index:10}[data-toolbar] button{font-size:14px;min-width:7rem}.toolbar-hint{pointer-events:none}.toolbar-hint p{align-items:center;color:var(--stone-6);display:flex;font-size:14px;font-style:italic;margin:0;min-height:44px}[data-overlay].intro,[data-overlay].result{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(oklch(from var(--neutral-1) l c h/0),oklch(from var(--neutral-1) l c h/.92) 22%,var(--neutral-1));max-height:52%;padding-top:20px;top:auto;h1{margin:0}}[data-overlay].intro:before,[data-overlay].result:before{content:none}[data-overlay].intro h1{margin-bottom:0}[data-overlay].intro .intro-modes{margin-top:16px}[data-overlay].result h1{font-size:max(24px,min(6vw,40px));margin-bottom:4px}[data-overlay].result p{font-size:14px;margin:8px 0 0}.result-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}[data-overlay].result .result-buttons{margin-top:16px}[data-overlay] game-result-stat{--game-result-gradient-from:var(--amber-3);--game-result-gradient-to:var(--amber-7);text-shadow:none}[data-overlay].monster game-result-stat{--game-result-gradient-from:var(--red-4);--game-result-gradient-to:var(--rose-6)}@media (prefers-reduced-motion:reduce){[when-some-scene=intro][data-overlay] h1{animation:none}}