:root{--bg: #0b0911;--bg-2: #120e1b;--panel: #1a1526;--panel-2: #241d34;--line: #3a2f52;--ink: #f2edf9;--muted: #aa9fc2;--dim: #6e648a;--violet: #9b72ff;--violet-2: #c9b0ff;--teal: #37e3c7;--blood: #ff4f64;--ember: #ff8a4c;--gold: #ffcb4f;--ok: #54e38e;--radius: 16px;--radius-sm: 10px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--num: "DIN Alternate", "DIN Condensed", "Bahnschrift", "Roboto Condensed", "Arial Narrow", var(--font);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}body{background:radial-gradient(120% 60% at 50% -10%,#2a1c4a 0%,transparent 60%),radial-gradient(90% 50% at 100% 110%,#0f2d33 0%,transparent 60%),var(--bg)}img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%}button{font:inherit;color:inherit}input,textarea{font:inherit}#app{height:calc(var(--vh, 1vh) * 100);max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll>*{flex-shrink:0}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(12px + var(--safe-t)) 16px calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:14px}.h1{font-size:26px;font-weight:800;letter-spacing:.02em;margin:0;text-wrap:balance}.h2{font-size:19px;font-weight:700;margin:0}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:.01em}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.btn{-webkit-appearance:none;appearance:none;border:0;min-height:48px;padding:10px 18px;border-radius:14px;font-size:17px;font-weight:700;letter-spacing:.04em;cursor:pointer;background:var(--panel-2);color:var(--ink);transition:transform .08s ease,filter .15s ease,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn:focus-visible{outline:3px solid var(--violet-2);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,#a884ff,#7a4ff0);box-shadow:0 6px #4b2a9e,0 10px 24px #7b4ff059}.btn-primary:active{transform:translateY(3px);box-shadow:0 3px #4b2a9e,0 6px 16px #7b4ff059}.btn-fire{background:linear-gradient(180deg,#ff9b62,#ff4f64);box-shadow:0 6px #9c2436,0 10px 24px #ff4f6459;font-size:20px}.btn-fire:active{transform:translateY(3px);box-shadow:0 3px #9c2436}.btn-ghost{background:transparent;border:2px solid var(--line)}.btn-block{width:100%}.btn-lg{min-height:58px;font-size:20px}.icon-btn{-webkit-appearance:none;appearance:none;border:0;background:var(--panel);border:1px solid var(--line);width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;cursor:pointer;position:relative}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--blood);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;font-family:var(--num)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.panel-glow{box-shadow:inset 0 0 0 1px #9b72ff40,0 12px 30px #00000059}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--violet-2)}.chip-gold{color:#1b1200;background:var(--gold);border-color:transparent}.chip-teal{color:#04231e;background:var(--teal);border-color:transparent}.monster{position:relative;aspect-ratio:1;width:100%;max-width:100%}.monster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.monster.golden{filter:sepia(1) saturate(4) hue-rotate(-12deg) brightness(1.15) drop-shadow(0 0 14px rgba(255,203,79,.8))}.monster.silhouette{filter:brightness(0) drop-shadow(0 0 1px rgba(155,114,255,.9)) drop-shadow(0 0 8px rgba(155,114,255,.5));opacity:.85}.monster.breathe{animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}.monster.hit{animation:hit .42s ease-out}@keyframes hit{0%{transform:translate(0);filter:brightness(3) saturate(0)}20%{transform:translate(-10px) rotate(-3deg)}40%{transform:translate(9px) rotate(2deg);filter:brightness(1.6)}60%{transform:translate(-5px)}to{transform:translate(0);filter:none}}.monster.dodge{animation:dodge .5s ease-in-out}@keyframes dodge{0%{transform:translate(0)}40%{transform:translate(46px) rotate(6deg);opacity:.6}to{transform:translate(0);opacity:1}}.monster.down{animation:down .9s ease-in forwards}@keyframes down{0%{transform:none}30%{transform:rotate(-8deg) translateY(-6px)}to{transform:rotate(18deg) translateY(40px) scale(.8);opacity:0;filter:brightness(2) blur(2px)}}.monster.flee{animation:flee .9s ease-in forwards}@keyframes flee{0%{transform:none}to{transform:translate(160%) rotate(10deg);opacity:0}}.hp{display:grid;gap:4px}.hp-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hp-name{font-weight:800;font-size:17px}.hp-val{font-family:var(--num);font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.hp-val small{color:var(--dim);font-size:13px}.hp-bar{position:relative;height:16px;border-radius:10px;background:#2a1420;border:1px solid #5a2433;overflow:hidden}.hp-fill,.hp-ghost{position:absolute;inset:0 auto 0 0;border-radius:9px}.hp-ghost{background:#ffd4a8;transition:width .9s .35s ease}.hp-fill{background:linear-gradient(180deg,#ff7a6a 0%,var(--blood) 55%,#c9243d 100%);transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 2px #ffffff40}.hp.small .hp-bar{height:10px}.topbar{display:flex;align-items:center;gap:10px}.power{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0 2px}.power-label{font-size:13px;color:var(--muted);letter-spacing:.3em}.power-num{font-family:var(--num);font-size:58px;line-height:1;font-weight:700;color:var(--gold);text-shadow:0 0 22px rgba(255,203,79,.35),0 3px 0 #7a4d00}.titles{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.today-card{display:grid;gap:10px;position:relative;overflow:hidden}.today-card .monster{width:min(62vw,250px);margin:-6px auto -10px}.today-card.golden{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 34px #ffcb4f40}.bubble{position:relative;background:#f2edf9;color:#1a1526;font-weight:700;padding:8px 12px;border-radius:14px;font-size:15px;justify-self:start;max-width:90%}.bubble:after{content:"";position:absolute;left:18px;bottom:-8px;border:8px solid transparent;border-top-color:#f2edf9;border-bottom:0}.aunt-line{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.aunt-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);flex:none}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{-webkit-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 8px;display:grid;gap:2px;justify-items:center;cursor:pointer;position:relative;color:var(--ink)}.tile b{font-family:var(--num);font-size:22px;line-height:1.1}.tile span{font-size:13px;color:var(--muted)}.banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#37e3c729,#9b72ff29);border:1px solid rgba(55,227,199,.5);cursor:pointer;font-weight:700;color:var(--ink);-webkit-appearance:none;appearance:none;width:100%;text-align:left}.battle{background:radial-gradient(90% 60% at 50% 20%,rgba(155,114,255,.18),transparent 70%)}.battle-head{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-t)) 14px 4px}.rounds{display:flex;gap:6px}.rounds i{width:10px;height:10px;border-radius:50%;background:var(--line);display:block}.rounds i.done{background:var(--teal)}.rounds i.now{background:var(--violet-2);box-shadow:0 0 10px var(--violet)}.rounds i.extra{border-radius:3px}.stage{flex:1;min-height:150px;display:grid;grid-template-rows:1fr auto;gap:6px;padding:0 16px;position:relative}.stage-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:visible}.stage-art .monster{width:160px;height:160px;flex:none}.stage-art .bubble{position:absolute;top:4px;left:0;font-size:14px;animation:pop .25s ease-out;z-index:2}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:5}.dmg{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:var(--num);font-weight:800;font-size:44px;color:var(--teal);text-shadow:0 3px 0 #064b40,0 0 18px rgba(55,227,199,.6);animation:dmg 1.1s ease-out forwards;white-space:nowrap}.dmg.crit{color:var(--gold);font-size:58px;text-shadow:0 4px 0 #7a4d00,0 0 26px rgba(255,203,79,.8)}.dmg.miss{color:#fff;font-size:34px;font-weight:900;font-family:var(--font);text-shadow:0 3px 0 #3b2378,0 0 16px rgba(155,114,255,.8)}@keyframes dmg{0%{transform:translate(-50%,10%) scale(.5);opacity:0}18%{transform:translate(-50%,-60%) scale(1.15);opacity:1}70%{opacity:1}to{transform:translate(-50%,-140%) scale(1);opacity:0}}.banner-fx{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%) rotate(-6deg);font-size:40px;font-weight:900;letter-spacing:.08em;color:var(--gold);text-shadow:0 4px 0 #7a4d00,0 0 30px rgba(255,203,79,.7);animation:stamp .9s ease-out forwards;white-space:nowrap}@keyframes stamp{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(2.4);opacity:0}25%{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}80%{opacity:1}to{opacity:0}}.shake{animation:shake .35s ease-in-out}@keyframes shake{0%,to{transform:none}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}.dock{background:linear-gradient(180deg,rgba(11,9,17,0) 0%,var(--bg-2) 14px);padding:8px 12px calc(10px + var(--safe-b));display:grid;gap:8px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards.one{grid-template-columns:1fr}.card{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;text-align:left;color:var(--ink);border-radius:18px;padding:14px;min-height:132px;display:grid;align-content:space-between;gap:6px;position:relative;overflow:hidden;background:linear-gradient(160deg,#3a2a66,#1b1430 70%);border:2px solid #7a5cf0;box-shadow:0 8px #2c1d58,0 14px 30px #0006;animation:deal .3s ease-out backwards}.card:nth-child(2){animation-delay:.06s}.card:active{transform:translateY(4px);box-shadow:0 4px #2c1d58}.card.free{background:linear-gradient(160deg,#0f4a47,#0f1c22 70%);border-color:var(--teal);box-shadow:0 8px #0a2f2c,0 14px 30px #0006}.card.finisher{background:linear-gradient(160deg,#6a1e2b,#221019 70%);border-color:var(--blood);box-shadow:0 8px #4a1320}.card-kind{font-size:12px;letter-spacing:.2em;color:var(--violet-2);font-weight:700}.card.free .card-kind{color:var(--teal)}.card.finisher .card-kind{color:#ffb3bd}.card-name{font-size:26px;font-weight:900;letter-spacing:.04em;line-height:1.1}.card-level{font-family:var(--num);font-size:14px;color:var(--muted)}.card-glyph{position:absolute;right:-6px;bottom:-14px;font-size:76px;opacity:.16;font-weight:900}.card.charging{opacity:.45;border-style:dashed;animation:none;box-shadow:none;pointer-events:none}@keyframes deal{0%{transform:translateY(24px) rotate(2deg);opacity:0}to{transform:none;opacity:1}}.qpanel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 14px;display:grid;gap:10px;animation:pop .2s ease-out}.qtext{font-size:21px;font-weight:800;line-height:1.4;text-wrap:balance}.qtext .num-in{font-family:var(--num);color:var(--violet-2)}.ans-row{display:flex;align-items:center;gap:8px;justify-content:center}.ans-box{min-width:120px;height:54px;border-radius:14px;background:var(--bg-2);border:2px solid var(--line);display:grid;place-items:center;font-family:var(--num);font-size:34px;font-weight:700;color:var(--ink);padding:0 14px;cursor:pointer}.ans-box.focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b72ff40}.ans-box.empty{color:var(--dim)}.ans-box.sm{min-width:76px}.ans-unit{font-size:18px;color:var(--muted);font-weight:700}.ans-colon{font-family:var(--num);font-size:30px;color:var(--muted)}.expr{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-family:var(--num);font-size:28px;font-weight:700}.expr .tok{padding:0 2px}.expr .op{-webkit-appearance:none;appearance:none;border:2px dashed var(--violet);background:#9b72ff1f;color:var(--violet-2);width:46px;height:46px;border-radius:12px;font-size:28px;font-weight:800;cursor:pointer;font-family:var(--num)}.expr .op.picked{background:var(--violet);color:#fff;border-style:solid;box-shadow:0 0 16px #9b72ffb3}.expr .op.first-hint{border-color:var(--gold);color:var(--gold);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ffcb4f40}}.order-tip{text-align:center;font-size:14px;color:var(--muted)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.choice{-webkit-appearance:none;appearance:none;min-height:54px;border-radius:14px;border:2px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:20px;font-weight:800;cursor:pointer}.choice.picked{border-color:var(--violet);background:#9b72ff33}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{-webkit-appearance:none;appearance:none;border:0;height:50px;border-radius:12px;background:var(--panel-2);color:var(--ink);font-family:var(--num);font-size:26px;font-weight:700;cursor:pointer;box-shadow:0 3px #120d1d}.key:active{transform:translateY(2px);box-shadow:0 1px #120d1d;background:#30264a}.key.fn{font-family:var(--font);font-size:16px;color:var(--muted)}.hint{border-radius:14px;border:1px solid rgba(255,203,79,.45);background:#ffcb4f12;padding:10px 12px;animation:pop .25s ease-out}.hint-title{font-size:13px;letter-spacing:.15em;color:var(--gold);font-weight:800;margin-bottom:6px}.reveal{border-radius:14px;border:1px solid rgba(55,227,199,.45);background:#37e3c714;padding:12px;display:grid;gap:6px;animation:pop .25s ease-out}.reveal b{font-family:var(--num);font-size:30px;color:var(--teal)}.column{display:grid;justify-content:center;font-family:var(--num);font-size:28px;font-weight:700;line-height:1.15}.column .r{display:grid;grid-auto-flow:column;grid-auto-columns:26px;justify-content:end;text-align:center}.column .op{color:var(--gold)}.column .line{border-top:3px solid var(--muted);margin:4px 0}.column .carry{font-size:14px;height:16px;color:var(--gold)}.column .carry .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);margin-top:3px}.column .blank{color:var(--dim)}.bars{display:grid;gap:4px;justify-content:center}.bars .brow{display:flex;gap:3px}.bars .blk{width:14px;height:14px;border-radius:3px;background:var(--blood);box-shadow:inset 0 2px #ffffff40}.bars .blk.alt{background:var(--violet)}.bars .blk.ghost{background:transparent;border:2px dashed var(--dim)}.bars .lab{font-family:var(--num);font-size:14px;color:var(--muted);margin-left:6px;align-self:center}.intel{display:grid;gap:4px;font-size:18px;font-weight:700}.intel .ico{font-size:22px}.ruler{height:28px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--gold) 0 2px,transparent 2px 10%),#3a2c14;border:1px solid var(--gold);position:relative}.result-title{font-size:40px;font-weight:900;letter-spacing:.06em;text-align:center;color:var(--gold);text-shadow:0 4px 0 #7a4d00,0 0 30px rgba(255,203,79,.45)}.result-title.fled{color:var(--violet-2);text-shadow:0 4px 0 #3b2378}.replay{display:grid;gap:6px}.replay-row{display:grid;grid-template-columns:28px 1fr 64px;align-items:center;gap:8px;font-size:14px}.replay-bar{height:12px;border-radius:6px;background:var(--teal);transform-origin:left;animation:grow .6s ease-out backwards}.replay-bar.crit{background:var(--gold)}.replay-bar.zero{background:var(--line)}@keyframes grow{0%{transform:scaleX(0)}}.drops{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.drop{perspective:600px;height:120px}.drop-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.drop.flip .drop-inner{transform:rotateY(180deg)}.drop-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}.drop-back{background:repeating-linear-gradient(45deg,#2c2046 0 8px,#241a3a 8px 16px);border:2px solid var(--violet);font-size:34px}.drop-front{background:var(--panel-2);border:2px solid var(--line);transform:rotateY(180deg);padding:6px;align-content:center;gap:2px;text-align:center}.drop-front .thumb{margin:0 auto}.drop-front span{font-size:13px;font-weight:700}.drop.rare .drop-front{border-color:var(--gold);box-shadow:0 0 18px #ffcb4f73}.xp{height:12px;border-radius:6px;background:var(--panel-2);overflow:hidden;border:1px solid var(--line)}.xp i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--teal));transition:width 1s ease}.tomorrow{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.forge-preview{width:min(60vw,230px);margin:0 auto}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px;white-space:nowrap;cursor:pointer}.tab.on{background:var(--violet);color:#fff;border-color:transparent}.parts{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.parts::-webkit-scrollbar{display:none}.part{-webkit-appearance:none;appearance:none;border:2px solid var(--line);background:var(--panel);border-radius:14px;padding:6px;display:grid;justify-items:center;gap:2px;cursor:pointer;color:var(--ink);position:relative}.part .thumb{margin:2px auto}.part span{font-size:12px;font-weight:700}.part.on{border-color:var(--teal);box-shadow:0 0 0 3px #37e3c740}.part.rare{border-color:#ffcb4fb3}.part .cnt{position:absolute;top:4px;right:6px;font-family:var(--num);font-size:12px;color:var(--muted)}.part.none{place-content:center;color:var(--dim);font-size:14px;min-height:104px}input[type=range]{width:100%;accent-color:var(--violet);height:32px}.hue{-webkit-appearance:none;appearance:none;height:14px;border-radius:7px;background:linear-gradient(90deg,#ff4f64,#ffcb4f,#54e38e,#37e3c7,#5ad8ff,#9b72ff,#ff4f9a,#ff4f64);outline:none}.hue::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:4px solid var(--bg);box-shadow:0 0 0 2px var(--violet)}.text-in{width:100%;height:50px;border-radius:14px;border:2px solid var(--line);background:var(--bg-2);color:var(--ink);padding:0 14px;font-size:20px;font-weight:700;user-select:text;-webkit-user-select:text}.text-in:focus{outline:none;border-color:var(--violet)}.alloc{display:grid;gap:8px}.alloc-q{font-size:18px;font-weight:800}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mcard{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:10px;display:grid;gap:4px;cursor:pointer;color:var(--ink);text-align:left;position:relative}.mcard .monster{width:100%}.mcard b{font-size:16px}.mcard .stats{font-family:var(--num);font-size:13px;color:var(--muted)}.mcard.gift{border-color:#37e3c799}.mcard .tag{position:absolute;top:8px;left:8px}.stars{color:var(--gold);letter-spacing:2px;font-size:13px}.msgs{display:grid;gap:10px}.msg{max-width:82%;padding:10px 12px;border-radius:16px;background:var(--panel-2);justify-self:start;display:grid;gap:6px}.msg.mine{justify-self:end;background:#3a2a66}.msg .stk{font-size:34px;line-height:1}.msg .when{font-size:11px;color:var(--dim)}.stickers{display:flex;gap:8px;justify-content:space-between}.stk-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);border-radius:12px;font-size:28px;width:48px;height:48px;cursor:pointer}.hero{display:grid;gap:8px;justify-items:center;text-align:center;padding-top:18px}.hero .monster{width:min(58vw,220px)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slot-row{display:grid;gap:6px}.slot-row .lab{font-size:14px;color:var(--muted);font-weight:700}.toast{position:fixed;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(24px + var(--safe-b));transform:translateY(20px);background:#f2edf9;color:#1a1526;font-weight:700;padding:10px 16px;border-radius:12px;opacity:0;transition:.25s;z-index:50;max-width:86vw;text-align:center}.toast.show{opacity:1;transform:none}.toast-warn{background:var(--gold)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#05030ab8;display:grid;place-items:center;padding:20px;z-index:40;opacity:0;transition:opacity .2s}.modal-back.show{opacity:1}.modal{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:14px;transform:scale(.94);transition:transform .2s}.modal-back.show .modal{transform:none}.modal-body{display:grid;gap:10px;justify-items:center;text-align:center}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.big-emoji{font-size:56px;line-height:1}.loading{flex:1;display:grid;place-items:center;color:var(--muted)}.err{flex:1;display:grid;place-items:center;text-align:center;padding:24px;gap:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-height:640px){.key{height:44px;font-size:24px}.card{min-height:112px}.card-name{font-size:22px}.qtext{font-size:19px}.ans-box{height:48px;font-size:30px}}select.text-in{appearance:none;-webkit-appearance:none;font-size:16px;font-weight:600;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:30px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--violet);flex:none}input[type=date].text-in{font-size:16px}section.panel .h2{font-size:17px}.spark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);transform:translate(-50%,-50%);animation:spark .55s ease-out forwards;pointer-events:none}.spark.gold{background:var(--gold);box-shadow:0 0 12px var(--gold)}@keyframes spark{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;animation:flash .35s ease-out;z-index:6}.flash.gold{background:var(--gold)}@keyframes flash{0%{opacity:.55}to{opacity:0}}