[hidden]{display:none!important}:root{--night: #0b0e1a;--ink: #1a1230;--plum: #2a1f52;--gold: #ffc93a;--gold-deep: #e08a12;--ember: #ff6a4a;--mint: #8dffb0;--lilac: #b9b0e0;--paper: #fff;--panel: #16102cdb;--font: "Lilita One", "Black Han Sans", "Arial Black", "Segoe UI", system-ui, sans-serif;--body: "Nunito", "Noto Sans KR", "Segoe UI", system-ui, sans-serif;--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{background:var(--night);height:100%;font-family:var(--font);color:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}canvas#game{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.outline{text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 3px 0 var(--ink)}#hud{pointer-events:none;position:fixed;inset:0;overflow:hidden}#hud.hidden{display:none}.oh{text-align:center;will-change:transform;width:92px;margin-left:-46px;position:absolute;top:0;left:0}.oh-name{letter-spacing:.3px;white-space:nowrap;color:#ff8a80;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink);font-size:13px}.oh.me .oh-name{color:#8dffb0}.oh-cubes{color:#6dffa0;margin-left:3px}.oh-bar{background:#1a1230;border:2px solid #1a1230;border-radius:5px;height:15px;position:relative;overflow:hidden;box-shadow:0 2px #00000059}.oh-fill{transform-origin:0;background:linear-gradient(#ff6a5e,#e0342a);width:100%;position:absolute;top:0;bottom:0;left:0}.oh.me .oh-fill{background:linear-gradient(#7dff9a,#22c45a)}.oh-hp{text-shadow:0 1px #000,1px 0 #000,-1px 0 #000,0 -1px #000;font-size:11px;line-height:11px;display:block;position:relative}.oh-ammo{gap:2px;margin-top:2px;display:flex}.oh-ammo i{background:#1a1230;border:1.5px solid #1a1230;border-radius:3px;flex:1;height:7px;position:relative;overflow:hidden}.oh-ammo i b{transform-origin:0;background:linear-gradient(#ffb04a,#f07a14);display:block;position:absolute;inset:0}.oh.box{width:64px;margin-left:-32px}.oh.box .oh-fill{background:linear-gradient(#c9a2ff,#8a54e0)}.floater{white-space:nowrap;will-change:transform,opacity;text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink);font-size:20px;position:absolute;top:0;left:0}.floater.dmg{color:#fff}.floater.dmg-self{color:#ff6b5e}.floater.heal{color:#7dff9a}.floater.power{color:#6dffa0;font-size:22px}#topbar{top:calc(14px + var(--sa-t));white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pill{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:6px 16px;font-size:20px;box-shadow:0 4px #00000059}#left-count b{color:var(--gold);font-weight:400}#clock{text-align:center;min-width:96px;font-size:17px}#feed{top:calc(16px + var(--sa-t));left:calc(16px + var(--sa-l));flex-direction:column;gap:5px;font-size:15px;display:flex;position:absolute}#feed div{background:var(--panel);border:2px solid var(--ink);border-radius:9px;padding:4px 10px;animation:.25s ease-out feedIn}#feed .k{color:#ffd37a}#feed .v{color:#ff8a80}#feed .you{color:#8dffb0}@keyframes feedIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}#banner{text-align:center;color:var(--gold);opacity:0;font-size:min(11vw,96px);transition:opacity .18s,transform .18s cubic-bezier(.2,1.6,.4,1);position:absolute;top:24%;left:0;right:0;transform:scale(.6)}#banner.show{opacity:1;transform:scale(1)}#banner.small{color:#8dff9a;font-size:min(5.2vw,44px);top:17%}#hints{bottom:calc(14px + var(--sa-b));left:calc(16px + var(--sa-l));opacity:.85;background:var(--panel);border:2px solid var(--ink);border-radius:10px;padding:6px 12px;font-size:14px;line-height:1.5;position:absolute}#hints kbd{color:var(--ink);background:#fff;border-radius:5px;margin:0 1px;padding:0 6px;font-family:inherit;box-shadow:0 2px #9a94b0}#super{right:calc(26px + var(--sa-r));bottom:calc(26px + var(--sa-b));border:5px solid var(--ink);background:conic-gradient(var(--gold) calc(var(--p, 0) * 1%),#16102cd9 0);pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:absolute;box-shadow:0 6px #0006}#super .core{background:var(--plum);border:4px solid var(--ink);text-align:center;width:74px;height:74px;color:var(--lilac);pointer-events:none;border-radius:50%;place-items:center;font-size:13px;line-height:1.1;display:grid}#sticks{display:none;position:absolute;inset:0}body.touch #sticks{display:block}body.touch #hints{display:none}body.touch canvas#game{cursor:default}body.touch #super{right:calc(172px + var(--sa-r));bottom:calc(20px + var(--sa-b));width:90px;height:90px}body.touch #super .core{width:62px;height:62px;font-size:12px}.stick{opacity:.4;will-change:transform;width:0;height:0;transition:opacity .15s;position:absolute;top:0;left:0}.stick.on{opacity:.95}.stick:before{content:"";background:#16102c59;border:4px solid #fffc;border-radius:50%;width:124px;height:124px;position:absolute;top:-62px;left:-62px}.stick i{background:var(--paper);border:4px solid var(--ink);border-radius:50%;width:58px;height:58px;display:block;position:absolute;top:-29px;left:-29px;box-shadow:0 4px #00000059}#stick-aim i{background:var(--ember)}.stick b{text-align:center;letter-spacing:1px;width:160px;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink);font-size:12px;font-weight:400;position:absolute;top:-92px;left:-80px}.stick.on b,.for-touch{display:none}body.touch .for-touch{display:inline}body.touch .for-keys{display:none}#super.ready{animation:.7s ease-in-out infinite alternate pulse}#super.ready .core{background:radial-gradient(#fff3a8,var(--gold) 60%,var(--gold-deep));color:var(--ink);font-size:15px}@keyframes pulse{0%{transform:scale(1);box-shadow:0 6px #0006,0 0 #ffc93a00}to{transform:scale(1.07);box-shadow:0 6px #0006,0 0 34px #ffc93abf}}#hurt{opacity:0;background:radial-gradient(#f000 45%,#ff140a8c);position:absolute;inset:0}#gas-warn{opacity:0;background:radial-gradient(#28ff5a00 40%,#28ff5a66);transition:opacity .3s;position:absolute;inset:0}#gear{top:calc(14px + var(--sa-t));right:calc(14px + var(--sa-r));border:3px solid var(--ink);background:var(--panel);width:46px;height:46px;color:var(--paper);cursor:pointer;z-index:30;border-radius:13px;font-family:inherit;font-size:22px;position:fixed;box-shadow:0 4px #00000059}#settings{top:calc(70px + var(--sa-t));right:calc(14px + var(--sa-r));width:310px;max-width:calc(100% - 28px);max-height:calc(100% - 84px - var(--sa-t) - var(--sa-b));background:var(--panel);border:3px solid var(--ink);z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:14px 16px 16px;display:none;position:fixed;overflow-y:auto;box-shadow:0 8px #00000059}#settings.open{display:block}#settings h3{color:var(--gold);margin:0 0 8px;font-size:19px;font-weight:400}#settings h4{color:#b9b0e0;letter-spacing:.5px;margin:14px 0 6px;font-size:14px;font-weight:400}.seg{gap:5px;display:flex}.seg button{border:2px solid var(--ink);color:#cfc8f0;cursor:pointer;background:#2a1f52;border-radius:9px;flex:1;padding:7px 0;font-family:inherit;font-size:14px}.seg button.on{background:var(--gold);color:var(--ink)}.row{justify-content:space-between;align-items:center;gap:10px;margin:7px 0;font-size:15px;display:flex}.row input[type=range]{accent-color:var(--gold);flex:1}.row input[type=checkbox]{width:19px;height:19px;accent-color:var(--gold)}#stats{color:#b9b0e0;white-space:pre;margin-top:10px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.5}.tip{color:var(--lilac);font-size:12.5px;font-family:var(--body);margin-top:4px;font-weight:600;line-height:1.4}.screen{z-index:20;text-align:center;padding:calc(16px + var(--sa-t)) calc(16px + var(--sa-r)) calc(16px + var(--sa-b)) calc(16px + var(--sa-l));background:radial-gradient(#0e0a2233,#0e0a22c7);flex-direction:column;justify-content:safe center;align-items:center;display:none;position:fixed;inset:0;overflow-y:auto}.screen.open{display:flex}#title{color:var(--gold);letter-spacing:1px;text-shadow:-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink),4px 4px 0 var(--ink),0 9px 0 var(--ink),0 14px 24px #00000080;margin:0;font-size:min(11vw,92px);line-height:.95}#title span{color:#ff6a4a;font-size:.62em;display:block}#tagline{color:#e8e2ff;margin:14px 0 22px;font-size:min(3.4vw,19px)}#cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;display:flex}.card{border:4px solid var(--ink);background:var(--panel);cursor:pointer;pointer-events:auto;border-radius:18px;width:200px;padding:12px 12px 14px;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #0006}.card:hover{transform:translateY(-4px)}.card.on{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 6px #0006,0 0 26px #ffc93a8c}.card .swatch{border:3px solid var(--ink);border-radius:12px;place-items:center;height:64px;margin-bottom:8px;font-size:34px;display:grid}.card h2{margin:0;font-size:24px;font-weight:400}.card .role{color:var(--gold);font-size:14px}.card p{font-family:var(--body);color:#cfc8f0;min-height:32px;margin:6px 0 8px;font-size:12.5px;font-weight:600;line-height:1.3}.card .stat{color:#b9b0e0;align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.card .stat span{text-align:left;width:44px}.card .stat i{background:#120c28;border-radius:4px;flex:1;height:7px;display:block;overflow:hidden}.card .stat i b{background:var(--gold);border-radius:4px;height:100%;display:block}.big-btn{border:4px solid var(--ink);background:linear-gradient(#ffe066,var(--gold) 45%,var(--gold-deep));color:var(--ink);cursor:pointer;box-shadow:0 8px 0 var(--ink),0 14px 24px #00000073;border-radius:18px;margin-top:22px;padding:10px 56px 12px;font-family:inherit;font-size:34px;transition:transform 80ms,box-shadow 80ms}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{box-shadow:0 3px 0 var(--ink);transform:translateY(5px)}.ghost-btn{border:3px solid var(--ink);color:#fff;cursor:pointer;background:#2a1f52;border-radius:12px;margin-top:14px;padding:7px 22px;font-family:inherit;font-size:17px}#menu-hint{color:#cfc8f0;margin-top:16px;font-size:14px}#menu-hint kbd,#settings kbd{color:var(--ink);background:#fff;border-radius:5px;padding:0 6px;font-family:inherit;box-shadow:0 2px #9a94b0}#result-title{color:var(--gold);text-shadow:-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink),4px 4px 0 var(--ink),0 9px 0 var(--ink);margin:0;font-size:min(13vw,110px)}#result-title.lose{color:#ff6a5e}#result-rank{margin-top:8px;font-size:30px}#result-stats{color:#e8e2ff;margin-top:6px;font-size:18px}#loading{background:var(--night);z-index:50;color:var(--gold);place-items:center;font-size:26px;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#toast{bottom:calc(22px + var(--sa-b));max-width:calc(100% - 32px);transform:translate(-50%) translateY(calc(90px + var(--sa-b)));background:var(--panel);border:3px solid var(--ink);text-align:center;z-index:40;border-radius:12px;padding:8px 18px;font-size:15px;transition:transform .3s;position:fixed;left:50%}#toast.show{transform:translate(-50%)}@media(max-width:700px){#title{font-size:min(15vw,72px)}#tagline{margin:10px 0 14px;font-size:15px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px;display:grid}.card{border-radius:14px;width:auto;padding:9px 9px 11px}.card .swatch{height:42px;margin-bottom:6px;font-size:24px}.card h2{font-size:20px}.card .role{font-size:12.5px}.card p{display:none}.big-btn{margin-top:16px;padding:8px 44px 10px;font-size:28px}#menu-hint{margin-top:12px;font-size:12.5px}.pill{border-width:2px;border-radius:11px;padding:4px 10px;font-size:14px}#clock{min-width:74px;font-size:13px}#feed{top:calc(54px + var(--sa-t));font-size:12px}#result-rank{font-size:24px}#result-stats{font-size:15px}}@media(max-height:520px){#title{letter-spacing:0;font-size:min(7.5vw,44px)}#title span{margin-left:.25em;font-size:1em;display:inline}#tagline{margin:6px 0 10px;font-size:13px}#cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:720px;display:grid}.card{border-width:3px;border-radius:13px;width:auto;padding:7px 8px 9px}.card .swatch{border-width:2px;height:30px;margin-bottom:4px;font-size:18px}.card h2{font-size:17px}.card .role{font-size:11.5px}.card p,.card .stat{display:none}.big-btn{box-shadow:0 5px 0 var(--ink);margin-top:10px;padding:6px 40px 8px;font-size:24px}#menu-hint{display:none}.pill{border-width:2px;border-radius:11px;padding:3px 10px;font-size:14px}#clock{min-width:74px;font-size:13px}#feed{font-size:12px}#result-title{font-size:min(9vw,64px)}#result-rank{margin-top:2px;font-size:20px}#banner{top:16%}}@media(prefers-reduced-motion:reduce){#super.ready,#feed div{animation:none}.card,.big-btn,#banner,#toast{transition:none}}.oh.ally .oh-name{color:#8cc8ff}.oh.ally .oh-fill{background:linear-gradient(#7cc4ff,#2f7fe0)}#left-count .t0{color:#8cc8ff}#left-count .t1{color:#ff9a88}#left-count .t0 b,#left-count .t1 b{color:var(--gold)}#menu-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:18px}.seg-lg{display:flex;gap:4px;padding:4px;background:var(--panel);border:3px solid var(--ink);border-radius:14px}.seg-lg button{border:0;border-radius:10px;padding:7px 16px;background:transparent;color:#cfc8f0;font-family:inherit;font-size:17px;cursor:pointer}.seg-lg button.on{background:var(--gold);color:var(--ink)}.quiz-toggle{display:flex;align-items:center;gap:6px;font-size:16px;background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:6px 12px;cursor:pointer}.quiz-toggle input{width:18px;height:18px;accent-color:var(--gold)}#quiz-count{color:var(--lilac);font-size:13px;font-family:var(--body);font-weight:700}.ghost-btn.small{margin-top:0;padding:6px 14px;font-size:15px}#menu-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:4px}#menu-actions .big-btn{margin-top:16px}#multi-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:16px;background:var(--panel);border:3px solid var(--ink);border-radius:16px;padding:8px 10px}#multi-box .ghost-btn{margin-top:0}#multi-box input{font-family:inherit;font-size:16px;border:3px solid var(--ink);border-radius:10px;padding:6px 10px;background:#fff;color:var(--ink);width:110px}#join-code{width:90px!important;text-align:center;letter-spacing:3px}.join-wrap{display:flex;gap:6px}#quiz-layer{position:fixed;inset:0;z-index:25;pointer-events:none}#quiz-layer>*{pointer-events:auto}.quiz-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;overflow-y:auto;padding:calc(16px + var(--sa-t)) calc(16px + var(--sa-r)) calc(16px + var(--sa-b)) calc(16px + var(--sa-l));background:radial-gradient(#0e0a2255,#0e0a22d9);text-align:center}.qs-top{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.qs-top b{color:var(--gold);font-weight:400}.qs-timer.hurry{animation:pulse .5s ease-in-out infinite alternate;color:#ff8a80}.qs-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;width:100%;max-width:1000px}.qs-body h3{margin:0 0 8px;font-weight:400;font-size:18px;color:var(--gold)}.qs-left,.qs-shop{background:var(--panel);border:4px solid var(--ink);border-radius:18px;padding:14px;box-shadow:0 6px #0006}.qs-streak{min-height:22px;margin-top:6px;color:#ffb45a;font-size:17px}.qs-items{display:grid;gap:8px}.qs-item{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;text-align:left;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:#2a1f52;color:#fff;font-family:inherit;font-size:16px;cursor:pointer}.qs-item small{display:block;font-family:var(--body);font-weight:700;font-size:12px;color:var(--lilac)}.qs-item .qi-icon{font-size:24px;text-align:center}.qs-item .qi-lv{color:var(--gold);letter-spacing:2px;font-size:13px}.qs-item .qi-cost{color:var(--gold);white-space:nowrap}.qs-item.can{border-color:var(--gold);box-shadow:0 0 14px #ffc93a55}.qs-item:disabled{cursor:default;opacity:.55}.qs-item.maxed{opacity:.8}.qs-ready{margin-top:14px;font-size:26px;padding:8px 40px 10px}.qs-note{color:var(--lilac);font-family:var(--body);font-weight:700;font-size:13px;margin-top:8px;min-height:16px}.qcard{background:#fffdf5;color:var(--ink);border:4px solid var(--ink);border-radius:16px;padding:14px;text-align:left}.q-type{display:inline-block;font-size:13px;background:var(--ink);color:var(--gold);border-radius:8px;padding:2px 10px}.q-text{font-family:var(--body);font-weight:800;font-size:21px;line-height:1.4;margin:10px 2px 12px;word-break:keep-all;overflow-wrap:anywhere}.q-answers{display:grid;gap:8px}.q-mc,.q-ox{grid-template-columns:1fr 1fr}.q-short{grid-template-columns:1fr auto}.q-choice{display:flex;align-items:center;gap:10px;text-align:left;min-height:52px;padding:8px 12px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font-family:var(--body);font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 4px #1a123040;transition:transform 80ms}.q-choice b{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--gold);font-family:var(--font);font-weight:400;font-size:15px}.q-choice:hover:not(:disabled){transform:translateY(-2px)}.q-ox .q-choice{justify-content:center;font-size:34px;min-height:70px}.q-choice.right{background:#b8ffcf;border-color:#1b8f48}.q-choice.wrong{background:#ffc4bd;border-color:#c43a2a}.q-choice:disabled{cursor:default}.q-input{font-family:var(--body);font-weight:800;font-size:18px;padding:10px 12px;border:3px solid var(--ink);border-radius:12px;min-width:0}.q-submit{font-family:inherit;font-size:18px;padding:0 18px;border:3px solid var(--ink);border-radius:12px;background:var(--gold);color:var(--ink);cursor:pointer}.q-feedback{min-height:26px;margin-top:10px;font-size:18px;opacity:0;transition:opacity .15s}.q-feedback.show{opacity:1}.q-feedback.ok{color:#148a3f}.q-feedback.no{color:#c43a2a}.q-feedback b{color:var(--ink)}.q-explain{font-family:var(--body);font-weight:700;font-size:14px;color:#4b4468;margin-top:4px}.revive-panel{position:fixed;left:50%;bottom:calc(14px + var(--sa-b));transform:translate(-50%);width:min(560px,calc(100% - 24px));background:var(--panel);border:4px solid var(--gold);border-radius:18px;padding:10px;box-shadow:0 6px #0008,0 0 30px #ffc93a55}.rv-title{color:var(--gold);font-size:18px;margin-bottom:8px;text-align:center}.rv-title b{color:#8dff9a;font-weight:400}.qcard.small .q-text{font-size:18px;margin:6px 2px 8px}.qcard.small .q-choice{min-height:42px;font-size:15px}.qcard.small .q-ox .q-choice{min-height:50px;font-size:26px}.rr-title{margin:0;color:var(--gold);font-size:min(12vw,84px);text-shadow:-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink),4px 4px 0 var(--ink),0 8px 0 var(--ink)}.rr-title.lose{color:#ff6a5e}.rr-sub{color:#e8e2ff;font-size:18px}.rr-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.rr-grid div{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:8px 16px;min-width:120px}.rr-grid span{display:block;color:var(--lilac);font-size:13px}.rr-grid b{color:#fff;font-weight:400;font-size:22px}.rr-auto{color:var(--lilac);font-family:var(--body);font-weight:700;font-size:13px;min-height:16px}.rr-board{width:min(640px,100%);background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:8px 12px}.rr-board table{width:100%;border-collapse:collapse;font-size:15px}.rr-board th{color:var(--lilac);font-weight:400;font-size:13px}.rr-board td,.rr-board th{padding:4px 6px;border-bottom:1px solid #ffffff1a}.rr-board tr.me td{color:#8dff9a}.fr-cols{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:min(900px,100%)}.fr-table{border-collapse:collapse;background:var(--panel);border:3px solid var(--ink);border-radius:14px;overflow:hidden;font-size:16px}.fr-table th{background:#2a1f52;color:var(--gold);font-weight:400;padding:6px 12px}.fr-table td{padding:5px 12px;border-top:1px solid #ffffff1a}.fr-wrong{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:8px 14px;text-align:left;max-width:420px}.fr-wrong h3{margin:4px 0;color:var(--gold);font-weight:400;font-size:17px}.fr-wrong ol{margin:0;padding-left:20px;font-family:var(--body);font-weight:700;font-size:14px;line-height:1.6}.fr-wrong small{color:#ff9a88}.fr-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.fr-buttons .ghost-btn{margin-top:22px}#quiz-editor{z-index:35;background:#0e0a22f2;justify-content:flex-start;text-align:left}.qe-wrap{width:min(1100px,100%);display:flex;flex-direction:column;gap:10px}.qe-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.qe-head h2{margin:0;color:var(--gold);font-weight:400;font-size:30px}.qe-title{font-family:inherit;font-size:17px;border:3px solid var(--ink);border-radius:10px;padding:5px 10px;flex:1;min-width:140px;max-width:320px}.qe-count{color:var(--lilac)}.qe-close{margin:0 0 0 auto}.qe-tools{display:flex;flex-wrap:wrap;gap:8px}.qe-btn{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:15px;padding:7px 12px;border:3px solid var(--ink);border-radius:10px;background:#2a1f52;color:#fff;cursor:pointer}.qe-btn:hover{background:#3a2c6e}.qe-btn.danger{background:#5a1f2a}.qe-import{background:var(--panel);border:3px solid var(--gold);border-radius:12px;padding:10px 14px;font-family:var(--body);font-weight:700}.qe-import ul{margin:4px 0;font-size:13px;color:#ff9a88}.qe-imp-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.qe-imp-btns .ghost-btn,.qe-import>.ghost-btn{margin-top:0;padding:5px 14px;font-size:15px}.qe-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}.qe-list-wrap{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:6px;max-height:calc(100vh - 190px);overflow-y:auto}.qe-list{list-style:none;margin:0;padding:0;counter-reset:q}.qe-list li{counter-increment:q;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #ffffff14}.qe-list li:before{content:counter(q);color:var(--lilac);font-size:13px;min-width:18px;text-align:right}.qe-list li{grid-template-columns:auto auto 1fr auto auto}.qe-list li.editing{background:#ffc93a22;border-radius:8px}.qe-list li.qe-empty{display:block;color:var(--lilac);font-family:var(--body);font-weight:700;padding:18px}.qe-list li.qe-empty:before{content:none}.qe-badge{font-size:12px;border-radius:6px;padding:2px 6px;color:var(--ink);background:var(--gold);white-space:nowrap}.qe-badge.t-ox{background:#8dffb0}.qe-badge.t-short{background:#b9b0e0}.qe-qtext{font-family:var(--body);font-weight:800;font-size:15px;overflow-wrap:anywhere}.qe-qtext small{display:block;font-weight:700;color:var(--lilac);font-size:12px}.qe-list button{border:0;background:transparent;font-size:16px;cursor:pointer;color:#fff;padding:4px}.qe-form{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.qe-form h3{margin:0;color:var(--gold);font-weight:400;font-size:19px}.qe-set-title{margin-top:10px!important}.qe-types{display:flex;gap:4px}.qe-types button{flex:1;font-family:inherit;font-size:15px;padding:6px 0;border:2px solid var(--ink);border-radius:9px;background:#2a1f52;color:#cfc8f0;cursor:pointer}.qe-types button.on{background:var(--gold);color:var(--ink)}.qe-form textarea,.qe-form input[type=text]{font-family:var(--body);font-weight:700;font-size:15px;border:3px solid var(--ink);border-radius:10px;padding:8px 10px;width:100%;resize:vertical}.qe-mc{display:grid;gap:6px}.qe-choice{display:flex;align-items:center;gap:8px}.qe-choice input[type=radio]{width:20px;height:20px;accent-color:#3dff8a;flex:none}.qe-tip{color:var(--lilac);font-family:var(--body);font-weight:700;font-size:12px}.qe-ox{display:flex;gap:16px;font-size:17px}.qe-ox input{accent-color:var(--gold)}.qe-err{color:#ff9a88;font-family:var(--body);font-weight:800;font-size:14px;min-height:18px}.qe-form-btns{display:flex;gap:8px;align-items:center}.qe-form-btns .big-btn{margin-top:0;font-size:22px;padding:6px 30px 8px;box-shadow:0 5px 0 var(--ink)}.qe-form-btns .ghost-btn{margin-top:0}.qe-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.qe-set{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px}.qe-set select{font-family:inherit;font-size:15px;border:2px solid var(--ink);border-radius:8px;padding:2px 6px}.qe-onoff{display:flex;align-items:center;gap:8px;font-size:15px}.qe-onoff input{width:18px;height:18px;accent-color:var(--gold)}.lobby{background:var(--panel);border:4px solid var(--ink);border-radius:18px;padding:14px;width:min(760px,100%);box-shadow:0 6px #0006}.lobby-code{font-size:20px;color:#e8e2ff}.lobby-code b{display:inline-block;font-size:44px;letter-spacing:8px;color:var(--gold);font-weight:400;margin:0 6px}.lobby-status{color:var(--lilac);font-family:var(--body);font-weight:700;font-size:14px;min-height:18px;margin:4px 0 8px}.lobby-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.lp{background:#2a1f52;border:3px solid var(--ink);border-radius:12px;padding:6px 10px;text-align:left;font-size:16px}.lp small{display:block;color:var(--lilac);font-family:var(--body);font-weight:700;font-size:12px}.lp.t0{border-color:#3d9bff}.lp.t1{border-color:#ff5a3d}.lp.me{box-shadow:0 0 0 2px #8dff9a inset}.lobby-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:8px}.lobby-row .ghost-btn,.lobby-row .big-btn{margin-top:0}.lobby-row label{display:flex;align-items:center;gap:6px;font-size:15px}.lobby-row select{font-family:inherit;font-size:15px;border:2px solid var(--ink);border-radius:8px;padding:3px 6px}.lobby-chars{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.lobby-chars button{font-family:inherit;font-size:15px;border:3px solid var(--ink);border-radius:10px;padding:5px 10px;background:#2a1f52;color:#fff;cursor:pointer}.lobby-chars button.on{background:var(--gold);color:var(--ink)}.lobby-team{display:flex;gap:6px;justify-content:center}.lobby-team button{font-family:inherit;font-size:15px;border:3px solid var(--ink);border-radius:10px;padding:5px 12px;color:#fff;cursor:pointer;opacity:.6}.lobby-team button.on{opacity:1;box-shadow:0 0 0 3px #fff inset}.lobby-team .t0{background:#2f6fc0}.lobby-team .t1{background:#c0452f}@media(max-width:760px){.qs-body,.qe-main{grid-template-columns:minmax(0,1fr)}.q-mc{grid-template-columns:1fr}.q-text{font-size:18px}.qe-list-wrap{max-height:40vh}.qe-settings{grid-template-columns:1fr}#menu-options{margin-top:10px}.seg-lg button{font-size:15px;padding:6px 10px}}@media(max-height:520px){#menu-options{margin-top:6px;gap:6px}#menu-actions .big-btn,#multi-box{margin-top:8px}.quiz-screen{justify-content:flex-start;gap:8px}.q-text{font-size:16px;margin:6px 2px 8px}.q-choice{min-height:40px;font-size:15px}.revive-panel{width:min(520px,calc(100% - 24px))}.qcard.small .q-text{font-size:15px}}.lobby-screen{z-index:30}.lobby-sub{color:#e8e2ff;font-size:15px}.host-panel{position:fixed;top:calc(12px + var(--sa-t));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:var(--panel);border:3px solid var(--gold);border-radius:14px;padding:6px 8px 6px 14px;font-size:17px;box-shadow:0 4px #0006}.host-panel .ghost-btn{margin-top:0;padding:4px 14px;font-size:15px}.host-panel.compact{top:auto;bottom:calc(12px + var(--sa-b))}@media(max-height:780px)and (min-height:521px){#title{font-size:min(9vw,62px)}#tagline{margin:8px 0 12px;font-size:16px}.card{padding:9px 10px 11px}.card .swatch{height:40px;font-size:24px;margin-bottom:5px}.card h2{font-size:20px}.card p{display:none}#menu-options{margin-top:12px}#menu-actions .big-btn{margin-top:12px;font-size:28px;padding:8px 44px 10px}#multi-box{margin-top:12px}#menu-hint{margin-top:10px}}body.reviving #hints{display:none}#teacher-login{z-index:60;background:#0e0a22ee}.tl-card{width:min(380px,100%);background:#171036;border:3px solid var(--ink);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:12px;text-align:center}.tl-card h2{margin:0;color:var(--gold);font-weight:400;font-size:28px}.tl-desc{margin:0;color:var(--lilac);font-size:14px}.tl-card input{font-family:inherit;font-size:17px;border:3px solid var(--ink);border-radius:10px;padding:10px 12px;width:100%}.tl-err{color:#ff9aa2;font-size:14px;min-height:1em}.tl-actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.tl-actions .big-btn{flex:1}.qe-save-state{font-size:13px;color:var(--lilac);min-width:60px}.qe-save-state.ok{color:#8ee6a0}.qe-save-state.err{color:#ff9aa2}.qe-logout{font-size:14px;padding:6px 12px}.tl-switch{background:none;border:none;color:var(--lilac);font-family:inherit;font-size:13px;text-decoration:underline;cursor:pointer;margin-top:2px}#rooms-panel{width:min(360px,100%);margin-top:4px;display:flex;flex-direction:column;gap:6px}.rooms-head{display:flex;align-items:center;justify-content:space-between;color:var(--lilac);font-size:14px}.ghost-btn.small{padding:4px 10px;font-size:13px}#rooms-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.rooms-empty{color:var(--lilac);font-size:13px;padding:10px;text-align:center;background:#ffffff12;border-radius:10px}.room-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff14;border:2px solid var(--ink);border-radius:10px;padding:8px 10px}.room-row.off{opacity:.5}.room-info{display:flex;flex-direction:column;text-align:left;min-width:0}.room-info b{color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-info small{color:var(--lilac);font-size:12px}.room-join{flex:none;padding:6px 14px}#code-join summary{color:var(--lilac);font-size:13px;cursor:pointer;padding:4px 0}