:root{--bg:#fff8ef;--card:#ffffff;--ink:#3a3330;--ink-soft:#7d726c;--line:#efe3d6;--orange:#ff8a3d;--orange-dark:#e4701f;--teal:#16a79a;--teal-dark:#0d8579;--pink:#ff6b8a;--yellow:#ffd23f;--ok:#2fa84f;--ng:#e4572e;--radius:18px;--shadow:0 2px 0 rgba(0,0,0,0.06),0 8px 20px rgba(120,80,40,0.08);--font:"Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN W4","Zen Maru Gothic","Hiragino Sans","Yu Gothic",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7;overscroll-behavior-y:none}body{padding-bottom:env(safe-area-inset-bottom)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}.shell{max-width:560px;margin:0 auto;padding:0 16px 108px;min-height:100dvh}.shell.wide{max-width:1100px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:10px;padding:14px 2px 12px;background:linear-gradient(var(--bg) 78%,rgba(255,248,239,0))}.logo,.topbar{display:flex;align-items:center}.logo{font-weight:800;letter-spacing:.02em;font-size:19px;gap:8px}.logo .dot{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--orange),var(--pink));display:grid;place-items:center;color:#fff;font-size:14px}.spacer{flex:1 1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card.flat{box-shadow:none}.card h2{margin:0 0 6px;font-size:18px}.muted{color:var(--ink-soft);font-size:14px}.center{text-align:center}.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 22px;font-weight:800;background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-dark);transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--orange-dark)}.btn.teal{background:var(--teal);box-shadow:0 4px 0 var(--teal-dark)}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:none;font-weight:700}.btn.block{width:100%}.btn:disabled{opacity:.45;box-shadow:none}.btn.small{padding:9px 16px;font-size:15px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;font-family:inherit;font-size:17px;padding:13px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange)}label{font-weight:700;font-size:15px;display:block;margin:12px 0 6px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.tabbar a{flex:1 1;max-width:160px;text-align:center;padding:6px 0 4px;border-radius:14px;font-size:12px;font-weight:700;color:var(--ink-soft);position:relative}.tabbar a.on{color:var(--orange-dark);background:#fff3e6}.tabbar a .ic{display:block;font-size:22px;line-height:1.2}.badge{position:absolute;top:2px;right:22%;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;font-size:11px;line-height:18px;font-weight:800}.news-item{display:block;border-left:6px solid var(--line)}.news-item.unread{border-left-color:var(--pink)}.news-item.important{border-left-color:var(--ng);background:#fff7f5}.news-title{font-weight:800;font-size:17px;margin-bottom:2px}.pill{display:inline-block;font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;background:#fff0e3;color:var(--orange-dark)}.pill.red{background:#ffe6e0;color:var(--ng)}.pill.teal{background:#e2f6f3;color:var(--teal-dark)}.pill.gray{background:#f1ece7;color:var(--ink-soft)}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tile{border-radius:var(--radius);padding:16px 14px;color:#fff;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.tile .emoji{font-size:34px}.tile .tname{font-weight:800;font-size:17px}.tile .tkind{font-size:12px;opacity:.92}.play-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.progress-dots{display:flex;gap:5px;flex-wrap:wrap}.progress-dots i{width:11px;height:11px;border-radius:50%;background:var(--line);display:block}.progress-dots i.ok{background:var(--ok)}.progress-dots i.ng{background:var(--ng)}.progress-dots i.now{background:var(--orange);transform:scale(1.25)}.prompt{font-size:22px;font-weight:800;text-align:center;margin:6px 0 14px}.stage{background:#fffdf9;border:2px dashed var(--line);border-radius:var(--radius);padding:14px;display:grid;place-items:center;min-height:200px}.choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.choice{border:3px solid var(--line);background:#fff;border-radius:16px;padding:18px 10px;font-size:24px;font-weight:800;color:var(--ink)}.choice:active{transform:translateY(2px)}.choice.ok{border-color:var(--ok);background:#eafaee}.choice.ng{border-color:var(--ng);background:#fdeeea}.choice.dim{opacity:.45}.verdict{text-align:center;font-size:26px;font-weight:800;margin:14px 0 6px}.verdict.ok{color:var(--ok)}.verdict.ng{color:var(--ng)}.lesson{--scale:1.45}.lesson .prompt{font-size:34px}.lesson .choice{font-size:34px;padding:26px 10px}.lesson .stage{min-height:320px;padding:26px}.lesson .choices{max-width:720px;margin-left:auto;margin-right:auto}.live-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.live-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.live-card.stale{opacity:.5}.live-name{font-weight:800;font-size:16px}.bar{height:9px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:8px}.bar>span{display:block;height:100%;background:var(--teal)}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.list{list-style:none;margin:0;padding:0}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:none}.hint-box{background:#fffbe8;border:2px solid var(--yellow);border-radius:14px;padding:12px;margin-top:12px;font-size:15px}.big-stat{font-size:34px;font-weight:800}@media (max-width:380px){.choices{grid-template-columns:1fr 1fr}.prompt{font-size:20px}}.fg-root{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0,#2d3c57 0,#1b2436 60%,#141b29 100%);color:#fff;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.fg-hud{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;background:rgba(0,0,0,.22);padding:max(6px,env(safe-area-inset-top)) 12px 6px}.fg-hearts{font-size:17px;letter-spacing:1px}.fg-count{margin-left:auto;opacity:.9}.fg-streak{background:#ff8a3d;border-radius:999px;padding:2px 10px}.fg-quit,.fg-streak{color:#fff;font-size:13px}.fg-quit{border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);border-radius:999px;padding:4px 14px;font-weight:800}.fg-quit.big{padding:12px 26px;font-size:17px}.fg-field{position:relative;flex:1 1;overflow:hidden;cursor:crosshair}.fg-guide{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.07)}.fg-box{position:absolute;display:grid;place-items:center;padding:0 4px}.fg-num{display:grid;place-items:center;height:88%;max-width:92%;border-radius:16px;font-weight:900;color:#3a2a12;background:linear-gradient(160deg,#ffd98a,#ffb057);border:3px solid #b9642f;box-shadow:0 5px 0 #a1541f,0 8px 18px rgba(0,0,0,.35);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fg-box.shake .fg-num{animation:fgShake .32s ease}@keyframes fgShake{0%,to{transform:translateX(0)}25%{transform:translateX(-7px) rotate(-4deg)}50%{transform:translateX(7px) rotate(4deg)}75%{transform:translateX(-4px)}}.fg-bullet{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;font-weight:900;color:#16323a;background:radial-gradient(circle at 35% 30%,#ffffff,#6fe3ff 60%,#17b6d8);box-shadow:0 0 16px #6fe3ff,0 0 34px rgba(111,227,255,.55)}.fg-fx{position:absolute;font-weight:900;white-space:nowrap;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.6);max-width:min(46vw,260px);text-align:center}.fg-fx-split{color:#6fe3ff}.fg-fx-pop{color:#ffd23f}.fg-fx-miss{color:#ff8aa0}.fg-line{position:absolute;left:0;right:0;bottom:0;height:0;border-top:4px dashed #ff6b8a;box-shadow:0 -14px 26px -10px rgba(255,107,138,.65)}.fg-line span{position:absolute;right:8px;bottom:4px;font-size:11px;font-weight:800;color:#ff9fb3;letter-spacing:1px}.fg-ammo{display:flex;align-items:center;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:rgba(0,0,0,.3);overflow-x:auto}.fg-ammo-label,.fg-tip{font-size:12px;opacity:.75;white-space:nowrap}.fg-tip{margin-left:auto}.fg-prime{flex:0 0 auto;min-width:58px;height:52px;border-radius:14px;border:3px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-weight:900;font-size:24px}.fg-prime.on{background:linear-gradient(160deg,#8ef0ff,#17b6d8);color:#06323d;border-color:#fff;box-shadow:0 0 18px rgba(111,227,255,.8);transform:translateY(-2px)}.fg-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(10,15,25,.82);padding:12px}.fg-panel{background:#fff;color:var(--ink);border-radius:20px;padding:18px 22px;max-width:560px;width:100%;max-height:92%;overflow-y:auto;text-align:center}.fg-panel h2{margin:6px 0 8px;font-size:22px}.fg-panel p{margin:4px 0}.fg-how{text-align:left;margin:8px 0 14px;padding-left:1.2em;font-size:15px;line-height:1.75}.fg-go{border:none;border-radius:999px;padding:14px 34px;font-weight:900;font-size:19px;background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-dark)}.fg-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.fg-rotate{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;background:#141b29;color:#fff;text-align:center}@media (max-width:720px){.fg-ammo-label{display:none}.fg-tip{font-size:11px}}@media (max-height:460px){.fg-how{font-size:13px;line-height:1.5}.fg-panel{padding:12px 16px}.fg-panel h2{font-size:18px;margin:2px 0 4px}.fg-prime{height:44px;min-width:50px;font-size:20px}}.sb-root,.st-root{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:radial-gradient(90% 60% at 20% 0,#2a2350 0,transparent 60%),radial-gradient(80% 60% at 90% 20%,#13324d 0,transparent 55%),linear-gradient(180deg,#0b0e1c,#070912);color:#eaf0ff;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(8px,env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));-webkit-user-select:none;-moz-user-select:none;user-select:none}.st-root.center-screen{justify-content:center;align-items:center}.st-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.st-head>strong{flex:1 1;text-align:center;font-size:17px}.st-go{border:none;border-radius:999px;padding:13px 28px;font-weight:900;font-size:17px;color:#1b1030;background:linear-gradient(160deg,#ffe08a,#ffb03a);box-shadow:0 4px 0 #c07a12,0 0 24px rgba(255,176,58,.35)}.st-go:disabled{opacity:.4;box-shadow:none}.st-ghost.big,.st-go.big{width:100%;padding:16px;font-size:19px}.st-ghost{border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#eaf0ff;border-radius:999px;padding:11px 22px;font-weight:800}.st-ghost.small{padding:5px 14px;font-size:13px}.st-title{text-align:center;margin:18px 0 22px}.st-title h1{font-size:38px;margin:2px 0;letter-spacing:2px;background:linear-gradient(180deg,#fff,#9fc2ff 60%,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(123,92,255,.55)}.st-title-sub{font-size:13px;letter-spacing:3px;opacity:.75}.st-title-lead{font-size:13px;opacity:.8;margin-top:6px}.st-menu{display:grid;grid-gap:12px;gap:12px;max-width:420px;width:100%;margin:0 auto}.st-progress{text-align:center;margin:16px 0 8px;font-size:14px;opacity:.85}.st-combolist{max-width:460px;width:100%;margin:8px auto 0}.st-combolist h3{font-size:14px;opacity:.7;margin:10px 0 6px}.st-combo{display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.05);border-radius:12px;padding:8px 12px;margin-bottom:6px;font-size:14px}.st-combo.locked{opacity:.4}.st-combo .muted{font-size:12px;color:#9aa7c7}.st-book{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:10px;gap:10px;padding-bottom:12px}.st-book.small{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.st-bcard{position:relative;background:linear-gradient(170deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:2px solid color-mix(in srgb,var(--cc,#8ef0ff) 55%,transparent);border-radius:14px;padding:6px;color:inherit;box-shadow:0 0 16px color-mix(in srgb,var(--cc,#8ef0ff) 22%,transparent)}.st-bcard.locked{border-color:rgba(255,255,255,.12);box-shadow:none}.st-bcard.on{border-color:#ffd23f;box-shadow:0 0 22px rgba(255,210,63,.6);transform:translateY(-2px)}.st-bart{aspect-ratio:1}.st-bname{font-size:12px;font-weight:800;margin-top:2px}.st-bsub{font-size:10px;font-weight:800}.st-check{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:#ffd23f;color:#1b1030;display:grid;place-items:center;font-weight:900;font-size:14px}.cst{width:100%;height:100%;display:block;overflow:visible}.cst-name{font-size:4.2px;fill:#fff;opacity:1;font-weight:800;paint-order:stroke;stroke:#04060e;stroke-width:2.2px;stroke-linejoin:round}.star-pick .ring{animation:stPulse 1.6s ease-in-out infinite;transform-origin:center}@keyframes stPulse{0%,to{opacity:.35}50%{opacity:1}}.chargeRing{animation:stCharge .75s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes stCharge{0%{r:14;opacity:0}40%{opacity:1}to{r:2;opacity:.2}}.chargeCore{animation:stCore .5s ease-in-out infinite alternate}@keyframes stCore{0%{opacity:.35}to{opacity:1}}.st-modal{position:fixed;inset:0;z-index:120;background:rgba(5,7,16,.8);display:grid;place-items:center;padding:12px;overflow-y:auto}.st-card{width:100%;max-width:420px;background:linear-gradient(170deg,#161c33,#0d1020);border:2px solid var(--cc);border-radius:20px;padding:14px;box-shadow:0 0 44px color-mix(in srgb,var(--cc) 40%,transparent)}.st-card-top{display:flex;align-items:flex-start;gap:8px}.st-cons{display:block;font-size:20px;font-weight:900}.st-chara{display:block;font-size:12px;letter-spacing:2px;color:var(--cc)}.st-season{margin-left:auto;color:#10141f;font-weight:900;font-size:12px;padding:3px 10px;border-radius:999px}.st-card-stat{margin-top:4px}.st-card-stat,.st-story{font-size:13px;opacity:.85}.st-story{line-height:1.7;margin:8px 0}.st-card-art{aspect-ratio:1;background:#070a14;border-radius:14px;margin:6px 0}.st-card-hint{font-size:11px;opacity:.6;text-align:center}.st-move{background:rgba(255,255,255,.06);border-radius:14px;padding:10px 12px;margin-top:8px}.st-move-name{font-size:18px;font-weight:900;color:#ffd23f}.st-ruby{display:block;font-size:11px;opacity:.65;font-weight:600}.st-move-tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.st-note{font-size:12px;color:#9fe8ff;margin-top:6px}.st-close{width:100%;margin-top:10px;border:none;padding:11px;font-weight:800;background:rgba(255,255,255,.12);color:#fff}.sb-tag,.st-close{border-radius:999px}.sb-tag{font-size:11px;font-weight:900;background:#2b3358;color:#bcd3ff;padding:2px 9px}.sb-power{font-size:12px;font-weight:800;opacity:.8}.st-stages{display:grid;grid-gap:8px;gap:8px;max-width:520px;width:100%;margin:0 auto}.st-stage{display:flex;align-items:center;gap:12px;text-align:left;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.12);border-radius:14px;padding:11px 14px;color:inherit}.st-stage.clear{border-color:#ffd23f66;background:rgba(255,210,63,.08)}.st-stage.locked{opacity:.35}.st-no{font-size:20px;font-weight:900;opacity:.6;min-width:26px}.st-sname{flex:1 1;font-weight:800}.st-sname em{display:block;font-style:normal;font-size:11px;opacity:.6;font-weight:600}.st-reward{font-size:11px;background:#ffd23f;color:#1b1030;border-radius:999px;padding:2px 9px;font-weight:900}.st-cleared{font-size:11px;color:#ffd23f;font-weight:800}.st-rule{background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:8px}.st-lock{color:#ffd23f;font-weight:800;margin-top:4px}.st-deckbar{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:8px;flex-wrap:wrap}.st-deckbar .muted{font-weight:600;color:#9aa7c7;font-size:12px}.st-err{color:#ff8aa0}.st-result{text-align:center;max-width:420px}.st-result h2{font-size:28px;margin:6px 0}.st-gain{display:flex;align-items:center;gap:12px;text-align:left;background:rgba(255,255,255,.07);border:2px solid var(--cc);border-radius:16px;padding:10px;margin:14px 0;box-shadow:0 0 30px color-mix(in srgb,var(--cc) 40%,transparent);animation:stGain .6s ease-out}@keyframes stGain{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.st-gain-art{width:86px;height:86px;flex:0 0 auto}.st-gain-lead{font-size:12px;color:#ffd23f;font-weight:800}.st-gain-name{font-size:17px;font-weight:900}.st-tip{font-size:13px;background:rgba(255,210,63,.12);border-radius:12px;padding:10px}.sb-sky{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 12%,#fff,transparent),radial-gradient(1px 1px at 70% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 42% 36%,#fff,transparent),radial-gradient(1px 1px at 85% 58%,#fff,transparent),radial-gradient(1px 1px at 12% 62%,#fff,transparent),radial-gradient(1.2px 1.2px at 58% 78%,#fff,transparent);opacity:.5;animation:skyTwinkle 5s ease-in-out infinite alternate}@keyframes skyTwinkle{0%{opacity:.3}to{opacity:.7}}.sb-flash{position:absolute;inset:0;background:#fff;pointer-events:none;transition:opacity .12s;z-index:60}.sb-foes{flex:1 1 auto;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:8px;z-index:2;min-height:140px}.sb-foe{flex:1 1 110px;max-width:170px;text-align:center;color:inherit;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 6px;position:relative}.sb-foe.on{border-color:#ffd23f;box-shadow:0 0 18px rgba(255,210,63,.45)}.sb-foe.dead{opacity:.25;filter:grayscale(1)}.sb-foe-face{display:block;font-size:52px;filter:drop-shadow(0 0 16px var(--fc));animation:foeBob 2.6s ease-in-out infinite}@keyframes foeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sb-foe-name{display:block;font-size:12px;font-weight:800;margin:4px 0 5px}.sb-hp{display:block;height:7px;border-radius:999px;background:rgba(0,0,0,.45);overflow:hidden}.sb-hp>i{display:block;height:100%;background:linear-gradient(90deg,#ff6b8a,#ffd23f);transition:width .4s ease}.sb-chip{position:absolute;top:-6px;left:-4px;font-size:10px;font-weight:900;padding:1px 7px;border-radius:999px}.sb-chip.poison{background:#a86bd8}.sb-chip.shield{background:#6c7a92;left:auto;right:-4px}.sb-msg{text-align:center;font-weight:800;font-size:14px;min-height:22px;background:rgba(0,0,0,.35);border-radius:999px;padding:4px 12px;margin:0 auto 8px;max-width:92%;z-index:2}.sb-field{display:flex;gap:8px;justify-content:center;margin-top:auto;z-index:2}.sb-unit{flex:1 1;max-width:140px;color:inherit;text-align:center;background:linear-gradient(170deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:2px solid color-mix(in srgb,var(--cc) 60%,transparent);border-radius:14px;padding:6px;position:relative;box-shadow:0 0 18px color-mix(in srgb,var(--cc) 25%,transparent)}.sb-unit.sel{border-color:#ffd23f;box-shadow:0 0 24px rgba(255,210,63,.5)}.sb-unit.rest{filter:grayscale(.7) brightness(.7)}.sb-unit.dead{opacity:.2}.sb-unit-art{aspect-ratio:1}.sb-unit-name{font-size:11px;font-weight:800;margin-bottom:3px}.sb-rest{position:absolute;top:4px;right:4px;font-size:10px;font-weight:900;background:rgba(57,64,96,.9);padding:1px 6px;border-radius:999px}.sb-combos{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0 2px;z-index:3}.sb-combo-btn{border:none;border-radius:999px;padding:7px 16px;font-weight:900;font-size:13px;color:#1b1030;background:linear-gradient(160deg,#fff3b0,#ffd23f);box-shadow:0 0 22px rgba(255,210,63,.6);animation:comboGlow 1.4s ease-in-out infinite}@keyframes comboGlow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sb-pass{margin:10px auto 0;border:2px dashed rgba(255,255,255,.3);background:none;color:#eaf0ff;border-radius:14px;padding:10px 18px;font-weight:800}.sb-select{position:absolute;left:0;right:0;bottom:0;z-index:30;background:linear-gradient(180deg,rgba(10,13,26,.6),#0b0e1c 22%);padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:2px solid rgba(255,255,255,.12);max-height:86%;overflow-y:auto}.sb-select-head{display:flex;align-items:center;gap:10px;font-size:15px}.sb-hint{margin-left:auto;font-size:12px;color:#ffd23f;font-weight:800}.sb-hint2{text-align:center;font-size:13px;opacity:.7}.sb-back{background:none;border:none;color:#9fc2ff;font-weight:800;font-size:13px}.sb-select-art{aspect-ratio:1;max-width:min(78vw,330px);margin:6px auto;background:#070a14;border-radius:16px}.sb-move-info{background:rgba(255,255,255,.07);border-radius:14px;padding:10px 12px}.sb-move-info p{font-size:13px;margin:6px 0}.sb-move-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sb-go{width:100%;margin-top:8px;border:none;border-radius:999px;padding:13px;font-weight:900;font-size:17px;color:#1b1030;background:linear-gradient(160deg,#ffe08a,#ffb03a);box-shadow:0 4px 0 #c07a12}.sb-warn{font-size:11px;opacity:.6;text-align:center;margin:6px 0 0}.sb-beam{position:absolute;height:6px;transform-origin:0 50%;pointer-events:none;z-index:50;background:linear-gradient(90deg,#fff,var(--bc) 40%,transparent);box-shadow:0 0 18px var(--bc),0 0 40px var(--bc);border-radius:999px;animation:beamGo .5s ease-out forwards}.sb-beam.wide{height:12px}@keyframes beamGo{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:1}45%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}to{-webkit-clip-path:inset(0 0 0 92%);clip-path:inset(0 0 0 92%);opacity:0}}.sb-pop{position:absolute;z-index:55;transform:translate(-50%,-50%);font-weight:900;font-size:30px;pointer-events:none;text-shadow:0 2px 8px #000,0 0 18px currentColor;animation:popUp 1s ease-out forwards}@keyframes popUp{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-78%) scale(1.25);opacity:1}to{transform:translate(-50%,-135%) scale(1);opacity:0}}.sb-pop.normal{color:#fff}.sb-pop.weak{color:#ffd23f;font-size:38px}.sb-pop.resist{color:#9aa7c7;font-size:24px}.sb-pop.block{color:#7a8399;font-size:22px}.sb-pop.heal{color:#7ef0a0}.sb-pop.foe{color:#ff6b8a}.sq-wrap{position:fixed;inset:0;z-index:130;background:radial-gradient(70% 50% at 50% 22%,rgba(123,92,255,.35),rgba(4,6,14,.93));display:grid;place-items:center;padding:12px;overflow-y:auto}.sq-card{width:100%;max-width:400px;text-align:center}.sq-card.wide{max-width:620px}.genie{text-align:center}.genie-body{width:132px;margin:0 auto;animation:genieFloat 3.4s ease-in-out infinite}@keyframes genieFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.genie-eye{width:100%;display:block}.genie-iris{transform-origin:center;animation:irisPulse 2.2s ease-in-out infinite}@keyframes irisPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.genie-spark{animation:sparkle 1.8s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.15}50%{opacity:1}}.genie-ok .genie-iris{fill:#8ef0ff}.genie-ng .genie-body{animation:genieShake .4s ease}@keyframes genieShake{0%,to{transform:translateX(0)}25%{transform:translateX(-9px)}75%{transform:translateX(9px)}}.genie-say{white-space:pre-line;font-size:14px;line-height:1.7;font-weight:700;background:rgba(20,14,44,.92);border:2px solid #7b5cff;border-radius:16px;padding:10px 14px;margin:6px auto 10px;max-width:340px;box-shadow:0 0 26px rgba(123,92,255,.5)}.sq-art{width:min(62vw,230px);aspect-ratio:1;margin:0 auto 10px;background:#070a14;border-radius:16px}.sq-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sq-choice{border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#eaf0ff;border-radius:14px;padding:14px 6px;font-weight:900;font-size:15px}.sq-choice.ok{border-color:#7ef0a0;background:rgba(126,240,160,.2)}.sq-choice.ng{border-color:#ff6b8a;background:rgba(255,107,138,.2)}.sq-choice.dim{opacity:.35}.sq-verdict{margin-top:12px;font-weight:900;font-size:17px}.sq-verdict.ok{color:#ffd23f}.sq-verdict.ng{color:#ff8aa0}.sq-combo-name{font-size:20px;margin:4px 0 2px;color:#ffd23f}.sq-three{display:flex;gap:8px;justify-content:center;margin:8px 0}.sq-mini{flex:1 1;max-width:170px}.sq-mini>:first-child{aspect-ratio:1;background:#070a14;border-radius:14px}.sq-mini-name{font-size:11px;font-weight:800;margin-top:3px}.sq-mini-pick{font-size:13px;font-weight:900;color:#ffd23f;min-height:20px}.sq-ok{margin-top:8px;border:none;border-radius:999px;padding:13px 30px;font-weight:900;font-size:16px;color:#1b1030;background:linear-gradient(160deg,#ffe08a,#ffb03a)}.sq-ok:disabled{opacity:.4}.sb-swap{margin:8px auto 0;border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#eaf0ff;border-radius:999px;padding:7px 18px;font-weight:800;font-size:13px;z-index:3}.sb-swap-row{display:flex;gap:8px;justify-content:center;margin:8px 0;flex-wrap:wrap}.sb-swap-card{flex:1 1;max-width:110px;color:inherit;font-size:11px;font-weight:800;background:rgba(255,255,255,.07);border:2px solid color-mix(in srgb,var(--cc) 55%,transparent);border-radius:12px;padding:5px}.sb-swap-card.on{border-color:#ffd23f;box-shadow:0 0 16px rgba(255,210,63,.5)}.sb-swap-card:disabled{opacity:.3}.sb-swap-art{aspect-ratio:1}.sb-swap-label{text-align:center;font-size:12px;opacity:.6}.fg-lv{background:linear-gradient(160deg,#8ef0ff,#17b6d8);color:#06323d;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:900}.fg-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:6;font-size:44px;font-weight:900;color:#ffd23f;text-shadow:0 0 26px rgba(255,210,63,.9),0 3px 10px #000;animation:fgBanner 1.4s ease-out forwards;pointer-events:none}@keyframes fgBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.sb-swap-card.holding,.sb-unit.holding,.st-bcard.holding{transform:scale(.94);transition:transform .42s ease}.st-movelist{list-style:none;margin:8px 0 0;padding:0}.st-movelist li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;margin-bottom:5px;background:rgba(255,255,255,.06);font-size:13px;cursor:pointer}.st-movelist li b{color:#ffd23f;min-width:7.5em}.st-movelist li span{flex:1 1;opacity:.75;font-size:12px}.st-movelist li em{font-style:normal;font-weight:900}.creature,.sb-bg{pointer-events:none}.sb-bg{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000,#000 62%,transparent);mask-image:linear-gradient(180deg,#000,#000 62%,transparent)}.sb-foe-img{display:block;width:100%;max-width:92px;height:auto;margin:0 auto;filter:drop-shadow(0 0 14px var(--fc));animation:foeBob 2.6s ease-in-out infinite}.sb-tag img{width:13px;height:13px;vertical-align:-2px;margin-right:3px}.genie-img{width:100%;display:block}.st-title-img{width:min(64vw,260px);display:block;margin:0 auto 4px}.sq-q{font-size:15px;font-weight:800;color:#ffd23f;margin:2px 0 8px}.st-exam{display:inline-block;font-size:10px;font-weight:900;background:#ffd23f;color:#1b1030;border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:2px}.st-ask{font-size:13px;margin:6px 0;color:#cfe3ff}.st-ask b{color:#fff;font-size:15px}.st-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;max-width:460px;width:100%;margin:16px auto 4px;text-align:center}.st-stats>div{background:rgba(255,255,255,.05);border-radius:12px;padding:8px 4px}.st-stats b{font-size:20px;font-weight:900;color:#ffd23f}.st-stats em{font-style:normal;font-size:11px;opacity:.55}.st-stats span{display:block;font-size:10px;opacity:.7;margin-top:2px}.st-go.alt{background:linear-gradient(160deg,#a58cff,#6a49e0);box-shadow:0 4px 0 #3f2b9e,0 0 26px rgba(123,92,255,.45);color:#fff}.st-go.alt em{display:block;font-style:normal;font-size:11px;opacity:.85;font-weight:700}.st-worlds{display:grid;grid-gap:10px;gap:10px;max-width:520px;width:100%;margin:0 auto}.st-world{display:flex;align-items:center;gap:12px;text-align:left;color:inherit;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px}.st-world.locked{opacity:.38}.st-world-no{font-size:20px;font-weight:900;color:#7b5cff;min-width:34px}.st-world-body{flex:1 1;min-width:0}.st-world-body strong{display:block;font-size:16px}.st-world-body em{display:block;font-style:normal;font-size:11px;opacity:.65;margin:2px 0 6px}.st-world-star{font-size:15px;font-weight:900;color:#ffd23f;white-space:nowrap}.st-world-star em{font-style:normal;font-size:10px;opacity:.6;color:#fff}.st-worldlead{text-align:center;font-size:12px;opacity:.7;margin:0 0 10px}.st-bar{height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.st-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd23f,#ff8a3d)}.st-stars{letter-spacing:1px;font-size:13px;color:rgba(255,255,255,.22)}.st-stars .on{color:#ffd23f;text-shadow:0 0 10px rgba(255,210,63,.7)}.st-stars.big{font-size:34px;margin:6px 0 2px}.st-starwhy{font-size:12px;opacity:.55;display:grid;grid-gap:2px;gap:2px;margin-bottom:10px}.st-starwhy .ok{opacity:1;color:#ffd23f;font-weight:800}.st-lvtag{left:5px;color:#9fc2ff}.st-lvtag,.st-mem{position:absolute;top:5px;font-size:10px;font-weight:900;background:rgba(10,8,24,.72);border-radius:999px;padding:1px 6px}.st-mem{right:5px;color:#ffd23f}.sb-lv{font-size:9px;font-weight:900;color:#9fc2ff;margin-left:4px}.st-exp{background:rgba(255,255,255,.06);border-radius:12px;padding:9px 12px;margin:10px 0;font-size:13px}.st-exp-lead b{color:#8ef0ff;font-size:16px}.st-exp-lead em{font-style:normal;font-size:11px;opacity:.6;margin-left:4px}.st-exp-up{color:#ffd23f;font-weight:800;margin-top:4px}.st-bookhead{max-width:460px;width:100%;margin:0 auto 10px;font-size:13px;text-align:center}.st-bookhead b{color:#ffd23f;font-size:17px}.st-bookhead .st-bar{margin-top:6px}.st-towerend{text-align:center;background:rgba(123,92,255,.14);border:2px solid #7b5cff;border-radius:16px;padding:10px;margin-bottom:10px;font-size:13px}.st-towerend-f{font-size:40px;font-weight:900;color:#ffd23f;line-height:1}.st-towerend-f em{font-style:normal;font-size:16px;margin-left:2px}.st-drill-list{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0;font-size:12px;font-weight:800}.st-drill-list span{background:rgba(255,255,255,.07);border-radius:999px;padding:3px 9px}.st-drill-list .ok{color:#8ef0ff}.st-drill-list .ng{color:#ff8aa0}.st-deckgo{position:-webkit-sticky;position:sticky;bottom:8px;z-index:5;box-shadow:0 4px 0 #c07a12,0 0 24px rgba(255,176,58,.45),0 10px 26px rgba(0,0,0,.6)}.sb-beam.foe{height:9px;background:linear-gradient(90deg,transparent,var(--bc) 30%,#1a1026 70%,#000);box-shadow:0 0 14px var(--bc),0 0 34px #000;filter:saturate(.8) brightness(.95);animation:beamFoe .42s ease-in forwards;-webkit-clip-path:polygon(0 40%,12% 0,26% 55%,42% 8%,58% 62%,74% 12%,88% 58%,100% 22%,100% 78%,86% 100%,70% 46%,54% 96%,38% 40%,22% 92%,8% 48%);clip-path:polygon(0 40%,12% 0,26% 55%,42% 8%,58% 62%,74% 12%,88% 58%,100% 22%,100% 78%,86% 100%,70% 46%,54% 96%,38% 40%,22% 92%,8% 48%)}@keyframes beamFoe{0%{opacity:0}16%{opacity:1}68%{opacity:1}to{opacity:0}}.sb-foe.lunge{animation:foeLunge .42s cubic-bezier(.3,-.5,.4,1.6);z-index:40}@keyframes foeLunge{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(.93)}60%{transform:translateY(26px) scale(1.12)}to{transform:translateY(0) scale(1)}}.sb-unit.hurt{animation:unitHurt .42s ease-out}.sb-unit.hurt:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 40%,rgba(255,70,90,.55),transparent 70%);pointer-events:none;animation:hurtFade .42s ease-out forwards}@keyframes unitHurt{0%{transform:translateX(0)}20%{transform:translateX(-7px) rotate(-2deg)}45%{transform:translateX(6px) rotate(2deg)}70%{transform:translateX(-3px)}to{transform:translateX(0)}}@keyframes hurtFade{0%{opacity:1}to{opacity:0}}.snd-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;width:36px;height:36px;font-size:17px;line-height:1;display:grid;place-items:center;flex:0 0 auto}.st-head .snd-btn{width:32px;height:32px;font-size:15px}.gt-wrap{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 30%,rgba(40,22,86,.86),rgba(6,5,16,.95));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;animation:gtIn .28s ease-out}@keyframes gtIn{0%{opacity:0}to{opacity:1}}.gt-inner{width:100%;max-width:420px;text-align:center}.gt-genie{width:176px;margin:0 auto 10px;animation:gtFloat 3.4s ease-in-out infinite}@keyframes gtFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.gt-box{background:linear-gradient(180deg,rgba(28,18,58,.96),rgba(16,11,36,.96));border:2px solid #7b5cff;border-radius:18px;padding:14px 16px 10px;box-shadow:0 0 34px rgba(123,92,255,.45),inset 0 0 26px rgba(123,92,255,.14);text-align:left}.gt-who{font-size:11px;font-weight:900;color:#c9b6ff;letter-spacing:1px;margin-bottom:4px}.gt-line{font-size:16px;line-height:1.75;margin:0;min-height:3.5em;white-space:pre-wrap;color:#f2f5ff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.gt-next{text-align:right;font-size:12px;color:#ffd23f;font-weight:800;height:18px}.gt-count{margin-top:8px;font-size:11px;opacity:.5}.sb-combo-btn.cd{opacity:.42;filter:grayscale(.6)}.sb-combo-btn.cd em{display:block;font-style:normal;font-size:10px;font-weight:800;opacity:.9}.sb-wave{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:30;background:rgba(8,6,20,.6);border-radius:999px;padding:4px 10px}.sb-wave span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}.sb-wave span.done{background:#6b7490}.sb-wave span.now{background:#ffd23f;box-shadow:0 0 10px #ffd23f;animation:wavePulse 1.4s ease-in-out infinite}.sb-wave b{font-size:11px;font-weight:900;color:#ffd23f;margin-left:2px}@keyframes wavePulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.st-slotup{background:rgba(255,210,63,.14);border:2px solid #ffd23f;border-radius:14px;padding:10px 12px;margin:10px 0;font-size:14px;font-weight:800;animation:stGain .6s ease-out}.st-slotup b{color:#ffd23f;font-size:18px}.sb-foe-col{display:block;font-size:10px;font-weight:900;margin-top:2px;color:var(--fc2);text-shadow:0 0 8px var(--fc2),0 1px 3px #000}.sb-foe-col em{display:block;font-style:normal;font-size:9px;opacity:.75;color:#fff}.sb-tag.col{border-color:var(--tc);color:var(--tc);box-shadow:0 0 10px color-mix(in srgb,var(--tc) 45%,transparent)}.st-color{background:rgba(255,255,255,.06);border-left:4px solid var(--sc);border-radius:8px;padding:7px 10px;font-size:13px;margin:8px 0 4px}.st-color .c{color:var(--sc);text-shadow:0 0 10px var(--sc)}.pr-root{position:fixed;inset:0;z-index:210;overflow:hidden;background:radial-gradient(ellipse at 50% 12%,#1b1442 0,#0a0818 55%,#05040e 100%);display:flex;flex-direction:column;justify-content:center;padding:18px}.pr-root.center{align-items:center}.pr-sky{position:absolute;inset:0}.pr-sky.small{position:fixed;inset:0;opacity:.6;pointer-events:none;z-index:0}.pr-talk .gt-box,.pr-talk .pr-genie{position:relative;z-index:1}.pr-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:prTwinkle 3.4s ease-in-out infinite}@keyframes prTwinkle{0%,to{opacity:.25}50%{opacity:1}}.pr-cst{position:absolute;width:120px;height:120px;transition:opacity 1.1s ease,filter 1.1s ease,transform 1.1s ease}.pr-cst.gone{opacity:0;filter:blur(6px);transform:scale(.75)}.pr-narr{position:relative;text-align:center;font-size:17px;font-weight:800;text-shadow:0 2px 10px #000;letter-spacing:1px}.pr-talk{position:relative;width:100%;max-width:420px;margin:0 auto}.pr-genie{width:168px;margin:0 auto 10px;animation:gtFloat 3.4s ease-in-out infinite}.gt-box.me{border-color:#8ef0ff;box-shadow:0 0 30px rgba(142,240,255,.35)}.gt-box.narr{border-color:rgba(255,255,255,.3);box-shadow:none}.pr-join{text-align:center;max-width:460px;width:100%;padding:0 4px}.pr-lead{font-size:15px;font-weight:800;color:#ffd23f;margin-bottom:12px}.pr-join-row{display:flex;gap:8px;justify-content:center;margin-bottom:22px;flex-wrap:wrap}.pr-join-card{width:104px;background:rgba(10,8,24,.55);border:2px solid var(--cc);border-radius:14px;padding:6px 4px 8px;box-shadow:0 0 26px color-mix(in srgb,var(--cc) 40%,transparent);animation:stGain .6s ease-out backwards;display:flex;flex-direction:column;align-items:center}.pr-join-card .cst{width:92px;height:92px;display:block}.pr-join-card strong{display:block;font-size:12px;margin-top:6px;line-height:1.25;text-shadow:0 1px 4px #000}.pr-join-card em{display:block;font-style:normal;font-size:10px;opacity:.7;line-height:1.25}.pr-learn{width:100%;max-width:420px;margin:0 auto;text-align:center}.pr-learn-art{width:210px;height:210px;margin:0 auto}.pr-learn-name{background:rgba(255,255,255,.06);border-left:5px solid var(--sc);border-radius:12px;padding:10px 14px;margin:10px 0;text-align:left}.pr-cons{font-size:12px;opacity:.7}.pr-star{font-size:26px;font-weight:900;color:var(--sc);text-shadow:0 0 18px var(--sc)}.pr-col{font-size:12px;opacity:.8}.pr-move{font-size:13px;font-weight:800;color:#ffd23f;margin-top:4px}.pr-note{font-size:12px;opacity:.75;margin:0 0 12px}.ns-wrap{width:100%;max-width:520px;margin:0 auto}.ns-sky{position:relative;width:100%;aspect-ratio:1/1.15;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 8%,#1a1440 0,#0a0818 55%,#05040e 100%);border:2px solid rgba(255,255,255,.12)}.ns-dot{width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff;animation:prTwinkle 3.8s ease-in-out infinite}.ns-cst,.ns-dot{position:absolute}.ns-cst{transform:translate(-50%,-50%);aspect-ratio:1;opacity:0;transition:opacity .8s ease}.ns-cst.on{opacity:1;animation:nsIn 1s ease-out}@keyframes nsIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ns-cst b{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:8px;white-space:nowrap;opacity:.4;font-weight:700}.ns-cst .cst .cst-line{stroke-opacity:.5!important}.ns-foot{text-align:center;font-size:14px;margin-top:12px}.ns-foot b{color:#ffd23f;font-size:20px}.ns-foot .st-bar{margin:8px auto;max-width:320px}.ns-foot p{font-size:12px;opacity:.75;margin:4px 0 0}.ns-list{font-size:11px!important;opacity:.55!important}.st-ghost.big em{font-style:normal;font-size:12px;opacity:.7;margin-left:6px}.st-reset{text-align:center;margin:18px 0 4px}.st-reset button{opacity:.5;font-size:11px}.choices:has(>:nth-child(7)) .choice{font-size:19px;padding:13px 8px}.sm-wrap{flex-direction:column;align-items:center;width:100%}.sm-tags,.sm-wrap{display:flex;gap:10px}.sm-tags{font-size:12px;font-weight:800}.sm-tag{border-radius:999px;padding:3px 12px}.sm-tag.start{background:#ffd9e1;color:#b03a54}.sm-tag.goal{background:#d6e2ff;color:#3a55a8}.sm-grid{display:grid;grid-gap:0;gap:0;background:var(--line);border:2px solid #d9c9b6;border-radius:10px;overflow:hidden}.sm-cell{border:1px solid #e8dccd;border-top:none;border-left:none;background:#fff;color:var(--ink);font-weight:700;line-height:1;padding:0;display:grid;place-items:center;transition:background .08s ease}.sm-cell.start{background:#ffe3ea}.sm-cell.goal{background:#e0e9ff}.sm-cell.on{background:var(--yellow);color:#4a3a00}.sm-cell.head{background:var(--orange);color:#fff}.sm-read{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%}.sm-read-label{font-size:12px;color:var(--ink-soft)}.sm-read-text{font-weight:800;letter-spacing:.06em;word-break:break-all;min-height:1.5em}.sm-ok{background:#eafaee;border:2px solid var(--ok);color:#1c6b33;border-radius:12px;font-weight:700}.sm-ng,.sm-ok{padding:8px 14px;font-size:14px;text-align:center}.sm-ng{background:#fdeeea;border:2px solid var(--ng);color:#9d3317;border-radius:12px}.sh-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%;max-width:420px}.sh-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:14px;display:grid;place-items:center;padding:6px}.sh-label{position:absolute;top:6px;left:10px;font-size:13px;font-weight:800;color:var(--ink-soft)}.lesson .sh-grid{max-width:620px}.rt-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.rt-note{margin:0;font-size:12px;color:var(--ink-soft);text-align:center}.sm-cell.start{box-shadow:inset 0 0 0 3px #e87a95}.sm-cell.goal{box-shadow:inset 0 0 0 3px #7b93e0}.pt-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pt-task{font-size:14px;font-weight:800;color:#8a6b4f;text-align:center}.pt-board{position:relative}.pt-cell{position:absolute;border:none;padding:0;line-height:1;display:grid;place-items:center;color:var(--ink);transition:background .1s ease}.pt-cell.locked{cursor:default}.pt-mark{font-size:.74em;font-weight:800;color:var(--ink-soft)}.pt-lines{position:absolute;left:0;top:0;pointer-events:none}.pt-palette{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pt-pick{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;color:var(--ink)}.pt-pick.on{border-color:var(--orange)}.pt-pick span{font-size:17px}.st-exit-hint{text-align:right;font-size:11px;color:#9a8f82;margin:-6px 2px 8px}.pt-swatch{display:inline-block;width:16px;height:16px;border-radius:5px;border:1.5px solid #cbbba6;margin-right:6px;vertical-align:-3px}.pr-skip{position:absolute;top:12px;right:12px;z-index:40;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(20,16,40,.55);color:#e8e4ff;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.contact-card{display:flex;align-items:center;gap:12px;margin-top:12px}.talk-shell{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:0}.tk-top{display:flex;align-items:center;gap:12px;margin:6px 2px 8px}.tk-log{flex:1 1;overflow-y:auto;padding:6px 2px 10px;gap:10px}.tk-log,.tk-row{display:flex;flex-direction:column}.tk-row{max-width:84%}.tk-row.me{align-self:flex-end;align-items:flex-end}.tk-row.them{align-self:flex-start;align-items:flex-start}.tk-bubble{border-radius:16px;padding:10px 13px;font-size:15px;line-height:1.55;background:#fff;border:1.5px solid #e4d8c6}.tk-row.me .tk-bubble{background:#e8f6f3;border-color:#bfe3da;border-bottom-right-radius:5px}.tk-row.them .tk-bubble{border-bottom-left-radius:5px}.tk-bubble p{margin:0;white-space:pre-wrap}.tk-tag{font-size:12px;font-weight:800;color:var(--teal-dark);margin-bottom:3px}.tk-meta{font-size:11px;color:#9a8f82;margin-top:3px}.tk-send{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);border-top:1.5px solid #ece1d0;padding:8px 2px 12px}.tk-kinds{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.tk-kind{white-space:nowrap;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;border:1.5px solid #e4d8c6;background:#fff}.tk-kind.on{border-color:var(--teal-dark);background:#e8f6f3}.tk-date{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin:4px 0}.tk-date input{padding:7px 10px;border-radius:10px;border:1.5px solid #e4d8c6;font:inherit;font-size:15px}.tk-input-row{display:flex;gap:8px;align-items:flex-end}.tk-input-row textarea{flex:1 1;padding:10px 12px;border-radius:12px;border:1.5px solid #e4d8c6;background:#fffdf9;font:inherit;font-size:16px;resize:none}.room{display:block;width:100%;text-align:left}.room.unread{border-left:5px solid var(--ng)}.room-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}.room-last{font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-new{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--ng);color:#fff;font-size:12px;font-weight:800}.ns-back{position:fixed;inset:0;z-index:300;padding:20px;background:rgba(30,22,16,.55);display:flex;align-items:center;justify-content:center}.ns-card{width:100%;max-width:420px;max-height:80dvh;overflow-y:auto;background:var(--bg);border-radius:20px;padding:20px 18px 16px;box-shadow:0 18px 50px rgba(0,0,0,.3)}.ns-bell{font-size:34px;text-align:center}.ns-title{text-align:center;margin:2px 0 12px;font-size:19px}.ns-item{display:block;background:#fff;border:1.5px solid #e4d8c6;border-radius:14px;padding:12px 14px;margin-bottom:10px;color:inherit}.ns-item.talk{background:#e8f6f3;border-color:#bfe3da}.ns-head{font-weight:800;margin-top:4px}.ns-body{font-size:14px;color:#6b6055;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.pl-note{margin:0;font-size:12px;color:var(--ink-soft);text-align:center}.pl-count{font-size:16px;font-weight:800;color:#5d7f33}.pl-tap{cursor:pointer}.lesson .pl-note{font-size:16px}.em{--wa:#f7efe0;--sumi:#33302c;--shu:#b23c2e;--kin:#b9903c}.em h1{font-size:28px;margin:6px 0 2px;letter-spacing:.06em}.em-h2{font-size:20px;margin:14px 0 8px}.em-h3{font-size:17px;margin:22px 0 8px}.em-cover{border-radius:var(--radius);padding:4px;background:linear-gradient(135deg,#8a6b45,#c9a227 45%,#8a6b45);box-shadow:var(--shadow);margin:10px 0 14px}.em-cover-in{border-radius:15px;background:repeating-linear-gradient(90deg,rgba(160,130,90,.07) 0 2px,transparent 2px 7px),linear-gradient(160deg,#fdf7e9,var(--wa));padding:22px 16px 18px;text-align:center}.em-cover-sub{color:#7a6b58;margin:2px 0 10px;font-size:15px}.em-cover-count{display:inline-block;font-size:13px;font-weight:800;color:#7a5f3c;background:rgba(185,144,60,.16);border-radius:999px;padding:4px 14px;margin-bottom:12px}.em-band{display:flex;gap:2px;width:100%}.em-band-seg{flex:1 1;height:16px;border-radius:3px;background:#e2d7c6;display:grid;place-items:center;transition:transform .15s ease}.em-band-seg span{font-size:9px;opacity:0}.em-band-seg.on span{opacity:.9}.em-band-seg.now{transform:scaleY(1.7);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--shu)}.em-band-seg.now span{opacity:1}.em-fude{width:26px;height:26px;flex:none;vertical-align:-6px}.em-fude.big{width:68px;height:68px}.em-menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:14px}.em-menu button{background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px 4px 10px;font-size:22px;display:grid;grid-gap:3px;gap:3px;justify-items:center}.em-menu button span{font-size:11px;font-weight:800;color:var(--ink-soft)}.em-menu button.locked{opacity:.45}.em-list{display:grid;grid-gap:8px;gap:8px}.em-era{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#fff;border:2px solid var(--line);border-radius:16px;padding:10px 12px}.em-era.done{background:#fffdf6;border-color:#e6d6b4}.em-era.locked{opacity:.5}.em-era-mark{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:20px}.em-era-body{display:grid;flex:1 1;min-width:0}.em-era-body b{font-size:16px}.em-era-body small{font-size:11.5px;color:var(--ink-soft)}.em-era-catch{color:#9a8a74!important}.em-era-state{font-size:18px;color:var(--teal);font-weight:800}.em-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.em-era-now{margin-left:auto;font-weight:800;font-size:14px}.em-stage{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.em-art{aspect-ratio:8/5;background:#dfe8ea}.em-art img,.em-art svg{width:100%;height:100%;display:block;object-fit:cover}.em-art.big{aspect-ratio:16/9}.em-stage-band{position:absolute;left:10px;right:10px;bottom:8px}.em-stage-band .em-band-seg{height:7px;border-radius:2px;background:rgba(255,255,255,.35)}.em-stage-band .em-band-seg span{display:none}.em-stage-band .em-band-seg.now{transform:scaleY(2);box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}.em-text{background:repeating-linear-gradient(90deg,rgba(160,130,90,.05) 0 2px,transparent 2px 8px),var(--wa);border:1px solid #e8dcc4;border-radius:16px;padding:14px 16px;margin:10px 0}.em-text p{margin:0;font-size:17.5px;line-height:1.9;white-space:pre-line;color:var(--sumi)}.em-who{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--shu);background:rgba(178,60,46,.09);border-radius:999px;padding:3px 12px 3px 8px;margin-bottom:8px}.em-after{border-radius:14px;padding:12px 14px;margin-bottom:10px;background:#fff7e8;border:2px solid #f0dfba}.em-after p{margin:0;white-space:pre-line;line-height:1.85}.em-after.ok{background:#eef9f0;border-color:#bfe6c6}.em-after.ng{background:#fdf0ec;border-color:#f3ccbf}.em-mark{font-weight:800;margin-bottom:4px}.em-after.ok .em-mark{color:var(--ok)}.em-after.ng .em-mark{color:var(--ng)}.em-note{gap:8px;align-items:flex-start;font-size:14px;line-height:1.75;color:#6d6153;background:#fbf6ec;border-left:4px solid var(--kin);border-radius:0 12px 12px 0;padding:10px 12px}.em-note,.em-person{display:flex;margin-bottom:10px}.em-person{gap:12px;background:#fff;border:2px solid #e8dcc4;border-radius:16px;padding:12px}.em-person-emoji{font-size:30px}.em-person b{font-size:16px}.em-person small{color:var(--ink-soft);margin-left:6px}.em-person p{margin:4px 0 0;font-size:13.5px;line-height:1.75;color:#6d6153}.em-act{margin-bottom:10px}.em-opts{display:grid;grid-gap:8px;gap:8px}.em-opt{background:#fff;border:2px solid var(--line);border-radius:14px;padding:13px 15px;text-align:left;font-size:16px;font-weight:700;line-height:1.6}.em-opt:active{transform:translateY(1px)}.em-opt.right{background:#eef9f0;border-color:var(--ok)}.em-opt.wrong{background:#fdf0ec;border-color:var(--ng)}.em-opt.dim{opacity:.45}.em-write{background:var(--wa);border:2px dashed #d9c9a8;border-radius:16px;padding:12px}.em-frame-label{text-align:center;font-weight:800;font-size:13px;color:#7a5f3c;letter-spacing:.14em;border-bottom:2px solid #ddc9a0;padding-bottom:6px;margin-bottom:10px}.em-write input{background:#fff}.em-write input.over{border-color:var(--ng)}.em-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.em-chips button{background:#fff;border:2px solid #e6d9bf;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;color:#6d6153}.em-chips button:active{background:#f6ecd6}.em-write-row{display:flex;gap:8px;align-items:center}.em-write-row .btn{flex:1 1}.em-warn{color:var(--ng);font-size:13px;font-weight:700;margin-top:8px;text-align:center}.em-tap .btn{font-size:19px;padding:20px}.em-bar{height:12px;border-radius:999px;background:#e8dcc4;overflow:hidden;margin-bottom:10px}.em-bar div{height:100%;background:linear-gradient(90deg,var(--kin),var(--orange));transition:width .1s linear}.em-tools{display:flex;gap:8px}.em-tool{flex:1 1;background:#fff;border:2px dashed #e0d3ba;border-radius:999px;padding:9px;font-size:13.5px;font-weight:800;color:#8b7a63}.em-tool.on{background:#fff6e2;border-style:solid;border-color:var(--kin);color:#7a5f3c}.em-memo{display:flex;gap:8px;margin-top:8px}.em-memo input{flex:1 1}.em-clear{text-align:center;background:linear-gradient(160deg,#fffaf0,#f7efe0);border:2px solid #e8d6b0;border-radius:18px;padding:22px 16px;margin-bottom:12px}.em-clear-emoji{font-size:56px;line-height:1}.em-clear h2{margin:8px 0 6px}.em-roll{margin-top:12px}.em-roll-era{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;border-left:4px solid;padding-left:10px;margin:18px 0 8px}.em-roll-era span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px}.em-roll-row{position:relative;background:var(--wa);border:1px solid #e8dcc4;border-radius:12px;padding:10px 40px 10px 12px;margin-bottom:7px}.em-roll-row.star{background:#fff6e2;border-color:var(--kin)}.em-roll-src{margin:0;font-size:12.5px;color:#9a8a74;line-height:1.6}.em-roll-me{margin:4px 0 0;font-size:16px;font-weight:700;color:var(--sumi)}.em-roll-memo{margin:4px 0 0;font-size:14px;color:var(--shu)}.em-roll-star{position:absolute;right:8px;top:8px;background:none;border:none;font-size:19px;color:var(--kin)}.em-word{background:#fff;border:2px solid;border-radius:16px;padding:12px 14px;margin-bottom:9px}.em-word-frame{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:#9a8a74}.em-word-t{font-size:21px;font-weight:800;line-height:1.6;margin:4px 0;color:var(--sumi)}.em-word-era{font-size:12px;color:var(--ink-soft)}.em-memos{display:flex;flex-wrap:wrap;gap:7px}.em-memo-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:6px 13px 6px 6px;font-size:14px}.em-memo-chip span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}.em-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:9px;gap:9px}.em-card{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px;text-align:center}.em-card.locked{background:#f6f2ec;opacity:.6}.em-card-emoji{font-size:34px;line-height:1.2}.em-card b{display:block;font-size:14.5px;margin-top:2px}.em-card small{display:block;font-size:11.5px;color:var(--ink-soft)}.em-card .em-kanji{font-weight:800;color:#9a8a74;letter-spacing:.06em}.em-card p{font-size:11.5px;line-height:1.7;color:#7a6f60;margin:6px 0 0;text-align:left}.em-comp{display:grid;grid-gap:6px;gap:6px}.em-comp-row{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.em-comp-row.locked{opacity:.45}.em-comp-era{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:16px}.em-comp-body b{font-size:13.5px}.em-comp-body p{margin:1px 0 0;font-size:13px;line-height:1.6;color:#6d6153}.em-span{display:flex;height:30px;border-radius:8px;overflow:hidden;margin-top:8px}.em-span-seg{display:grid;place-items:center;font-size:12px;min-width:2px}.em-sort-line{display:flex;gap:3px;margin:12px 0 14px}.em-sort-slot{flex:1 1;height:30px;border-radius:7px;background:#eee6d8;color:#a89a86;display:grid;place-items:center;font-size:12px;font-weight:800}.em-sort-slot.on{color:#fff;font-size:15px}.em-sort-deck{display:grid;grid-gap:7px;gap:7px}.em-sort-card{background:#fff;border:2px solid var(--line);border-radius:13px;padding:10px 13px;text-align:left}.em-sort-card b{display:block;font-size:15px}.em-sort-card small{font-size:12.5px;color:var(--ink-soft)}.em-sort-card.used{opacity:.3}.em-sort-card.ng{border-color:var(--ng);background:#fdf0ec}.em-person-img{width:54px;height:54px;flex:none}.em-card-emoji img,.em-person-img{border-radius:12px;object-fit:cover}.em-card-emoji img{width:56px;height:56px}img.em-fude{object-fit:contain}.em-echo{display:flex;gap:8px;font-size:13.5px;font-weight:700;color:#7a5f3c;background:#fff6e2;border:2px dashed var(--kin);border-radius:12px;padding:9px 12px;margin-bottom:10px}.em-roll-add{margin-top:8px;background:none;border:1.5px dashed #ddd0b8;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;color:#a89a86}.em-roll-row .em-memo input{font-size:15px;padding:9px 12px}.em-lesson-note{background:#fff7e0;border:2px solid var(--yellow);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:700;color:#7a5f3c;margin-bottom:10px}.em-reset{width:100%;margin-top:10px;background:none;border:none;color:#b6a898;font-size:13px;text-decoration:underline}.em-era-now small,.em-reset{display:block;font-weight:700}.em-era-now small{font-size:11px;color:var(--ink-soft)}.em-copybox{margin-top:10px}.em-copybox textarea{font-size:13px;line-height:1.6}.em-stage-band .em-band-seg.on{opacity:.55}.em-stage-band .em-band-seg.now{opacity:1}.em-stage-band{background:rgba(30,24,18,.34);padding:4px 6px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.em-stage-band .em-band-seg{background:rgba(255,255,255,.28)}.em-stage-band .em-band-seg.now{box-shadow:0 0 0 1.5px rgba(255,255,255,.95)}.ss-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px;width:100%;max-width:340px}.ss-shape{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;min-width:76px;min-height:88px;justify-content:center}.ss-note{font-size:12px;color:#8a7f72;text-align:center;margin-top:8px}.rm-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.rm-hints{list-style:none;margin:0 0 4px;padding:12px 14px;width:100%;background:#fffbe8;border:2px solid var(--yellow);border-radius:14px;font-size:15px;line-height:1.85}.rm-hints li{padding-left:1.1em;text-indent:-1.1em}.rm-hints li:before{content:"・"}.rm-lr{display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:800;color:#6b6055}.lesson .rm-hints{font-size:21px}.rm-legend{display:flex;gap:16px;justify-content:center;font-size:14px;font-weight:800;color:#5a4f45}.rm-legend i{display:inline-block;width:26px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.rm-note{font-size:12px;color:#8a7f72}@media (min-width:700px){.shell{max-width:720px;padding:0 24px 124px}.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:150px}.prompt{font-size:26px}.stage{min-height:300px;padding:22px}.choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.choice{font-size:28px;padding:22px 12px}.sh-grid{max-width:620px}.ss-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}.gt-inner,.ns-card,.pr-learn,.pr-talk,.ss-shapes,.st-menu{max-width:560px}.st-combolist,.st-hint,.st-lead,.st-stages,.st-worlds{max-width:660px}.sq-card{max-width:520px}.sq-card.wide{max-width:760px}.sb-select-art{max-width:400px}.pr-join{max-width:620px}.tk-row{max-width:70%}}@media (min-width:1024px){.shell{max-width:900px}.tiles{grid-template-columns:repeat(4,1fr)}.stage{min-height:350px}.st-combolist,.st-stages,.st-worlds{max-width:760px}.tk-row{max-width:60%}}@media (min-width:1400px){.shell{max-width:980px}}@media (hover:hover) and (pointer:fine){.card.room:hover,.ns-item:hover,.tile:hover{filter:brightness(1.04)}.choice:hover:not(.ok):not(.ng):not(.dim){border-color:var(--orange)}.btn:hover,.st-ghost:hover,.st-go:hover{filter:brightness(1.06)}}.kn-root{position:fixed;inset:0;z-index:100;overflow-y:auto;background:repeating-linear-gradient(90deg,#5e3a1c 0 18px,#66401f 18px 34px,#59361a 34px 52px);color:#3b2a14;padding:10px 8px calc(16px + env(safe-area-inset-bottom))}.kn-loading{color:#f4ead2;text-align:center;margin-top:40vh}.kn-frame{max-width:720px;margin:0 auto;background:#efe2bf;border-radius:14px;border:5px solid #3b2412;box-shadow:inset 0 0 0 3px #b58b4c,0 6px 0 #2a180b;padding:10px}.kn-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kn-title{font-size:clamp(19px,5.6vw,28px);margin:0;flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em;color:#3b2412;text-shadow:0 2px 0 #f9f1da}.kn-sub{margin:0 0 10px;color:#7a5a30}.kn-back{width:44px;height:44px;border-radius:50%;border:3px solid #3b2412;background:#f0b400;color:#3b2412;font-size:18px;font-weight:800;box-shadow:0 3px 0 #2a180b}.kn-progress{background:#3b2412;color:#ffd75a;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:800}.kn-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.kn-tab{position:relative;flex:0 0 auto;min-width:86px;min-height:52px;padding:10px 10px 8px;background:#faf3df;border:3px solid #7a5a30;border-radius:6px;color:#3b2a14;font-size:17px}.kn-tab.open{border-color:#c8302a;background:#fff2e4}.kn-tab.lock{color:#9c8a6c;background:#e6d8b4}.kn-tab.mine{background:#f3e7c5}.kn-tab.sel{border-color:#f0b400;box-shadow:0 0 0 3px #3b2412}.kn-stamp{position:absolute;top:-9px;left:4px;background:#c8302a;color:#fff;font-size:11px;padding:1px 6px;border-radius:3px;transform:rotate(-6deg)}.kn-boss{position:absolute;top:-10px;right:-6px;width:26px;height:26px;border-radius:50%;background:#f0b400;border:2px solid #3b2412;font-size:14px;line-height:22px;color:#3b2412}.kn-mapwrap{border:4px solid #3b2412;border-radius:6px;overflow:hidden;background:#c8b98f}.kn-mapwrap.small{max-width:420px;margin:0 auto 10px}.kn-map{display:block;width:100%;height:auto;touch-action:manipulation;overflow:hidden}.kn-map-name{font-size:30px;fill:#3b2412;paint-order:stroke;stroke:#f6ecd0;stroke-width:6px;stroke-linejoin:round}.kn-map-name.open{fill:#a8221a}.kn-map-small{font-size:24px;fill:#5a4226}.kn-map-base{font-size:22px;fill:#3b2412}.kn-road{stroke:#fffaf0;stroke-width:8;stroke-linecap:round;stroke-dasharray:1 17;opacity:.85}.kn-road.mine{stroke:#fff2c4;opacity:.6}.kn-road.hot{stroke:#fff;opacity:1;animation:kn-march 1.1s linear infinite}.kn-sea-road{fill:none;stroke:#6e5232;stroke-width:4;stroke-dasharray:12 10;opacity:.7}.kn-open{fill-opacity:.16;animation:kn-glow 1.6s ease-in-out infinite}.kn-pulse{fill:none;stroke:#d93a2b;stroke-width:6;transform-origin:center;animation:kn-pulse 1.4s ease-out infinite}.kn-flag,.kn-pulse{transform-box:fill-box}.kn-flag{transform-origin:bottom left;animation:kn-wave 2.4s ease-in-out infinite}.kn-base{animation:kn-bob 1.6s ease-in-out infinite}@keyframes kn-march{to{stroke-dashoffset:-36}}@keyframes kn-glow{0%,to{fill-opacity:.1}50%{fill-opacity:.26}}@keyframes kn-pulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes kn-wave{0%,to{transform:skewY(0deg)}50%{transform:skewY(-4deg)}}@keyframes kn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.kn-foot{display:flex;align-items:center;gap:10px;margin-top:10px}.kn-info{flex:1 1;min-width:0}@media (orientation:landscape) and (min-width:700px){.kn-board{display:flex;gap:16px;align-items:flex-start;justify-content:center}.kn-board .kn-mapwrap{flex:none}.kn-board .kn-map{width:auto;height:calc(100dvh - 210px);min-height:360px}.kn-board .kn-foot{flex:1 1;max-width:300px;flex-direction:column;align-items:stretch;margin-top:0;padding-top:8px}.kn-board .kn-info-name{font-size:30px}.kn-board .kn-info-sub{font-size:17px}}.kn-info-name{font-size:24px}.kn-info-sub{font-size:14px;color:#6b5030}.kn-go{min-height:56px;padding:10px 22px;border-radius:12px;border:4px solid #6b3f00;background:linear-gradient(#ffe066,#f0a800);color:#4a2600;font-size:24px;letter-spacing:.08em;box-shadow:0 5px 0 #6b3f00;font-family:inherit}.kn-go:active{transform:translateY(3px);box-shadow:0 2px 0 #6b3f00}.kn-go.sub{font-size:18px;background:linear-gradient(#f6ecd0,#e2cf9e);border-color:#7a5a30;box-shadow:0 4px 0 #7a5a30;color:#3b2412}.kn-go:disabled{opacity:.5}.kn-meta{text-align:center;font-size:12px;color:#7a5a30;margin-top:8px}.kn-hint,.kn-meta{font-family:var(--font)}.kn-hint{font-size:14px;color:#6b5030;margin:6px 0}.kn-intro{padding:22px 16px}.kn-center,.kn-intro{text-align:center}.kn-help{flex:none;font-size:20px}.kn-coach{margin:8px 0;padding:10px 14px;border-radius:12px;background:#fff4c2;border:3px solid #f0a800;color:#3b2412;font-size:16px;font-weight:700;font-family:var(--font);line-height:1.5}.kn-team.glow .kn-unit:not(:disabled) .kn-card{animation:kn-cardglow 1.2s ease-in-out infinite}@keyframes kn-cardglow{0%,to{box-shadow:0 4px 0 #3b2412,0 0 0 0 #ffd75a}50%{box-shadow:0 4px 0 #3b2412,0 0 0 7px #ffd75a}}.kn-levelup{background:#fff4c2;border-radius:10px;padding:6px 10px;color:#3b2412;font-weight:700}.kn-howto{padding:16px;max-width:640px;margin:0 auto}.kn-howto-top{display:flex;justify-content:space-between;align-items:center;min-height:44px}.kn-howto-n{font-size:14px;color:#7a5a30;font-family:var(--font)}.kn-howto .kn-title{text-align:center;white-space:normal;margin:4px 0 10px}.kn-howto-pic{display:grid;place-items:center;min-height:150px;background:#efe2bf;border:3px solid #6e5232;border-radius:10px;padding:12px}.kn-howto-svg{width:100%;max-width:300px}.kn-howto-t{font-size:15px;fill:#3b2412}.kn-howto-body .red,.kn-howto-t.red{fill:#c8302a;color:#c8302a}.kn-howto-body{font-family:var(--font);font-size:17px;line-height:1.8;color:#3b2412;margin:14px 4px;min-height:9em}.kn-howto-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.kn-howto-arrow{font-size:24px;color:#6e5232}.kn-howto-move{padding:10px 14px;border-radius:10px;background:#faf3df;border:3px solid #3b2412;font-weight:700}.kn-howto-move.look{border-color:#2f8f5b}.kn-howto-q{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:#fff;border:3px solid #3b2412;font-size:24px;font-weight:800}.kn-howto-bars{width:100%;max-width:320px;display:grid;grid-gap:12px;gap:12px}.kn-howto-bars>div{display:grid;grid-template-columns:48px 1fr;align-items:center;grid-gap:8px;gap:8px;font-weight:700;color:#3b2412}.kn-howto-dots{display:flex;justify-content:center;gap:8px;margin:6px 0 12px}.kn-howto-dots span{width:10px;height:10px;border-radius:50%;background:#c9b48a}.kn-howto-dots span.on{background:#c8302a}.kn-howto-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.kn-intro ul{text-align:left;font-family:var(--font);line-height:1.8;padding-left:1.2em}.kn-intro .kn-go{display:block;margin:16px auto 10px}.kn-join,.kn-joined{text-align:center}.kn-joined .kn-card{margin:12px auto}.kn-clear{font-size:18px;color:#a8221a}.kn-card{position:relative;width:150px;border-radius:12px;padding:8px 8px 6px;background:#faf3df;border:4px solid var(--pc);box-shadow:0 4px 0 #3b2412;text-align:center}.kn-card.small{width:96px;padding:5px 5px 4px;border-width:3px}.kn-card.dim{filter:grayscale(.8);opacity:.6}.kn-card-art{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--pc) 16%,#f6ecd0)}.kn-card-art svg{width:88%;height:88%}.kn-card-art img,.kn-card-art svg.kn-busho{width:100%;height:100%}.kn-card-art img{object-fit:contain;border-radius:8px}.kn-card-name{font-size:20px;margin-top:4px;color:#3b2412}.kn-card.small .kn-card-name{font-size:15px}.kn-card rt,.kn-tab rt{font-size:9px}.kn-card-lv{top:4px;left:6px;background:#3b2412;color:#ffd75a;padding:0 6px}.kn-card-badge,.kn-card-lv{position:absolute;font-size:12px;border-radius:999px;font-family:var(--font)}.kn-card-badge{top:-8px;right:-6px;background:#c8302a;color:#fff;padding:2px 7px}.kn-vs{display:flex;gap:12px;align-items:center;margin:4px 0 10px}.kn-pick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0}.kn-unit{background:none;border:none;padding:4px;border-radius:14px}.kn-unit.sel{background:#f0b400}.kn-unit.down{opacity:.5}.kn-combolist{background:#faf3df;border:2px dashed #b58b4c;border-radius:10px;padding:8px 10px;margin:8px 0 12px;font-family:var(--font);font-size:14px}.kn-combo-row.ok{color:#a8221a;font-weight:800}.kn-teamsel .kn-go{display:block;width:100%}.kn-battle{max-width:720px;margin:0 auto}.kn-enemy{display:flex;gap:12px;align-items:center;background:#3b2412;border-radius:14px;padding:10px;color:#f6ecd0}.kn-enemy.shake{animation:kn-shake .35s}@keyframes kn-shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.kn-enemy-side{flex:1 1;min-width:0}.kn-enemy-name{font-size:22px}.kn-hp{height:12px;background:#5e4426;border-radius:999px;overflow:hidden;margin-top:6px}.kn-hp>span{display:block;height:100%;background:linear-gradient(#ff6a4a,#c8302a);transition:width .4s}.kn-hp.small{height:8px;margin:4px 6px 0}.kn-hp.small>span{background:linear-gradient(#7ad37a,#2f9e4a)}.kn-hp-num{font-size:12px;font-family:var(--font);opacity:.8}.kn-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kn-tag{font-size:12px;padding:2px 8px;border-radius:999px;font-family:var(--font)}.kn-tag.weak{background:#f0b400;color:#3b2412}.kn-tag.guard{background:#3a6fc0;color:#fff}.kn-tag.danger{background:#c8302a;color:#fff}.kn-team{display:flex;justify-content:center;gap:8px;margin:10px 0}.kn-panel{background:#efe2bf;border:4px solid #3b2412;border-radius:14px;padding:12px}.kn-actions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kn-act{min-height:56px;border-radius:10px;border:3px solid #7a5a30;background:#faf3df;color:#3b2412;font-size:17px;padding:8px;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px}.kn-act small{font-size:12px;color:#7a5a30;font-family:var(--font)}.kn-act.guard{border-color:#3a6fc0}.kn-act.look{border-color:#2f8f4e}.kn-act.combo{border-color:#c8302a;background:#fff2e4}.kn-log{list-style:none;margin:0 0 10px;padding:0;font-family:var(--font);font-size:15px;line-height:1.7}.kn-end{text-align:center}.kn-end h2{font-size:26px;margin:4px 0}.kn-end.win h2{color:#a8221a}.kn-quiz{font-family:var(--font)}.kn-quiz-title{font-size:14px;color:#a8221a;font-weight:800}.kn-quiz-q{font-size:19px;font-weight:700;margin:6px 0 10px;line-height:1.9}.kn-quiz-q rt{font-size:10px}.kn-quiz-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px;gap:8px}.kn-choice{min-height:52px;min-width:0;border-radius:10px;border:3px solid #b58b4c;background:#fffaf0;font-size:17px;font-weight:700;color:#3b2412;padding:6px;overflow-wrap:anywhere;word-break:break-word}.kn-choice.ok{border-color:#2f9e4a;background:#e7f6e7}.kn-choice.ng{border-color:#c8302a;background:#fde9e5}.kn-choice.dim{opacity:.45}.kn-quiz-after{margin-top:10px;padding:10px;border-radius:10px}.kn-quiz-after.ok{background:#e7f6e7}.kn-quiz-after.ng{background:#fde9e5}.kn-quiz-after p{margin:4px 0 8px;font-size:15px}.kn-match{margin:8px 0}.kn-match-pref{font-size:18px;font-weight:800}.kn-match-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.kn-chip{min-height:44px;padding:6px 12px;border-radius:999px;border:2px solid #b58b4c;background:#fffaf0;font-size:15px;font-weight:700;color:#3b2412}.kn-chip.on{background:#f0b400;border-color:#6b3f00}.kn-chip.ok{background:#e7f6e7;border-color:#2f9e4a}.kn-chip.ng{background:#fde9e5;border-color:#c8302a}.kn-zk{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #b58b4c;font-family:var(--font)}.kn-zk-body{flex:1 1;min-width:0;font-size:14px}.kn-zk-body ul{margin:6px 0 0;padding-left:0;list-style:none;line-height:1.7}.kn-zk-body li.ok{color:#2f6b3a}@media (min-width:700px){.kn-card{width:170px}.kn-card.small{width:112px}}.kn-head .kn-snd{flex:none;width:44px;height:44px;background:#f6ecd0;border:3px solid #3b2412;font-size:18px}.kn-kind{display:inline-block;font-size:12px;line-height:1.5;padding:0 6px;border-radius:999px;color:#fff;background:#7a6a55;font-family:var(--font);white-space:nowrap}.kn-kind.k-自然{background:#2f8f5b}.kn-kind.k-産業{background:#c46a12}.kn-kind.k-歴史{background:#7a3fa0}.kn-kind.k-くらし{background:#2f6fb0}.kn-kind.k-交通{background:#5d6470}.kn-kind.good{outline:2px solid #ffd75a;font-weight:800}.kn-kind.bad{opacity:.55}.kn-kinds{gap:3px;justify-content:center;margin-top:4px}.kn-kinds,.kn-stance{display:flex;flex-wrap:wrap}.kn-stance{gap:4px 12px;font-size:13px;color:#3b2412;margin:6px 0;font-family:var(--font)}.kn-enemy .kn-stance,.kn-enemy .kn-tag{color:inherit}.kn-lead{background:#fff4c2;border:2px solid #f0a800;border-radius:10px;padding:6px 10px;font-size:14px;color:#3b2412;font-family:var(--font);margin:6px 0}.kn-story{padding:16px;max-width:640px;margin:0 auto}.kn-story-pic{display:grid;place-items:center;height:250px;overflow:hidden;background:#efe2bf;border:3px solid #6e5232;border-radius:10px;padding:12px}.kn-story-map{height:226px;aspect-ratio:1000/1454}.kn-story-map .kn-map{height:100%;width:auto}.kn-story-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.kn-story-vs{font-size:30px;color:#c8302a}.kn-story-img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.kn-howto-unit{height:64px;width:auto}.kn-sg-taiho{height:30px;width:auto;display:block;margin:0 auto}.kn-story-text{font-family:var(--font);font-size:19px;line-height:1.9;color:#3b2412;margin:16px 4px;min-height:7.6em}.kn-story-text rt{font-size:10px}.kn-story-choices{display:grid;grid-gap:12px;gap:12px}.kn-story-choices .kn-go{font-size:19px;letter-spacing:.02em}.kn-replay{display:block;width:100%;margin:4px 0 8px;min-height:44px}.kn-learn{padding:16px}.kn-learn-row{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:8px;background:#efe2bf;border-radius:10px}.kn-learn-opts{flex:1 1;display:grid;grid-gap:6px;gap:6px}.kn-act.on{outline:4px solid #f0a800;background:#fff4c2}.kn-siege{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto auto 1fr auto;background:#3b2412;color:#f6ecd0;font-family:var(--font);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.kn-sg-top{display:flex;align-items:center;gap:8px;padding:4px 8px}.kn-sg-quit{flex:none;width:44px;height:36px;border-radius:8px;border:2px solid #f6ecd0;background:transparent;color:#f6ecd0;font-family:inherit;font-size:16px}.kn-sg-bar{flex:1 1;min-width:0;display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.kn-sg-bar .kn-hp{flex:1 1;height:10px}.kn-sg-bar.mine .kn-hp span{background:#3a9b4a}.kn-sg-vs{flex:none;font-size:15px;color:#ffd75a}.kn-sg-tags{display:flex;flex-wrap:wrap;gap:4px 8px;padding:0 8px 2px;min-height:20px}.kn-sg-tags,.kn-sg-tags .kn-tag{font-size:12px}.kn-sg-field{position:relative;min-height:0;display:grid}.kn-sg-svg{width:100%;height:100%;display:block}.kn-quiz-cancel{margin-top:10px;min-height:44px}.kn-sg-msg{min-height:2.4em;margin:2px 0 4px;padding:4px 10px;border-radius:8px;font-size:15px;line-height:1.5;color:#fff3cf;display:flex;align-items:center}.kn-sg-msg:empty{background:transparent}.kn-sg-msg.event{background:rgba(160,30,20,.85);color:#fff;font-weight:700}.kn-sg-msg rt{font-size:9px}.kn-sg-bottom{display:flex;gap:6px;padding:6px 8px;background:#2a180b;overflow-x:auto}.kn-sg-card{position:relative;flex:none;width:92px;min-height:64px;border-radius:10px;border:3px solid var(--pc);background:#faf3df;color:#3b2412;font-family:inherit;display:grid;place-items:center;padding:4px;overflow:hidden}.kn-sg-card.glow{animation:kn-cardglow 1.2s ease-in-out infinite}.kn-sg-card:disabled{opacity:1}.kn-sg-mon{width:30px;height:30px;border-radius:50%;background:var(--pc);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}.kn-sg-name{font-size:13px;font-weight:700}.kn-sg-badge{position:absolute;top:2px;right:2px;font-size:10px;background:#c8302a;color:#fff;border-radius:999px;padding:0 5px}.kn-sg-cd{position:absolute;left:0;right:0;bottom:0;background:rgba(40,24,11,.62);place-items:center;color:#fff}.kn-sg-act,.kn-sg-cd{display:grid;font-size:18px}.kn-sg-act{flex:none;min-width:72px;min-height:64px;border-radius:10px;border:3px solid #2f8f5b;background:#eef8ef;color:#3b2412;font-family:inherit;place-items:center;padding:4px 8px}.kn-sg-act span{font-size:12px;font-weight:700}.kn-sg-act small{font-size:11px}.kn-sg-act.combo{border-color:#b8862b;background:#fff4c2}.kn-sg-act:disabled{opacity:.45}.kn-sg-shade{position:absolute;inset:0;background:rgba(20,12,4,.5)}.kn-sg-over{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,calc(100% - 16px));max-height:calc(100% - 12px);overflow:auto;background:#f6ecd0;color:#3b2412;border:4px solid #6e5232;border-radius:12px;padding:10px 12px}.kn-sg-over .kn-quiz-q{font-size:17px;margin:4px 0 8px;line-height:1.7}.kn-sg-over .kn-choice{min-height:46px;font-size:16px}.kn-choice.long,.kn-sg-over .kn-choice.long{font-size:14px}.kn-choice.long rt{font-size:8px}.kn-sg-over-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.kn-sg-moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:6px;gap:6px}.kn-sg-moves .kn-act{text-align:left}.kn-sg-unitline{display:flex;align-items:center;gap:6px;font-weight:800;font-size:16px}.kn-sg-desc{color:#6b5030}.kn-sg-icon{width:30px;height:30px}.kn-sg-rotate{display:none}@media (orientation:portrait){.kn-sg-rotate{display:flex;position:absolute;left:8px;right:8px;top:44px;gap:8px;align-items:center;justify-content:space-between;background:#fff4c2;color:#3b2412;border-radius:10px;padding:6px 10px;font-size:14px;z-index:2}.kn-sg-rotate p{margin:0}.kn-sg-bottom{flex-wrap:wrap}}@media (orientation:landscape) and (max-height:520px){.kn-frame{padding:8px 10px}.kn-head{margin-bottom:2px}.kn-tabs{padding-bottom:4px}.kn-board{display:flex;gap:12px;align-items:flex-start;justify-content:center}.kn-board .kn-mapwrap{flex:none}.kn-board .kn-map{width:auto;height:calc(100dvh - 150px);min-height:0}.kn-board .kn-foot{flex:1 1;max-width:300px;flex-direction:column;align-items:stretch;margin-top:0}.kn-story-pic{height:calc(100dvh - 200px);min-height:120px}.kn-story-map{height:calc(100dvh - 226px)}.kn-story-text{min-height:0;font-size:16px;margin:8px 4px}.kn-join .kn-title{font-size:20px}.kn-join{display:grid;grid-template-columns:auto 1fr;grid-column-gap:14px;column-gap:14px;align-content:start}.kn-join>*{grid-column:2}.kn-join .kn-mapwrap.small{grid-column:1;grid-row:1/span 8;margin:0;max-width:none}.kn-join .kn-mapwrap.small .kn-map{height:calc(100dvh - 44px);width:auto}}.kn-sg-toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);background:rgba(160,30,20,.92);color:#fff;font-size:20px;padding:8px 18px;border-radius:10px;white-space:nowrap;pointer-events:none;animation:kn-toast 2.6s ease-out forwards}@keyframes kn-toast{0%{opacity:0;transform:translate(-50%,-30%) scale(1.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.kn-reset{background:#fde9e5;border:2px solid #c8302a;border-radius:10px;padding:8px 10px;margin:4px 0 8px;font-size:14px;color:#3b2412}.kn-reset .kn-quiz-choices{margin-top:6px}.kn-tmap{display:block;width:100%;height:auto;touch-action:manipulation}.kn-t-area{fill-opacity:.55;stroke:none;cursor:pointer}.kn-t-area.plain{fill:#9fd07a}.kn-t-area.dai{fill:#e8c46a}.kn-t-area.mt{fill:#8a6a48;fill-opacity:.5}.kn-t-area.lake{fill:#6fa9c7;fill-opacity:.85}.kn-t-area.dune{fill:#f0dc9a;fill-opacity:.9}.kn-t-sea{fill:#6fa9c7;fill-opacity:.5;cursor:pointer}.kn-t-river path{fill:none;stroke:#2f7fc8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.kn-t-rail path.hit,.kn-t-river path.hit{stroke:transparent;stroke-width:28}.kn-t-rail path{fill:none;stroke:var(--lc);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.kn-t-rail .st{fill:#fff;stroke:var(--lc);stroke-width:3}.kn-t-peak path{fill:#7a4a2a;stroke:#3b2412;stroke-width:2}.kn-t-peak .hit{fill:transparent}.kn-t-labels text{font-size:26px;fill:#3b2412;paint-order:stroke;stroke:#f6ecd0;stroke-width:6px;stroke-linejoin:round;font-weight:700}.kn-t-labels text.river{fill:#1d5d97}.kn-t-labels text.mt{fill:#5a3a1e}.kn-t-labels text.st{font-size:20px}.focus.kn-t-area,.kn-t-sea.focus{fill:#f5c000;fill-opacity:.8;stroke:#c8302a;stroke-width:6;animation:kn-glow2 1s ease-in-out infinite alternate}.kn-t-peak.focus path{fill:#f5c000}@keyframes kn-glow2{0%{fill-opacity:.45}to{fill-opacity:.9}}.kn-t-mark circle{fill:#fff8e8;stroke:#3b2412;stroke-width:3;cursor:pointer}.kn-t-mark text{font-size:26px;font-weight:800;fill:#3b2412;pointer-events:none}.kn-t-mark.ok circle{fill:#2fa86a}.kn-t-mark.ok text{fill:#fff}.kn-t-mark.ng circle{fill:#e0402f}.kn-t-mark.ng text{fill:#fff}.kn-t-mark.sel circle{fill:#f7d55a;stroke-width:4}.kn-t-mark.miss circle{fill:#fff8e8;stroke:#1f8a4c;stroke-width:7}.kn-t-area.ok,.kn-t-sea.ok{fill:#2fa86a;fill-opacity:.7}.kn-t-river.ok path:not(.hit){stroke:#2fa86a;stroke-width:8}.kn-t-rail.ok path:not(.hit){stroke-width:10}.kn-t-peak.ok path{fill:#2fa86a}.kn-terrain{padding:12px}.kn-terrain-body{display:grid;grid-gap:10px;gap:10px}.kn-terrain-map{border:4px solid #3b2412;border-radius:6px;overflow:hidden;background:#bcd3dc}.kn-layers{display:flex;flex-wrap:wrap;gap:6px}.kn-layers button{min-height:44px;padding:4px 12px;border-radius:999px;border:3px solid #6e5232;background:#faf3df;color:#3b2412;font-family:inherit;font-size:15px}.kn-layers button.on{background:#3b2412;color:#ffd75a}.kn-tinfo{background:#faf3df;border:3px solid #6e5232;border-radius:10px;padding:8px 12px;font-family:var(--font);color:#3b2412;min-height:64px}.kn-tinfo b{font-size:18px}@media (orientation:landscape) and (min-width:640px){.kn-terrain-body{grid-template-columns:auto 1fr;align-items:start}.kn-terrain-map .kn-tmap{height:calc(100dvh - 110px);width:auto}}.kn-foot-btns{display:flex;gap:8px;flex-wrap:wrap}.kn-foot-btns .kn-go{font-size:18px;padding:8px 14px}.kn-sg-act.cannon{position:relative;overflow:hidden;border-color:#c8302a;background:#fde9e5}.kn-sg-act.cannon b,.kn-sg-act.cannon span:not(.kn-sg-cannon-fill){position:relative}.kn-sg-cannon-fill{position:absolute;left:0;right:0;bottom:0;background:rgba(240,168,0,.55)}.kn-sg-act.cannon.ready{animation:kn-cardglow .9s ease-in-out infinite;background:#ffe07a}.kn-sg-act.cannon:disabled{opacity:1}.kn-sg-over.geo{width:min(900px,calc(100% - 12px));padding:8px}.kn-geo{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:start}.kn-geo-map{border:3px solid #3b2412;border-radius:6px;overflow:hidden;background:#bcd3dc}.kn-geo-map .kn-tmap{height:min(78vh,calc(100dvh - 36px));width:auto}.kn-geo-side .kn-quiz-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (orientation:portrait){.kn-geo{grid-template-columns:minmax(0,1fr)}.kn-geo-map,.kn-geo-side{min-width:0}.kn-geo-map .kn-tmap{width:100%;height:auto;max-height:50vh}}.kn-t-labels text.kana{font-size:15px;font-weight:400;stroke-width:4px}.kn-chip rt,.kn-choice rt,.kn-sg-act rt,.kn-sg-unitline rt{font-size:9px}.kn-t-rail path.halo,.kn-t-river path.halo{stroke:#ffd400;stroke-width:26;stroke-opacity:.85;animation:kn-halo .9s ease-in-out infinite alternate}.kn-t-river.focus path:not(.hit):not(.halo){stroke:#1d5d97;stroke-width:7}.kn-t-rail.focus path:not(.hit):not(.halo){stroke-width:8}@keyframes kn-halo{0%{stroke-opacity:.35}to{stroke-opacity:.95}}.kn-t-peak.focus path{fill:#ffd400;stroke:#c8302a;stroke-width:4}.kn-geo-sel{font-size:15px;color:#3b2412;margin:4px 0 8px}.kn-t-mark circle.hit{fill:transparent;stroke:none}.kn-sg-good{display:inline-block;margin-top:2px;background:#c8302a;color:#fff;border-radius:999px;padding:0 8px;font-size:12px;font-weight:800}.kn-flag-mon{font-size:17px;font-weight:800;fill:#fff8e8}.kn-credit{font-size:11px;color:#7a5a30}.kn-credit a{color:inherit}.kn-flag.ikki{animation:kn-ikki .5s ease-in-out infinite alternate}@keyframes kn-ikki{0%{transform:skewY(-6deg)}to{transform:skewY(6deg)}}.kn-ikki-banner{display:block;width:100%;min-height:44px;margin:0 0 6px;border-radius:10px;border:3px solid #c8302a;background:#fff4c2;color:#a8221a;font-family:inherit;font-size:16px;font-weight:800;animation:kn-cardglow 1.4s ease-in-out infinite}.kn-ikki-warn{color:#a8221a!important;font-weight:800}.kn-ikki{padding:12px;max-width:760px;margin:0 auto}.kn-ikki-top{display:flex;gap:10px;align-items:center;margin-bottom:8px}.kn-ikki-rebels{display:flex;align-items:flex-end;gap:2px;flex-wrap:wrap}.kn-ikki-rebels b{margin-left:8px;color:#a8221a}.kn-rebel{width:auto;height:52px}@media (orientation:landscape) and (max-height:520px){.kn-ikki-banner{min-height:36px;font-size:14px;margin-bottom:4px}.kn-ikki-banner+.kn-board .kn-map{height:calc(100dvh - 192px)}}.kn-quiz-shape{display:block;width:120px;height:120px;margin:0 auto 8px;background:#efe2bf;border-radius:10px}.kn-quiz-shape path{fill:#8a6a48;stroke:#3b2412;stroke-width:1.2}.kn-t-point{cursor:pointer}.kn-t-point .hit{fill:transparent}.kn-t-point .halo{fill:#ffd400;fill-opacity:.6;animation:kn-halo-f .9s ease-in-out infinite alternate}@keyframes kn-halo-f{0%{fill-opacity:.25}to{fill-opacity:.85}}.kn-t-point .anchor{fill:none;stroke:#1d5d97;stroke-width:4;stroke-linecap:round}.kn-t-point .pen-dot{fill:#fff8e8;stroke:#6e5232;stroke-width:3;stroke-dasharray:4 3}.kn-t-point .city-dot{fill:#c8302a;stroke:#fff8e8;stroke-width:3}.kn-t-point.ok .city-dot,.kn-t-point.ok .pen-dot{fill:#2fa86a}.kn-t-labels text.city{fill:#8a1d14}.kn-t-labels text.port{fill:#1d5d97}.kn-scout{padding:12px;max-width:820px;margin:0 auto}.kn-scout-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.kn-pick-sep{grid-column:1/-1;width:100%;margin:6px 0 0;padding-top:6px;border-top:2px dashed #b8a27a;font-family:var(--font);font-weight:700;color:#6e5232;font-size:14px}.kn-tip-art{height:56px;width:auto;vertical-align:middle}.kn-scout-ninja{height:54px;width:auto;flex:none}.kn-scout-say{flex:1 1;background:#faf3df;border:3px solid #3b2412;border-radius:12px;padding:8px 12px;font-family:var(--font);color:#3b2412}.kn-scout-sections{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.kn-scout-sec{min-height:44px;min-width:44px;padding:0 12px;border-radius:22px;border:2px solid #3b2412;background:#e9e1cc;color:#8a7a60;font-family:var(--font);font-size:15px}.kn-scout-sec.seen{background:#faf3df;color:#3b2412}.kn-scout-sec.on{background:#3b2412;color:#faf3df}.kn-scout-sec:disabled{opacity:.55}.kn-scout-body{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:start;min-height:240px}.kn-scout-map{border:3px solid #3b2412;border-radius:6px;overflow:hidden;background:#c8b98f}.kn-scout-map .kn-map,.kn-scout-map .kn-tmap{height:min(52vh,360px);width:auto;display:block}.kn-scout-text{font-family:var(--font);color:#3b2412}.kn-scout-text.wide{grid-column:1/-1}.kn-scout-text h2{margin:4px 0 6px;font-size:26px}.kn-scout-text rt{font-size:11px}.kn-scout-label{font-size:18px;font-weight:700}@media (orientation:landscape) and (max-height:520px){.kn-scout-body{min-height:0}.kn-scout-map .kn-map,.kn-scout-map .kn-tmap{height:calc(100dvh - 150px)}}@media (orientation:portrait) and (max-width:640px){.kn-scout-body{grid-template-columns:1fr}.kn-scout-map .kn-map,.kn-scout-map .kn-tmap{width:100%;height:auto;max-height:40vh}.kn-scout-map .kn-map{max-height:none}}.kn-zoom{position:relative;touch-action:none}.kn-zoom-btns{position:absolute;right:6px;top:6px;display:grid;grid-gap:6px;gap:6px}.kn-zoom-btns button{width:44px;height:44px;border-radius:10px;border:3px solid #3b2412;background:#faf3df;font-size:22px;font-weight:800;color:#3b2412}.kn-t-point .cap-o{fill:#fff8e8;stroke:#3b2412;stroke-width:3}.kn-t-point .cap-i{fill:#3b2412}.kn-t-point.ok .cap-o{fill:#2fa86a}.kn-t-labels text.cap{font-weight:800}.kn-quiz.with-map{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:start}.kn-quiz-map{border:3px solid #3b2412;border-radius:6px;overflow:hidden;background:#bcd3dc}.kn-quiz-map .kn-tmap{height:min(46vh,300px);width:auto;display:block}@media (orientation:landscape) and (max-height:520px){.kn-quiz-map .kn-tmap{height:calc(100dvh - 60px);max-height:300px}}@media (orientation:portrait) and (max-width:640px){.kn-quiz.with-map{grid-template-columns:1fr}.kn-quiz-map .kn-tmap{width:100%;height:auto;max-height:30vh}}.kn-geo-map .kn-zoom-btns button,.kn-quiz-map .kn-zoom-btns button,.kn-scout-map .kn-zoom-btns button{width:36px;height:36px;font-size:18px}.kn-geo-map .kn-zoom-btns,.kn-quiz-map .kn-zoom-btns,.kn-scout-map .kn-zoom-btns{right:4px;top:4px;gap:4px}.kn-sg-act.gate{border-color:#6b4a2a;background:#f3e2c4;animation:kn-cardglow 1.2s ease-in-out infinite}.kn-sg-gate-hint{position:absolute;left:8px;right:8px;top:6px;background:rgba(107,74,42,.92);color:#fff4c2;border-radius:10px;padding:6px 10px;font-size:14px;text-align:center;pointer-events:none}.kn-tmap .kn-t-river path:not(.hit):not(.halo){stroke-width:calc(4px * var(--mk, 1))}.kn-tmap .kn-t-rail path:not(.hit):not(.halo){stroke-width:calc(5px * var(--mk, 1))}.kn-tmap .kn-t-river.focus path:not(.hit):not(.halo){stroke-width:calc(7px * var(--mk, 1))}.kn-tmap .kn-t-rail.focus path:not(.hit):not(.halo){stroke-width:calc(8px * var(--mk, 1))}.kn-tmap path.halo{stroke-width:calc(26px * var(--mk, 1))!important}.kn-t-lead{stroke:#6e5232;stroke-dasharray:3 3;opacity:.8}.kn-teamsel .kn-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px 8px;gap:10px 8px;justify-items:center}.kn-teamsel .kn-pick .kn-unit{width:100%;max-width:120px;display:flex;flex-direction:column;align-items:center}.kn-teamsel .kn-pick .kn-card.small{width:100%}.kn-unitchip{display:inline-block;font-size:11px;line-height:1.6;padding:0 5px;border-radius:999px;background:#efe2bf;color:#3b2412;border:2px solid #c9b48a;white-space:nowrap}.kn-unitchip.good{background:#e3f4e6;border-color:#2f9e4a;font-weight:800}.kn-unitchip.bad{opacity:.45}.kn-teamsel .kn-kinds{gap:3px;max-width:120px}.kn-taihan-banner{display:block;width:100%;min-height:48px;margin:0 0 6px;border-radius:10px;border:3px solid #a8221a;background:linear-gradient(#c8302a,#8a1d14);color:#fff4c2;font-family:inherit;font-size:17px;font-weight:800;animation:kn-cardglow 1.2s ease-in-out infinite}.kn-clear-badge{display:inline-block;margin:0 0 6px;padding:4px 12px;border-radius:999px;background:#3b2412;color:#ffd75a;font-weight:800}.kn-taihan{padding:12px;max-width:900px;margin:0 auto}.kn-taihan-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.kn-taihan-score{font-family:var(--font);color:#a8221a;font-weight:800}.kn-taihan-body{display:grid;grid-template-columns:minmax(0,220px) 1fr;grid-gap:12px;gap:12px;align-items:start}.kn-taihan-map{position:relative}.kn-taihan-map .kn-map{width:100%;height:auto;filter:sepia(.2)}.kn-taihan-fire{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;font-size:12px;color:#a8221a;font-weight:700}.kn-taihan-fire span{animation:kn-ikki .6s ease-in-out infinite alternate;display:inline-block}.kn-chip.used{opacity:.45}.kn-order-seq{min-height:36px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-family:var(--font)}.kn-order-seq span{background:#fff4c2;border-radius:8px;padding:2px 8px}@media (max-width:640px){.kn-taihan-body{grid-template-columns:1fr}.kn-taihan-map{max-width:220px;margin:0 auto}}.kn-taihan-gmap{border:3px solid #3b2412;border-radius:6px;overflow:hidden;background:#bcd3dc;margin:6px 0 10px}.kn-taihan-gmap .kn-tmap{display:block;width:100%;height:min(62vh,560px)}.kn-sg-info{background:#faf3df;border:3px solid #3b2412;border-radius:10px;padding:14px 16px;max-width:520px;margin:auto;color:#3b2412}.kn-sg-info h3{margin:0 0 8px;font-size:18px}.kn-sg-info p{margin:6px 0;line-height:1.6}.kn-sg-info-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.kn-sg-info-btns button{min-height:44px}.kn-region-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 8px}.kn-region-tabs button{min-height:44px;padding:0 14px;border-radius:22px;border:2px solid #6e5232;background:#faf3df;color:#3b2412;font-weight:700}.kn-region-tabs button.on{background:#3b2412;color:#faf3df}.kn-scout-art{border:3px solid #3b2412;border-radius:6px;background:#faf3df;display:grid;place-items:center;height:min(42vh,300px);overflow:hidden;position:relative;aspect-ratio:1/1;height:min(52vh,360px)}@media (orientation:landscape) and (max-height:520px){.kn-scout-art{height:calc(100dvh - 150px)}}@media (orientation:portrait) and (max-width:640px){.kn-scout-art{height:min(38vh,300px);max-width:100%;margin:0 auto}}.kn-scout-body>*{min-width:0}.kn-scout-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.kn-scout-photo{position:relative;width:min(100%,300px);aspect-ratio:4/3;border:3px solid #3b2412;border-radius:6px;overflow:hidden;background:#faf3df;margin-bottom:8px}.kn-scout-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media (orientation:portrait) and (max-width:640px){.kn-scout-photo{width:100%;max-height:30vh}}.kn-scout-emoji{font-size:min(26vh,160px);line-height:1}.kn-root ruby{ruby-align:center}.kn-scout-ai{position:absolute;right:4px;bottom:4px;font-size:10px;color:#fff;background:rgba(0,0,0,.45);padding:1px 6px;border-radius:8px}.kn-card-person{font-size:13px;color:#6e5232;margin-top:2px}.kn-card.small .kn-card-person{font-size:11px}.kn-card-art img,.kn-sg-face{object-fit:cover}.kn-sg-face{width:40px;height:40px;border-radius:50%;border:3px solid}.kn-sg-person{font-size:10px;color:#6e5232;line-height:1.1}.kn-tip-over{position:fixed;inset:0;background:rgba(30,18,8,.55);display:grid;place-items:center;z-index:60;padding:16px}.kn-tip{background:#faf3df;border:3px solid #3b2412;border-radius:12px;padding:16px 18px;max-width:460px;width:100%;color:#3b2412}.kn-tip-head{font-size:20px;font-weight:800;margin-bottom:6px}.kn-tip p{line-height:1.7;margin:6px 0 12px}.kn-tip .kn-go{width:100%;min-height:48px}.sp-root{position:fixed;inset:0;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at 50% -10%,#3c2a78 0,#1b1338 55%,#0d0a1f 100%);color:#f3ecff;font-family:var(--font);padding:calc(8px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))}.sp-loading{text-align:center;margin-top:40vh;color:#cbb8ff}.sp-battle,.sp-home,.sp-panel{max-width:640px;margin:0 auto}.center,.sp-panel.center{text-align:center}.sp-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sp-title{flex:1 1;min-width:0;font-size:clamp(18px,5.4vw,26px);font-weight:800;letter-spacing:.06em;color:#ffe39a;text-shadow:0 0 12px rgba(255,210,90,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-back{width:44px;height:44px;border-radius:50%;border:2px solid #ffd86b;background:#2a1f55;color:#ffd86b;font-size:18px;flex:none}.sp-stones{font-weight:800;color:#9fe8ff;background:rgba(255,255,255,.08);border-radius:999px;padding:6px 12px;white-space:nowrap}.sp-h{font-size:24px;margin:10px 0;color:#ffe39a}.sp-h3{font-size:17px;margin:18px 0 8px;color:#d9c8ff}.sp-small{font-size:13px;color:#c5b8e8}.sp-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:8px 0}.sp-btn{min-height:48px;padding:10px 18px;border-radius:14px;border:2px solid #8d78d8;background:#2d2363;color:#f3ecff;font-weight:800;font-size:16px;box-shadow:0 4px 0 #120c2c}.sp-btn:disabled{opacity:.4}.sp-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #120c2c}.sp-btn.gold{background:linear-gradient(#ffe08a,#f0a92a);color:#3a2100;border-color:#fff1bd;box-shadow:0 4px 0 #7a4b00}.sp-btn.big{font-size:22px;padding:14px 36px;min-height:60px}.sp-btn.small{min-height:44px;font-size:14px;padding:6px 12px}.sp-link{background:none;border:none;color:#a9d4ff;text-decoration:underline;min-height:44px}.sp-credit{font-size:11px;color:#8d82b0;text-align:center;margin-top:20px}.sp-tower{text-align:center;padding:28px 12px 22px;margin:6px 0 14px;border-radius:20px;background:linear-gradient(180deg,rgba(120,90,220,.25),rgba(30,20,70,.6)),url(/art/spell/scene/tower.webp) 50%/cover;border:2px solid #5d4bb0;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.sp-tower-floor{font-size:40px;font-weight:900;color:#fff3c4;text-shadow:0 0 18px rgba(255,200,80,.8),0 3px 0 #2a1a00}.sp-tower-sub{color:#e2d6ff;margin-bottom:8px}.sp-daily{background:rgba(255,255,255,.06);border:1px solid #5d4bb0;border-radius:14px;padding:10px 14px;display:grid;grid-gap:4px;gap:4px}.sp-daily-t{font-weight:800;color:#ffe39a}.sp-menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.sp-week{text-align:center;margin-top:10px}.sp-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.sp-wcard{background:#f6efff;color:#2a1f55;border:none;border-radius:12px;padding:8px 4px;display:grid;justify-items:center;grid-gap:2px;gap:2px;min-height:96px}.sp-wemoji{font-size:30px}.sp-wen{font-size:18px;font-weight:800;font-family:Helvetica Neue,Arial,sans-serif}.sp-wja{font-size:13px}.sp-el{display:inline-block;padding:2px 10px;border-radius:999px;color:#1b1338;font-weight:800;font-size:14px}.sp-el.small{padding:0 6px;font-size:11px;vertical-align:middle}.sp-party-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.sp-battle{flex-direction:column;gap:8px;min-height:calc(100dvh - 30px)}.sp-b-label,.sp-battle{display:flex;position:relative}.sp-b-label{font-size:13px;color:#c5b8e8;text-align:center;min-height:44px;align-items:center;justify-content:center}.sp-flee{left:0;padding:0 12px;border-radius:12px;border:1px solid #8d78d8;background:#2d2363;color:#f3ecff;font-size:13px}.sp-flee,.sp-test{position:absolute;top:0;min-height:44px}.sp-test{right:0;padding:0 10px;border-radius:12px;border:2px dashed #ff9e9e;background:#4a1f3a;color:#ffd0d0;font-size:12px}.sp-test.wide{position:static;display:block;width:100%;margin-top:10px}.sp-flee-ask{background:#2d2363;border:2px solid #ffd86b;border-radius:14px;padding:10px;text-align:center}.sp-foe{display:flex;align-items:center;gap:10px}.sp-foe-body{position:relative;flex:none}.sp-foe-body.hit{animation:spShake .45s}.sp-foe-pic{display:grid;place-items:center;animation:spFloat 3s ease-in-out infinite}.sp-foe-pic img{width:100%;height:100%;object-fit:contain}.sp-foe-info{flex:1 1;min-width:0;display:grid;grid-gap:6px;gap:6px}.sp-foe-name{font-weight:800;font-size:18px}.sp-foe-tags{display:flex;flex-wrap:wrap;gap:4px}.sp-tag{font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.12)}.sp-tag.spell{background:#6b4bd8}.sp-tag.rune{background:#2b7f9e}.sp-dmg{position:absolute;left:50%;top:10%;transform:translateX(-50%);font-size:30px;font-weight:900;color:#fff;text-shadow:0 0 8px #ff5f3a,0 2px 0 #4a0000;animation:spPop .9s forwards;pointer-events:none}.sp-msg{min-height:24px;text-align:center;font-size:15px;color:#ffe9b0}.sp-b-mid{flex:1 1;display:flex;flex-direction:column;gap:10px}.sp-bar{height:12px;border-radius:999px;background:rgba(0,0,0,.45);overflow:hidden;border:1px solid rgba(255,255,255,.2)}.sp-bar>div{height:100%;transition:width .5s ease}.sp-bar.foe>div{background:linear-gradient(90deg,#ff5f6d,#ffb347)}.sp-bar.hp>div{background:linear-gradient(90deg,#3ddc84,#b4f06b)}.sp-bar.gauge{height:8px}.sp-bar.gauge>div{background:linear-gradient(90deg,#6fb7ff,#c27cff,#ffd86b)}.sp-hp-num{font-size:12px;text-align:right;color:#c5f5d4;margin-top:-4px}.sp-b-party{position:relative;display:grid;grid-gap:6px;gap:6px;padding-top:4px}.sp-members{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:8px;gap:8px}.sp-members.hurt{animation:spShake .4s}.sp-member{display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.06);border-radius:12px;padding:6px;min-width:0}.sp-member-pic{position:relative;border:none;background:none;padding:0;flex:none}.sp-member-pic.ready{animation:spReady 1s infinite}.sp-ready{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#ffd86b;color:#3a2100;font-size:11px;font-weight:900;padding:1px 6px;border-radius:999px;white-space:nowrap}.sp-member-info{flex:1 1;min-width:0;display:grid;grid-gap:4px;gap:4px}.sp-member-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-skill{min-height:44px;font-size:12px;border-radius:10px;border:1px solid #8d78d8;background:#2d2363;color:#f3ecff;padding:2px 6px}.sp-skill:disabled{opacity:.4}.sp-hurt-num{position:absolute;right:10px;top:-10px;font-size:24px;font-weight:900;color:#ff8a8a;animation:spPop .9s forwards}.sp-end{text-align:center;margin-top:20px}.sp-end-title{font-size:40px;font-weight:900;margin-bottom:12px}.sp-end-title.win{color:#ffe39a;text-shadow:0 0 20px rgba(255,210,90,.8)}.sp-end-title.lose{color:#b9a9e0}.sp-ask{background:rgba(255,255,255,.07);border-radius:16px;padding:10px;display:grid;grid-gap:10px;gap:10px}.sp-q-head{text-align:center;font-size:14px;color:#d9c8ff}.sp-q-prompt{display:grid;place-items:center}.sp-q-word{background:none;border:none;color:#fff;display:flex;align-items:center;gap:10px;min-height:64px}.sp-q-word span:first-child{font-size:clamp(34px,11vw,52px);font-weight:900;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:.02em}.sp-spk{font-size:26px}.sp-q-ja{font-size:clamp(24px,7vw,34px);font-weight:800;display:flex;align-items:center;gap:10px;min-height:64px}.sp-q-emoji{font-size:40px}.sp-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sp-choice-wrap{display:flex;gap:12px}.sp-choice{flex:1 1;min-height:58px;border-radius:14px;border:2px solid #b9a6ff;background:#f6efff;color:#2a1f55;font-size:18px;font-weight:800;padding:6px}.sp-choice.en{font-family:Helvetica Neue,Arial,sans-serif;font-size:22px}.sp-choice.ok{background:#8af0b0;border-color:#2fa86a}.sp-choice.ng{background:#ffb0b0;border-color:#d04040}.sp-choice.gone{visibility:hidden;min-height:58px}.sp-choice-spk{width:44px;min-height:58px;border-radius:12px;border:1px solid #8d78d8;background:#2d2363;color:#fff;font-size:18px;flex:none}.sp-q-answer{text-align:center;font-size:18px;color:#ffe39a}.sp-btn.fire{align-self:center;min-width:60%;font-size:20px;background:linear-gradient(#7fb8ff,#4a63d8);border-color:#cfe3ff}.sp-btn.fire.t2{background:linear-gradient(#c79bff,#7a3fd8)}.sp-btn.fire.t3{background:linear-gradient(#ffe08a,#e8901f);color:#3a2100}.sp-btn.fire.t4{background:linear-gradient(90deg,#ff5f6d,#ffc371,#7cf29c,#6fb7ff,#c27cff);color:#1b1338;animation:spRainbow 2s linear infinite;background-size:200% 100%}.sp-circle{position:relative;height:92px;display:grid;place-items:center}.sp-circle-svg{height:100%;transition:height .3s,filter .3s}.sp-circle-svg .ring circle,.sp-circle-svg .ring line,.sp-circle-svg .ring polygon{fill:none;stroke:currentColor;stroke-width:2}.sp-circle-svg text{fill:currentColor;font-size:9px;font-family:serif}.sp-circle-svg .r1{animation:spSpin 14s linear infinite}.sp-circle-svg .r2{animation:spSpin 9s linear infinite reverse}.sp-circle-svg .r3{animation:spSpin 5s linear infinite}.sp-circle-svg .r4 circle{fill:currentColor;opacity:.25}.sp-circle.t0{color:#5d5490;height:56px}.sp-circle.t1{color:#6fb7ff;height:64px;filter:drop-shadow(0 0 6px #6fb7ff)}.sp-circle.t2{color:#c27cff;height:72px;filter:drop-shadow(0 0 10px #c27cff)}.sp-circle.t3{color:#ffd25e;height:80px;filter:drop-shadow(0 0 14px #ffb020)}.sp-circle.t4{color:#fff;height:88px;filter:drop-shadow(0 0 18px #ff9ef0) drop-shadow(0 0 10px #7cf2ff)}.sp-circle.t4 .ring circle,.sp-circle.t4 .ring polygon{stroke:url(#spRainbow)}.sp-circle.t3 .sp-circle-svg,.sp-circle.t4 .sp-circle-svg{animation:spPulse .8s ease-in-out infinite}.sp-circle-n{position:absolute;font-size:26px;font-weight:900;color:#fff;text-shadow:0 0 10px currentColor,0 2px 0 #000}.sp-spark{position:absolute;bottom:10%;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:spRise 1.5s ease-out infinite}.sp-battle.t3{box-shadow:inset 0 0 60px rgba(255,190,60,.18)}.sp-battle.t4{box-shadow:inset 0 0 90px rgba(255,120,230,.28)}.sp-blast{position:fixed;inset:0;pointer-events:none;z-index:120;animation:spBlast .7s ease-out forwards}.sp-blast.t1{background:radial-gradient(circle at 50% 30%,rgba(111,183,255,.7),transparent 55%)}.sp-blast.t2{background:radial-gradient(circle at 50% 30%,rgba(194,124,255,.8),transparent 60%)}.sp-blast.t3{background:radial-gradient(circle at 50% 30%,rgba(255,214,94,.95),rgba(255,140,40,.3) 45%,transparent 70%)}.sp-blast.t4{background:conic-gradient(from 0deg at 50% 30%,rgba(255,95,109,.8),rgba(255,195,113,.8),rgba(124,242,156,.8),rgba(111,183,255,.8),rgba(194,124,255,.8),rgba(255,95,109,.8));animation-duration:1s}.sp-arrange{background:rgba(255,255,255,.07);border-radius:16px;padding:10px;display:grid;grid-gap:10px;gap:10px}.sp-arr-ja{text-align:center;font-size:20px;font-weight:800;color:#fff3c4}.sp-arr-line{min-height:64px;border-radius:12px;border:2px dashed #8d78d8;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:rgba(0,0,0,.2)}.sp-arr-line.ok{border-color:#3ddc84;border-style:solid;box-shadow:0 0 18px rgba(61,220,132,.5)}.sp-arr-line.ng{border-color:#ff7a7a;border-style:solid}.sp-arr-blank{color:#8d82b0;font-size:13px}.sp-arr-end{font-size:22px;font-weight:900}.sp-arr-deck{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sp-card{min-height:48px;min-width:48px;padding:6px 14px;border-radius:12px;border:2px solid #ffe39a;background:#fff8e1;color:#2a1f55;font-size:20px;font-weight:800;font-family:Helvetica Neue,Arial,sans-serif;box-shadow:0 3px 0 #a67a1a}.sp-card.used{visibility:hidden}.sp-card.placed{background:#e8ddff;border-color:#b9a6ff;box-shadow:0 3px 0 #5d4bb0}.sp-arr-answer{text-align:center}.sp-say{background:none;border:1px solid #8d78d8;border-radius:12px;color:#fff;font-size:18px;min-height:44px;padding:4px 12px;font-family:Helvetica Neue,Arial,sans-serif}.sp-arr-btns{text-align:center}.sp-ritual{padding-top:20px}.sp-seal{font-size:64px;animation:spFloat 3s ease-in-out infinite}.sp-lesson{background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;font-size:17px;text-align:left}.sp-en{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin:2px;padding:2px 8px;border-radius:10px;border:1px solid #ffd86b;background:rgba(255,216,107,.15);color:#fff3c4;font-size:1em;font-weight:800;font-family:Helvetica Neue,Arial,sans-serif;vertical-align:middle}.sp-lesson.small{font-size:13px;padding:6px 8px;margin-top:4px}.sp-pages{display:grid;grid-gap:8px;gap:8px}.sp-page{border-radius:12px;padding:10px;background:rgba(0,0,0,.25);border:1px solid #3b3270;opacity:.75}.sp-page.open{background:rgba(120,90,220,.2);border-color:#a58cff;opacity:1}.sp-page-name{font-weight:800}.sp-big-floor{font-size:64px;font-weight:900;color:#fff3c4;text-shadow:0 0 24px rgba(255,200,80,.8);margin-top:30px}.sp-gift{font-size:18px}.sp-stone-get{font-size:22px;font-weight:900;color:#9fe8ff}.sp-gacha-box{text-align:center;background:rgba(255,255,255,.06);border-radius:18px;padding:14px;display:grid;grid-gap:6px;gap:6px}.sp-gacha-orb{font-size:80px;animation:spFloat 2.6s ease-in-out infinite;filter:drop-shadow(0 0 20px #c27cff)}.sp-wish{background:rgba(255,220,120,.15);border-radius:10px;padding:6px;font-size:13px}.sp-rates{text-align:left;display:grid;grid-gap:4px;gap:4px;background:rgba(0,0,0,.25);border-radius:12px;padding:10px}.sp-got{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px;margin:10px 0 16px}.sp-got-card{border-radius:14px;padding:8px 4px;display:grid;justify-items:center;grid-gap:2px;gap:2px;background:rgba(255,255,255,.08);animation:spReveal .5s both}.sp-got-card.r4{background:rgba(194,124,255,.3);box-shadow:0 0 16px #c27cff}.sp-got-card.r5{background:rgba(255,214,94,.3);box-shadow:0 0 22px #ffd25e}.sp-got-name{font-weight:800;font-size:14px}.sp-stars{color:#ffd86b;font-size:12px;letter-spacing:-1px}.sp-stars.r5{color:#ff9ef0;text-shadow:0 0 6px #ffd86b}.sp-pic{border-radius:16px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#3c2a78,#1b1338);border:3px solid #a77b52}.sp-pic.r2{border-color:#d9e1ee;box-shadow:0 0 0 1px #8b95a8}.sp-pic.r3{border-color:#ffd86b;box-shadow:0 0 8px rgba(255,216,107,.6)}.sp-pic.r4{border-color:#d8a8ff;box-shadow:0 0 12px #c27cff,inset 0 0 10px rgba(194,124,255,.5)}.sp-pic.r5{border-color:transparent;box-shadow:0 0 16px #ffd86b,0 0 26px #ff9ef0;animation:spHue 4s linear infinite;background:conic-gradient(from 0deg,#ff5f6d,#ffc371,#7cf29c,#6fb7ff,#c27cff,#ff5f6d) border-box}.sp-pic.r4:after,.sp-pic.r5:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:spShine 2.8s ease-in-out infinite}.sp-pic.r5:before{content:"✦";position:absolute;top:2px;right:4px;color:#fff;font-size:12px;text-shadow:0 0 6px #ffd86b;z-index:1;animation:spTwinkle 1.4s ease-in-out infinite}.sp-pic.shadow:after,.sp-pic.shadow:before{display:none}.sp-pic.shadow,.sp-pic.shadow img,.sp-pic.shadow>span{animation:none!important}.sp-pic.shadow img,.sp-pic.shadow>span{filter:blur(7px) brightness(.45) saturate(.8);transform:scale(1.15)}.sp-pic.shadow>i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:26px;font-weight:900;color:rgba(255,255,255,.75)}.sp-pillar{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(10,6,30,.85);animation:spBlast .4s reverse}.sp-pillar-beam{width:120px;height:100vh;background:linear-gradient(90deg,transparent,var(--pc),#fff,var(--pc),transparent);filter:blur(4px);animation:spBeam 1.5s ease-out forwards}.sp-pillar.r4{--pc:#c27cff}.sp-pillar.r5{--pc:#ffd86b}.sp-pillar.r5 .sp-pillar-beam{background:linear-gradient(90deg,transparent,#ff5f6d,#ffc371,#fff,#7cf29c,#6fb7ff,transparent);width:180px}.sp-pillar-text{position:absolute;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 16px var(--pc)}@keyframes spBeam{0%{transform:scaleX(.05);opacity:0}30%{transform:scaleX(1);opacity:1}to{transform:scaleX(1.6);opacity:.85}}@keyframes spShine{0%{background-position:150% 0}60%,to{background-position:-100% 0}}@keyframes spHue{to{filter:hue-rotate(1turn)}}@keyframes spTwinkle{50%{opacity:.3;transform:scale(.7)}}.sp-pic img{width:100%;height:100%;object-fit:cover;border-radius:13px}.sp-pic.r5 img,.sp-pic.r5>span{animation:spHue 4s linear infinite reverse}.sp-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.sp-char-cell{background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:12px;color:#f3ecff;display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:6px 2px;font-size:12px;min-height:88px}.sp-char-cell.sel{border-color:#ffd86b}.sp-party-now{display:flex;justify-content:center;gap:24px;text-align:center}.sp-party-slot{display:grid;justify-items:center;grid-gap:4px;gap:4px}.sp-bond{text-align:center;color:#ffe39a}.sp-detail{display:flex;gap:12px;background:rgba(255,255,255,.07);border-radius:14px;padding:10px;margin-top:10px;align-items:flex-start}.sp-detail-name{font-weight:800;font-size:17px}@keyframes spSpin{to{transform:rotate(1turn)}}@keyframes spPulse{50%{transform:scale(1.06)}}@keyframes spFloat{50%{transform:translateY(-6px)}}@keyframes spRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(.3);opacity:0}}@keyframes spShake{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}@keyframes spPop{0%{opacity:1;transform:translate(-50%) scale(1.4)}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}@keyframes spBlast{0%{opacity:1}to{opacity:0}}@keyframes spReady{50%{filter:drop-shadow(0 0 12px #ffd86b);transform:scale(1.06)}}@keyframes spReveal{0%{opacity:0;transform:scale(.6) rotateY(90deg)}to{opacity:1;transform:none}}@keyframes spRainbow{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.sp-root *{animation:none!important}}.sp-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:125}.sp-fx-spell{position:absolute;left:50%;top:50%;width:min(92vw,520px);height:min(92vw,520px);transform:translate(-50%,-50%);display:grid;place-items:center}.sp-fx-seal{position:absolute;inset:0;width:100%;height:100%;color:var(--c);filter:drop-shadow(0 0 10px var(--c)) drop-shadow(0 0 22px #ffd86b);animation:spSeal 2s ease-in-out forwards}.sp-fx-seal circle,.sp-fx-seal polygon{fill:none;stroke:currentColor;stroke-width:2}@keyframes spSeal{0%{transform:scale(.4) rotate(-90deg);opacity:0}25%{opacity:.9}70%{transform:scale(1) rotate(60deg);opacity:1}to{transform:scale(.15) rotate(220deg);opacity:0}}.sp-fx-words{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.3em;max-width:86%;animation:spGather 2s ease-in forwards}.sp-fx-words span{position:relative;font-size:clamp(26px,8vw,42px);font-weight:600;letter-spacing:.08em;color:rgba(255,250,230,.82);text-shadow:0 0 6px #fff,0 0 14px var(--c),0 0 28px var(--c),0 0 48px #ffd86b;filter:blur(.7px);opacity:0;animation:spWordIn .6s ease-out forwards,spWordShimmer 1.6s ease-in-out infinite}.sp-fx-words span:after{content:attr(data-w);position:absolute;inset:0;color:var(--c);filter:blur(7px);opacity:.9;transform:scale(1.08);mix-blend-mode:screen;pointer-events:none}@keyframes spWordShimmer{0%,to{filter:blur(.7px)}50%{filter:blur(1.6px) brightness(1.25)}}@keyframes spWordIn{0%{opacity:0;transform:translateY(14px) scale(1.4);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(.7px)}}@keyframes spGather{0%,62%{transform:scale(1);opacity:1;filter:none}to{transform:scale(.05);opacity:0;filter:blur(8px) brightness(2)}}.sp-fx-core{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fff,var(--c) 55%,transparent 72%);box-shadow:0 0 30px var(--c),0 0 60px #ffd86b;opacity:0;animation:spCore 2s ease-in forwards}@keyframes spCore{0%,70%{opacity:0;transform:scale(.3)}90%{opacity:1;transform:scale(2.4)}to{opacity:1;transform:scale(1.6)}}.sp-fx-proj{position:absolute;left:0;top:0;width:var(--sz);height:calc(var(--sz) * .62);margin:calc(var(--sz) * -.31) 0 0 calc(var(--sz) * -.5);animation:spFly .56s cubic-bezier(.5,0,.9,.7) forwards;filter:drop-shadow(0 0 16px var(--c)) brightness(1.15)}.sp-fx-proj img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:spFlicker .12s linear infinite alternate}.sp-fx-proj.star img{animation:spSpin .6s linear infinite}.sp-fx-trail{position:absolute;left:45%;top:50%;width:260%;height:30%;transform:translateY(-50%);background:linear-gradient(270deg,transparent,var(--c) 70%,#fff);filter:blur(8px);opacity:.75;border-radius:999px}@keyframes spFly{0%{transform:translate(var(--x0),var(--y0)) rotate(calc(var(--ang) + 180deg)) scale(.45);opacity:.4}20%{opacity:1}to{transform:translate(var(--x1),var(--y1)) rotate(calc(var(--ang) + 180deg)) scale(1);opacity:1}}@keyframes spFlicker{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05,.95);filter:brightness(1.25)}}.sp-fx-gather{position:absolute;left:var(--x0);top:var(--y0);width:0;height:0;animation:spGatherIn 1s ease-in forwards}.sp-fx-gather svg{position:absolute;left:-110px;top:-110px;width:220px;height:220px;color:var(--c);filter:drop-shadow(0 0 12px var(--c));animation:spGatherSeal 1s ease-in forwards;animation-duration:inherit}.sp-fx-gather svg circle,.sp-fx-gather svg polygon{fill:none;stroke:currentColor;stroke-width:2.5}.sp-fx-gather i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--c),0 0 18px var(--c);animation:spInward .7s ease-in infinite}.sp-fx-gather b{position:absolute;left:0;top:120px;transform:translateX(-50%);white-space:nowrap;font-size:20px;font-weight:900;color:#fff7d6;text-shadow:0 0 10px var(--c),0 0 20px var(--c);filter:blur(.3px)}@keyframes spGatherSeal{0%{transform:scale(1.6) rotate(0deg);opacity:0}30%{opacity:1}to{transform:scale(.55) rotate(270deg);opacity:1}}@keyframes spInward{0%{transform:rotate(var(--a)) translateX(150px) scale(1.2);opacity:0}30%{opacity:1}to{transform:rotate(calc(var(--a) + 60deg)) translateX(0) scale(.2);opacity:.9}}@keyframes spGatherIn{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.sp-fx-flash{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;border-radius:50%;background:radial-gradient(circle,#fff,var(--c) 45%,transparent 70%);animation:spFlash .6s ease-out forwards}@keyframes spFlash{0%{transform:scale(.5);opacity:1}35%{transform:scale(5);opacity:1}to{transform:scale(7);opacity:0}}.sp-fx-ring.two{animation-delay:.12s;border-width:2px}.sp-fx-boom{position:absolute;left:var(--x1);top:var(--y1);width:var(--sz);height:var(--sz);margin:calc(var(--sz) / -2)}.sp-fx-boom img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:spBoom .75s ease-out forwards;filter:drop-shadow(0 0 24px var(--c)) brightness(1.3)}.sp-fx-boom.star img{animation-duration:.95s}@keyframes spBoom{0%{transform:scale(.8);opacity:1}40%{transform:scale(1.9);opacity:1}to{transform:scale(2.6);opacity:0}}.sp-fx-ring{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;border-radius:50%;border:4px solid var(--c);box-shadow:0 0 20px var(--c);animation:spRing .7s ease-out forwards}@keyframes spRing{0%{transform:scale(.5);opacity:1}to{transform:scale(14);opacity:0}}.sp-fx-boom i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--c),0 0 4px #fff;animation:spSpark .75s ease-out forwards}@keyframes spSpark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.3);opacity:0}}.sp-battle.quake{animation:spQuake .5s}@keyframes spQuake{15%{transform:translate(-7px,4px)}30%{transform:translate(6px,-5px)}45%{transform:translate(-5px,-3px)}60%{transform:translate(4px,5px)}80%{transform:translate(-2px,1px)}}.sp-dmg{font-size:38px}.sp-circle{height:96px!important;min-height:0;overflow:visible}.sp-circle .sp-circle-svg{height:88px}.sp-circle.t0 .sp-circle-svg{height:60px}.sp-circle.t1 .sp-circle-svg{height:68px}.sp-circle.t2 .sp-circle-svg{height:76px}.sp-circle.t3 .sp-circle-svg{height:84px}.sp-circle.t4 .sp-circle-svg{height:92px}.sp-circle-word{position:absolute;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(22px,6.5vw,30px);font-weight:900;color:#fff7e0;text-shadow:0 0 6px currentColor,0 0 14px currentColor,0 0 28px currentColor,0 0 44px #ffd86b;filter:blur(.5px);animation:spWordUp .45s cubic-bezier(.2,1.4,.4,1),spGlowWave 1.6s ease-in-out .45s infinite;z-index:2}.sp-circle.t1 .sp-circle-word{text-shadow:0 0 6px #6fb7ff,0 0 14px #6fb7ff,0 0 28px #6fb7ff}.sp-circle.t2 .sp-circle-word{text-shadow:0 0 6px #c27cff,0 0 14px #c27cff,0 0 28px #c27cff,0 0 44px #c27cff}@keyframes spGlowWave{50%{filter:blur(.9px) brightness(1.25)}}.sp-circle.t3 .sp-circle-word{color:#fff2c0;text-shadow:0 0 6px #ffd25e,0 0 16px #ffb020,0 0 34px #ffb020,0 0 50px #ff8a00}.sp-circle.t4 .sp-circle-word{animation:spWordUp .45s cubic-bezier(.2,1.4,.4,1),spHue 3s linear infinite;color:#ff9ef0}@keyframes spWordUp{0%{transform:scale(2.2);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}.sp-circle-old{position:absolute;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(22px,7vw,32px);font-weight:900;color:#fff7e0;text-shadow:0 0 8px currentColor,0 0 18px currentColor;filter:blur(.5px);animation:spShatter .5s ease-out forwards;z-index:1}@keyframes spShatter{0%{opacity:1;transform:none;letter-spacing:0}to{opacity:0;transform:translateY(-30px) scale(1.3);letter-spacing:.6em;filter:blur(5px)}}.sp-circle-n{top:0;right:calc(50% - 70px);font-size:14px!important}.sp-arr-ring{--ring:min(48vw,28vh,210px);position:relative;width:var(--ring);height:var(--ring);margin:0 auto;display:grid;place-items:center}.sp-arr-seal{position:absolute;inset:0;width:100%;height:100%;color:#8d78d8;animation:spSpin 30s linear infinite;filter:drop-shadow(0 0 8px #8d78d8)}.sp-arr-seal circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 3}.sp-arr-ring.full .sp-arr-seal{color:#ffd86b;animation-duration:12s;filter:drop-shadow(0 0 12px #ffd86b)}.sp-arr-ring.ok .sp-arr-seal{color:#3ddc84;filter:drop-shadow(0 0 16px #3ddc84)}.sp-arr-ring.ng .sp-arr-seal{color:#ff7a7a}.sp-arr-spin{position:absolute;inset:0;animation:spSpin 22s linear infinite}.sp-arr-ring.full .sp-arr-spin{animation-duration:9s}.sp-arr-slot{position:absolute;left:50%;top:50%;width:0;height:0;display:grid;place-items:center}.sp-arr-slot>.sp-card{position:absolute;white-space:nowrap;animation:spSpin 22s linear infinite reverse;font-size:16px;padding:3px 8px;min-height:40px}.sp-arr-ring.full .sp-arr-slot>.sp-card{animation-duration:9s}.sp-card i{font-style:normal;font-size:10px;font-weight:900;background:#5d4bb0;color:#fff;border-radius:999px;padding:0 5px;margin-right:4px;vertical-align:top}.sp-arr-center{position:absolute;font-size:13px;color:#c5b8e8;text-align:center;max-width:40%}.sp-arr-ring.full .sp-arr-center{font-size:30px;font-weight:900;color:#ffd86b}.sp-card.magic{border-color:#ffd86b;background:linear-gradient(#fff6c8,#ffd86b);box-shadow:0 0 14px #ffd86b,0 3px 0 #a67a1a}.sp-card.flyin{animation:spFlyIn .7s cubic-bezier(.3,1.3,.5,1) both}@keyframes spFlyIn{0%{transform:translateY(-260px) scale(1.8);opacity:0;filter:blur(4px) brightness(2)}60%{opacity:1}to{transform:none;opacity:1;filter:none}}.sp-swirl{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,currentColor 50deg,transparent 110deg,transparent 180deg,currentColor 230deg,transparent 290deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);filter:blur(2px) drop-shadow(0 0 8px currentColor);animation:spSpin 2s linear infinite}.sp-circle.t4 .sp-swirl{background:conic-gradient(#ff5f6d,#ffc371,#7cf29c,#6fb7ff,#c27cff,#ff5f6d)}.sp-orbits{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.sp-orbit{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:#fff;box-shadow:0 0 6px currentColor,0 0 12px currentColor;animation:spOrbit 2s linear infinite}@keyframes spOrbit{0%{transform:rotate(0deg) translateX(var(--r)) scale(1)}50%{transform:rotate(180deg) translateX(calc(var(--r) * 1.08)) scale(1.3)}to{transform:rotate(1turn) translateX(var(--r)) scale(1)}}.sp-circle.t4 .sp-orbit:nth-child(3n){background:#ff9ef0}.sp-circle.t4 .sp-orbit:nth-child(3n+1){background:#7cf2ff}.sp-circle.t4 .sp-orbit:nth-child(3n+2){background:#ffe08a}.sp-story{position:fixed;inset:0;z-index:110;background:#0d0a1f 50%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(10px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));cursor:pointer;animation:spBgIn .6s}@keyframes spBgIn{0%{opacity:.4}to{opacity:1}}.sp-story-skip{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #8d78d8;background:rgba(20,14,50,.7);color:#f3ecff;z-index:2}.sp-story-who{position:absolute;left:50%;bottom:210px;transform:translateX(-50%);max-height:46vh;max-width:80vw;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,0,0,.6));animation:spWhoIn .4s ease-out;pointer-events:none}.sp-story-who.lumina{max-height:30vh;animation:spWhoIn .4s ease-out,spWhoFloat 2.4s ease-in-out .4s infinite}@keyframes spWhoFloat{0%,to{transform:translateX(-50%)}50%{transform:translateX(-50%) translateY(-6px)}}.sp-story-who.crystal{max-height:24vh;filter:drop-shadow(0 0 30px #6fb7ff);animation:spWhoIn .4s ease-out}@keyframes spWhoIn{0%{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%)}}.sp-story-box{position:relative;max-width:640px;width:100%;margin:0 auto;min-height:180px;background:rgba(16,10,40,.86);border:2px solid #8d78d8;border-radius:18px;padding:16px 16px 30px;box-shadow:0 0 24px rgba(0,0,0,.5)}.sp-story-box.crystal{border-color:#6fb7ff;box-shadow:0 0 22px rgba(111,183,255,.45)}.sp-story-box.lumina{border-color:#ffd86b}.sp-story-box.gate{border-color:#c9a86a}.sp-story-box.narr{border-color:#4b3f7a;background:rgba(10,6,30,.75)}.sp-story-name{position:absolute;top:-16px;left:14px;background:#2d2363;border:2px solid;color:#ffe39a;border-radius:999px;padding:2px 14px;font-weight:800;font-size:14px}.sp-story-text{margin:4px 0 0;font-size:19px;line-height:2.1;color:#fff;animation:spTextIn .35s ease-out}.sp-story-text rt{font-size:12px;color:#d9c8ff}@keyframes spTextIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sp-story-en{display:block;margin:10px auto 0;min-height:48px;padding:6px 18px;border-radius:14px;border:2px solid #ffd86b;background:rgba(255,216,107,.14);color:#fff7d6;font-family:Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:900;text-shadow:0 0 10px #ffd86b}.sp-story-next{position:absolute;right:14px;bottom:6px;font-size:12px;color:#c5b8e8;animation:spTwinkle 1.4s ease-in-out infinite}.sp-page-name ruby rt,.sp-panel h2 ruby rt,.sp-tag ruby rt{font-size:11px}.sp-tutor{position:fixed;inset:0;z-index:140;background:rgba(8,5,25,.55);padding:12px 12px calc(16px + env(safe-area-inset-bottom));cursor:pointer;animation:spBgIn .3s}.sp-tutor,.sp-tutor-box{display:flex;align-items:flex-end}.sp-tutor-box{position:relative;max-width:640px;width:100%;margin:0 auto;gap:8px;background:rgba(16,10,40,.94);border:2px solid #ffd86b;border-radius:18px;padding:18px 14px 30px;box-shadow:0 0 24px rgba(255,216,107,.3)}.sp-tutor-box img{width:74px;flex:none;margin:-40px 0 -12px -6px;animation:spFloat 2.4s ease-in-out infinite;filter:drop-shadow(0 0 10px #ffd86b)}.sp-tutor-box .sp-story-text{font-size:17px;line-height:2}.sp-fx-proj.orb{height:var(--sz);margin:calc(var(--sz) / -2) 0 0 calc(var(--sz) / -2);filter:drop-shadow(0 0 18px var(--c)) drop-shadow(0 0 30px var(--c))}.sp-fx-proj.orb .sp-fx-core{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 30%,var(--c) 60%,transparent 72%);opacity:1;animation:spOrbPulse .16s ease-in-out infinite alternate}@keyframes spOrbPulse{0%{transform:scale(.92)}to{transform:scale(1.12)}}.sp-fx-orbring{position:absolute;inset:8%;width:84%;height:84%;color:var(--c);animation:spSpin .5s linear infinite;opacity:.95}.sp-fx-orbring circle{fill:none;stroke:currentColor;stroke-width:2.5}.sp-fx-orbring circle+circle{stroke:#fff;stroke-width:1;opacity:.7}.sp-fx-orbring text{fill:#fff;font-size:10px;font-family:serif}.sp-fx-proj.orb .sp-fx-trail{left:auto;right:50%;width:280%;height:34%;background:linear-gradient(90deg,transparent,var(--c) 65%,#fff);filter:blur(7px);opacity:.85}.sp-fx-proj.orb i{position:absolute;right:55%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--c),0 0 3px #fff;animation:spShed .42s linear infinite}@keyframes spShed{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(calc(var(--sz) * -1.6)) scale(.2);opacity:0}}.sp-fx-proj.orb{animation-name:spFlyOrb}@keyframes spFlyOrb{0%{transform:translate(var(--x0),var(--y0)) rotate(var(--ang)) scale(.4);opacity:.4}20%{opacity:1}to{transform:translate(var(--x1),var(--y1)) rotate(var(--ang)) scale(1);opacity:1}}.sp-gq-ja{text-align:center;font-size:18px;font-weight:800;color:#fff3c4}.sp-gq-en{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-family:Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:800;color:#fff}.sp-gq-blank{min-width:64px;text-align:center;border-bottom:3px solid #ffd86b;color:#ffd86b}.sp-gq-blank.ok{color:#8af0b0;border-color:#3ddc84}.sp-gq-blank.ng{color:#ffb0b0;border-color:#ff7a7a}.sp-story-enja{text-align:center;font-size:14px;color:#d9c8ff;margin-top:4px}.sp-arr-ring .sp-arr-rune{fill:#fff3c4;stroke:none;font-weight:800;letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;filter:drop-shadow(0 0 3px rgba(255,216,107,.9))}.sp-arr-ring .sp-arr-rune .magic{fill:#ffd86b}.sp-arr-ring .sp-arr-dot{fill:currentColor;stroke:none;font-size:9px}.sp-arr-ring.ok .sp-arr-rune{fill:#d8ffe8}.sp-arr-ring.ng .sp-arr-rune{fill:#ffd0d0}.sp-gacha-guide{background:rgba(255,216,107,.1);border:1px solid rgba(255,216,107,.5);border-radius:14px;padding:12px 14px;margin-bottom:10px;color:#f3ecff;line-height:1.6;font-size:15px}.sp-gacha-guide b{color:#ffd86b;font-size:17px}.sp-gacha-guide ul{margin:6px 0;padding-left:1.2em}.sp-gacha-guide p{margin:6px 0}.sp-btn.sp-glow{animation:spGlowBtn 1.4s ease-in-out infinite}@keyframes spGlowBtn{50%{box-shadow:0 0 18px 4px rgba(255,216,107,.8)}}.sp-row.sp-first{order:-1}.sp-gs{position:fixed;inset:0;z-index:140;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#1d1450 0,#07041a 75%);color:#fff;--gc:#6fb7ff;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sp-gs-summon{position:relative;width:min(84vw,420px);aspect-ratio:1;display:grid;place-items:center}.sp-gs-circle{position:absolute;inset:0;width:100%;height:100%;color:var(--gc);filter:drop-shadow(0 0 10px var(--gc));animation:spGsCircle 3.6s ease-in forwards}.sp-gs-circle circle,.sp-gs-circle polygon{fill:none;stroke:currentColor;stroke-width:1.3}.sp-gs-circle text{fill:currentColor;font-size:8px;font-family:Georgia,serif;font-weight:700}.sp-gs-circle .g1{animation:spSpin 7s linear infinite;transform-origin:0 0}.sp-gs-circle .g2{animation:spSpin 4s linear infinite reverse;transform-origin:0 0}.sp-gs-circle .g3{animation:spSpin 2s linear infinite;transform-origin:0 0}.sp-gs.t4 .sp-gs-circle,.sp-gs.t4 .sp-gs-mote,.sp-gs.t4 .sp-gs-orb{animation-name:spGsCircle,spGsGold;animation-duration:3.6s,3.6s;animation-fill-mode:forwards}.sp-gs.t5 .sp-gs-circle,.sp-gs.t5 .sp-gs-mote,.sp-gs.t5 .sp-gs-orb{animation-name:spGsCircle,spGsRainbow;animation-duration:3.6s,3.6s;animation-fill-mode:forwards}.sp-gs.t5 .sp-gs-summon{animation:spGsShake .12s linear 2.4s 10}@keyframes spGsCircle{0%{transform:scale(.3) rotate(0);opacity:0}20%{opacity:1}to{transform:scale(1.05) rotate(220deg);opacity:1}}@keyframes spGsGold{0%,50%{--gc:#6fb7ff;color:#6fb7ff}60%,to{--gc:#ffd86b;color:#ffd86b}}@keyframes spGsRainbow{0%,40%{color:#6fb7ff}52%{color:#ffd86b}64%{color:#ff6fb0}76%{color:#7cf29c}88%,to{color:#fff3a0}}.sp-gs-orb{width:22%;aspect-ratio:1;border-radius:50%;color:var(--gc);background:radial-gradient(circle,#fff 0,currentColor 45%,transparent 72%);box-shadow:0 0 40px 10px currentColor;animation:spGsOrb 3.6s ease-in forwards}@keyframes spGsOrb{0%{transform:scale(.2)}80%{transform:scale(1)}to{transform:scale(1.6)}}.sp-gs.t4 .sp-gs-orb,.sp-gs.t5 .sp-gs-orb{animation-name:spGsOrb,spGsGold}.sp-gs.t5 .sp-gs-orb{animation-name:spGsOrb,spGsRainbow}.sp-gs-mote{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;color:var(--gc);background:currentColor;box-shadow:0 0 10px 3px currentColor;animation:spGsMote 1.5s ease-in infinite}@keyframes spGsMote{0%{transform:rotate(var(--a)) translateY(-48vmin) scale(1.4);opacity:0}20%{opacity:1}to{transform:rotate(var(--a)) translateY(0) scale(.2);opacity:.2}}.sp-gs.t4 .sp-gs-mote,.sp-gs.t5 .sp-gs-mote{animation-name:spGsMote,spGsGold;animation-duration:1.5s,3.6s;animation-iteration-count:infinite,1}.sp-gs.t5 .sp-gs-mote{animation-name:spGsMote,spGsRainbow}.sp-gs-hint{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom, 0px));left:0;right:0;text-align:center;font-size:13px;color:rgba(255,255,255,.55)}.sp-gs-burst{position:absolute;inset:0;display:grid;place-items:center}.sp-gs-flash{position:absolute;inset:0;background:#fff;animation:spGsFlash .9s ease-out forwards}@keyframes spGsFlash{0%{opacity:1}to{opacity:0}}.sp-gs-rays{position:absolute;width:180vmax;height:180vmax;left:50%;top:50%;margin:-90vmax;border-radius:50%;opacity:.55;background:repeating-conic-gradient(from 0deg,var(--rc,rgba(111,183,255,.5)) 0deg 6deg,transparent 6deg 18deg);animation:spSpin 14s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 60%);mask-image:radial-gradient(circle,#000 0,transparent 60%)}.sp-gs.t4 .sp-gs-rays{--rc:rgba(255,216,107,0.6)}.sp-gs.t5 .sp-gs-rays{background:repeating-conic-gradient(from 0deg,rgba(255,111,176,.6) 0deg 6deg,transparent 6deg 12deg,rgba(255,216,107,.6) 12deg 18deg,transparent 18deg 24deg,rgba(124,242,156,.6) 24deg 30deg,transparent 30deg 36deg)}.sp-gs-word{position:relative;font-size:clamp(26px,6vw,40px);font-weight:900;text-shadow:0 0 18px #ffd86b,0 0 40px #ffd86b;animation:spGsWord 1.4s ease-out both}@keyframes spGsWord{0%{transform:scale(2.4);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(1.05)}}.sp-gs-reveal{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:6px;gap:6px;padding:16px;text-align:center}.sp-gs-reveal .sp-gs-rays.small{opacity:.35}.sp-gs-reveal.r3{--rc:rgba(111,183,255,0.45)}.sp-gs-reveal.r4{--rc:rgba(194,124,255,0.55)}.sp-gs-reveal.r5{--rc:rgba(255,216,107,0.6)}.sp-gs-beam{position:absolute;left:50%;top:0;bottom:0;width:220px;margin-left:-110px;background:linear-gradient(90deg,transparent,var(--rc),rgba(255,255,255,.7),var(--rc),transparent);filter:blur(6px);animation:spBeam 1.2s ease-out forwards;opacity:.8}.sp-gs-count{position:relative;font-size:13px;color:rgba(255,255,255,.6);min-height:1em}.sp-gs-pic{position:relative;animation:spGsPop .7s cubic-bezier(.2,1.6,.4,1) both}.sp-gs-reveal.r4 .sp-gs-pic .sp-pic{box-shadow:0 0 30px 6px #c27cff}.sp-gs-reveal.r5 .sp-gs-pic .sp-pic{box-shadow:0 0 40px 10px #ffd86b}@keyframes spGsPop{0%{transform:scale(.2) rotateY(180deg);opacity:0}to{transform:none;opacity:1}}.sp-gs-stars{position:relative;font-size:34px;letter-spacing:2px;min-height:44px}.sp-gs-stars span{color:rgba(255,255,255,.18);display:inline-block}.sp-gs-stars span.on{color:#ffd86b;text-shadow:0 0 12px #ffd86b;animation:spGsStar .35s ease-out}.sp-gs-reveal.r5 .sp-gs-stars span.on{color:#fff3a0;text-shadow:0 0 10px #ff6fb0,0 0 22px #ffd86b}@keyframes spGsStar{0%{transform:scale(2.2)}to{transform:none}}.sp-gs-name{position:relative;font-size:28px;font-weight:900;animation:spGsWord .8s ease-out both}.sp-gs-sub{position:relative;font-size:14px;color:#d9c8ff;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.sp-gs-res{position:relative;font-weight:800;color:#7cf29c}.sp-gs-skip{position:fixed;top:calc(12px + env(safe-area-inset-top, 0px));right:12px;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);color:#fff;font-size:14px}.sp-got-card{border:0;color:inherit;font:inherit;cursor:pointer}.sp-got-els{display:flex;gap:3px}.sp-got-card.r3{background:rgba(111,183,255,.18)}.sp-cc-back{position:fixed;inset:0;z-index:150;background:rgba(5,3,18,.8);display:grid;place-items:center;padding:16px;overflow-y:auto}.sp-cc{width:min(100%,420px);border-radius:18px;padding:16px;background:linear-gradient(180deg,#2c2166,#17113d);border:2px solid #8d78d8;display:grid;justify-items:center;grid-gap:6px;gap:6px;text-align:center;color:#f3ecff}.sp-cc.r3{border-color:#6fb7ff}.sp-cc.r4{border-color:#c27cff;box-shadow:0 0 24px rgba(194,124,255,.6)}.sp-cc.r5{border-color:#ffd86b;box-shadow:0 0 30px rgba(255,216,107,.6)}.sp-cc-rare{font-size:20px;display:flex;gap:8px;align-items:center}.sp-cc-rare span{font-size:13px;color:#d9c8ff}.sp-cc-name{font-size:24px;font-weight:900}.sp-cc-look{font-size:14px;color:#d9c8ff}.sp-cc-els{display:flex;gap:6px;align-items:center}.sp-cc-res{color:#7cf29c;font-weight:800;font-size:14px}.sp-cc-dl{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 10px;gap:6px 10px;text-align:left;width:100%;margin:6px 0;font-size:14px;line-height:1.5}.sp-cc-dl dt{color:#ffd86b;font-weight:800;white-space:nowrap}.sp-cc-dl dd{margin:0}.sp-cc .sp-say small{display:block;font-size:12px;color:#d9c8ff}.sp-battle.fog:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,rgba(220,220,255,.18),transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(200,210,255,.16),transparent 60%);animation:spFog 6s ease-in-out infinite alternate}@keyframes spFog{to{transform:translateX(4%);opacity:.7}}.sp-fog-note{text-align:center;font-size:13px;color:#d9d6ff;background:rgba(255,255,255,.08);border-radius:10px;padding:4px 8px}.sp-intro-party{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:8px;gap:8px;margin-bottom:8px}.sp-ip-card{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.sp-ip-card.r3{border-color:#6fb7ff}.sp-ip-card.r4{border-color:#c27cff}.sp-ip-card.r5{border-color:#ffd86b}.sp-ip-info{display:grid;grid-gap:3px;gap:3px;min-width:0}.sp-ip-role{font-size:12px;color:#c5b8e8}.sp-ip-name{font-weight:800;font-size:17px}.sp-ip-name small{font-weight:600;font-size:12px;color:#c5b8e8}.sp-ip-els{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.sp-ip-mark{font-size:13px;font-weight:800;margin-left:6px;color:#e8e2ff}.sp-ip-mark.good{color:#7cf29c}.sp-ip-mark.bad{color:#ff9e9e}.sp-open{position:fixed;inset:0;z-index:200;background:#000;overflow:hidden;display:grid;place-items:center;color:#fff;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sp-open-tap{font-size:15px;letter-spacing:3px;color:rgba(255,255,255,.6);animation:spOpenBlink 2s ease-in-out infinite}@keyframes spOpenBlink{50%{opacity:.25}}.sp-open-skip{position:fixed;top:calc(12px + env(safe-area-inset-top, 0px));right:12px;z-index:6;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:13px}.sp-open-text{position:relative;z-index:2;max-width:min(92vw,820px);padding:0 16px;margin:0;text-align:center;font-size:clamp(20px,4.4vw,38px);line-height:1.55;letter-spacing:.04em;transition:opacity 1s ease-in,filter 1s ease-in}.sp-open-text span{display:inline-block;white-space:pre;color:#fff6dc;opacity:0;filter:blur(8px);transform:translateX(-6px);transition:opacity .25s ease-out,filter .3s ease-out,transform .3s ease-out;text-shadow:0 0 8px #ffd86b,0 0 22px #ff9a3d,0 0 40px #ff6a2d}.sp-open-text span.on{opacity:1;filter:blur(0);transform:none}.sp-open.fade .sp-open-text{opacity:0;filter:blur(6px)}.sp-oc{position:absolute;inset:0;display:grid;place-items:center}.sp-oc.shake,.sp-open.circle .sp-oc{animation:spOcShake .12s linear calc(var(--cd) - 1.6s) 12}@keyframes spOcShake{25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}.sp-oc-core{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 20px 8px #ffd86b,0 0 60px 20px #ff9a3d;animation:spOcCore var(--cd) ease-in forwards}@keyframes spOcCore{0%{transform:scale(0)}10%{transform:scale(1)}75%{transform:scale(1.6)}92%{transform:scale(.8)}to{transform:scale(4)}}.sp-oc-svg{position:absolute;width:min(118vw,820px);aspect-ratio:1;color:#ffd86b;filter:drop-shadow(0 0 6px #ffb84d) drop-shadow(0 0 22px #ff8a3d);overflow:visible;animation:spOcSvg var(--cd) ease-in-out forwards}@keyframes spOcSvg{0%{transform:scale(.15)}30%{transform:scale(.9)}80%{transform:scale(1);color:#ffe9a8}92%{transform:scale(.92);color:#fff}to{transform:scale(1.05);color:#fff}}.sp-oc-svg circle,.sp-oc-svg polygon{fill:none;stroke:currentColor;stroke-width:.9;stroke-dasharray:640;stroke-dashoffset:640;animation:spOcDraw 1.6s ease-out forwards}.sp-oc-svg text{fill:currentColor;opacity:0;animation:spOcFade .8s ease-out forwards}.sp-oc-svg g{transform-origin:0 0}.sp-oc-svg .c1{animation:spSpin 16s linear infinite}.sp-oc-svg .c1>*{animation-delay:.9s}.sp-oc-svg .c2{animation:spSpin 10s linear infinite reverse}.sp-oc-svg .c2>*{animation-delay:.5s}.sp-oc-svg .c3{animation:spSpin 7s linear infinite}.sp-oc-svg .c3>*{animation-delay:1.4s}.sp-oc-svg .c4{animation:spSpin 4s linear infinite reverse}.sp-oc-svg .c4>*{animation-delay:.15s}.sp-oc-svg .c5{animation:spSpin 5s linear infinite;opacity:0;animation-name:spSpin,spOcFade;animation-duration:5s,.8s;animation-delay:0s,2.4s;animation-fill-mode:none,forwards}.sp-oc-svg .c5 *{animation-delay:2.4s}.sp-open.circle .sp-oc-svg .c1,.sp-open.circle .sp-oc-svg .c3{animation-duration:16s}@keyframes spOcDraw{to{stroke-dashoffset:0}}@keyframes spOcFade{to{opacity:1}}.sp-oc-pillar{position:absolute;left:50%;top:50%;width:10px;height:60vmax;margin-left:-5px;transform-origin:50% 0;transform:rotate(var(--a));background:linear-gradient(180deg,rgba(255,240,190,.9),rgba(255,180,80,0));filter:blur(3px);opacity:0;animation:spOcPillar 2.4s ease-out forwards}@keyframes spOcPillar{0%{opacity:0;height:0}40%{opacity:.9}to{opacity:.6;height:70vmax}}.sp-oc-mote{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#ffe7a8;box-shadow:0 0 10px 3px #ffb84d;opacity:0;animation:spOpenMote 1.8s ease-in infinite}@keyframes spOpenMote{0%{transform:rotate(var(--a)) translateY(-60vmax);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translateY(0);opacity:0}}.sp-open.burst .sp-oc-svg{animation:spOpenBlast 1.3s ease-out forwards;color:#fff}@keyframes spOpenBlast{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.sp-open-flash{position:absolute;inset:0;z-index:4;background:radial-gradient(circle,#fff 0,#fff6d0 40%,rgba(255,240,200,0) 70%);animation:spOpenFlash 1.4s ease-out forwards}@keyframes spOpenFlash{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:1;transform:scale(3)}}.sp-open.white{background:#fff}.sp-open.white .sp-open-flash{background:#fff;animation:none;opacity:1}.sp-story.from-white:after{content:"";position:absolute;inset:0;background:#fff;pointer-events:none;animation:spFromWhite 2.4s ease-out forwards;z-index:5}@keyframes spFromWhite{0%{opacity:1}to{opacity:0}}.sp-eldetails{margin:4px 0 10px}.sp-eldetails summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:800;color:#ffd86b}.sp-elchart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.sp-elchart svg{width:min(220px,60vw);aspect-ratio:1}.sp-elchart-side{flex:1 1 220px;font-size:14px;line-height:1.6}.sp-elchart-side p{margin:4px 0}.sp-elchart-ld{display:flex;gap:6px;align-items:center;font-weight:800}.sp-story-chars{display:flex;gap:18px;justify-content:center;align-items:flex-end;margin:auto 0 12px;animation:spGsPop .6s cubic-bezier(.2,1.6,.4,1) both}.sp-story-char{display:grid;justify-items:center;grid-gap:4px;gap:4px;text-shadow:0 1px 4px #000}.sp-story-char .sp-pic{box-shadow:0 0 24px 4px rgba(255,220,140,.55)}.sp-story-char-name{font-weight:900;font-size:17px;color:#fff}.sp-story-char-els{display:flex;gap:4px}.sp-pic{position:relative}.sp-pic-els{position:absolute;left:2px;top:2px;display:flex;align-items:flex-start;gap:1px;pointer-events:none;z-index:2}.sp-pic-el{width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--s) * .62);font-weight:900;line-height:1;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.6)}.sp-pic-el.sub{width:calc(var(--s) * .78);height:calc(var(--s) * .78);font-size:calc(var(--s) * .5);margin-left:-4px;margin-top:calc(var(--s) * .3)}.sp-q-word.lo{gap:10px}.sp-lo-ear{font-size:1.4em}.sp-card-wrap{display:inline-flex;align-items:center;gap:2px}.sp-s-toggle{min-width:44px;min-height:44px;border-radius:12px;border:2px dashed #ffd86b;background:rgba(255,216,107,.12);color:#ffd86b;font-weight:900;font-size:15px}.sp-s-toggle.on{border-style:solid;background:#ffd86b;color:#3a2a00}.sp-s-hint{font-size:13px;color:#d9c8ff;text-align:center;margin:2px 0;line-height:1.5}.sp-card.morph{position:relative;background:linear-gradient(160deg,#c8f5ff,#9fd9ff);border-color:#4fb3e8;box-shadow:0 3px 0 #2f78a8,0 0 10px rgba(79,179,232,.5)}.sp-card.placed.morph{background:linear-gradient(160deg,#b5f0ff,#7cc8f5)}.sp-morph-mark{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#2f78a8;color:#fff;font-style:normal;font-size:13px;line-height:20px;text-align:center;animation:spSpin 2.4s linear infinite}.sp-morph-back{min-width:44px;min-height:44px;border:0;background:transparent;color:#c5b8e8;font-size:20px;font-weight:900}.sp-q-word.pf{flex-direction:column;gap:2px}.sp-pf-ask{font-size:15px;color:#d9c8ff;font-weight:700}.sp-morph-btn{min-width:44px;min-height:44px;margin-left:8px;border-radius:50%;border:2px solid #4fb3e8;background:#2f78a8;color:#fff;font-size:20px;font-weight:900;line-height:1;box-shadow:0 2px 0 #1d4f70}.sp-morph-btn:active{transform:rotate(180deg);transition:transform .2s}.sp-pic{border:3px solid var(--elc);box-shadow:inset 0 0 0 2px var(--eld),0 2px 0 var(--eld)}.sp-pic.r2{box-shadow:inset 0 0 0 2px var(--eld),0 0 0 2px #d9e1ee}.sp-pic.r2,.sp-pic.r3{border-color:var(--elc)}.sp-pic.r3{box-shadow:inset 0 0 0 2px var(--eld),0 0 0 2px #ffd86b,0 0 8px rgba(255,216,107,.7)}.sp-pic.r4{border-color:var(--elc);box-shadow:inset 0 0 0 2px var(--eld),0 0 0 2px #d8a8ff,0 0 12px #c27cff}.sp-pic.r5{border:3px solid var(--elc);background:radial-gradient(circle,#3c2a78,#1b1338);box-shadow:inset 0 0 0 2px var(--eld),0 0 0 2px #ffd86b,0 0 16px #ffd86b,0 0 26px #ff9ef0;animation:none}.sp-pic-els{display:none}.sp-pic-el1,.sp-pic-el2{position:absolute;z-index:2;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));pointer-events:none}.sp-pic-el1{left:2px;top:2px}.sp-pic-el2{right:2px;bottom:2px}.sp-el{display:inline-flex;align-items:center;gap:3px}.sp-elicon{flex:none}.sp-fresh{margin:8px auto;padding:8px 12px;border-radius:12px;background:rgba(255,215,120,.12);border:1px solid rgba(255,215,120,.4);max-width:560px;text-align:center}.sp-fresh-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.sp-fresh-cell{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}.sp-past-note{min-height:44px;border:0;margin:4px auto 8px;padding:4px 12px;border-radius:10px;background:rgba(140,110,230,.18);color:#e9e0ff;font-size:15px;text-align:center;width:-moz-fit-content;width:fit-content}.sp-past-note b{color:#ffe39a;font-size:18px}.sp-boons{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin:14px auto;max-width:640px;width:100%}.sp-boon{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:150px;padding:14px 10px;border-radius:16px;border:2px solid #c9a86a;background:linear-gradient(180deg,#2d2363,#1b1440);color:#f3ecff;box-shadow:0 0 14px rgba(255,215,120,.25)}.sp-boon:disabled{opacity:.45}.sp-boon:active:not(:disabled){transform:scale(.97)}.sp-boon-icon{font-size:40px}.sp-boon-name{font-weight:800;color:#ffe39a;font-size:16px}.sp-boon-text{font-size:13px;line-height:1.5}.sp-boon-price{margin-top:auto;font-weight:800}.sp-tag.boon{background:rgba(255,215,120,.2);color:#ffe39a}.sp-event-icon{font-size:72px;margin-top:12px;animation:spWhoIn .4s ease-out}.sp-event-msg{font-size:18px;font-weight:800;color:#ffe39a;margin:14px 0}.sp-event .sp-ask{max-width:560px;margin:0 auto}.sp-tabs{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.sp-tab{flex:1 1;min-height:44px;border-radius:12px;border:2px solid #8d78d8;background:rgba(20,14,50,.6);color:#f3ecff;font-weight:800}.sp-tab.on{background:#8d78d8;color:#1b1440}.sp-zk-sum{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);margin-bottom:10px}.sp-zk-groups,.sp-zk-sum{display:flex;flex-direction:column;gap:6px}.sp-zk-ghead{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-radius:12px;border:1px solid #4b3f7a;background:rgba(20,14,50,.6);color:#f3ecff;font-weight:700}.sp-zk-words{display:flex;flex-wrap:wrap;gap:6px;padding:8px 2px}.sp-zk-w{display:inline-flex;flex-direction:column;align-items:center;min-height:44px;min-width:70px;padding:4px 8px;border-radius:10px;border:1px solid transparent;color:#f3ecff;background:rgba(255,255,255,.08)}.sp-zk-w small{font-size:11px;opacity:.85}.sp-zk-w.known{background:rgba(80,200,140,.25);border-color:#50c88c}.sp-zk-w.seen{background:rgba(110,170,255,.2);border-color:#6eaaff}.sp-zk-w.weak{background:rgba(255,110,110,.22);border-color:#ff6e6e}.sp-zk-w.new{opacity:.55}.sp-zk-w.mini{min-height:0;min-width:0;padding:1px 8px;margin:0 3px;display:inline-block;font-size:12px}.sp-char-cell.unknown{opacity:.6}.sp-zk-q{width:56px;height:56px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);font-size:28px;color:#8d78d8}.sp-rank-me{text-align:center;font-weight:800;color:#ffe39a;margin:8px 0 12px;font-size:18px}.sp-rank{display:flex;flex-direction:column;gap:6px;max-width:560px;margin:0 auto;width:100%}.sp-rank-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.06);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-rank-row.me{background:rgba(255,215,120,.2);border:1px solid #ffd778}.sp-rank-row.top1 .sp-rank-n,.sp-rank-row.top2 .sp-rank-n,.sp-rank-row.top3 .sp-rank-n{font-size:22px}.sp-rank-n{text-align:center;font-weight:800}.sp-rank-name{font-weight:700}.sp-rank-floor{font-weight:800;color:#ffe39a}.sp-q-sp{justify-content:center;gap:10px}.sp-q-sp,.sp-spell{display:flex;align-items:center}.sp-spell{flex-direction:column;gap:12px}.sp-spell-line{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sp-spell-slot{width:48px;height:56px;border-radius:10px;border:2px dashed #8d78d8;background:rgba(255,255,255,.06);color:#f3ecff;font-size:26px;font-weight:800;font-family:inherit}.sp-spell-slot.on{border-style:solid;background:#f6efff;color:#2a1f55}.sp-spell-slot.ok{border-color:#50c88c;background:#dff7ea}.sp-spell-slot.ng{border-color:#ff6e6e;background:#ffe3e3}.sp-spell-tiles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sp-spell-tile{width:52px;height:52px;border-radius:12px;border:2px solid #b9a6ff;background:#f6efff;color:#2a1f55;font-size:24px;font-weight:800}.sp-spell-tile.used{opacity:.25}.sp-pending{display:block;width:min(560px,100%);margin:8px auto;animation:spPend 1.8s ease-in-out infinite}@keyframes spPend{50%{box-shadow:0 0 22px rgba(255,215,120,.8)}}.sp-login-bonus{display:block;width:min(560px,100%);min-height:44px;margin:8px auto;border-radius:12px;border:1px solid #ffd778;background:rgba(255,215,120,.15);color:#ffe39a;font-weight:800}.sp-zk-legend{margin:0 6px;font-weight:700}.sp-zk-legend.known{color:#50c88c}.sp-zk-legend.seen{color:#6eaaff}.sp-zk-legend.weak{color:#ff6e6e}.sp-zk-legend.new{color:#9a8fc0}button.sp-tag{border:0;min-height:32px;color:inherit;font:inherit}@media (orientation:landscape) and (min-width:900px){.sp-battle{max-width:1100px;display:grid;grid-template-columns:minmax(300px,380px) 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"top mid" "msg mid" "party mid";grid-column-gap:20px;column-gap:20px;align-items:start;min-height:calc(100dvh - 30px)}.sp-battle>.sp-b-top{grid-area:top}.sp-battle>.sp-msg{grid-area:msg}.sp-battle>.sp-b-mid{grid-area:mid}.sp-battle>.sp-b-party{grid-area:party}.sp-battle>:not(.sp-b-top):not(.sp-msg):not(.sp-b-mid):not(.sp-b-party){grid-column:1/-1}}.sp-story-who{position:static;transform:none;flex:0 1 auto;min-height:0;align-self:center;margin:0 auto 10px;animation:spWhoIn2 .4s ease-out}.sp-story-who.lumina{animation:spWhoIn2 .4s ease-out,spWhoFloat2 2.4s ease-in-out .4s infinite}.sp-story-who.crystal{animation:spWhoIn2 .4s ease-out}@keyframes spWhoIn2{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spWhoFloat2{0%,to{transform:none}50%{transform:translateY(-6px)}}.sp-story-box{flex:0 0 auto}.sp-el-shape{position:absolute;inset:0;pointer-events:none}.sp-el-shape.flame b{position:absolute;left:22%;top:18%;width:56%;height:64%;border-radius:50% 0 50% 50%;transform:rotate(calc(var(--ang) * 0 - 45deg));background:radial-gradient(circle at 60% 40%,#fff6c8 0,#ffb340 35%,var(--c) 70%,transparent 75%);filter:blur(1px);mix-blend-mode:screen;animation:spFlame .18s ease-in-out infinite alternate}.sp-el-shape.flame b:nth-child(2){left:6%;top:30%;width:44%;height:44%;animation-delay:.06s;opacity:.8}.sp-el-shape.flame b:nth-child(3){left:50%;top:34%;width:38%;height:38%;animation-delay:.12s;opacity:.7}@keyframes spFlame{0%{transform:rotate(-45deg) scale(.9)}to{transform:rotate(-40deg) scale(1.12)}}.sp-el-shape.whirl b{position:absolute;inset:10%;border-radius:50%;border-bottom:4px solid transparent;border-right:4px solid transparent;border-top:4px solid transparent;border-top-color:var(--c);border-left:4px solid #bfe6ff;animation:spSpin .35s linear infinite}.sp-el-shape.whirl b:nth-child(2){inset:22%;animation-duration:.28s;animation-direction:reverse}.sp-el-shape.whirl b:nth-child(3),.sp-el-shape.whirl b:nth-child(4){inset:auto;width:16%;height:16%;border:2px solid #e6f6ff;background:rgba(160,220,255,.25);right:70%;top:20%;animation:spBubble .4s ease-out infinite}.sp-el-shape.whirl b:nth-child(4){top:62%;right:80%;animation-delay:.2s}@keyframes spBubble{0%{transform:translateX(0) scale(.6);opacity:1}to{transform:translateX(-40px) scale(1.2);opacity:0}}.sp-el-shape.blades b{position:absolute;inset:6%;border-radius:50%;border-left:5px solid transparent;border-bottom:5px solid transparent;border-top:5px solid #eafff3;border-right:5px solid transparent;border-right-color:var(--c);filter:drop-shadow(0 0 6px var(--c));animation:spSpin .22s linear infinite}.sp-el-shape.blades b:nth-child(2){inset:18%;transform:rotate(120deg);animation-duration:.26s}.sp-el-shape.blades b:nth-child(3){inset:30%;transform:rotate(240deg);animation-duration:.3s}.sp-el-shape.rock b{position:absolute;left:26%;top:26%;width:48%;height:48%;-webkit-clip-path:polygon(30% 0,80% 10%,100% 55%,70% 100%,20% 90%,0 40%);clip-path:polygon(30% 0,80% 10%,100% 55%,70% 100%,20% 90%,0 40%);background:linear-gradient(135deg,#e8c48a,var(--c) 50%,#5a3a1a);animation:spSpin .6s linear infinite}.sp-el-shape.rock b:nth-child(2),.sp-el-shape.rock b:nth-child(3){width:16%;height:16%;left:0;top:30%;animation:spDebris .4s linear infinite}.sp-el-shape.rock b:nth-child(3){top:62%;left:8%;animation-delay:.2s}@keyframes spDebris{0%{transform:translateX(10px) rotate(0);opacity:1}to{transform:translateX(-40px) rotate(180deg);opacity:0}}.sp-el-shape.bolt{inset:-10%;width:120%;height:120%;animation:spBoltFlicker .08s steps(2) infinite}.sp-el-shape.bolt polyline{fill:none;stroke:#fffbe0;stroke-width:6;stroke-linejoin:miter;filter:drop-shadow(0 0 4px var(--c)) drop-shadow(0 0 10px var(--c))}@keyframes spBoltFlicker{50%{opacity:.55;transform:scale(1.06) rotate(4deg)}}.sp-el-shape.rays{inset:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,250,220,.95) 0deg 6deg,transparent 6deg 45deg);mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);animation:spSpin .8s linear infinite}.sp-el-shape.void{inset:14%;border-radius:50%;background:radial-gradient(circle,#0a0012 30%,transparent 32%),conic-gradient(from 0deg,var(--c),transparent 30%,var(--c) 50%,transparent 80%,var(--c));animation:spSpin .4s linear infinite reverse;box-shadow:0 0 24px var(--c) inset}.el-dark .sp-fx-proj.orb .sp-fx-core{background:radial-gradient(circle,#0a0012 0,#2a0a3a 40%,var(--c) 65%,transparent 72%)}.sp-el-burst{position:absolute;inset:0;pointer-events:none}.sp-el-burst b{position:absolute;left:50%;top:50%;width:14px;height:30px;margin:-15px -7px;transform:rotate(var(--a)) translateY(0);animation:spBurst .6s ease-out forwards}@keyframes spBurst{to{transform:rotate(var(--a)) translateY(calc(var(--sz) * -.55));opacity:0}}.sp-el-burst.fire b{border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:radial-gradient(circle at 50% 70%,#fff6c8,#ffb340 40%,var(--c) 75%,transparent 80%)}.sp-el-burst.water b{width:12px;height:12px;margin:-6px;border-radius:50%;border:2px solid #e6f6ff;background:rgba(120,200,255,.4)}.sp-el-burst.wind b{width:34px;height:12px;margin:-6px -17px;border-radius:50%;border-top:3px solid #eafff3;filter:drop-shadow(0 0 4px var(--c))}.sp-el-burst.earth b{width:16px;height:16px;margin:-8px;-webkit-clip-path:polygon(30% 0,100% 30%,70% 100%,0 70%);clip-path:polygon(30% 0,100% 30%,70% 100%,0 70%);background:linear-gradient(135deg,#e8c48a,var(--c));animation-timing-function:cubic-bezier(.2,.8,.6,1.4)}.sp-el-burst.light b{width:6px;height:60px;margin:-30px -3px;background:linear-gradient(#fff,rgba(255,240,180,0))}.sp-el-burst.dark b{width:12px;height:12px;margin:-6px;border-radius:50%;background:radial-gradient(circle,#0a0012 30%,var(--c) 70%);animation-name:spImplode}@keyframes spImplode{0%{transform:rotate(var(--a)) translateY(calc(var(--sz) * -.6));opacity:.2}to{transform:rotate(calc(var(--a) + 90deg)) translateY(0);opacity:1}}.sp-el-burst.bolts{position:absolute;inset:-40%;width:180%;height:180%;animation:spBoltFlicker .08s steps(2) 4,spFade .6s ease-out forwards}.sp-el-burst.bolts polyline{fill:none;stroke:#fffbe0;stroke-width:5;filter:drop-shadow(0 0 6px var(--c))}@keyframes spFade{to{opacity:0}}.dual .sp-fx-proj.orb .sp-fx-trail{background:linear-gradient(90deg,transparent,var(--c2) 40%,var(--c) 75%,#fff)}.dual .sp-fx-proj.orb .sp-fx-core{animation:spOrbPulse .16s ease-in-out infinite alternate,spDualCore .3s steps(2) infinite}@keyframes spDualCore{50%{background:radial-gradient(circle,#fff 0,#fff 30%,var(--c2) 60%,transparent 72%)}}.dual .sp-fx-orbring circle:first-child{stroke:var(--c2)}.dual .sp-fx-boom i:nth-child(2n),.dual .sp-fx-gather i:nth-child(2n),.dual .sp-fx-proj.orb i:nth-child(2n){box-shadow:0 0 10px var(--c2),0 0 4px #fff}.dual .sp-fx-ring.two{border-color:var(--c2);box-shadow:0 0 20px var(--c2)}.dual .sp-el-burst b:nth-child(2n){filter:hue-rotate(0deg) drop-shadow(0 0 6px var(--c2))}.dual .sp-fx-proj{filter:drop-shadow(0 0 16px var(--c)) drop-shadow(0 0 26px var(--c2))}.dual .sp-fx-seal{color:var(--c2)}@media (prefers-reduced-motion:reduce){.sp-el-burst,.sp-el-burst *,.sp-el-shape,.sp-el-shape *{animation:none!important}}.sp-fx-layer:not(.el-light) .sp-fx-proj.orb:not(.star) .sp-fx-orbring{display:none}.sp-fx-layer:not(.el-light) .sp-fx-proj.orb:not(.star) .sp-fx-core{left:40%;top:40%;width:20%;height:20%;z-index:2}.sp-el-shape{z-index:1}.sp-el-shape.flame b{left:14%;top:10%;width:72%;height:80%;mix-blend-mode:normal;filter:drop-shadow(0 0 8px var(--c));background:radial-gradient(circle at 62% 38%,#fffbe0 0,#ffd060 22%,#ff8a2a 48%,var(--c) 70%,transparent 74%)}.sp-el-shape.flame b:nth-child(2){left:-6%;top:28%;width:50%;height:50%}.sp-el-shape.flame b:nth-child(3){left:58%;top:40%;width:40%;height:40%}.sp-el-shape.rock b:first-child{left:18%;top:18%;width:64%;height:64%;filter:drop-shadow(0 0 6px #000) drop-shadow(0 0 10px var(--c));background:linear-gradient(135deg,#f2d39a,#c48a4a 40%,#7a4a20 75%,#3d2410)}.sp-el-shape.rock b:nth-child(2),.sp-el-shape.rock b:nth-child(3){background:linear-gradient(135deg,#e8c48a,#7a4a20)}.sp-el-shape.bolt{inset:-30%;width:160%;height:160%}.sp-el-shape.bolt polyline{stroke-width:8;stroke:#fffdf0;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--c)) drop-shadow(0 0 16px var(--c))}.sp-el-shape.blades b{border-width:7px;filter:drop-shadow(0 0 8px var(--c)) drop-shadow(0 0 2px #fff)}.sp-el-shape.whirl b:nth-child(-n+2){border-width:7px;filter:drop-shadow(0 0 6px var(--c))}.sp-el-shape.void{inset:6%;box-shadow:0 0 30px var(--c),0 0 18px var(--c) inset}.sp-el-shape.rays{inset:-40%}.el-fire .sp-fx-proj.orb .sp-fx-trail{background:linear-gradient(90deg,transparent,#ff4a1a 40%,#ffb340 80%,#fff6c8)}.el-earth .sp-fx-proj.orb .sp-fx-trail{background:linear-gradient(90deg,transparent,rgba(120,80,40,.6) 50%,#e8c48a);filter:blur(10px)}.el-thunder .sp-fx-proj.orb .sp-fx-trail{height:14%;background:linear-gradient(90deg,transparent,var(--c) 60%,#fff);filter:blur(3px)}.el-dark .sp-fx-proj.orb .sp-fx-trail{background:linear-gradient(90deg,transparent,#1a0526 40%,var(--c) 80%)}.sp-el-shape.bolt polygon{fill:#fffbe0;stroke:var(--c);stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px var(--c)) drop-shadow(0 0 18px var(--c))}.sp-el-shape.bolt{inset:-15%;width:130%;height:130%}.sp-el-shape.void{inset:0;background:radial-gradient(circle,#05000a 26%,transparent 30%),conic-gradient(from 0deg,#c89cff,transparent 25%,var(--c) 45%,transparent 70%,#c89cff);box-shadow:0 0 34px #9a6ae0,0 0 20px var(--c) inset}.sp-member.front{box-shadow:0 0 0 2px #ffd86b,0 0 14px rgba(255,216,107,.45);border-radius:14px}.sp-member.down .sp-member-pic{filter:grayscale(1) brightness(.6)}.sp-member.down .sp-member-name{opacity:.6}.sp-front-tag{display:inline-block;margin-right:4px;padding:0 6px;border-radius:6px;background:#ffd86b;color:#2a1f55;font-size:12px;font-weight:900}.sp-swap{min-height:44px;margin-top:4px;padding:0 12px;border-radius:12px;border:2px solid #ffd86b;background:rgba(255,216,107,.15);color:#ffe39a;font-weight:800}.sp-swap:disabled{opacity:.45}.sp-swap .sp-ip-mark{margin-left:4px}.sp-pic,.sp-pic.r2,.sp-pic.r3,.sp-pic.r4,.sp-pic.r5{border:4px solid transparent;background:radial-gradient(circle,#3c2a78,#1b1338) padding-box,linear-gradient(135deg,var(--elc) 0 50%,var(--elc2,var(--elc)) 50% 100%) border-box;animation:none}.sp-pic{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 2px 0 rgba(0,0,0,.35)}.sp-pic.r2{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 0 2px #d9e1ee}.sp-pic.r3{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 0 2px #ffd86b,0 0 8px rgba(255,216,107,.7)}.sp-pic.r4{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 0 2px #d8a8ff,0 0 12px #c27cff}.sp-pic.r5{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 0 2px #ffd86b,0 0 16px #ffd86b,0 0 26px #ff9ef0}.sp-pic img{border-radius:11px}.sp-pic,.sp-pic.r2,.sp-pic.r3,.sp-pic.r4,.sp-pic.r5{border-width:var(--bw,4px)}.sp-pic{box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 2px 3px rgba(0,0,0,.45)}.sp-pic.r2{box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 0 6px rgba(220,230,245,.55)}.sp-pic.r3{box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 0 10px rgba(255,216,107,.75)}.sp-pic.r4{box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 0 14px rgba(194,124,255,.9)}.sp-pic.r5{box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 0 16px #ffd86b,0 0 28px #ff9ef0}.sp-gs .sp-gs-circle{animation-duration:var(--sd,3.6s)}.sp-gs.t4 .sp-gs-circle,.sp-gs.t4 .sp-gs-mote,.sp-gs.t4 .sp-gs-orb{animation-duration:var(--sd),var(--sd)}.sp-gs-crackle{position:absolute;inset:0;pointer-events:none}.sp-gs-crackle i{position:absolute;left:50%;top:50%;width:4px;height:46%;margin-left:-2px;transform-origin:50% 0;transform:rotate(var(--a));background:linear-gradient(#fff,#ffd86b 40%,transparent);-webkit-clip-path:polygon(50% 0,100% 20%,30% 45%,100% 65%,20% 100%,60% 60%,0 40%,70% 20%);clip-path:polygon(50% 0,100% 20%,30% 45%,100% 65%,20% 100%,60% 60%,0 40%,70% 20%);opacity:0;filter:drop-shadow(0 0 6px #ffd86b);animation:spGsCrackle .5s steps(2) 3}@keyframes spGsCrackle{0%{opacity:0}30%{opacity:1}to{opacity:0}}.sp-gs.t5 .sp-gs-circle,.sp-gs.t5 .sp-gs-mote,.sp-gs.t5 .sp-gs-orb{animation-name:spGsCircle,spGsLegendTint;animation-duration:var(--sd),var(--sd);animation-fill-mode:forwards,forwards}.sp-gs.t5 .sp-gs-mote{animation-name:spGsMote,spGsLegendTint;animation-duration:1.5s,var(--sd);animation-iteration-count:infinite,1}@keyframes spGsLegendTint{0%,28%{color:#6fb7ff;filter:none}32%,40%{color:#2a1f55;filter:brightness(.4)}48%{color:#ff6fb0;filter:brightness(1.3) drop-shadow(0 0 16px #ff6fb0)}60%{color:#ffd86b;filter:brightness(1.4) drop-shadow(0 0 20px #ffd86b)}72%{color:#7cf29c;filter:brightness(1.4) drop-shadow(0 0 20px #7cf29c)}84%{color:#6fb7ff;filter:brightness(1.5) drop-shadow(0 0 24px #6fb7ff)}to{color:#fff3a0;filter:brightness(1.8) drop-shadow(0 0 30px #fff)}}.sp-gs.t5 .sp-gs-summon{animation:spGsShake .1s linear 6.2s 20}.sp-gs-dark{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;animation:spGsDark var(--sd) linear forwards}@keyframes spGsDark{0%,28%{opacity:0}32%,42%{opacity:.85}55%{opacity:.35}to{opacity:.2}}.sp-gs-vortex{position:fixed;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,rgba(255,111,176,.35),rgba(255,216,107,.35),rgba(124,242,156,.35),rgba(111,183,255,.35),rgba(194,124,255,.35),rgba(255,111,176,.35));mask:radial-gradient(circle,transparent 8%,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 8%,#000 30%,transparent 70%);animation:spGsVortexIn var(--sd) linear forwards,spSpin 3s linear infinite}@keyframes spGsVortexIn{0%,50%{opacity:0}70%{opacity:.9}to{opacity:1}}.sp-gs-pillar{position:absolute;left:50%;top:50%;width:26px;height:120vh;margin:-120vh 0 0 -13px;transform-origin:50% 100%;transform:rotate(var(--a)) translateY(-18%) scaleY(0);background:linear-gradient(0deg,transparent,rgba(255,255,255,.95),rgba(255,216,107,.6),transparent);filter:blur(2px) drop-shadow(0 0 12px #ffd86b);animation:spGsPillar 1.2s ease-out forwards}@keyframes spGsPillar{to{transform:rotate(var(--a)) translateY(-18%) scaleY(1)}}.sp-gs-fall{position:fixed;top:-10vh;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 16px #ffd86b;opacity:0;animation:spGsFall 1.6s linear infinite}.sp-gs-fall:after{content:"";position:absolute;left:2px;bottom:4px;width:2px;height:40px;background:linear-gradient(transparent,rgba(255,255,255,.8))}@keyframes spGsFall{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(120vh);opacity:.6}}.sp-gs-omen{position:fixed;left:0;right:0;bottom:22%;text-align:center;font-size:clamp(26px,6vw,44px);font-weight:900;color:#fff3a0;letter-spacing:.2em;text-shadow:0 0 14px #ff6fb0,0 0 30px #ffd86b;opacity:0;animation:spGsOmen var(--sd) linear forwards}@keyframes spGsOmen{0%,62%{opacity:0;transform:scale(.9);filter:blur(6px)}72%{opacity:1;transform:scale(1);filter:blur(0)}92%{opacity:1}to{opacity:0;transform:scale(1.2)}}.sp-gs.t5.burst .sp-gs-flash{animation-duration:1.6s}.sp-gs.t5.burst .sp-gs-word{font-size:clamp(32px,8vw,56px);animation-duration:2.2s}.sp-gs-pic.sil .sp-pic{filter:brightness(0) drop-shadow(0 0 18px #fff) drop-shadow(0 0 36px var(--rc,#ffd86b))}.sp-gs-pic.sil{animation:spGsSil 2.1s ease-in-out both}@keyframes spGsSil{0%{transform:scale(.6);opacity:0}40%{transform:scale(1);opacity:1}to{transform:scale(1.04)}}.sp-gs-pic:not(.sil) .sp-pic{transition:filter .4s ease-out}.hide{visibility:hidden}.sp-gs-spark4{position:absolute;left:50%;top:42%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;box-shadow:0 0 10px #c27cff,0 0 18px #c27cff;animation:spGsSpark4 1s ease-out forwards}@keyframes spGsSpark4{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(-220px);opacity:0}}.sp-gs-halo{position:absolute;left:50%;top:42%;width:min(80vw,460px);height:min(80vw,460px);transform:translate(-50%,-50%);color:#ffd86b;filter:drop-shadow(0 0 10px #ffd86b);animation:spGsHalo 1s ease-out both,spGsHaloSpin 12s linear infinite}.sp-gs-halo circle,.sp-gs-halo polygon{fill:none;stroke:currentColor;stroke-width:1.4}@keyframes spGsHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:.9;transform:translate(-50%,-50%) scale(1)}}@keyframes spGsHaloSpin{to{rotate:1turn}}.sp-gs-petal{position:fixed;top:-8vh;width:12px;height:9px;border-radius:60% 0 60% 0;background:linear-gradient(135deg,#fff3a0,#ff9ef0);opacity:.9;animation:spGsPetal 3.2s linear infinite}@keyframes spGsPetal{0%{transform:translate(0) rotate(0)}50%{transform:translate(30px,55vh) rotate(200deg)}to{transform:translate(-20px,115vh) rotate(420deg)}}.sp-gs-reveal.r5 .sp-gs-name{font-size:40px;color:#fff3a0;text-shadow:0 0 12px #ff6fb0,0 0 26px #ffd86b;animation:spGsStamp .7s cubic-bezier(.2,1.6,.4,1) both}@keyframes spGsStamp{0%{transform:scale(2.4);opacity:0;filter:blur(4px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@media (prefers-reduced-motion:reduce){.sp-gs-crackle i,.sp-gs-fall,.sp-gs-halo,.sp-gs-petal,.sp-gs-pillar,.sp-gs-vortex{animation:none!important}}@keyframes spGsShake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-3px)}75%{transform:translate(-2px,-2px)}}.sp-gs-halo{transform:none;margin:calc(min(80vw, 460px) / -2) 0 0 calc(min(80vw, 460px) / -2);animation:spGsHalo2 1s ease-out both,spGsHaloSpin 12s linear infinite}@keyframes spGsHalo2{0%{opacity:0;scale:.3}to{opacity:.9;scale:1}}.sp-gs-halo{top:38%}.sp-pic.r5 img,.sp-pic.r5>span{animation:none}.sp-circle.t1,.sp-circle.t2,.sp-circle.t3,.sp-circle.t4{filter:none}.sp-circle:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,currentColor 0,transparent 65%);opacity:.22}.sp-circle.t3:before{opacity:.32}.sp-circle.t4:before{opacity:.42;background:radial-gradient(circle,#ff9ef0 0,#7cf2ff 35%,transparent 65%)}.sp-circle-svg .ring circle,.sp-circle-svg .ring line,.sp-circle-svg .ring polygon{stroke-width:2.4}.sp-circle-svg .ring{will-change:transform}.sp-circle.t3 .sp-circle-svg,.sp-circle.t4 .sp-circle-svg{animation:none}.sp-circle.t4 .sp-circle-word{animation:spWordUp .45s cubic-bezier(.2,1.4,.4,1)}.sp-swirl{filter:none;opacity:.6}.sp-orbit,.sp-swirl{will-change:transform}.sp-orbit{box-shadow:none;background:radial-gradient(circle,#fff 0,#fff 35%,currentColor 60%,transparent 72%)}.sp-circle.t4 .sp-orbit:nth-child(3n){background:radial-gradient(circle,#fff 0,#ff9ef0 50%,transparent 72%)}.sp-circle.t4 .sp-orbit:nth-child(3n+1){background:radial-gradient(circle,#fff 0,#7cf2ff 50%,transparent 72%)}.sp-circle.t4 .sp-orbit:nth-child(3n+2){background:radial-gradient(circle,#fff 0,#ffe08a 50%,transparent 72%)}.sp-spark{box-shadow:none;background:radial-gradient(circle,#fff 0,currentColor 55%,transparent 72%);will-change:transform}.sp-dmg.chase{font-size:.7em;margin-left:48px;margin-top:30px;color:#ffe39a;animation-delay:0s}.sp-member.chasing .sp-member-pic{animation:spChaser .8s ease-out}@keyframes spChaser{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.18);filter:brightness(1.7) drop-shadow(0 0 10px #ffd86b)}to{transform:scale(1);filter:brightness(1)}}.sp-dmg.chase{font-size:24px}.sp-gs.t3 .sp-gs-circle,.sp-gs.t3 .sp-gs-mote,.sp-gs.t3 .sp-gs-orb{animation-name:spGsCircle,spGsSky;animation-duration:var(--sd),var(--sd);animation-fill-mode:forwards,forwards}.sp-gs.t3 .sp-gs-mote{animation-name:spGsMote,spGsSky;animation-duration:1.5s,var(--sd);animation-iteration-count:infinite,1}@keyframes spGsSky{0%,45%{color:#6fb7ff}70%{color:#8ee8ff;filter:brightness(1.3) drop-shadow(0 0 10px #8ee8ff)}to{color:#e0fbff;filter:brightness(1.6) drop-shadow(0 0 16px #8ee8ff)}}.sp-gs-twinkle{position:absolute;inset:0;pointer-events:none}.sp-gs-twinkle i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;transform:rotate(var(--a)) translateY(calc(min(84vw, 420px) * -.47));opacity:0;background:radial-gradient(circle,#fff 0,#8ee8ff 40%,transparent 70%);-webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:spGsTwinkle .9s ease-in-out infinite}@keyframes spGsTwinkle{0%,to{opacity:0;scale:.4}50%{opacity:1;scale:1.3}}.sp-gs-word.w3{font-size:clamp(22px,5vw,32px);text-shadow:0 0 14px #8ee8ff,0 0 30px #6fb7ff}.sp-gs-beam.b3{--rc:rgba(111,183,255,0.5);width:160px;margin-left:-80px}.sp-gs-spark4.s3{box-shadow:none;background:radial-gradient(circle,#fff 0,#8ee8ff 50%,transparent 72%);width:10px;height:10px}.sp-gs-reveal.r3 .sp-gs-pic .sp-pic{box-shadow:0 0 22px 4px #6fb7ff}.sp-gs-reveal.r3 .sp-gs-name{color:#e0fbff;text-shadow:0 0 10px #6fb7ff,0 0 22px #6fb7ff;animation:spGsStamp .6s cubic-bezier(.2,1.5,.4,1) both}