.wp-hint,.wp-hint p,.wp-hint .wp-hl{color:#f5f0e8!important}.wp-hint{border-radius:12px;padding:10px 12px;box-shadow:0 0 14px #fde04738;background:linear-gradient(135deg,#0a0e1f,#1a2450)!important;border:1px solid #fde047!important}:root{--bg:#0a0e1f;--card:#1a1d26;--ink:#f5f0e8;--mut:#8a8fa8;--pri:#1fcdd0;--pri2:#7b5fc9;--sun:#e8c672;--ok:#22c55e;--bad:#ff4d8d;--warn:#ffb45e;--line:#2b2f3a;--shadow:0 12px 32px -14px #1fcdd059,0 4px 16px #00000080;--r:18px}:root[data-theme=dark]{--bg:#0a0e1f;--card:#1a1d26;--ink:#f5f0e8;--mut:#8a8fa8;--pri:#1fcdd0;--pri2:#7b5fc9;--sun:#e8c672;--ok:#22c55e;--bad:#ff4d8d;--warn:#ffb45e;--line:#2b2f3a;--shadow:0 12px 32px -14px #1fcdd059,0 4px 16px #00000080}:root[data-theme=light]{--bg:#f6f3ec;--card:#fff;--ink:#232347;--mut:#6b7280;--pri:#0e9f9f;--pri2:#7b5fc9;--sun:#d9a441;--ok:#16a34a;--bad:#e11d48;--warn:#d97706;--line:#e4e0d4;--shadow:0 12px 32px -14px #0e9f9f59,0 4px 16px #00000014}html{font-size:calc(100%*var(--jack-font,1))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{font-size:1rem}:root[data-calm="1"] *{transition:none!important;animation:none!important}body{background:var(--bg);color:var(--ink);min-height:100vh;padding-bottom:84px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}button{font:inherit;cursor:pointer;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;border:0;border-radius:12px;padding:10px 16px;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 4px 16px -6px #22d3ee8c}button:hover{filter:brightness(1.1)}button.sec{color:var(--pri);border:2px solid var(--pri);background:0 0;box-shadow:0 0 12px -4px #22d3ee80}button.gh{background:var(--line);color:var(--ink)}button.ok{background:var(--ok)}button.bad{background:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:var(--pri);outline:none}textarea{resize:vertical;min-height:120px}a{color:var(--pri)}header.top{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:var(--ink);background:#050816e0;border-bottom:1px solid #22d3ee59;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 28px -12px #22d3ee80}header.top h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;overflow:hidden}.chip{white-space:nowrap;background:#fff3;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.wrap{max-width:980px;margin:0 auto;padding:16px}.card{border-radius:var(--r);box-shadow:var(--shadow),inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#111830d1,#090d1ec7);border:1px solid #22d3ee38;margin-bottom:14px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.lesson-part{margin:26px 0 8px;padding-top:4px}.part-title{align-items:center;gap:8px;margin:0 0 4px;font-size:21px;font-weight:900;display:flex}.part-desc{opacity:.65;margin:0 0 12px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp{flex:1}h2{margin:6px 0 10px;font-size:20px}h3{margin:4px 0 8px;font-size:16px}.mut{color:var(--mut);font-size:13px}nav.tabs{background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{text-align:center;color:var(--mut);border-radius:12px;flex:1;padding:4px 0;font-size:11px;font-weight:600;text-decoration:none}nav.tabs a span{font-size:22px;line-height:1.1;transition:transform .2s;display:block}nav.tabs a.on span{transform:translateY(-3px)scale(1.15)}#loginModal{z-index:200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#loginModal .lm-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020612b8;position:absolute;inset:0}#loginModal .lm-box{width:100%;max-width:440px;max-height:88vh;margin:0;animation:.25s pop;position:relative;overflow:auto}#loginModal .lm-x{width:36px;height:36px;min-height:36px;color:var(--mut);border:1px solid var(--line);box-shadow:none;background:0 0;border-radius:50%;padding:0;font-size:16px;position:absolute;top:8px;right:8px}#loginModal .lm-x:hover{color:var(--ink)}#loginModal input{box-sizing:border-box;width:100%;margin:4px 0 8px}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.subj{cursor:pointer;transition:transform .2s;position:relative;overflow:hidden}.subj:hover{transform:translateY(-4px)rotate(-.4deg)}.subj .em{font-size:38px}.bar{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg,var(--pri),var(--pri2));border-radius:99px;height:100%;transition:width .6s;display:block}.pill{background:var(--line);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.opt{text-align:left;background:var(--card);width:100%;color:var(--ink);border:2px solid var(--line);margin:8px 0;padding:12px 14px;display:block}.opt:hover{border-color:var(--pri);box-shadow:0 0 14px #22d3ee59}.opt.right{border-color:var(--ok);background:#16a34a26}.opt.wrong{border-color:var(--bad);background:#dc26261f;animation:.4s shake}.q{white-space:pre-wrap;font-size:18px;font-weight:600}.fb{border-radius:12px;margin-top:10px;padding:10px 12px;animation:.3s pop}.fb.ok{background:#16a34a26}.fb.no{background:#dc26261f}.pts li{margin:6px 0}.src{color:var(--mut);font-size:12px}.msg{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:92%;margin:8px 0;padding:10px 12px}.msg.u{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;border-bottom-right-radius:4px;margin-left:auto}.msg.a{background:var(--line);border-bottom-left-radius:4px}.fc{perspective:900px;cursor:pointer;height:200px}.fc>div{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.fc.flip>div{transform:rotateY(180deg)}.fc .f,.fc .b{backface-visibility:hidden;border-radius:var(--r);text-align:center;background:var(--card);box-shadow:var(--shadow);justify-content:center;align-items:center;padding:16px;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.fc .b{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;transform:rotateY(180deg)}.mem{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mc{aspect-ratio:1/1.05;text-align:center;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word;border-radius:14px;justify-content:center;align-items:center;padding:4px;font-size:13px;font-weight:700;transition:transform .3s;display:flex}.mc.up{background:var(--card);color:var(--ink);border:2px solid var(--pri)}.mc.done{color:var(--ink);border:2px solid var(--ok);background:#16a34a33;animation:.4s pop}.tile{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;cursor:pointer;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;width:42px;height:46px;margin:3px;font-size:20px;font-weight:800;display:inline-flex}.tile.slot{background:var(--card);color:var(--ink);border:2px dashed var(--pri)}.tile.used{opacity:.25;pointer-events:none}.monster{text-align:center;font-size:84px;animation:2.4s ease-in-out infinite float}.monster.hit{animation:.4s shake}.hp{background:var(--line);border-radius:99px;height:16px;overflow:hidden}.hp>i{background:linear-gradient(90deg,#ef4444,#f59e0b);height:100%;transition:width .4s;display:block}.heart{font-size:22px}.toast{background:var(--ink);color:var(--bg);z-index:100;text-align:center;border-radius:99px;max-width:90vw;padding:10px 16px;font-weight:700;animation:.3s pop;position:fixed;top:64px;left:50%;transform:translate(-50%)}.xpf{color:var(--warn);pointer-events:none;z-index:90;text-shadow:0 1px 3px #0006;font-size:22px;font-weight:900;animation:1s forwards up;position:fixed}canvas#cf{pointer-events:none;z-index:95;position:fixed;inset:0}.badge{text-align:center;flex-direction:column;align-items:center;width:84px;margin:6px;font-size:11px;display:inline-flex}.badge b{font-size:34px}.badge.lock{filter:grayscale();opacity:.4}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.av{font-size:44px}.profiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.pf{text-align:center;cursor:pointer;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);padding:14px 8px;transition:transform .2s}.pf:hover{transform:scale(1.05)}.avpick span{cursor:pointer;border-radius:10px;padding:4px;font-size:30px;display:inline-block}.avpick span.on{background:var(--pri)}.ring{--p:0;background:conic-gradient(var(--pri) calc(var(--p)*1%),var(--line) 0);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid}.ring i{background:var(--card);border-radius:50%;place-items:center;width:46px;height:46px;font-size:13px;font-style:normal;font-weight:800;display:grid}.warnbox{border-left:4px solid var(--warn);background:#f59e0b26;border-radius:8px;padding:8px 12px;font-size:13px}.viz{background:var(--bg);border-radius:14px;margin:8px 0;padding:10px;overflow:hidden}.viz svg{width:100%;height:auto;display:block}.viz .ctl{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.viz .ctl label{color:var(--mut);margin:0;font-size:13px}.viz input[type=range]{flex:1;min-width:120px}.viz input[type=number],.viz input[type=text]{flex:none;width:84px}.viz select{flex:none;width:auto}.viz .ctl>label{flex:none}.viz .out{margin-top:6px;font-size:16px;font-weight:700}.vtabs{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.vtabs button{padding:6px 12px;font-size:13px}.vk{fill:var(--ink)}.vm{fill:var(--mut)}.vp{fill:var(--pri)}.vc{fill:var(--card)}.vs{stroke:var(--ink);fill:none}.vsp{stroke:var(--pri);fill:none}.vl{stroke:var(--line);fill:none}.vok{fill:var(--ok)}.vbad{fill:var(--bad)}.vw{fill:var(--warn)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bob{animation:1.4s ease-in-out infinite bob}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c,var(--pri)) 55%,transparent)}70%,to{box-shadow:0 0 0 12px #0000}}.pulse{animation:1.2s infinite pulse}.msg ol,.msg ul{margin:.2em 0 .3em;padding-left:1.3em}.msg li{margin:.1em 0}.msg code{background:#ffffff1f;border-radius:4px;padding:0 .3em}.tdots i{background:var(--pri);border-radius:50%;width:7px;height:7px;margin-right:4px;animation:1s infinite tdb;display:inline-block}.tdots i:nth-child(2){animation-delay:.15s}.tdots i:nth-child(3){animation-delay:.3s}@keyframes tdb{50%{opacity:.5;transform:translateY(-4px)}}.stpb{margin:0 0 8px 6px}.cont{margin-top:6px}.cur{color:var(--pri);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.io{padding:6px 10px;font-size:15px}.io.on{color:#fff!important;background:#ef4444!important}.rd{padding:3px 8px;font-size:12px}.rd.on{background:var(--pri);color:#06121f}@media (prefers-reduced-motion:reduce){.cur{animation:none}}#cfab{background:linear-gradient(135deg,var(--pri),var(--pri2));z-index:40;border-radius:50%;width:46px;height:46px;padding:0;font-size:23px;transition:opacity .2s;position:fixed;bottom:84px;right:10px;box-shadow:0 6px 20px #22d3ee80,0 0 16px #f0abfc59}#csheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:70;background:#080c1cf2;border:1px solid #22d3ee59;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;max-width:720px;height:78vh;margin:auto;padding:12px;animation:.25s pop;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 44px #0000008c,0 0 30px -6px #22d3ee59}#csheet .cm{flex:1;padding:4px;overflow:auto}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chips button{border-radius:99px;min-height:44px;padding:6px 10px;font-size:12.5px}.msg .spk{min-width:44px;min-height:44px;margin-right:4px;padding:2px 8px;font-size:13px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes up{to{opacity:0;transform:translateY(-70px)}}.fade{animation:.25s pop}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.arc [hidden],.arwrap [hidden]{display:none!important}.arhud{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:420px;margin:0 auto 6px;display:flex}.arhud button{min-height:40px;padding:8px 12px}.arwrap{max-width:min(420px,max(250px,75vh - 225px));box-shadow:var(--shadow);background:#111;border-radius:16px;margin:8px auto 0;position:relative;overflow:hidden}.arwrap canvas{aspect-ratio:3/4;touch-action:none;width:100%;height:auto;display:block}.argate{background:color-mix(in srgb,var(--card) 95%,transparent);color:var(--ink);-webkit-overflow-scrolling:touch;padding:12px;position:absolute;inset:0;overflow:auto}.argate .q{margin:8px 0;font-weight:700}.argate .opt{margin:6px 0;padding:9px 12px;font-size:14px}.arpz{text-align:center;place-items:center;display:grid}.arpad{grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:10px auto 0;display:grid}.arpad.two{grid-template-columns:1fr 1fr}.arpad .padbtn{touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;min-height:60px;font-size:22px;font-weight:900}.padbtn.p0{background:#ff5c8a}.padbtn.p1{background:#e89a10}.padbtn.p2{background:#1fb7a1}.padbtn.p3{background:#5878f0}.padbtn.hit{filter:brightness(1.15);transform:translateY(3px)}#wbar{top:var(--hh,56px);z-index:19;background:var(--card);border-bottom:2px solid var(--pri);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:sticky}#wbar .sp{flex:1;min-width:120px}#wbar a.wb{background:var(--pri);color:#06121f;border-radius:12px;padding:8px 14px;font-weight:700;text-decoration:none}#wbar button.x{color:var(--mut);background:0 0;padding:6px 10px}.wlink{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#06121f;border-radius:12px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}.sec-hl{outline:3px solid var(--warn);outline-offset:3px;border-radius:var(--r)}#arlv button.on,#archr button.on{outline:3px solid var(--pri);outline-offset:1px}.archb{align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}@media (width<=520px){.mem{grid-template-columns:repeat(3,1fr)}.q{font-size:17px}}#app{padding-bottom:110px}#cfab.sc{opacity:.3}@property --p{syntax:"<number>";inherits:false;initial-value:0}:root{--bg:#0a0e1f;--grid:#1fcdd00e;--card:#1a1d26;--ink:#f5f0e8;--mut:#8a8fa8;--pri:#1fcdd0;--pri2:#7b5fc9;--sun:#e8c672;--line:#2b2f3a;--shadow:0 1px 0 #ffffff0d,0 14px 34px -14px #1fcdd066,0 6px 18px #00000080;--r:20px;--f:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}:root[data-theme=dark]{--bg:#0a0e1f;--grid:#1fcdd00e;--card:#1a1d26;--ink:#f5f0e8;--mut:#8a8fa8;--pri:#1fcdd0;--pri2:#7b5fc9;--sun:#e8c672;--line:#2b2f3a;--shadow:0 1px 0 #ffffff0d,0 14px 34px -14px #1fcdd066,0 6px 18px #00000080}:root[data-theme=light]{--bg:#f6f3ec;--grid:#0e9f9f0e;--card:#fff;--ink:#232347;--mut:#6b7280;--pri:#0e9f9f;--pri2:#7b5fc9;--sun:#d9a441;--line:#e4e0d4;--shadow:0 1px 0 #fff9,0 14px 34px -14px #0e9f9f66,0 6px 18px #00000014}body{font-family:var(--f);background-color:var(--bg);background-image:radial-gradient(1100px 480px at 50% -8%,#1fcdd021,transparent 60%),radial-gradient(820px 520px at 96% 108%,#7b5fc917,transparent 60%),radial-gradient(720px 440px at 3% 96%,#e8c6720d,transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,auto,auto,28px 28px,28px 28px;background-attachment:fixed;padding-bottom:96px}body:after{content:"";z-index:120;pointer-events:none;background:repeating-linear-gradient(0deg,#a0dcff08 0 1px,#0000 1px 4px);position:fixed;inset:0}::selection{color:#050816;background:#22d3ee73}h2{letter-spacing:-.01em;font-weight:900}h3{font-weight:800}:focus-visible{outline-offset:2px;border-radius:10px;outline:3px solid #facc15}svg.i{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.card{border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}:root[data-theme=light] .card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}:root[data-theme=light] header.top{border-bottom:1px solid var(--line);box-shadow:var(--shadow);background:#f6f3ecf0}button{border-radius:14px;font-weight:800;transition:transform .16s cubic-bezier(.3,1.6,.5,1),box-shadow .16s,filter .15s;box-shadow:0 3px #0208148c,0 6px 18px -6px #22d3ee80}button:active{transform:translateY(3px);box-shadow:0 0 #0000003d}button.sec,button.gh,.opt,.io,.rd,button.back,button.stk{box-shadow:none}button.sec:active,button.gh:active,.opt:active,.io:active,.rd:active,button.back:active,button.stk:active{transform:scale(.95)}.opt{box-shadow:0 3px 0 var(--line);border-radius:14px}.opt .letter{min-width:1.2em;color:var(--acc,#4f46e5);margin-right:8px;font-weight:700;display:inline-block}.opt:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.opt.right{box-shadow:0 3px 0 var(--ok)}.opt.wrong{box-shadow:0 3px 0 var(--bad)}header.top{-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);background:#050816db;border-bottom:1px solid #22d3ee59;box-shadow:0 8px 28px -12px #22d3ee80,inset 0 -1px #22d3ee1f}header.top h1{letter-spacing:-.01em;align-items:center;gap:9px;font-weight:900;display:flex}header.top h1 .lg{background:var(--sun);color:#3b2a00;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid;transform:rotate(-6deg);box-shadow:0 3px #c98f00}header.top h1 .lg svg{width:19px;height:19px}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:5px;display:inline-flex}.chip svg{width:15px;height:15px}.chip .fl{color:#ffcf5a}.chip .st{color:#ffe08a}nav.tabs{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border-radius:28px;justify-content:stretch;gap:2px;max-width:640px;margin:0 auto;padding:6px;box-shadow:0 16px 36px -12px #0000008c,0 0 24px -8px #22d3ee59}nav.tabs a{z-index:1;border-radius:22px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 0 5px;transition:color .25s;display:flex;position:relative}nav.tabs a svg{width:23px;height:23px;transition:transform .4s cubic-bezier(.3,1.8,.5,1)}nav.tabs a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 1px;font-size:11px;font-weight:800;line-height:1.1;transition:none;overflow:hidden;transform:none!important}nav.tabs a.on{color:#06121f}nav.tabs a.on svg{transform:translateY(-1px)scale(1.14)}nav.tabs a:not(.on):hover svg{transform:translateY(-2px)}nav.tabs .ind{background:linear-gradient(135deg,var(--pri),var(--pri2));z-index:0;border-radius:22px;transition:transform .5s cubic-bezier(.3,1.35,.4,1),width .3s;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 8px 18px -6px #22d3ee99}#cfab{bottom:98px}.bar{height:12px}.bar>i{background:linear-gradient(90deg,var(--c,var(--pri)),color-mix(in srgb,var(--c,var(--pri)) 55%,var(--pri2)))}.ring{background:conic-gradient(var(--c,var(--pri)) calc(var(--p)*1%),var(--line) 0);animation:1.1s cubic-bezier(.2,.8,.2,1) both ringin}@keyframes ringin{0%{--p:0}}.ring i{font-weight:900}.pill{font-weight:800}.ibub{background:color-mix(in srgb,var(--pri) 13%,var(--card));width:46px;height:46px;color:var(--pri);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pri) 25%,transparent);border-radius:15px;flex:none;place-items:center;display:grid}.ibub svg{width:26px;height:26px}.ibub.b2{background:color-mix(in srgb,#f59e0b 18%,var(--card));color:#fbbf24;box-shadow:inset 0 0 0 2px #f59e0b59}.ibub.b3{background:color-mix(in srgb,#14b8a6 16%,var(--card));color:#5eead4;box-shadow:inset 0 0 0 2px #14b8a659}.hero{--c:var(--pri);color:var(--ink);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 30px -8px color-mix(in srgb,var(--c) 65%,transparent),0 18px 34px -18px #000000b3,inset 0 0 34px color-mix(in srgb,var(--c) 7%,transparent);background:linear-gradient(165deg,#111934f0,#080c1ccc);border-radius:26px;margin-bottom:14px;padding:16px 18px 18px;position:relative;overflow:hidden}.hero .wm{opacity:.15;stroke-width:1.1px;pointer-events:none;width:170px;height:170px;color:var(--c);position:absolute;bottom:-26px;right:-18px}.hero:after{content:"";background:radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--c) 26%,transparent),transparent 46%),repeating-linear-gradient(0deg,#a0dcff0d 0 1px,transparent 1px 4px);pointer-events:none;position:absolute;inset:0}.hero h2{color:var(--ink);z-index:1;text-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent);margin:10px 0;font-size:25px;line-height:1.18;position:relative}.hero .meta{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.hero .meta span{background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 42%,transparent);color:var(--ink);border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:800}button.back{background:color-mix(in srgb,var(--c,var(--pri)) 14%,transparent);color:var(--ink);border:1px solid color-mix(in srgb,var(--c,var(--pri)) 45%,transparent);z-index:1;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:relative}.hero .hrow{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.hero .av{background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:22px;flex:none;place-items:center;width:76px;height:76px;font-size:50px;display:grid;transform:rotate(-4deg)}.hero .hrow h2{margin:0 0 4px}.hero .lvl{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.hero .lvl svg{width:16px;height:16px}.hero .bar{background:color-mix(in srgb,var(--c) 18%,transparent);z-index:1;margin-top:14px;position:relative}.hero .bar>i{background:var(--sun)!important}.hero button.gh{background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--ink);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);box-shadow:none;align-self:flex-start}.card.cover{--c:var(--pri);cursor:pointer;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 13%,#0d142ceb),#090d1ecc);box-shadow:0 0 22px -8px color-mix(in srgb,var(--c) 60%,transparent),inset 0 1px 0 #ffffff0d;border-radius:6px 22px 22px 6px;align-items:center;gap:13px;padding:14px 14px 14px 30px;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.card.cover:before{content:"";background:var(--c);width:16px;position:absolute;top:0;bottom:0;left:0}.card.cover:after{content:"";background:radial-gradient(circle,#ffffffd9 1.7px,#0000 2.2px) 0 0/4px 15px repeat-y;width:4px;position:absolute;top:10px;bottom:10px;left:6px}.card.cover:hover{box-shadow:0 18px 28px -14px var(--c);transform:translateY(-4px)rotate(-.7deg)}.card.cover:active{transform:scale(.97)}.cover .ic{background:color-mix(in srgb,var(--c) 16%,transparent);width:56px;height:56px;color:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent),0 0 14px -4px color-mix(in srgb,var(--c) 70%,transparent);border-radius:17px;flex:none;place-items:center;display:grid}.cover .ic svg{width:30px;height:30px}.cover b{font-size:16px;font-weight:900;line-height:1.2;display:block}.road{padding:14px 8px 12px;display:flex}.road .st{color:var(--mut);text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:11.5px;font-weight:800;display:flex;position:relative}.road .st:before{content:"";background:var(--line);border-radius:9px;width:100%;height:5px;position:absolute;top:15px;right:50%}.road .st:first-child:before{display:none}.road .st.d:before{background:var(--c)}.road .dot{background:var(--card);border:3px solid var(--line);z-index:1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.road .dot svg{width:17px;height:17px}.road .st.d{color:var(--ink)}.road .st.d .dot{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#000)}.chain{margin:0;padding:0;list-style:none}.chain li{margin:0;padding:3px 0 16px 46px;line-height:1.5;position:relative}.chain li:last-child{padding-bottom:2px}.chain li:before{content:"";background:repeating-linear-gradient(var(--c,var(--pri)) 0 5px,transparent 5px 10px);opacity:.55;width:3px;position:absolute;top:36px;bottom:2px;left:15px}.chain li:last-child:before{display:none}.chain li>i{background:color-mix(in srgb,var(--c,var(--pri)) 15%,var(--card));width:34px;height:34px;color:var(--c,var(--pri));box-shadow:inset 0 0 0 2px var(--c,var(--pri));border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.chain li>i svg{width:17px;height:17px}.stks{flex-wrap:wrap;gap:8px;margin:2px 0 12px;display:flex}button.stk{--rt:-1.5deg;color:#4a3600;transform:rotate(var(--rt));background:#fff3c4;border:0;border-radius:10px;padding:6px 11px;font-size:14px;font-weight:800;box-shadow:0 2px #e6b92e}button.stk:nth-child(2n){--rt:1.6deg;color:#064e46;background:#d9f5ee;box-shadow:0 2px #5ec8b4}button.stk:nth-child(3n){--rt:-.6deg;color:#6b1230;background:#ffe0ea;box-shadow:0 2px #f08aa9}button.stk:hover{transform:rotate(0)translateY(-2px)}button.stk.on{outline:3px solid var(--c,var(--pri));outline-offset:1px}#tdef{min-height:0;margin:-2px 0 10px;padding:0 2px;font-size:14.5px}#tdef b{font-weight:900}#vizc{border:2px solid color-mix(in srgb,var(--c,var(--pri)) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c,var(--pri)) 9%,var(--card)),var(--card))}#vizc h3{align-items:center;gap:9px;font-size:17px;display:flex}#vizc h3 .pl{background:var(--c,var(--pri));color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;animation:2.6s ease-out infinite pulse;display:grid}#vizc h3 .pl svg{width:15px;height:15px;margin-left:2px}.lrow{border-top:1px solid var(--line);cursor:pointer;padding:10px 0;transition:background .2s}.lrow:hover{background:color-mix(in srgb,var(--c,var(--pri)) 7%,transparent)}.lst{background:var(--line);width:34px;height:34px;color:var(--mut);border-radius:50%;flex:none;place-items:center;display:grid}.lst svg{width:17px;height:17px}.lst.h{background:color-mix(in srgb,var(--c,var(--pri)) 18%,var(--card));color:var(--c,var(--pri))}.lst.d{background:var(--ok);color:#fff}.fc .b{background:linear-gradient(135deg,var(--c,var(--pri)),var(--pri2))}#app.enter>*{animation:.5s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,0)*45ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.hero{position:relative}.hero #sw{z-index:2;padding:5px 11px;font-size:12px;position:absolute;top:12px;right:12px}.hero .hrow .sp{padding-right:0}.hero .hrow{padding-top:30px}.hero .hrow h2{font-size:22px}nav.tabs a{flex:1 1 0}nav.tabs a.on{flex:1.55 1 0}@media (width<=400px){#hx .st{display:none}}@media (width<=480px){header.top h1 .lg,#hx .xpw,#hx .av2{display:none}header.top{gap:8px;padding:10px 12px}header.top h1{font-size:16px}.chip{padding:4px 9px}}@media (width<=380px){nav.tabs a span{font-size:10px}}.bub-area{background:radial-gradient(120% 100% at 50% 0,#0c1638 0%,#050816 70%);border:1px solid #22d3ee40;border-radius:16px;height:320px;margin-top:8px;position:relative;overflow:hidden}.bub{color:#10213a;cursor:pointer;border:0;border-radius:999px;max-width:46%;min-height:48px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.25;position:absolute;box-shadow:inset 0 -4px #0002,0 2px 6px #0003}.bub.c0{background:#fde68a}.bub.c1{background:#a7f3d0}.bub.c2{background:#fbcfe8}.bub.c3{background:#c7d2fe}.bub.c4{background:#fed7aa}.bub.pop{animation:.35s forwards bpop}.bub.bad{background:#fecaca;animation:.4s shake}@keyframes bpop{to{opacity:0;transform:scale(1.35)}}.fbk{color:#fde68a;background:#facc1514;border:2px solid #facc1573;border-radius:12px;margin-top:8px;padding:10px 12px;font-size:14px;box-shadow:0 0 18px -6px #facc1580}.race{gap:10px;display:grid}.lane{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.who{min-width:84px;font-size:13px;font-weight:700}.trk{background:var(--line);border-radius:99px;height:20px;position:relative}.trk>i{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:99px;height:100%;transition:width .35s;display:block}.trk.bot>i{background:linear-gradient(90deg,#f59e0b,#ef4444)}.trk>b{font-size:24px;transition:left .35s;position:absolute;top:-8px;transform:translate(-50%)}.lkgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lkgrid>div{align-content:start;gap:8px;display:grid}.lk{border:2px solid var(--line);background:var(--card);min-height:52px;color:var(--ink);text-align:left;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}.lk.on{border-color:var(--pri);box-shadow:0 0 0 3px #22d3ee59,0 0 16px #22d3ee59}.lk.shake{animation:.4s shake}.lk.done{opacity:.9}.lk.c0{color:#10213a;background:#fde68a}.lk.c1{color:#10213a;background:#a7f3d0}.lk.c2{color:#10213a;background:#fbcfe8}.lk.c3{color:#10213a;background:#c7d2fe}.lk.c4{color:#10213a;background:#fed7aa}.lk.c5{color:#10213a;background:#bae6fd}.chipbtn{background:var(--card);min-width:44px;min-height:44px;color:var(--ink);border:2px solid var(--line);box-shadow:none;cursor:pointer;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}@media (width<=480px){.chipbtn .jc-lbl{display:none}.chipbtn{padding:4px 9px;font-size:14px}}#csheet.min{border-radius:16px;height:auto;bottom:76px}#csheet.min>:not(:first-child){display:none}#csheet.max{border-radius:0;max-width:none;height:100dvh}.hint-steps{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.hint-steps li{background:#fde04712;border:1px solid #fde04747;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.6;display:flex}.hint-steps .hs-n{color:#241a02;background:linear-gradient(135deg,#fde047,#facc15);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.subj{background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--c,var(--pri)),color-mix(in srgb,var(--c,var(--pri)) 55%,var(--pri2))) border-box;border:3px solid #0000;border-radius:26px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.subj:hover{box-shadow:0 14px 28px -10px color-mix(in srgb,var(--c,var(--pri)) 55%,transparent);transform:translateY(-6px)rotate(-.6deg)scale(1.02)}.subj:active{transform:scale(.96)}.subj .ic{filter:drop-shadow(0 3px 4px #00000026);font-size:40px}button:active{transform:scale(.94)}.mascot3d{z-index:1;pointer-events:none;filter:drop-shadow(0 8px 14px #0000004d);width:110px;height:110px;animation:3s ease-in-out infinite float;position:absolute;top:6px;right:6px}.mascot3d img{object-fit:cover;display:block;width:100%!important;height:100%!important}.hero:has(.mascot3d) h2{padding-right:112px}.hero:has(.mascot3d) .meta{padding-right:112px}.vi-portrait{background:radial-gradient(circle at 50% 28%,#1fcdd038,#0a0e1ff0 72%);border:2px solid #1fcdd0bf;border-radius:18px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 16px #1fcdd08c,0 0 44px #7b5fc947,inset 0 0 26px #1fcdd024}.vi-portrait img{object-fit:cover;object-position:top center;filter:saturate(1.12)contrast(1.06);width:100%;height:100%;display:block}.vi-portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#b4e6ff17 0 2px,#0000 2px 5px);position:absolute;inset:0}.vi-portrait:before{content:"";pointer-events:none;background:linear-gradient(#0000,#22d3ee52,#0000);height:40%;animation:3.4s linear infinite holoScan;position:absolute;top:-45%;left:0;right:0}@keyframes holoScan{to{top:115%}}.vi-float{z-index:60;cursor:grab;touch-action:none;filter:drop-shadow(0 10px 18px #00000080);animation:3.2s ease-in-out infinite float;position:fixed}@media (prefers-reduced-motion:reduce){.vi-portrait:before{animation:none}}.msg.a{border:2px solid var(--line)}#cfab{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#cfab:hover{transform:scale(1.12)rotate(-6deg)}.lv-badge{border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.lv1{color:#166534;background:#dcfce7}.lv2{color:#854d0e;background:#fef9c3}.lv3{color:#991b1b;background:#fee2e2}