*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--plum:#2a1b35;--plum2:#3a2550;--panel:rgba(42,24,58,.78);--pink:#ff7fb0;--pinkD:#b8285a;--blue:#3d9be4;--blueD:#2372b8;--ink:#ffffff;--mute:rgba(255,255,255,.72)}html,body{height:100%}body{margin:0;background:#1c1426;color:var(--ink);font-family:"Baloo 2",ui-rounded,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(46,12,60,.42) 100%)}#dmg{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .45s;background:radial-gradient(ellipse at center,transparent 38%,rgba(255,40,100,.6) 100%)}#blackout{position:fixed;inset:0;z-index:22;background:#0a0510;display:grid;place-items:center;color:#fff;font-family:Amatic SC,sans-serif;font-size:44px}#blackout:after{content:"Utslagen!"}#floats{position:fixed;inset:0;pointer-events:none;z-index:18;overflow:hidden}.float{position:absolute;transform:translate(-50%,-50%);font-family:Amatic SC,sans-serif;font-weight:700;font-size:38px;text-shadow:0 2px 0 rgba(42,20,60,.6);animation:floatUp .95s ease-out forwards;will-change:transform,opacity}.float.pos{color:#ffe27a}.float.neg{color:#ff6b8f}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-90%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}#hud{position:fixed;inset:0;pointer-events:none}.shadow{text-shadow:0 2px 0 rgba(42,20,60,.55),0 0 12px rgba(42,20,60,.35)}.tl{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:16px;display:flex;gap:10px;align-items:flex-start}.tl svg.av{width:58px;height:58px;filter:drop-shadow(0 3px 0 rgba(42,20,60,.4))}.stats{display:flex;flex-direction:column;gap:0;margin-top:2px}.stat{display:flex;align-items:center;gap:6px}.stat svg{width:22px;height:22px}.num{font-family:Amatic SC,"Baloo 2",sans-serif;font-weight:700;font-size:32px;line-height:1;letter-spacing:.03em}.tc{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.tc svg{width:34px;height:34px}.tr{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;text-align:right}#mode{font-family:Amatic SC,sans-serif;font-size:38px;line-height:1;letter-spacing:.06em}#mode.edit{color:var(--pink)}#hint{font-size:14px;color:var(--mute);font-weight:600;max-width:260px}#cross{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px}#cross:before,#cross:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px #2a143c80;border-radius:2px}#cross:before{left:10px;top:3px;width:2px;height:16px}#cross:after{top:10px;left:3px;height:2px;width:16px}#cross.edit:before{left:5px;top:5px;width:12px;height:12px;background:transparent;border:2px solid var(--pink);box-shadow:none}#cross.edit:after{display:none}#cross.hit:before,#cross.hit:after{background:var(--pink)}#toast{position:absolute;top:24%;left:50%;transform:translate(-50%);font-size:30px;font-weight:800;letter-spacing:.02em;opacity:0;transition:opacity .25s;white-space:nowrap}#toast.on{opacity:1}#map{position:absolute;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:200px;height:136px;border-radius:12px;background:#1e122c9e;border:2px solid rgba(255,255,255,.16)}#palette{position:fixed;left:232px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;align-items:center;z-index:30;pointer-events:auto}.cat-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cattab{font:700 13px "Baloo 2",system-ui,sans-serif;background:#1e122cb8;border:2px solid rgba(255,255,255,.18);color:#fff;border-radius:9px;padding:2px 12px;cursor:pointer}.cattab.on{background:var(--blue);border-color:#fff;color:#fff}body.picking #palette{filter:drop-shadow(0 0 10px rgba(255,255,255,.55))}.cat-key{font:700 13px "Baloo 2",system-ui,sans-serif;color:#fff;opacity:.65;align-self:center;padding:0 4px}.chip-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chip{font:600 14px "Baloo 2",system-ui,sans-serif;background:var(--panel);border:2px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:3px 10px;cursor:pointer;line-height:1.4}.chip:hover{border-color:#ffffff80}.chip:focus-visible{outline:2px solid #fff;outline-offset:2px}.chip.on{background:var(--pink);border-color:#fff;color:var(--plum)}.chip kbd{font:inherit;opacity:.65;margin-right:5px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#1c0e2880;backdrop-filter:blur(3px);z-index:20;padding-inline:16px;cursor:pointer}.card{cursor:default;max-width:560px;width:100%;background:var(--blue);border-radius:24px;padding:28px 30px 26px;box-shadow:0 10px 0 var(--blueD),0 30px 60px #14081e80;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:#ff7fb059}.eyebrow{font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum)}h1{font-size:clamp(42px,8vw,68px);line-height:.92;margin:6px 0 10px;font-weight:800;color:#fff;text-shadow:0 5px 0 var(--pinkD);text-wrap:balance;position:relative;z-index:1}.lead{font-size:17px;line-height:1.45;margin:0 0 16px;color:#fff;max-width:44ch;position:relative;z-index:1}.keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 20px;padding:14px 16px;background:#2a1b3547;border-radius:14px;font-size:15px}.keys div{display:flex;gap:8px;align-items:baseline}.keys b{display:inline-block;min-width:74px;font-weight:800;color:var(--plum);background:#ffffffd9;border-radius:6px;padding:0 6px;text-align:center;font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.card .row,.card .menu,.card .tabs,.card ol,.card .settings-body,.card .keys,.card input{position:relative;z-index:2}button.big{font:800 22px "Baloo 2",system-ui,sans-serif;background:var(--pink);color:var(--plum);border:0;border-radius:14px;padding:8px 30px;box-shadow:0 5px 0 var(--pinkD);cursor:pointer}button.big:active{transform:translateY(3px);box-shadow:0 2px 0 var(--pinkD)}button.ghost{font:700 15px "Baloo 2",system-ui,sans-serif;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:12px;padding:5px 14px;cursor:pointer}button.ghost.warn{background:var(--pinkD);border-color:var(--pinkD)}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.small{font-size:13px;color:#ffffffd9;margin:14px 0 0}#scorebar{position:absolute;top:calc(66px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);text-align:center}#scoreNum{font-family:Amatic SC,sans-serif;font-size:44px;line-height:.9;letter-spacing:.03em}#scoreLabel{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:700}#streak{margin-top:2px;font-weight:800;color:var(--pink);font-size:16px}#timer{font-family:Amatic SC,sans-serif;font-size:30px;line-height:1;letter-spacing:.04em}#timer.warn{color:#ff5d7a}#countdown{position:fixed;inset:0;display:grid;place-items:center;z-index:25;pointer-events:none;font-family:Amatic SC,sans-serif;font-size:clamp(120px,26vw,260px);font-weight:700;color:#fff;text-shadow:0 8px 0 var(--pinkD)}#banner{position:absolute;top:34%;left:50%;transform:translate(-50%);font-family:Amatic SC,sans-serif;font-size:clamp(46px,10vw,84px);color:#fff;text-shadow:0 6px 0 var(--pinkD);white-space:nowrap;pointer-events:none}.menu{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;position:relative;z-index:1;align-items:flex-start}.menu .big{width:100%;text-align:left}.menu .ghost{align-self:flex-start}.tabs{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.tab{font:700 14px "Baloo 2",system-ui,sans-serif;background:#2a1b3547;color:#fff;border:2px solid transparent;border-radius:10px;padding:5px 14px;cursor:pointer}.tab.on{background:var(--pink);color:var(--plum);border-color:#fff}#lbList{list-style:none;counter-reset:rank;margin:0 0 12px;padding:0;max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:4px}#lbList li{counter-increment:rank;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:baseline;padding:6px 12px;background:#2a1b3547;border-radius:10px;font-size:16px}#lbList li:before{content:counter(rank);font-weight:800;color:var(--pink);min-width:1.4em}#lbList li.me{background:var(--pink);color:var(--plum)}#lbList li.me:before{color:var(--plum)}#lbList .lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lbList .lb-score{font-weight:800;font-variant-numeric:tabular-nums}#lbList .lb-meta{font-size:12px;color:var(--mute)}#nameInput{font:700 18px "Baloo 2",system-ui,sans-serif;background:#ffffffeb;color:var(--plum);border:0;border-radius:12px;padding:8px 14px;flex:1;min-width:140px}#buildMenu{position:relative;z-index:2;margin-top:4px}.build-btns{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}.remember{display:flex;gap:8px;align-items:center;font-size:14px;margin:10px 0;position:relative;z-index:2}.remember input{width:18px;height:18px}#codeInput{font:700 18px "Baloo 2",system-ui,sans-serif;background:#ffffffeb;color:var(--plum);border:0;border-radius:12px;padding:8px 14px;flex:1;min-width:160px}#historyList{list-style:none;margin:0 0 12px;padding:0;max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:5px;position:relative;z-index:2}#historyList li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;background:#2a1b3547;border-radius:10px;font-size:15px}#historyList .hist-info{font-variant-numeric:tabular-nums}.settings-body{display:flex;flex-direction:column;gap:14px;margin:8px 0 18px}.setting{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.setting label{font-weight:700}.setting .val{font-variant-numeric:tabular-nums;color:var(--mute);font-weight:700}.setting input[type=range]{grid-column:1/3;width:100%}.setting input[type=checkbox]{width:20px;height:20px}@media (max-width:640px){.keys{grid-template-columns:1fr}#map{display:none}#palette{left:16px}}@media (prefers-reduced-motion:reduce){#toast,#dmg{transition:none}}