:root{color-scheme:dark;--night:#0b1020;--night2:#111a30;--ink-line:rgba(226,191,116,.16);--ink-line2:rgba(255,255,255,.08);--panel:rgba(20,28,52,.62);--panel-2:rgba(12,18,36,.72);--chalk:#f3ecdc;--chalk-dim:#aeb4c8;--chalk-faint:#6f7894;--card:#f6efdf;--card-ink:#1e2236;--card-rule:#e8dcc2;--evid:#9cc3ea;--evid-ink:#0d1e33;--claim:#e2bf74;--claim-ink:#2a1f08;--gold:#e2bf74;--gold-deep:#b98d3e;--wine:#a63a4a;--ok:#8fd3a6;--ng:#f08c8c;--role:#c3b2ff;--bronze:#d19a6c;--silver:#d6dbe3;--plat:#9ee0d6;--dia:#c4b5ff;--f-latin:"Playfair Display","Shippori Mincho B1",serif;--f-head:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;--f-body:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--r:16px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--night);color:var(--chalk);font-family:var(--f-body);font-size:16px;line-height:1.7;font-weight:500;-webkit-text-size-adjust:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}a{color:var(--evid)}.wrap{max-width:1000px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));position:relative;z-index:1}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center;flex-wrap:wrap}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.grow{flex:1;min-width:0}.end{justify-content:flex-end}.m0{margin:0}.mb4{margin-bottom:4px}.minw0{min-width:0}.gold{color:var(--gold)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(900px 520px at 12% -8%,rgba(92,112,190,.28),transparent 62%),radial-gradient(700px 480px at 108% 8%,rgba(166,58,74,.2),transparent 60%),linear-gradient(180deg,#0b1020,#101934 55%,#141d38)}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 32% 8%,#fff6 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 22%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 76% 12%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 22% 34%,#fff4 50%,transparent 51%),radial-gradient(1.2px 1.2px at 46% 40%,#fff4 50%,transparent 51%)}.moon{position:absolute;right:8%;top:70px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff8e6,#f0dfb4 55%,#d9c38f);opacity:.85;box-shadow:0 0 60px 18px #f0dfb429,0 0 160px 60px #f0dfb40f}.moon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 64% 60%,rgba(0,0,0,.08) 0 8px,transparent 9px),radial-gradient(circle at 40% 70%,rgba(0,0,0,.06) 0 5px,transparent 6px)}.city{position:absolute;left:0;right:0;bottom:0;width:100%;height:220px}.city.far{fill:#16203d;opacity:.9;bottom:24px;height:230px}.city.near{fill:#0c1226}.city .clock{fill:#e2bf74;opacity:.55}.city .win rect{fill:#e2bf74;opacity:.45}.fog{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(180deg,transparent,rgba(11,16,32,.25) 40%,rgba(11,16,32,.85))}body[data-screen=play] .city{opacity:.35}body:not([data-screen=home]) .moon{display:none}@media (max-width:720px){.moon{width:64px;height:64px;top:64px;right:6%}.city{height:150px}.city.far{height:160px}}.topbar{position:sticky;top:0;z-index:5;background:#090d1bc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-line);padding-top:env(safe-area-inset-top,0px)}.topbar .wrap{display:flex;align-items:baseline;gap:10px;padding-block:10px}.logo{font-family:var(--f-latin);font-weight:700;font-size:23px;letter-spacing:.08em;background:none;border:0;padding:0;color:var(--chalk);line-height:1.2}.logo em{font-style:italic;color:var(--gold);margin-left:1px}.logo-sub{font-family:var(--f-latin);font-style:italic;font-weight:600;font-size:12.5px;color:var(--chalk-faint);letter-spacing:.06em}@media (max-width:420px){.logo-sub{display:none}}.spacer{flex:1}.pill{align-self:center;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink-line);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;background:#ffffff08}.pill .dot{width:9px;height:9px;border-radius:50%}.iconbtn{background:#ffffff0a;border:1px solid var(--ink-line2);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;white-space:nowrap;color:var(--chalk-dim)}.iconbtn:hover{border-color:var(--ink-line);color:var(--chalk)}.linkbtn{background:none;border:0;padding:0;color:var(--evid);text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:700}main{padding-block:22px 64px}.screen{display:flex;flex-direction:column;gap:18px}h1,h2,h3{margin:0;text-wrap:balance}.h2{font-family:var(--f-head);font-weight:700;font-size:28px;line-height:1.35;letter-spacing:.04em}.h3{font-family:var(--f-head);font-weight:700;font-size:19px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:700;opacity:.9}.muted{color:var(--chalk-dim)}.small{font-size:13.5px}.panel{background:var(--panel);border:1px solid var(--ink-line2);border-radius:var(--r);padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px #0000002e}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:720px){.grid2,.grid3{grid-template-columns:1fr}}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;padding-block:8px 4px}@media (max-width:760px){.hero{grid-template-columns:1fr}}.hero h1{font-family:var(--f-head);font-weight:700;font-size:clamp(28px,5.6vw,46px);line-height:1.4;letter-spacing:.04em;margin-top:8px}.hero h1 .hl{color:var(--gold);background:linear-gradient(transparent 72%,rgba(166,58,74,.55) 72% 92%,transparent 92%)}.hero p{margin:12px 0 0;color:var(--chalk-dim);max-width:34em;font-size:15px}.hero-card{position:relative;background:linear-gradient(160deg,#1c2646d9,#0e1428d9);border:1px solid var(--ink-line);border-radius:20px;padding:22px 18px 18px;box-shadow:0 20px 40px #0000004d}.emblem{position:absolute;right:-10px;top:-34px;width:96px;height:96px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.emblem .lens-rim{fill:none;stroke:var(--gold);stroke-width:7}.emblem .lens{fill:#9cc3ea29}.emblem .handle{stroke:var(--wine);stroke-width:11;stroke-linecap:round}.emblem .glint{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.55}.emblem .e-ev{fill:var(--evid)}.emblem .e-cl{fill:var(--claim)}.emblem .e-wr{fill:var(--card)}.demo{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;gap:0;position:relative}.demo:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:4px;margin-top:-2px;background:var(--gold);opacity:.7;border-radius:2px}.demo .blk{position:relative;border-radius:10px;padding:10px 11px;font-size:12.5px;line-height:1.55;color:var(--card-ink);min-width:0;font-weight:700}.demo .ev{background:var(--evid)}.demo .cl{background:var(--claim)}.demo .wr{background:var(--card);margin:14px 6px;box-shadow:0 0 0 2px var(--gold),0 8px 16px #0000004d;transform:rotate(-2deg)}.demo b{display:block;font-size:10.5px;letter-spacing:.16em;font-weight:700;opacity:.75}@media (max-width:480px){.demo{grid-template-columns:1fr}.demo:before{left:50%;right:auto;top:6%;bottom:6%;width:4px;height:auto;margin:0 0 0 -2px}.demo .wr{margin:10px 18px}}.fields{display:flex;flex-wrap:wrap;gap:12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 160px}.field label{font-size:12.5px;color:var(--chalk-dim);font-weight:700;letter-spacing:.06em}.field input,.field select,textarea{background:var(--panel-2);border:1px solid var(--ink-line2);border-radius:10px;padding:11px 13px;min-width:0;font-size:16px}.field input:focus,textarea:focus{border-color:var(--gold);outline:none}.field-note{flex-basis:100%;margin:0;font-size:12px;color:var(--chalk-faint)}.btn{border-radius:12px;padding:12px 18px;font-weight:700;letter-spacing:.05em;background:#ffffff0a;border:1px solid var(--ink-line2);transition:transform .08s ease,background .15s,filter .15s,border-color .15s}.btn:hover{border-color:var(--ink-line);background:#ffffff12}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#ecd08e,#d3a957);color:var(--claim-ink);border-color:transparent;box-shadow:0 6px 16px #d3a95740}.btn.primary:hover{filter:brightness(1.06)}.btn.blue{background:linear-gradient(180deg,#b5d4f2,#8ab5e2);color:var(--evid-ink);border-color:transparent;box-shadow:0 6px 16px #8ab5e233}.btn.blue:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.cta-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px}@media (max-width:900px){.cta-row{grid-template-columns:1fr 1fr 1fr}.cta-row .big{grid-column:1/-1}}@media (max-width:620px){.cta-row{grid-template-columns:1fr 1fr}.cta-row .big{grid-column:1/-1}}.cta{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 20px;border-radius:18px;border:1px solid var(--ink-line2);background:var(--panel);color:var(--chalk);transition:transform .15s ease,box-shadow .15s,border-color .15s}.cta:hover{transform:translateY(-2px);border-color:var(--ink-line);box-shadow:0 14px 28px #00000047}.cta .t{font-family:var(--f-head);font-weight:700;font-size:21px;letter-spacing:.06em;line-height:1.35}.cta .s{font-size:12.5px;font-weight:500;opacity:.85;line-height:1.55}.cta.gold{background:linear-gradient(140deg,#efd498,#d6ad5c 60%,#c79a48);color:var(--claim-ink);border-color:transparent;box-shadow:0 12px 30px #d3a95738}.cta.blue{background:linear-gradient(140deg,#c4dcf4,#93bbe4);color:var(--evid-ink);border-color:transparent}.cta.gold:after{content:"";position:absolute;right:-18px;bottom:-26px;width:110px;height:110px;border-radius:50%;border:10px solid rgba(42,31,8,.12)}.linkrow{display:flex;flex-wrap:wrap;gap:8px}.league{display:flex;gap:14px;align-items:center}.badge{width:62px;height:62px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--f-latin);font-weight:700;font-size:10px;letter-spacing:.04em;color:#1a1d2c;box-shadow:inset 0 0 0 3px #ffffff59,inset 0 0 0 5px #0000001f,0 6px 14px #0000004d;text-align:center;line-height:1.1}.bar{height:8px;background:#00000059;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:6px;transition:width .6s ease}.kv{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;font-variant-numeric:tabular-nums;flex-wrap:wrap}.mission{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding-block:9px;border-bottom:1px dashed var(--ink-line2);font-size:14.5px}.mission:last-child{border-bottom:0}.chk{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--chalk-faint);display:grid;place-items:center;font-size:12px;font-weight:900}.mission.done .chk{background:var(--gold);border-color:var(--gold);color:var(--claim-ink)}.mission.done .mt{text-decoration:line-through;color:var(--chalk-dim)}.num{font-variant-numeric:tabular-nums}.rank{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rank th,.rank td{padding:9px 6px;text-align:left;border-bottom:1px solid var(--ink-line2);font-size:14.5px}.rank th{font-size:12px;color:var(--chalk-dim);font-weight:700;letter-spacing:.06em}.rank td.r,.rank th.r{text-align:right}.rank tr.me td{background:#e2bf741a}.crown{color:var(--gold);font-weight:900}.tablewrap{overflow-x:auto}.hud{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:"av time bar combo score";gap:14px;align-items:center}.hud .play-av{grid-area:av}.hud .time{grid-area:time}.hud .hud-mid{grid-area:bar}.hud .combo{grid-area:combo}.hud .score{grid-area:score}@media (max-width:520px){.hud{grid-template-columns:auto auto 1fr auto;grid-template-areas:"av time combo score" "bar bar bar bar";gap:6px 12px}}.hud .lab{display:block;font-family:var(--f-body);font-size:11px;letter-spacing:.14em;color:var(--chalk-dim);font-weight:700;line-height:1.4}.hud .time{font-family:var(--f-latin);font-weight:700;font-size:32px;line-height:1;min-width:3ch;font-variant-numeric:tabular-nums lining-nums}.hud .time small{font-family:var(--f-body);font-size:14px;margin-left:2px}.hud .time.warn{color:var(--ng)}.hud .score{font-family:var(--f-latin);font-weight:700;font-size:30px;line-height:1;text-align:right;font-variant-numeric:tabular-nums lining-nums;min-width:4ch}.hud .combo{font-family:var(--f-latin);font-weight:700;font-size:22px;line-height:1;color:var(--gold);text-align:right;font-variant-numeric:lining-nums}.timebar{height:6px;border-radius:5px;background:#0006;overflow:hidden}.timebar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--evid),var(--gold));transform-origin:left;transition:transform .12s linear}.timebar.warn>i{background:var(--ng)}.meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:12.5px}.chip{border:1px solid var(--ink-line2);border-radius:999px;padding:2px 11px;color:var(--chalk-dim);font-weight:700;white-space:nowrap;background:#ffffff08}.chip.case{font-family:var(--f-latin);font-style:italic;color:var(--gold);border-color:var(--ink-line)}.chip.type{background:var(--chalk);color:var(--card-ink);border-color:transparent}.chip.feat{border-color:var(--gold);color:var(--gold)}.deckn{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--chalk-dim);font-variant-numeric:tabular-nums;font-weight:700}.deckn i{display:inline-block;width:14px;height:18px;border-radius:3px;background:var(--card);box-shadow:2px -2px 0 var(--chalk-faint)}.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;background:#1e2236e0;color:var(--card);border-radius:999px;padding:1px 10px;margin-bottom:8px}.pick{display:flex;flex-direction:column;gap:16px;animation:fadein .35s ease}.pick-q{position:relative;background:var(--card);color:var(--card-ink);border-radius:var(--r);padding:20px 20px 18px;box-shadow:0 14px 30px #0000004d}.pick-q:before{content:"";position:absolute;left:18px;right:18px;top:0;height:4px;background:linear-gradient(90deg,var(--wine),var(--gold));border-radius:0 0 4px 4px}.pick-q p{margin:0;font-family:var(--f-head);font-weight:700;font-size:clamp(18px,3.6vw,23px);line-height:1.65;letter-spacing:.02em}.pick-q .tag{background:var(--wine);color:#fff}.pick-lead{margin:0;color:var(--chalk-dim);font-size:14px}.pick-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.opt{display:flex;gap:12px;align-items:center;text-align:left;background:var(--panel);color:var(--chalk);border:1px solid var(--ink-line);border-radius:14px;padding:16px;font-weight:700;font-size:16.5px;line-height:1.5;transition:transform .14s ease,box-shadow .14s,background .14s}.opt:hover,.opt:focus-visible{transform:translateY(-3px);background:#e2bf741f;box-shadow:0 12px 24px #0000004d}.opt .lt{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-latin);font-weight:700;font-size:17px;background:var(--gold);color:var(--claim-ink)}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.question-strip{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14.5px;color:var(--chalk);font-weight:700;margin-bottom:12px;font-family:var(--f-head)}.question-strip .tag{background:var(--wine);color:#fff;margin:0;font-family:var(--f-body)}#board{display:flex;flex-direction:column;gap:16px}.bridge{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;position:relative;padding-block:4px}.pillar{border-radius:14px;padding:16px;color:var(--card-ink);position:relative;font-weight:700;line-height:1.7;font-size:16px;min-width:0;z-index:1;box-shadow:0 12px 26px #00000047}.pillar.ev{background:linear-gradient(170deg,#b9d6f3,#93bde6)}.pillar.cl{background:linear-gradient(170deg,#f0d495,#dcb465)}.pillar.ev.open{background:#9cc3ea12;border:1.5px dashed var(--evid);color:var(--chalk-dim);font-weight:500;font-size:14px;display:flex;flex-direction:column;justify-content:center;box-shadow:none}.pillar.ev.open .tag{background:var(--evid);color:var(--evid-ink);align-self:flex-start}.pillar.ev.filled{animation:snap .32s ease;box-shadow:0 0 0 2px var(--ok),0 12px 26px #00000047}.span{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:10px;position:relative;min-width:0}.span:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--chalk-faint) 0 8px,transparent 8px 14px);opacity:.8;z-index:0}.bridge.done .span:before{background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-deep));opacity:1;height:6px;margin-top:-3px;border-radius:3px;box-shadow:0 0 18px #e2bf7480}.slot{position:relative;z-index:1;min-height:72px;border:1.5px dashed var(--chalk-faint);border-radius:12px;background:#0b1020e0;display:grid;place-items:center;padding:14px 12px;font-size:14px;color:var(--chalk-dim);text-align:center;line-height:1.6;font-weight:500}.slot .sn{position:absolute;top:-11px;left:12px;font-size:11px;font-weight:700;letter-spacing:.14em;background:var(--night2);padding:0 8px;color:var(--chalk-dim);border-radius:999px;border:1px solid var(--ink-line2)}.slot.filled{border:0;background:var(--card);color:var(--card-ink);font-weight:700;font-size:15px;text-align:left;animation:snap .32s ease;box-shadow:0 0 0 2px var(--ok),0 10px 22px #0000004d}.slot.filled .sn{background:var(--ok);color:#10301c;border-color:transparent}@keyframes snap{0%{transform:scale(.92) translateY(10px);opacity:.3}70%{transform:scale(1.03)}to{transform:none;opacity:1}}@media (max-width:720px){.bridge{grid-template-columns:1fr}.span{padding:18px 0}.span:before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;margin:0 0 0 -1px;background:repeating-linear-gradient(180deg,var(--chalk-faint) 0 6px,transparent 6px 12px)}.bridge.done .span:before{width:6px;margin-left:-3px;height:auto;margin-top:0}.pillar{font-size:15px;padding:13px 15px}}.hand{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:760px){.hand{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:340px){.hand{grid-template-columns:1fr}}.card{position:relative;text-align:left;background:var(--card);color:var(--card-ink);border:0;border-radius:12px;padding:14px 26px 14px 14px;min-height:108px;font-size:15px;font-weight:700;line-height:1.65;background-image:linear-gradient(90deg,transparent 0 10px,rgba(166,58,74,.18) 10px 11px,transparent 11px),repeating-linear-gradient(180deg,transparent 0 24px,var(--card-rule) 24px 25px);background-position:0 0,0 12px;box-shadow:0 2px #00000040,0 10px 20px #00000038;transition:transform .14s ease,box-shadow .14s ease,opacity .14s;touch-action:pan-y;user-select:none;-webkit-user-select:none}.card .k{position:absolute;top:7px;right:9px;font-size:12px;font-weight:700;color:#a99b7e;font-family:var(--f-latin);font-style:italic}.card .ct{display:block}@media (hover:hover){.card:hover{transform:translateY(-3px)}}.card.sel{transform:translateY(-8px);box-shadow:0 0 0 3px var(--gold),0 16px 26px #0006}.card.dragging{transition:none;z-index:3}.card.will-discard{box-shadow:0 0 0 3px var(--wine),0 16px 26px #0006}.card.deal{animation:deal .3s ease}@keyframes deal{0%{transform:translateY(30px) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.card.bad{animation:shake .38s ease;box-shadow:0 0 0 3px var(--ng)}.card.role{animation:shake .38s ease;box-shadow:0 0 0 3px var(--role)}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.card.gone{animation:gone .28s ease forwards}.card.gone-l{animation:gonel .28s ease forwards}@keyframes gone{to{transform:translate(120%) rotate(14deg);opacity:0}}@keyframes gonel{to{transform:translate(-120%) rotate(-14deg);opacity:0}}.actions{display:grid;grid-template-columns:2fr 1fr;gap:10px}.actions.three{grid-template-columns:1fr 1fr .8fr}.actions .btn{padding:15px 10px;font-size:16px}@media (max-width:760px){.actions{position:sticky;bottom:0;z-index:4;margin-inline:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0b102000,#0b1020eb 30%)}}@media (max-width:420px){.actions.three{grid-template-columns:1fr 1fr}.actions.three .disc{grid-column:1/-1;padding:11px}}.foot{align-items:center}.keys{font-size:12px;color:var(--chalk-faint)}.explain{border:1px solid rgba(143,211,166,.35);background:var(--panel);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px;animation:fadein .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);scroll-margin-top:70px}.explain .ex-head{font-family:var(--f-head);font-size:18px;letter-spacing:.04em}.explain .chain{display:flex;flex-direction:column;gap:7px;font-size:15px}.explain .chain div{display:grid;grid-template-columns:48px 1fr;gap:8px}.explain .chain b{font-size:11.5px;letter-spacing:.1em;padding-top:4px}.c-ev{color:var(--evid)}.c-ok{color:var(--ok)}.c-cl{color:var(--gold)}.explain .x{font-size:14.5px;color:var(--chalk-dim)}.explain details.others{border-top:1px dashed var(--ink-line2);padding-top:10px;font-size:14px}.explain details.others summary{cursor:pointer;font-weight:700;color:var(--chalk-dim)}.otherpos{display:flex;flex-direction:column;gap:10px;padding-top:10px}.otherpos .op{border-left:2px solid var(--ink-line);padding-left:12px}.column{position:relative;background:var(--card);color:var(--card-ink);border-radius:14px;padding:16px 18px 14px;box-shadow:0 12px 24px #00000040}.column:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--wine),var(--gold))}.column summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:2px}.column summary::-webkit-details-marker{display:none}.column summary:after{content:"＋ 読む";font-size:12px;font-weight:700;color:var(--wine);margin-top:4px}.column[open] summary:after{content:none}.col-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--wine)}.col-title{font-family:var(--f-head);font-weight:700;font-size:18px;line-height:1.5}.column p{margin:10px 0 0;font-size:14.5px;line-height:1.85}.col-src{margin-top:10px;font-size:11.5px;color:#6b6352;line-height:1.6;overflow-wrap:anywhere}.col-src a{color:#4a5a86}#bubble{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 70px);transform:translate(-50%);z-index:30;width:max-content;max-width:min(92vw,520px);background:var(--card);color:var(--card-ink);border-radius:14px;padding:10px 16px;font-weight:700;font-size:15px;box-shadow:0 12px 30px #0006;pointer-events:none;animation:bubin .2s ease}@keyframes bubin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}#bubble .who{display:block;font-size:11px;letter-spacing:.12em;color:var(--wine)}#bubble.ng{box-shadow:0 0 0 3px var(--ng),0 12px 30px #0006}#bubble.ok{box-shadow:0 0 0 3px var(--ok),0 12px 30px #0006}#bubble.role{box-shadow:0 0 0 3px var(--role),0 12px 30px #0006}#callout{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:25;overflow:hidden}#callout span{font-family:var(--f-head);font-weight:700;font-size:clamp(30px,7.5vw,60px);color:var(--gold);text-shadow:0 3px 0 #5e4314,0 0 34px rgba(226,191,116,.45);letter-spacing:.08em;animation:pop .9s ease forwards;white-space:nowrap}@keyframes pop{0%{transform:scale(.5) rotate(-4deg);opacity:0}25%{transform:scale(1.1) rotate(-2deg);opacity:1}60%{transform:scale(1) rotate(-2deg);opacity:1}to{transform:scale(1.04) translateY(-40px) rotate(-2deg);opacity:0}}.floatpt{position:fixed;z-index:26;font-family:var(--f-latin);font-weight:700;font-size:21px;color:var(--ok);pointer-events:none;animation:floatup .9s ease forwards;text-shadow:0 2px 0 rgba(0,0,0,.5);white-space:nowrap}.floatpt.minus{color:var(--ng)}@keyframes floatup{to{transform:translateY(-50px);opacity:0}}#fxc{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:24}#toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);transform:translate(-50%);z-index:40;background:#090d1bf2;border:1px solid var(--gold);border-radius:12px;padding:10px 16px;font-weight:700;font-size:14px;width:max-content;max-width:min(92vw,480px)}.res-top{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.bigscore{font-family:var(--f-latin);font-weight:700;font-size:clamp(46px,10vw,74px);line-height:1.05;font-variant-numeric:tabular-nums lining-nums}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:560px){.stats{grid-template-columns:1fr 1fr}}.stat{background:var(--panel);border:1px solid var(--ink-line2);border-radius:14px;padding:12px 14px}.stat .v{font-family:var(--f-latin);font-weight:700;font-size:24px;font-variant-numeric:tabular-nums lining-nums}.stat .l{font-size:12px;color:var(--chalk-dim);font-weight:700}.typebar{display:grid;grid-template-columns:6.5em 1fr 2.6em;gap:10px;align-items:center;font-size:13.5px}.typebar .bar>i{background:linear-gradient(90deg,var(--wine),var(--ng))}details.rev{border-top:1px dashed var(--ink-line2);padding-block:10px}details.rev summary{cursor:pointer;font-weight:700}.revbody{display:flex;flex-direction:column;gap:4px;font-size:14.5px;padding-top:6px}.revbody .lb{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--gold);margin-top:6px}.tro{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tr{border:1px solid var(--ink-line2);border-radius:14px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:4px;min-width:0}.tr .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-head);font-weight:700;font-size:15px;background:#ffffff0a;color:var(--chalk-faint);border:1.5px solid var(--ink-line2)}.tr.on .ic{background:linear-gradient(160deg,#efd498,#c99c4a);color:var(--claim-ink);border-color:transparent}.tr .n{font-weight:700;font-size:14.5px}.tr .d{font-size:12.5px;color:var(--chalk-dim)}.tr:not(.on) .n{color:var(--chalk-dim)}.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ty{border:1px solid var(--ink-line2);border-radius:14px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:6px}.ty .n{font-weight:700;color:var(--ng)}.ty.ok{border-color:#8fd3a666}.ty.ok .n{color:var(--ok)}.ty .ex{background:var(--card);color:var(--card-ink);border-radius:9px;padding:9px 11px;font-size:13.5px;font-weight:700}.gt{border:1px solid var(--ink-line2);border-radius:14px;padding:16px;background:var(--panel);display:flex;flex-direction:column;gap:6px}.gt .n{font-family:var(--f-head);font-weight:700;font-size:18px}.gt .n span{font-family:var(--f-latin);color:var(--gold)}.steps{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:7px}.filters{display:flex;flex-direction:column;gap:8px}.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.thbtn{text-align:left;border:1px solid var(--ink-line2);background:var(--panel);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,transform .15s}.thbtn:hover{border-color:var(--gold);transform:translateY(-2px)}.thbtn b{font-size:15.5px;font-weight:700}.thbtn span{font-size:12.5px;color:var(--chalk-dim)}.thbtn.all{background:linear-gradient(140deg,#efd498,#d3a957);color:var(--claim-ink);border-color:transparent}.thbtn.all span{color:var(--claim-ink);opacity:.8}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--ink-line2);background:#ffffff08;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:700;color:var(--chalk-dim)}.seg button[aria-pressed=true]{background:var(--chalk);color:var(--card-ink);border-color:var(--chalk)}.avatar{display:block;width:auto;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.av-bust{filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}.pill.coins{cursor:pointer;color:var(--gold);border-color:var(--ink-line);font-family:var(--f-latin);font-size:14px;gap:4px}.coin-ic{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--claim-ink);font-size:11px;font-weight:700}.money{font-family:var(--f-latin);font-weight:700;color:var(--gold);font-size:18px;font-variant-numeric:lining-nums}.money.big{font-size:26px}.profile{display:flex;gap:18px;align-items:center}.home-avatar{flex:none;background:none;border:0;padding:0;transition:transform .15s}.home-avatar:hover{transform:translateY(-3px) rotate(-1deg)}.prof-act .money{margin-right:auto}@media (max-width:520px){.profile{flex-direction:column;align-items:stretch}.home-avatar{align-self:center}}.event-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r);background:linear-gradient(120deg,#f08a2c38,#4d347866);border:1px solid rgba(240,138,44,.5)}.event-banner .ev-t{display:flex;flex-direction:column}.event-banner .ev-t span{font-size:13px;color:#ffcf9a;font-weight:700}.wardrobe{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}@media (max-width:720px){.wardrobe{grid-template-columns:1fr}}.wd-side{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:sticky;top:76px}@media (max-width:720px){.wd-side{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center}.wd-av .avatar{height:300px!important}}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:14px;border:1px solid var(--ink-line2);background:var(--panel);color:var(--chalk);transition:transform .14s,border-color .14s}.item:hover{transform:translateY(-2px);border-color:var(--ink-line)}.item.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.item .avatar{height:150px;width:auto}.isub{font-size:11px;color:var(--chalk-dim);text-align:center;line-height:1.3}.paper .isub{color:#8a7f70}.sp-info{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:#2a2430;color:#f3ead6;font-size:12.5px;line-height:1.5;text-align:left;max-width:320px}.sp-info .sp-tag{font-size:10.5px;letter-spacing:.16em;color:var(--gold);font-weight:700}.sp-info b{font-family:var(--f-head);font-size:16px;color:#ffe7a8}.bgm-box{display:flex;flex-direction:column;gap:10px}.first-pick{padding:12px 16px;border-radius:var(--r);background:#c9a24a24;border:1px solid rgba(201,162,74,.55);font-weight:700}.iname{font-size:13px;font-weight:700;line-height:1.35;text-align:center}.iprice{font-size:12px;color:var(--gold);font-weight:700;text-align:center;line-height:1.4}.ibadge{position:absolute;top:6px;right:6px;font-size:10.5px;font-weight:700;background:var(--gold);color:var(--claim-ink);border-radius:999px;padding:0 7px}.item.st-owned .iprice,.item.st-free .iprice{color:var(--ok)}.item.st-locked,.item.st-event-off{opacity:.62}.item.st-locked .avatar,.item.st-event-off .avatar{filter:grayscale(.85) brightness(.7)}.item.st-locked .iprice,.item.st-event-off .iprice{color:var(--chalk-dim);font-weight:500}.item.st-unlocked{border-color:var(--ok)}.seg button.ev{border-color:#f08a2c99;color:#ffcf9a}.seg button.ev[aria-pressed=true]{background:#f08a2c;border-color:#f08a2c;color:#2a1405}.shop-preview{display:flex;gap:20px;align-items:center}.pv-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.pv-name{font-family:var(--f-head);font-size:22px;font-weight:700}.pv-st{color:var(--gold);font-weight:700}@media (max-width:520px){.shop-preview{flex-direction:column;text-align:center}.pv-info{align-items:center}.pv-info .linkrow{justify-content:center}}.reward{margin-top:6px;font-family:var(--f-latin);font-weight:700;color:var(--gold);font-size:17px}.floatpt.coin{color:var(--gold);font-size:17px}.play-av{position:relative;width:68px;height:68px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fbf6ea,#e9dcc2);box-shadow:0 0 0 2px var(--gold),0 8px 18px #00000059;overflow:visible}.play-av .pa-face{width:100%;height:100%;border-radius:50%;overflow:hidden}.play-av .pa-face img{width:100%;height:100%!important;object-fit:cover;object-position:50% 0}@media (max-width:520px){.play-av{width:56px;height:56px}}.keybadge{flex:none;display:grid;place-items:center}.key .tw{transform-box:fill-box;transform-origin:center;animation:twinkle 2.4s ease-in-out infinite}.key .tw1{animation-delay:.6s}.key .tw2{animation-delay:1.2s}.key .tw3{animation-delay:1.8s}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}}.key-dia{animation:keyglow 3s ease-in-out infinite}@keyframes keyglow{0%,to{filter:drop-shadow(0 0 4px rgba(207,233,255,.55))}50%{filter:drop-shadow(0 0 16px rgba(207,233,255,1))}}.key-gold{filter:drop-shadow(0 0 5px rgba(230,187,76,.45))}.key-sapphire{filter:drop-shadow(0 0 6px rgba(79,127,224,.55))}.key-ruby{filter:drop-shadow(0 0 6px rgba(216,51,79,.55))}.key-emerald{filter:drop-shadow(0 0 7px rgba(47,179,110,.55))}.key-amethyst{filter:drop-shadow(0 0 8px rgba(154,90,216,.6))}.key-pearl{filter:drop-shadow(0 0 8px rgba(255,246,236,.6))}.key-obsidian{filter:drop-shadow(0 0 9px rgba(176,124,255,.6))}.kicon{display:inline-grid;place-items:center;width:30px;height:14px;overflow:visible}.kicon svg{width:30px;height:14px}.paper{background:#f7f2e8;color:#2a2430;border-radius:24px;padding:22px clamp(14px,3vw,26px);box-shadow:0 20px 50px #00000059}.paper .panel{background:#fffdf8;border-color:#e6dcc8;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 14px #503c1e14}.paper .eyebrow{color:#9a6a24}.paper .h2,.paper .h3,.paper .pv-name{color:#2a2430}.paper .muted{color:#6b6170}.paper .money{color:#9a6a24}.paper .item{background:#fff;border-color:#e6dcc8;color:#2a2430}.paper .item:hover{border-color:#c9a865}.paper .item.on{border-color:#c79a48;box-shadow:0 0 0 2px #c79a48 inset}.pv-av .avatar{height:300px;width:auto}@media (max-width:520px){.pv-av .avatar{height:260px}}.paper .iprice,.paper .pv-st{color:#9a6a24}.paper .item.st-owned .iprice,.paper .item.st-free .iprice{color:#2f7a4a}.paper .item.st-locked .iprice,.paper .item.st-event-off .iprice{color:#857b86}.paper .item.st-locked .avatar,.paper .item.st-event-off .avatar{filter:grayscale(.85) opacity(.7)}.paper .seg button{background:#fff;border-color:#ddd1ba;color:#5a5060}.paper .seg button[aria-pressed=true]{background:#2a2430;color:#fff;border-color:#2a2430}.paper .seg button.ev{border-color:#efb27a;color:#b5601c}.paper .seg button.ev[aria-pressed=true]{background:#e8822c;border-color:#e8822c;color:#fff}.paper .btn{background:#fff;border-color:#d8ccb4;color:#2a2430}.paper .btn:hover{background:#faf5ea}.paper .btn.primary{background:linear-gradient(180deg,#ecd08e,#d3a957);color:var(--claim-ink);border-color:transparent}.paper .bar{background:#eadfca}.paper .event-banner{background:linear-gradient(120deg,#fff1e2,#f3e9f8);border-color:#efc394;color:#2a2430}.paper .event-banner .ev-t span{color:#b5601c}.paper .ibadge{background:#2a2430;color:#fff}.rs-left{display:flex;flex-direction:column;align-items:center;gap:4px}.rs-left .avatar{width:96px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fbf6ea,#e2d4b8);box-shadow:0 0 0 2px var(--gold)}dialog{background:#141c34;color:var(--chalk);border:1px solid var(--ink-line);border-radius:18px;padding:20px;width:min(92vw,460px)}dialog::backdrop{background:#050812b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}fieldset{border:0;padding:0;margin:0}.radio{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;background:#ffffff08;border:1px solid var(--ink-line2);border-radius:10px;padding:9px 11px;cursor:pointer}.radio input{margin-top:6px;accent-color:var(--gold)}textarea{width:100%;resize:vertical}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.keyhole{position:relative;display:grid;place-items:end center;isolation:isolate}.keyhole:before{content:"";position:absolute;top:4%;right:8%;bottom:4%;left:8%;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cpath d='M50 6a34 34 0 0 1 17 63.4L80 154H20L33 69.4A34 34 0 0 1 50 6z' fill='%23f3ecdf'/%3E%3Cpath d='M50 14a26 26 0 0 1 11 49.6L71 146H29l10-82.4A26 26 0 0 1 50 14z' fill='none' stroke='%23ebe1cd' stroke-width='1.2'/%3E%3C/svg%3E") center/contain no-repeat}.wd-av.keyhole{width:100%;min-height:340px}.pv-av.keyhole{min-width:220px;min-height:300px}.pv-line{white-space:pre-line;font-family:var(--f-head);font-size:14.5px;color:#5a5060}.cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden;--cc:#3b4a6b;--bh:clamp(150px,30vh,250px);animation:cishake .42s linear}.cutin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:ciflash .35s ease-out}.ci-band,.ci-lines,.ci-dots{position:absolute;left:-20%;right:-20%;top:50%;height:var(--bh);margin-top:calc(var(--bh) / -2);transform:rotate(-7deg) scaleY(0);animation:ciband 1.4s cubic-bezier(.2,.9,.2,1) forwards}.ci-band{background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 70%,#000) 0%,var(--cc) 45%,color-mix(in srgb,var(--cc) 55%,#fff) 100%);border-top:6px solid var(--gold);border-bottom:6px solid var(--gold);box-shadow:0 0 0 2px #00000040,0 18px 40px #00000080}.ci-band2{position:absolute;left:-20%;right:-20%;top:50%;height:calc(var(--bh) * 1.35);margin-top:calc(var(--bh) * -.675);background:linear-gradient(90deg,transparent,rgba(226,191,116,.9) 30%,#fff3cf 50%,rgba(226,191,116,.9) 70%,transparent);transform:rotate(4deg) scaleY(0);opacity:.85;animation:ciband2 1.4s cubic-bezier(.2,.9,.2,1) forwards}.ci-dots{background:radial-gradient(circle,rgba(0,0,0,.28) 1.6px,transparent 2px) 0 0/11px 11px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}.ci-lines{background:repeating-linear-gradient(90deg,#fff0 0,#fff0 28px,#fff3 28px,#fff3 30px,#fff0 30px,#fff0 64px);mix-blend-mode:screen;animation:ciband 1.4s cubic-bezier(.2,.9,.2,1) forwards,cilines .25s linear infinite}.ci-img{position:absolute;right:4%;top:50%;height:clamp(300px,64vh,560px);width:auto;transform:translate(70vw,-52%);filter:drop-shadow(-12px 12px 0 rgba(0,0,0,.4)) drop-shadow(0 0 18px rgba(255,236,190,.55));-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%);mask-image:linear-gradient(180deg,#000 72%,transparent 98%);animation:ciimg 1.4s cubic-bezier(.2,.9,.2,1) forwards}.ci-text{position:absolute;z-index:2;left:6%;top:50%;transform:translate(-80vw,-50%) rotate(-7deg);display:flex;flex-direction:column;gap:6px;max-width:52%;animation:citext 1.4s cubic-bezier(.2,.9,.2,1) forwards}.ci-word{font-family:var(--f-latin);font-style:italic;font-weight:700;font-size:clamp(40px,8.5vw,88px);line-height:1;letter-spacing:.04em;background:linear-gradient(180deg,#fffbe8,#f6d77e 45%,#c08a2c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(40,20,0,.55);filter:drop-shadow(4px 4px 0 rgba(0,0,0,.5));animation:ciword 1.4s cubic-bezier(.2,.9,.2,1) forwards}.ci-line{white-space:pre-line;align-self:flex-start;font-family:var(--f-head);font-weight:700;font-size:clamp(13px,2.4vw,20px);color:#fff;background:#0a0c18c7;padding:4px 10px;border-left:4px solid var(--gold)}.ci-glint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 49%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.55) 51%,transparent 58%);transform:translate(-100%);animation:ciglint .9s .25s ease-out forwards;mix-blend-mode:overlay}@keyframes ciflash{0%{opacity:.7}to{opacity:0}}@keyframes cishake{0%,to{transform:none}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-4px)}45%{transform:translate(-4px,2px)}60%{transform:translate(3px,-2px)}80%{transform:translate(-1px,1px)}}@keyframes ciband{0%{transform:rotate(-7deg) scaleY(0)}14%{transform:rotate(-7deg) scaleY(1.12)}20%,78%{transform:rotate(-7deg) scaleY(1);opacity:1}to{transform:rotate(-7deg) scaleY(0);opacity:0}}@keyframes ciband2{0%{transform:rotate(4deg) scaleY(0)}12%{transform:rotate(4deg) scaleY(1)}30%{transform:rotate(4deg) scaleY(.08)}78%{transform:rotate(4deg) scaleY(.06);opacity:.85}to{transform:rotate(4deg) scaleY(0);opacity:0}}@keyframes cilines{to{background-position:-64px 0}}@keyframes ciimg{0%{transform:translate(70vw,-52%) scale(1.15)}20%{transform:translate(-2vw,-52%) scale(1)}78%{transform:translate(-5vw,-52%);opacity:1}to{transform:translate(-40vw,-52%);opacity:0}}@keyframes citext{0%{transform:translate(-80vw,-50%) rotate(-7deg)}22%{transform:translate(1vw,-50%) rotate(-7deg)}78%{transform:translate(3vw,-50%) rotate(-7deg);opacity:1}to{transform:translate(30vw,-50%) rotate(-7deg);opacity:0}}@keyframes ciword{0%,18%{transform:scale(1.6)}28%{transform:scale(.94)}36%,to{transform:scale(1)}}@keyframes ciglint{to{transform:translate(100%)}}@media (max-width:520px){.ci-img{right:-24%;height:52vh}.ci-text{left:4%;max-width:66%}}.sp-row{display:flex;align-items:center;gap:10px;margin-top:-4px}.sp-btn{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 14px;border-radius:12px;border:1px solid var(--ink-line);background:#ffffff0a;color:var(--chalk-dim);font-weight:700;font-size:14px;line-height:1.25;min-width:9.5em}.sp-btn .sp-lab{font-size:10.5px;letter-spacing:.16em;color:var(--chalk-dim)}.sp-btn:disabled{opacity:.6;cursor:default}.sp-btn.ready{color:#2a1a05;border-color:#ffe4a0;background:linear-gradient(120deg,#f8dc8c,#e2a93c 50%,#ffefb8);box-shadow:0 0 0 2px #ffdc8c59,0 0 22px #ffc85aa6;animation:spready 1s ease-in-out infinite}.sp-btn.ready .sp-lab{color:#5a3a08}@keyframes spready{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sp-gauge{flex:1;height:10px;border-radius:999px;background:#ffffff12;border:1px solid var(--ink-line2);overflow:hidden}.sp-gauge i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b98d3e,#f6d77e,#fff3cf);transition:width .25s}.sp-state{flex:none;font-size:12.5px;font-weight:700;color:var(--gold);min-width:7em;text-align:right}@media (max-width:520px){.sp-btn{min-width:0;padding:5px 10px;font-size:13px}.sp-state{min-width:0;font-size:11.5px}}.spfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden;--cc:#3b4a6b;animation:spshake .5s .45s linear}.sp-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 45%,color-mix(in srgb,var(--cc) 70%,#000),#05060c 75%);opacity:0;animation:spdark 1.9s ease forwards}.sp-rays{position:absolute;left:50%;top:45%;width:240vmax;height:240vmax;margin:-120vmax 0 0 -120vmax;background:repeating-conic-gradient(from 0deg,#ffe29600 0,#ffe29600 7deg,#ffe29638 7deg,#ffe29638 9deg);opacity:0;animation:sprays 1.9s ease-out forwards}.sp-slash{position:absolute;left:-30%;right:-30%;height:14px;top:46%;background:linear-gradient(90deg,transparent,#fff 40%,var(--gold) 60%,transparent);box-shadow:0 0 24px #ffe2a0;transform:rotate(-18deg) scaleX(0);animation:spslash .5s cubic-bezier(.3,.9,.2,1) forwards}.sp-slash.s1{animation-delay:.1s}.sp-slash.s2{top:56%;height:6px;transform:rotate(-18deg) scaleX(0);animation-delay:.2s}.sp-slash.s3{top:36%;height:4px;animation-delay:.28s}.sp-img{position:absolute;right:0;bottom:-6%;height:min(108vh,980px);width:auto;opacity:0;filter:drop-shadow(0 0 30px rgba(255,225,150,.6));transform-origin:70% 30%;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 78%,transparent 99%);animation:spimg 1.9s cubic-bezier(.2,.9,.2,1) forwards}.sp-title{position:absolute;left:6%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:70%;z-index:2}.sp-eyebrow{font-family:var(--f-latin);font-weight:700;letter-spacing:.5em;font-size:clamp(12px,1.8vw,16px);color:#ffe7a8;opacity:0;animation:spfade 1.9s .45s ease forwards}.sp-name{font-family:var(--f-head);font-weight:900;font-style:italic;font-size:clamp(38px,8vw,92px);line-height:1.05;letter-spacing:.02em;background:linear-gradient(180deg,#fff,#ffe9a8 40%,#e0a43a 75%,#8a5a12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px rgba(40,20,0,.6);filter:drop-shadow(5px 5px 0 rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,210,120,.6));opacity:0;animation:spname 1.9s .5s cubic-bezier(.2,.9,.2,1) forwards}.sp-who{font-family:var(--f-head);font-weight:700;font-size:clamp(14px,2.2vw,20px);color:#fff;background:var(--cc);padding:3px 12px;border-left:4px solid var(--gold);opacity:0;animation:spfade 1.9s .62s ease forwards}.sp-desc{font-size:clamp(12px,1.8vw,15px);font-weight:700;color:#f3ead6;background:#0000008c;padding:4px 10px;opacity:0;animation:spfade 1.9s .7s ease forwards}.sp-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:spflash 1.9s ease forwards}@keyframes spdark{0%{opacity:0}12%,82%{opacity:.92}to{opacity:0}}@keyframes sprays{0%{opacity:0;transform:rotate(0) scale(.6)}20%{opacity:1}82%{opacity:.9}to{opacity:0;transform:rotate(40deg) scale(1.1)}}@keyframes spslash{0%{transform:rotate(-18deg) scaleX(0);opacity:1}60%{transform:rotate(-18deg) scaleX(1);opacity:1}to{transform:rotate(-18deg) scaleX(1.1);opacity:0}}@keyframes spimg{0%,18%{opacity:0;transform:translate(30vw) scale(1.5)}34%{opacity:1;transform:translate(0) scale(1.08)}80%{opacity:1;transform:translate(-2vw) scale(1)}to{opacity:0;transform:translate(-8vw) scale(1)}}@keyframes spname{0%{opacity:0;transform:scale(2.4) skew(-8deg)}14%{opacity:1;transform:scale(.92) skew(-8deg)}22%{transform:scale(1.04) skew(-8deg)}30%,74%{opacity:1;transform:scale(1) skew(-8deg)}to{opacity:0;transform:scale(1.08) skew(-8deg)}}@keyframes spfade{0%{opacity:0;transform:translate(-30px)}14%,74%{opacity:1;transform:none}to{opacity:0}}@keyframes spflash{0%,22%{opacity:0}26%{opacity:.85}40%{opacity:0}to{opacity:0}}@keyframes spshake{0%,to{transform:none}10%{transform:translate(-10px,6px)}25%{transform:translate(9px,-7px)}40%{transform:translate(-7px,4px)}60%{transform:translate(5px,-3px)}80%{transform:translate(-2px,1px)}}@media (max-width:520px){.sp-img{right:-42%;height:84vh}.sp-title{max-width:88%;left:5%;top:68%}}@media (prefers-reduced-motion: reduce){.spfx,.cutin{animation:none}}.pill.bgm{cursor:pointer;color:var(--chalk-dim);font-size:11.5px}.pill.bgm.off{opacity:.55;text-decoration:line-through}.playdays{font-size:13px;font-weight:700;color:var(--gold)}.playdays .num{font-size:18px}.lg-keep{color:var(--chalk-dim)}.lg-keep.warn{color:#ffb38a}@media (max-width:440px){.logo-sub{display:none}}.hud-held{font-size:11.5px;font-weight:700;color:#ffb38a;margin-top:4px;min-height:1em}.hold-note{padding:10px 14px;border-radius:10px;background:#ffb38a24;border:1px solid rgba(255,179,138,.5);color:#ffd2b8;font-weight:700;font-size:14px}.card.hint{box-shadow:0 0 0 3px #ffe08a,0 0 22px #ffd678d9;animation:hintglow 1.2s ease-in-out infinite}@keyframes hintglow{0%,to{box-shadow:0 0 0 3px #ffe08a,0 0 14px #ffd67899}50%{box-shadow:0 0 0 3px #fff2c4,0 0 28px #ffd678}}.bigscore .unit{font-size:.42em;margin-left:.2em;color:var(--gold)}@media (max-width:440px){.pill.bgm .bgm-t{display:none}}.cta.lib{background:linear-gradient(140deg,#3a2f22,#5a4630);border-color:#8a6d45}.cta.lib .s{color:#e8d6b4}.lib-quota{padding:10px 14px;border-radius:12px;background:#fff4dc;border:1px solid #e9cf96;font-weight:700;color:#6b4c12}.lib-quota.done{background:#e8f5ea;border-color:#a8d5b0;color:#2c6a3a}.lib-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lib-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid #e6dcc8;background:#fffdf8;color:#2a2430;box-shadow:0 4px 14px #503c1e14;transition:transform .14s}.lib-card:hover{transform:translateY(-2px)}.lib-card.passed{opacity:.78}.lib-top{display:flex;flex-wrap:wrap;gap:6px}.lib-field,.lib-pbl,.lib-done{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#efe6d4;color:#6b5a3a}.lib-pbl{background:#2a2430;color:#ffe7a8}.lib-subj{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e6eefb;color:#2f4a7a;white-space:nowrap}.lib-done{background:#e8f5ea;color:#2c6a3a}.lib-title{font-family:var(--f-head);font-size:17px;line-height:1.45}.lib-lead{font-size:13px;color:#6b6070;line-height:1.6}.read-box{display:flex;flex-direction:column;gap:12px;max-width:760px}.read-title{margin:0}.read-p{margin:0;line-height:2;font-size:16px}.read-ask{margin:0;padding:10px 14px;border-left:4px solid var(--gold-deep);background:#fff6e4;font-weight:700;line-height:1.8}.read-box .btn{align-self:flex-start}.quiz-box{display:flex;flex-direction:column;gap:12px;max-width:760px}.quiz-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.quiz-kind{font-size:12.5px;font-weight:700;color:#6b4c12;background:#fff1cf;padding:3px 10px;border-radius:999px}.quiz-prog{font-size:12.5px;font-weight:700;color:#6b6070}.quiz-q{margin:0;font-size:16.5px;font-weight:700;line-height:1.75}.quiz-opts{display:flex;flex-direction:column;gap:8px}.quiz-opt{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #ddd1ba;background:#fff;color:#2a2430;font-size:15px;line-height:1.6}.quiz-opt .lt{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2a2430;color:#fff;font-size:12px;font-weight:700;margin-top:2px}.quiz-opt:not(:disabled):hover{border-color:#b98d3e}.quiz-opt.ok{border-color:#3c9a55;background:#e8f5ea}.quiz-opt.ng{border-color:#c0464f;background:#fbe9ea}.quiz-fb{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.7}.quiz-fb.ok{background:#e8f5ea;color:#24502f}.quiz-fb.ng{background:#fbe9ea;color:#6e2228}.quiz-box>.btn{align-self:flex-start}.quiz-score{font-family:var(--f-latin);font-weight:700;font-size:44px;line-height:1.1;color:#2a2430}.quota{display:flex;flex-direction:column;gap:10px}.quota-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:520px){.quota-row{grid-template-columns:1fr}}.quota-item{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--ink-line2);background:#ffffff08;color:var(--chalk)}.quota-item b{display:block;font-size:15px}.quota-item small{display:block;font-size:12px;color:var(--chalk-dim)}.quota-item .chk{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink-line);display:grid;place-items:center;font-size:14px;font-weight:700}.quota-item.done{border-color:#e2bf7499;background:#e2bf7414}.quota-item.done .chk{background:var(--gold);border-color:var(--gold);color:var(--claim-ink)}.quota-item.done .chk:after{content:"✓"}#scr-play.battle .hud{display:none}.bt-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(90deg,#3c508c59,#0a0c1899 45%,#0a0c1899 55%,#96283259);border:1px solid var(--ink-line2)}.bt-side{display:flex;align-items:center;gap:10px;min-width:0}.bt-side.cpu{flex-direction:row;justify-content:flex-end;text-align:right}.bt-face{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fbf6ea,#e9dcc2);box-shadow:0 0 0 2px var(--gold)}.bt-side.cpu .bt-face{box-shadow:0 0 0 2px #e0566a}.bt-face img{width:100%;height:100%!important;object-fit:cover}.bt-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.bt-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpbar{height:12px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.18);overflow:hidden}.hpbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#46d189,#a8f0b8);transition:width .35s cubic-bezier(.2,.9,.2,1)}.bt-side.cpu .hpbar{transform:scaleX(-1)}.bt-side.cpu .hpbar i{background:linear-gradient(90deg,#e0566a,#ffb0a0)}.hpbar.low i{background:linear-gradient(90deg,#e8a33a,#ffd27a)}.hpnum{font-family:var(--f-latin);font-size:12px;color:var(--chalk-dim);font-variant-numeric:tabular-nums}.bt-combo{font-family:var(--f-latin);font-style:italic;font-weight:700;font-size:13px;color:var(--gold);min-height:1em}.bt-vs{font-family:var(--f-latin);font-style:italic;font-weight:700;font-size:26px;color:#fff;text-shadow:0 0 12px rgba(255,200,120,.8)}.think{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.think i{display:block;height:100%;width:0;background:#e0566a;float:right}.bt-side.frozen .bt-face{filter:hue-rotate(160deg) saturate(1.6);box-shadow:0 0 0 2px #9fd8ff,0 0 16px #9fd8ff}.bt-side.hit{animation:bthit .4s}@keyframes bthit{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (max-width:520px){.bt-hud{grid-template-columns:1fr 1fr;gap:8px}.bt-vs{display:none}.bt-face{width:44px;height:44px}}.card .mark{position:absolute;right:8px;bottom:6px;font-size:11px;font-weight:700;color:#fff;background:#c0464f;padding:1px 7px;border-radius:999px}.deck-peek{padding:6px 12px;border-radius:10px;background:#9fd8ff1a;border:1px dashed rgba(159,216,255,.5);color:#cfeaff}.sp-ruby{font-family:var(--f-latin);font-style:italic;font-weight:700;letter-spacing:.12em;font-size:clamp(13px,2vw,18px);color:#ffe7a8;opacity:0;animation:spfade 1.9s .56s ease forwards}#scr-result.lose .bigscore{color:#d8c4c8}.sp-info{gap:6px}.sp-type{font-size:11.5px;font-weight:700;color:#ffe7a8}.sp-one{display:flex;flex-direction:column;gap:1px}.sp-r{font-family:var(--f-latin);font-style:italic;font-size:11.5px;letter-spacing:.06em;color:#b98d3e}.sp-r.big{font-size:15px}.sp-r:empty,.isub:empty{display:none}.sp-info .sp-r{color:#e7c27a}.equip-box{display:flex;flex-direction:column;gap:8px}.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.eq{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid #ddd1ba;background:#fff;color:#2a2430}.eq.on{border-color:#b98d3e;box-shadow:0 0 0 2px #e2bf74 inset;background:#fff8e6}.eq b{font-family:var(--f-head);font-size:15px}.eq-d{font-size:12px;color:#6b6070;line-height:1.5}.eq-cat{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#8a7f70}.dual{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.item.sk{min-height:96px;justify-content:center}.sk-info{max-width:560px}.room-me{display:flex;gap:16px;align-items:center}.sk-row{display:flex;flex-direction:column;gap:1px;font-size:13px}.sk-tag{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--gold)}.rivals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:620px){.rivals{grid-template-columns:1fr}}.rival{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--ink-line2);background:linear-gradient(140deg,#96283240,#0a0c1880);color:var(--chalk)}.rival b{font-family:var(--f-head);font-size:20px}.rival span{font-size:12.5px;color:var(--chalk-dim)}.rival:hover{border-color:#e0566a}.quiz-q{white-space:pre-line}.lib-list.cards{display:flex;flex-direction:column;gap:10px}.kfield{margin:8px 0 0;font-family:var(--f-head);font-size:16px;color:#6b4c12}.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.kcard{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid #e6dcc8;background:#fffdf8;color:#2a2430;box-shadow:0 3px 10px #503c1e12}.kcard .kshort{font-size:13.5px;line-height:1.7}.kcard .kback{display:none;flex-direction:column;gap:4px;padding-top:8px;border-top:1px dashed #e6dcc8;font-size:13px;line-height:1.7}.kcard.open{border-color:#b98d3e;background:#fff8e6}.kcard.open .kback{display:flex}.ktag{font-size:11px;font-weight:700;letter-spacing:.1em;color:#8a6d45}.ksrc{font-size:11.5px;color:#8a7f70}.kconf{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.kconf.c3{background:#e8f5ea;color:#2c6a3a}.kconf.c2{background:#fff1cf;color:#6b4c12}.kconf.c1{background:#fbe9ea;color:#6e2228}.theme{padding:12px 14px;border-radius:14px;border:1px solid #e6dcc8;background:#fffdf8;display:flex;flex-direction:column;gap:8px}.theme summary{display:flex;gap:8px;align-items:flex-start;cursor:pointer;line-height:1.6}.theme summary b{font-size:15px}.theme[open]{gap:10px}.theme>*:not(summary){margin-top:8px}.tpos{display:flex;flex-wrap:wrap;gap:6px}.tpos span{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:#2a2430;color:#fff}