:root{--night-0: #060919;--night-1: #0d1440;--night-2: #17205a;--win-1: #3a5ed0;--win-2: #213a9c;--win-3: #13216b;--wred-1: #c43b45;--wred-2: #8e1f2b;--wred-3: #56101a;--frame: #efe5c4;--frame-dark: #050818;--text: #f7f1de;--text-dim: #b8c2ea;--gold: #f3c74f;--gold-2: #ffe7a0;--gold-d: #a6711a;--blue: #4f90ff;--blue-d: #2356d6;--red: #ec4b53;--red-d: #b3202e;--green: #5ddc8f;--ice: #8fd9ff;--hp-ok: #6ef08e;--hp-mid: #ffd24d;--hp-low: #ff5b5b;--display: "Cinzel", "Trajan Pro", Georgia, serif;--body: "Alegreya Sans", "Gill Sans", system-ui, sans-serif;--num: "Alegreya Sans", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bevel: 0 0 0 2px var(--frame-dark), inset 0 0 0 2px rgba(5, 8, 24, .55), inset 0 3px 0 2px rgba(255, 255, 255, .13), 0 8px 18px rgba(0, 0, 0, .45);--scan: repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 4px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--body);font-size:16px;color:var(--text);background:radial-gradient(ellipse 120% 60% at 50% -10%,rgba(64,98,214,.55) 0%,transparent 65%),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 30px),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 30px),linear-gradient(180deg,var(--night-1) 0%,var(--night-0) 100%);background-attachment:fixed;background-color:var(--night-0);min-height:100dvh;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--text-dim)}.small{font-size:.85rem}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.c-blue{color:#8fb8ff}.c-red{color:#ff8f96}.num,.st b,.fc-hp,.fc-val,.row-meta,.ladder .lrec,.ladder .lpts,.plate-round b,.hint-time,.badge-count,.tab-count,.x2{font-family:var(--num);font-variant-numeric:lining-nums tabular-nums;font-weight:800}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}.win,.panel{position:relative;color:var(--text);background:var(--scan),linear-gradient(180deg,var(--win-1) 0%,var(--win-2) 50%,var(--win-3) 100%);border:2px solid var(--frame);border-radius:10px;box-shadow:var(--bevel);padding:14px}.win-red{background:var(--scan),linear-gradient(180deg,var(--wred-1) 0%,var(--wred-2) 50%,var(--wred-3) 100%)}.win-title{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:.05em;color:var(--gold);text-shadow:0 2px 0 var(--frame-dark);line-height:1.2}.small-title{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:inline-block;font-family:var(--display);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-2);opacity:.85;margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 18px;border:2px solid var(--frame);border-radius:8px;box-shadow:0 0 0 2px var(--frame-dark),inset 0 2px #fff3,inset 0 -3px #00000040,0 4px 0 var(--frame-dark);font-family:var(--body);font-weight:800;font-size:1.05rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;color:var(--text);background:linear-gradient(180deg,var(--win-1),var(--win-2) 60%,var(--win-3));transition:transform .06s ease,box-shadow .06s ease,filter .1s;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 2px var(--frame-dark),inset 0 2px #fff3,0 1px 0 var(--frame-dark)}.btn:disabled{opacity:.5;cursor:default;filter:grayscale(.4)}.btn-small{min-height:42px;padding:6px 14px;font-size:.95rem}.btn-gold{color:#2b1904;border-color:#fff4cf;background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 45%,#d99a2b 100%);text-shadow:0 1px 0 rgba(255,255,255,.45)}.btn-red{background:linear-gradient(180deg,var(--wred-1),var(--wred-2) 60%,var(--wred-3))}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;text-decoration:underline;text-underline-offset:3px}.btn-x{background:linear-gradient(180deg,#2a2d38,#0b0c10);border-color:#d8d8d8;color:#fff}.x-glyph{font-family:system-ui,sans-serif;font-weight:900}.btn-wide{flex:1}.btn-huge{width:100%;min-height:70px;flex-direction:column;gap:1px;border-radius:10px;box-shadow:0 0 0 2px var(--frame-dark),inset 0 2px #ffffff40,inset 0 -4px #00000038,0 6px 0 var(--frame-dark)}.btn-title{font-family:var(--display);font-weight:900;font-size:1.22rem;line-height:1.1;letter-spacing:.04em}.btn-sub{font-family:var(--body);font-weight:600;font-size:.85rem;opacity:.85}.btn.loading{opacity:.7}.link-btn{background:none;border:0;padding:10px 4px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--text-dim);min-height:44px}.icon-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--frame);border-radius:8px;background:linear-gradient(180deg,var(--win-1),var(--win-3));box-shadow:0 0 0 2px var(--frame-dark),0 3px 0 var(--frame-dark);cursor:pointer;color:var(--gold)}.icon-btn svg path{stroke:var(--frame-dark)}.badge-count{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--red);border:2px solid var(--frame);color:#fff;font:700 .75rem/18px var(--num)}.emblem{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark),inset 0 -4px #00000040;color:#fff7dd}.emblem .glyph{width:72%;height:72%}.em-blue{background:radial-gradient(circle at 35% 30%,#7fb0ff,var(--blue-d) 70%)}.em-red{background:radial-gradient(circle at 35% 30%,#ff8a8f,var(--red-d) 70%)}.em-neutral{background:radial-gradient(circle at 35% 30%,#7d86ad,#3a4270 70%);color:#d9dcef}.em-lg{width:54px;height:54px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top))}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:0}.brand-mark,.splash-mark{position:relative;width:30px;height:30px;border:2px solid var(--frame);border-radius:6px;overflow:hidden;box-shadow:0 0 0 2px var(--frame-dark);transform:rotate(45deg) scale(.85);flex:none}.brand-mark i,.splash-mark i{position:absolute;inset:0}.brand-mark .b,.splash-mark .b{background:var(--blue);clip-path:polygon(0 0,100% 0,0 100%)}.brand-mark .r,.splash-mark .r{background:var(--red);clip-path:polygon(100% 0,100% 100%,0 100%)}.brand-word{font-family:var(--display);font-weight:900;font-size:1rem;line-height:1;color:var(--text);letter-spacing:.06em;text-shadow:0 2px 0 var(--frame-dark);white-space:nowrap}.brand-word b{color:var(--gold);margin-left:5px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.me-chip{display:flex;align-items:center;gap:8px;min-width:0}.me-name{font-weight:700;font-size:.88rem;background:#0508188c;border:1px solid rgba(239,229,196,.55);border-radius:6px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.back-btn{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--frame);border-radius:8px;background:linear-gradient(180deg,var(--win-1),var(--win-3));box-shadow:0 0 0 2px var(--frame-dark),0 3px 0 var(--frame-dark);font:900 1.5rem/1 var(--display);color:var(--gold);text-decoration:none;padding-bottom:3px;flex:none}.bell-wrap{position:relative}.notif-panel{position:absolute;right:0;top:54px;width:min(340px,calc(100vw - 28px));z-index:40;padding:12px}.notif-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-family:var(--display);color:var(--gold)}.notif-head .link-btn{min-height:0;padding:4px}.notif-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow:auto}.notif{width:100%;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px 8px;border:0;border-radius:6px;background:none;cursor:pointer}.notif:hover{background:#ffffff1a}.notif.unread .notif-text{font-weight:800}.notif-kind{width:10px;height:10px;transform:rotate(45deg);background:#56608f;border:1px solid var(--frame)}.notif.unread .notif-kind{background:var(--gold)}.notif-time{font-size:.78rem;color:var(--text-dim)}.notif-empty{padding:8px}.lobby-main{max-width:560px;margin:0 auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:18px}.lobby-main>:empty{display:none}.title-screen{text-align:center;padding:18px 0 2px}.logo{display:inline-grid;justify-items:center;position:relative}.logo-crest{position:relative;width:64px;height:64px;margin-bottom:-6px}.logo-crest .sw{position:absolute;left:50%;top:2px;width:7px;height:58px;margin-left:-3.5px;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#fffbe9,#c9d1ea 55%,#8f98b8);box-shadow:0 0 0 2px var(--frame-dark)}.logo-crest .sw:after{content:"";position:absolute;left:-8px;right:-8px;bottom:12px;height:6px;border-radius:2px;background:linear-gradient(180deg,var(--gold-2),var(--gold-d));box-shadow:0 0 0 2px var(--frame-dark)}.logo-crest .sw-a{transform:rotate(38deg)}.logo-crest .sw-b{transform:rotate(-38deg)}.logo-small{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.55em;margin-right:-.55em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 0 var(--frame-dark)}.logo-big{font-family:var(--display);font-weight:900;font-size:clamp(2.7rem,14vw,4rem);line-height:.95;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff6d0 0%,var(--gold-2) 30%,var(--gold) 55%,#c07f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 var(--frame-dark)) drop-shadow(0 -1px 0 var(--frame-dark)) drop-shadow(2px 0 0 var(--frame-dark)) drop-shadow(-2px 0 0 var(--frame-dark)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}.tagline{margin-top:10px;font-size:1.05rem;color:var(--text-dim);font-style:italic}.title-menu,.cta-stack{display:grid;gap:14px}.party-strip{padding:12px 14px 14px}.party-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.party-change{min-height:38px;padding:4px 14px}.party-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.party-slot{display:grid;justify-items:center;gap:6px;padding:10px 4px 8px;border-radius:8px;background:#05081847;border:1px solid rgba(239,229,196,.22)}.party-slot .emblem{width:46px;height:46px}.party-name{font-weight:800;font-size:.95rem}.invite{display:grid;gap:14px}.invite-head p{margin-top:4px}.link-input{width:100%;padding:12px;border:1px dashed var(--frame);border-radius:6px;background:#05081873;font-family:var(--mono);font-size:.85rem;color:var(--text)}.alerts{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.alerts .row{grid-column:1 / -1}.alerts-bell{color:var(--gold)}.alerts-bell svg path{stroke:var(--frame-dark)}.list-panel{padding:10px 12px 14px}.tabs{display:flex;gap:6px;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(239,229,196,.25);padding-bottom:8px}.tab{border:0;background:none;font:700 .95rem var(--display);letter-spacing:.04em;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-dim);min-height:44px}.tab.active{color:var(--gold);background:#05081866;box-shadow:inset 0 0 0 1px #f3c74f80}.tab-count{background:var(--red);color:#fff;border:1px solid var(--frame);border-radius:999px;font:700 .75rem/1 var(--num);padding:3px 7px;margin-left:-8px;margin-right:4px}.duel-list,.ladder{list-style:none;margin:0;padding:0;display:grid;gap:6px}.duel-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;background:#0508184d;border:1px solid rgba(239,229,196,.18);min-height:60px}.duel-row:hover{background:#ffffff14}.duel-row.is-turn{border-color:var(--gold);background:#f3c74f1f}.row-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--frame);background:radial-gradient(circle at 35% 30%,#ff8a8f,var(--red-d) 70%);color:#fff;font:700 .82rem var(--display)}.side-red .row-avatar{background:radial-gradient(circle at 35% 30%,#7fb0ff,var(--blue-d) 70%)}.row-main{display:grid;min-width:0}.row-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font-size:.82rem;color:var(--text-dim);font-family:var(--num)}.pill{font:700 .72rem/1 var(--display);padding:6px 9px;border-radius:4px;border:1px solid var(--frame);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.pill-turn{background:var(--gold);color:#2b1904;animation:nudge 1.6s ease-in-out infinite}.pill-wait{background:#33407a}.pill-open{background:#2c6b4a}.pill-win{background:#2f8a54}.pill-loss{background:var(--red-d)}.pill-draw{background:#4a4f6d}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.empty{padding:14px 6px;display:grid;gap:6px}.ladder li{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;background:#0508184d;border:1px solid rgba(239,229,196,.15)}.ladder li.me{border-color:var(--gold);background:#f3c74f1f}.ladder .rank{font:900 1.05rem var(--display);text-align:center;color:var(--text-dim)}.ladder li:nth-child(1) .rank{color:var(--gold)}.ladder .lname{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder .lrec{font-family:var(--num);font-size:.88rem;color:var(--text-dim)}.ladder .lpts{font:700 1rem var(--num);color:var(--gold-2)}.invite-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:6px 0}.invites .win-title{margin-bottom:6px}.foot{text-align:center;color:var(--text-dim)}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:12px;background:#030512b8;backdrop-filter:blur(3px);animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.modal-win{width:min(560px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:0;overflow:hidden}.picker-head{padding:14px 16px 8px}.picker-head .win-title{font-size:1.25rem}.class-grid{overflow-y:auto;padding:4px 12px 10px;display:grid;gap:8px}.class-card{display:grid;gap:6px;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;background:#05081866;border:2px solid rgba(239,229,196,.25);color:var(--text);transition:border-color .12s,background .12s}.class-card:hover{background:#ffffff12}.class-card.on{border-color:var(--gold);background:#4f90ff38;box-shadow:0 0 0 1px var(--gold),0 0 16px #f3c74f40}.cc-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.cc-id{display:grid;gap:3px;min-width:0}.cc-name{font:700 1.1rem var(--display);color:var(--gold);letter-spacing:.04em}.cc-stats{display:flex;flex-wrap:wrap;gap:3px 10px}.st{display:inline-flex;align-items:baseline;gap:4px}.st i{font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--text-dim)}.st b{font:700 1rem var(--num)}.cc-check{width:26px;height:26px;border-radius:50%;border:2px solid rgba(239,229,196,.5);display:grid;place-items:center}.class-card.on .cc-check{background:var(--gold);border-color:#fff4cf}.class-card.on .cc-check:after{content:"";width:10px;height:6px;border:solid #2b1904;border-width:0 0 3px 3px;transform:translateY(-2px) rotate(-45deg)}.cc-line{font-size:.9rem;line-height:1.3}.cc-blurb{color:var(--text-dim)}.tag{display:inline-block;font:800 .62rem/1 var(--body);text-transform:uppercase;letter-spacing:.1em;padding:3px 5px;border-radius:3px;margin-right:6px;vertical-align:2px}.tag-skill{background:#2d7fa8;color:#eaf8ff}.tag-limit{background:var(--gold);color:#2b1904}.picker-foot{padding:10px 14px 14px;border-top:1px solid rgba(239,229,196,.25);display:grid;gap:8px;background:#0508184d}.pick-count{font-size:.9rem;color:var(--text-dim);text-align:center}.picker-foot .row>*{flex:1}.page.duel{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.page.duel .topbar{flex:none;padding-bottom:6px}.duel-layout{flex:1;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:none;height:min(94vw,47dvh);min-height:260px;overflow:hidden}.board-canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:pointer}.stage-hud{position:absolute;top:6px;left:8px;right:8px;display:grid;gap:6px;justify-items:center;pointer-events:none}.nameplates{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.plate{min-width:0;font-weight:800;font-size:.82rem;padding:4px 9px;border:1px solid var(--frame);border-radius:5px;box-shadow:0 0 0 1px var(--frame-dark),0 2px 6px #00000059;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-blue{background:linear-gradient(180deg,var(--win-1),var(--win-3));justify-self:start}.plate-red{background:linear-gradient(180deg,var(--wred-1),var(--wred-3));justify-self:end}.plate.is-me:before{content:"★ ";color:var(--gold)}.plate-round{display:grid;justify-items:center;padding:3px 8px;border-radius:5px;background:#050818c7;border:1px solid rgba(239,229,196,.6);line-height:1}.plate-round i{font:700 .55rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);font-style:normal}.plate-round b{font:700 .9rem var(--num)}.hud-chip{font:800 .78rem/1 var(--body);border:1px solid var(--frame);border-radius:5px;padding:5px 9px;white-space:nowrap}.hud-live{background:var(--red-d);color:#fff}.replay-bar{position:absolute;right:8px;bottom:10px}.replay-bar .btn{min-height:36px;padding:4px 12px;font-size:.88rem}.cmd-layer{position:absolute;inset:0;pointer-events:none}.cmd-menu{position:absolute;pointer-events:auto;min-width:150px;max-width:200px;padding:6px;display:grid;gap:2px;animation:pop .12s ease-out}@keyframes pop{0%{transform:scale(.94)}}.cmd{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:8px 10px 8px 28px;text-align:left;border:0;border-radius:5px;background:transparent;color:var(--text);font:800 1.08rem/1.1 var(--body);cursor:pointer;text-shadow:0 2px 0 rgba(5,8,24,.7)}.cmd:before{content:"";position:absolute;left:4px;top:50%;width:18px;height:14px;margin-top:-7px;background:linear-gradient(180deg,#fff6d6,var(--gold) 60%,var(--gold-d));clip-path:polygon(0 20%,55% 20%,55% 0,100% 50%,55% 100%,55% 80%,0 80%);filter:drop-shadow(0 1px 0 var(--frame-dark));opacity:0}.cmd.cur:before,.cmd:hover:not(:disabled):before,.cmd:focus-visible:before{opacity:1;animation:point .7s ease-in-out infinite alternate}.cmd-menu:hover .cmd.cur:not(:hover):before{opacity:0}@keyframes point{0%{transform:translate(-2px)}to{transform:translate(2px)}}.cmd:hover:not(:disabled),.cmd.cur,.cmd:focus-visible{background:#ffffff1f;outline:none}.cmd:disabled{color:#f7f1de6b;cursor:default}.cmd-note{font:700 .68rem/1 var(--body);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.cmd-skill .cmd-label{color:var(--ice)}.cmd-heal .cmd-label{color:var(--green)}.cmd-limit .cmd-label{color:var(--gold)}.cmd:disabled .cmd-label{color:inherit}.cmd-back{min-height:34px;font-size:.85rem;color:var(--text-dim);border-top:1px solid rgba(239,229,196,.2);border-radius:0 0 5px 5px}.banner-layer{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.phase-banner{width:100%;display:grid;justify-items:center;padding:10px 0 8px;border-top:2px solid var(--frame);border-bottom:2px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark),0 10px 30px #00000080;animation:band 1.9s cubic-bezier(.2,.8,.2,1) both}.pb-blue{background:linear-gradient(90deg,#13216b33,#2346bef2 18% 82%,#13216b33)}.pb-red{background:linear-gradient(90deg,#56101a33,#aa202ef2 18% 82%,#56101a33)}.pb-text{font:900 clamp(1.7rem,8vw,2.6rem)/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fffaf0;text-shadow:0 3px 0 var(--frame-dark),0 0 18px rgba(255,255,255,.35);animation:sweep 1.9s cubic-bezier(.2,.8,.2,1) both}.pb-sub{font:700 .85rem var(--body);color:var(--gold-2);letter-spacing:.08em;margin-top:4px;animation:sweep 1.9s cubic-bezier(.2,.8,.2,1) .05s both}@keyframes band{0%{transform:scaleY(0);opacity:0}12%{transform:scaleY(1);opacity:1}82%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}@keyframes sweep{0%{transform:translate(60%);opacity:0}18%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(-60%);opacity:0}}.sheet-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--night-2),var(--night-0));border-top:2px solid var(--frame);box-shadow:0 -2px 0 var(--frame-dark),0 -8px 20px #0006;position:relative}.dock{flex:none;padding:10px 10px 0}.dock:empty{display:none}.sheet{flex:1;min-height:0;overflow-y:auto;padding:10px 10px 14px;display:flex;flex-direction:column;gap:10px}.sheet>:empty{display:none}.plan-footer{flex:none;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(239,229,196,.25);background:#05081899}.plan-footer[hidden]{display:none}.btn-end{min-height:54px;flex-direction:column;gap:0;color:#fff;background:linear-gradient(180deg,var(--wred-1),var(--wred-2) 60%,var(--wred-3))}.btn-end .btn-title{font-size:1.12rem}.btn-end .btn-sub{font-size:.75rem}.btn-end.all-set{color:#2b1904;border-color:#fff4cf;background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 45%,#d99a2b 100%);animation:ready-glow 1.4s ease-in-out infinite}@keyframes ready-glow{50%{box-shadow:0 0 0 2px var(--frame-dark),0 0 18px #f3c74fb3,0 4px 0 var(--frame-dark)}}.hint-win{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 12px}.hint-win p{grid-column:1 / -1;font-size:.95rem;line-height:1.35}.hint-phase{font:700 .8rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.hint-time{font:500 .8rem var(--num);color:var(--text-dim);justify-self:end;grid-row:1;grid-column:2}.unit-win{padding:10px 12px;display:grid;gap:8px}.unit-win.side-red{background:var(--scan),linear-gradient(180deg,var(--wred-1) 0%,var(--wred-2) 50%,var(--wred-3) 100%)}.uw-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.uw-id{display:grid;gap:5px;min-width:0}.uw-name{font:700 1.15rem/1.1 var(--display);color:var(--gold);letter-spacing:.04em;text-shadow:0 2px 0 var(--frame-dark);display:flex;align-items:baseline;gap:8px}.uw-side{font:800 .66rem var(--body);letter-spacing:.1em;text-transform:uppercase;text-shadow:none;padding:2px 5px;border-radius:3px;background:#05081873}.uw-side.c-blue{color:#a9c7ff}.uw-side.c-red{color:#ffb0b5}.uw-hp{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.uw-hp .num{font-size:.9rem;color:var(--text-dim);min-width:50px}.uw-hp .num b{font-size:1.25rem;color:var(--text)}.win-x{align-self:start;width:34px;height:34px;border-radius:6px;border:1px solid rgba(239,229,196,.5);background:#05081859;font:700 1.2rem/1 var(--body);cursor:pointer}.uw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 4px;border-radius:6px;background:#05081859}.uw-stats .st{justify-content:center}.uw-stats .st b{font-size:1.1rem}.st.up b{color:var(--green)}.st.down b{color:#ff9a8f}.uw-line{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.9rem;line-height:1.25}.uw-line .tag{margin-right:0}.uw-skill{min-width:0}.uw-skill b{color:var(--ice)}.cd{font:700 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;border-radius:4px;white-space:nowrap}.cd.ready{background:#5ddc8f33;color:var(--green);border:1px solid rgba(93,220,143,.5)}.cd.cooling{background:#05081873;color:var(--text-dim);border:1px solid rgba(239,229,196,.25)}.uw-limit{font:800 .8rem var(--body);color:var(--gold-2);white-space:nowrap}.uw-limit.full{color:var(--gold);animation:nudge 1.2s ease-in-out infinite}.uw-chips{display:flex;flex-wrap:wrap;gap:6px}.uw-order{font-size:.88rem;color:var(--gold-2)}.uw-hint{font-size:.86rem;color:var(--text-dim)}.hpbar,.lbar{position:relative;display:block;height:9px;border-radius:2px;background:#1a1f3d;border:1px solid var(--frame);box-shadow:0 0 0 1px var(--frame-dark);overflow:hidden}.hpbar i,.lbar i{position:absolute;top:0;bottom:0;left:0;display:block}.hp-fill{box-shadow:inset 0 2px #fff6}.hp-fill.ok{background:var(--hp-ok)}.hp-fill.mid{background:var(--hp-mid)}.hp-fill.low{background:var(--hp-low)}.hp-pred{background:repeating-linear-gradient(45deg,#fff 0 3px,#ff8f96 3px 6px);animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:.45}}.lbar{height:7px}.lbar i{background:linear-gradient(90deg,#ffb13d,#ffe45c)}.chip{display:inline-flex;align-items:center;font:800 .68rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:3px;border:1px solid rgba(255,255,255,.5);white-space:nowrap}.chip-rooted{background:#8a5a2b;color:#ffe9cc}.chip-weakened{background:#2c7aa6;color:#e8f8ff}.chip-shielded{background:#2f8a54;color:#e9ffef}.chip-push{background:#4a4f6d;color:#fff}.chip-ko{background:var(--red-d);color:#fff}.forecast-win{padding:10px 12px 12px;display:grid;gap:8px}.fc-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(239,229,196,.25);padding-bottom:6px}.fc-head .win-title{font-size:1.2rem}.fc-kind{font:700 .72rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:right}.fc-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 8px;align-items:center}.fc-who{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 6px;border-radius:6px}.fc-grid>.fc-who:nth-child(3){flex-direction:row-reverse;text-align:right}.fc-who.side-blue{background:linear-gradient(90deg,rgba(79,144,255,.35),transparent)}.fc-who.side-red{background:linear-gradient(270deg,rgba(236,75,83,.4),transparent)}.fc-grid>.fc-who.side-blue:nth-child(3){background:linear-gradient(270deg,rgba(79,144,255,.35),transparent)}.fc-name{font:700 .98rem var(--display);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-vs{font:900 .8rem var(--display);color:var(--gold)}.fc-label{font:700 .7rem var(--display);letter-spacing:.1em;color:var(--gold-2);text-align:center;padding:3px 6px;border-radius:3px;background:#05081873}.fc-hp,.fc-val{font-family:var(--num);display:flex;align-items:baseline;gap:5px}.fc-grid>:nth-child(3n+1){justify-content:flex-start}.fc-grid>:nth-child(3n){justify-content:flex-end}.fc-hp b{font-size:1.3rem;font-weight:700}.fc-hp i{font-style:normal;color:var(--text-dim)}.fc-hp.down .after{color:#ff9a8f}.fc-hp.up .after{color:var(--green)}.fc-val{font-size:1.3rem;font-weight:700}.fc-val.up{color:var(--green);font-size:1.1rem}.fc-val.warn{color:#ff9a8f;font-size:1.05rem}.fc-val.safe{color:var(--green);font-size:1.05rem}.x2{font:700 .8rem var(--num);color:var(--gold)}.fc-grid>.fc-effects{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.fc-val.txt{font:800 1rem var(--body)}.fc-splash,.fc-note{grid-column:1 / -1;font-size:.85rem;color:var(--text-dim)}.fc-issue{font-size:.88rem;color:#ffb0b5}.fc-list{display:grid;gap:6px}.fc-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.fc-list-row .emblem{width:32px;height:32px}.fc-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.fc-go{min-height:50px;font-size:1.1rem}.roster{display:grid;gap:10px}.roster-win{padding:8px 10px 10px}.roster-win.win-red{background:var(--scan),linear-gradient(180deg,#6d1a26,#4a1019 60%,#2e0a12)}.roster-win .win-title{margin-bottom:6px}.rlist{display:grid;gap:4px}.rrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;min-height:52px;padding:6px 8px;text-align:left;border-radius:6px;border:1px solid transparent;background:#05081847}button.rrow{cursor:pointer}button.rrow:hover{background:#ffffff17}.rrow.selected{border-color:var(--gold);background:#f3c74f24}.rrow.done{filter:grayscale(.85);opacity:.62}.rrow.down{opacity:.45}.rmain{display:grid;gap:4px;min-width:0}.rname{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:800;font-size:.98rem}.rcd{font:700 .66rem/1 var(--body);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.rhp{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.rhp .num{font-size:.85rem;min-width:44px;text-align:right}.rorder{font-size:.85rem;color:var(--gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtag{font:800 .66rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:3px;white-space:nowrap}.rtag-ready{background:var(--gold);color:#2b1904}.rtag-done{background:#3a4270;color:#d6daf0}.rtag-ko{background:var(--red-d);color:#fff}.rtag-limit{background:var(--gold);color:#2b1904}.forfeit{align-self:center;font-size:.85rem}.issues{background:var(--scan),linear-gradient(180deg,var(--wred-1),var(--wred-3))}.issues ul{margin:6px 0 0;padding-left:18px}.notice .win-title,.accept .win-title,.waiting .win-title{font-size:1.2rem;margin-bottom:4px}.notice.slim{padding:10px 14px}.notice .btn{margin-top:12px}.accept{display:grid;gap:12px;text-align:center}.accept .party-strip{text-align:left;box-shadow:none;background:#0508184d;border-width:1px}.waiting{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.pulse{width:14px;height:14px;transform:rotate(45deg);background:var(--gold);border:2px solid var(--frame);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:rotate(45deg) scale(.8)}50%{transform:rotate(45deg) scale(1.15)}}.result{text-align:center;display:grid;gap:10px;justify-items:center}.result-title{font:900 2.4rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-shadow:0 3px 0 var(--frame-dark)}.result.won .result-title{background:linear-gradient(180deg,#fff6d0,var(--gold) 60%,#c07f1c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 var(--frame-dark))}.result.lost{background:var(--scan),linear-gradient(180deg,var(--wred-1),var(--wred-3))}.result .row{justify-content:center}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:linear-gradient(180deg,var(--win-2),var(--win-3));border:2px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark),0 8px 20px #00000080;color:var(--text);padding:12px 16px;border-radius:8px;font-weight:700;font-size:.95rem;max-width:calc(100vw - 32px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:70}.toast.show{opacity:1;transform:translate(-50%)}.splash{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:18px;font:700 1rem var(--display);letter-spacing:.06em;color:var(--text)}.splash-mark{width:52px;height:52px;animation:spin 1.2s ease-in-out infinite alternate}@keyframes spin{0%{transform:rotate(35deg)}to{transform:rotate(55deg)}}@media(max-width:599px){.page.duel .me-name{display:none}}@media(max-width:360px){.brand-word{font-size:.85rem}}@media(min-width:900px){.duel-layout{flex-direction:row}.stage{flex:1;height:auto;min-height:0}.sheet-wrap{flex:none;width:400px;border-top:0;border-left:2px solid var(--frame);box-shadow:-2px 0 0 var(--frame-dark),-8px 0 20px #0006}.lobby-main{padding-top:12px}.title-screen{padding-top:28px}.stage-hud{left:14px;right:14px;top:10px}.nameplates{max-width:640px}.plate{font-size:.95rem;padding:6px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.phase-banner{display:none}}html.embed,html.embed body{height:100%;overflow:hidden}html.embed .topbar{display:none}html.embed .page.duel{height:100dvh;min-height:0;display:flex;flex-direction:column}html.embed .duel-layout{flex:1;min-height:0}html.embed .stage{flex:1 1 auto;height:auto;min-height:0}html.embed .sheet-wrap{flex:0 1 auto;max-height:44%;overflow-y:auto;overscroll-behavior:contain}html.embed .plan-footer{position:sticky;bottom:0}html.embed .embed-open{position:fixed;top:44px;left:8px;z-index:50;padding:4px 9px;border-radius:6px;font:700 12px/1.3 var(--body, sans-serif);color:#fff;text-decoration:none;background:#0d1440d1;border:1px solid rgba(255,255,255,.5)}.stage-tools{position:absolute;top:40px;right:8px;display:flex;gap:6px;z-index:3}.tool-btn{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border:2px solid var(--frame);border-radius:8px;background:linear-gradient(180deg,var(--win-1),var(--win-3));box-shadow:0 0 0 2px var(--frame-dark),0 3px 0 var(--frame-dark);color:var(--text);font:800 .85rem/1 var(--body);cursor:pointer}.tool-help{padding:0;font:900 1.15rem/1 var(--display);color:var(--gold);text-shadow:0 2px 0 var(--frame-dark)}.tool-btn[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-2),var(--gold) 50%,#d99a2b);color:#2b1904;border-color:#fff4cf}@media(min-width:900px){.stage-tools{top:10px;right:14px}}.step-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:7px 14px 7px 8px;border-radius:999px;pointer-events:none;background:#0d1440db;border:1.5px solid rgba(255,244,214,.8);box-shadow:0 4px 14px #00000059;color:#fff;font:700 15px/1.25 var(--body, system-ui, sans-serif);white-space:nowrap}.step-hint:empty{display:none}.step-hint .step-text{overflow:hidden;text-overflow:ellipsis}.step-dots{display:flex;gap:4px;flex:none}.step-dots i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--body, system-ui, sans-serif);font-style:normal;color:#ffffff8c;background:#ffffff1f}.step-dots i.on{color:#2a1d00;background:var(--gold, #f3c74f);box-shadow:0 0 0 3px #f3c74f59}.step-dots i.done{color:#fff;background:#3f9b5a}.tap-me{animation:end-nudge 1.1s ease-in-out infinite;position:relative;z-index:2}@keyframes end-nudge{0%,to{box-shadow:0 0 0 2px #f3c74f80}50%{box-shadow:0 0 0 5px #f3c74ff2,0 0 24px #f3c74fbf}}html.embed .step-hint{font-size:13px;padding:5px 11px 5px 6px;top:80px;bottom:auto;max-width:calc(100% - 16px)}html.embed .step-dots i{width:19px;height:19px;font-size:11px}@media(prefers-reduced-motion:reduce){.tap-me{animation:none;box-shadow:0 0 0 3px #f3c74fd9}}.howto-modal{z-index:65}.howto{width:min(520px,100%)}.ht-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 8px 16px;border-bottom:1px solid rgba(239,229,196,.25)}.ht-head .win-title{font-size:1.25rem}.ht-body{overflow-y:auto;overscroll-behavior:contain;padding:10px 16px 14px;display:grid;gap:14px;font-size:.93rem;line-height:1.35}.ht-body h3{font:700 .72rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.ht-body ul,.ht-body ol{margin:0;padding:0;list-style:none;display:grid;gap:5px}.ht-flow{counter-reset:step}.ht-flow li{counter-increment:step;display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:baseline}.ht-flow li:before{content:counter(step);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#2b1904;font:800 .75rem/1 var(--num)}.ht-body section>.muted{margin-top:6px;font-size:.85rem}.ht-tiles li{display:grid;grid-template-columns:26px auto 1fr;gap:8px;align-items:center}.ht-tiles b{font-weight:800}.ht-tiles span{color:var(--text-dim)}.ht-tile{width:18px;height:18px;margin-left:3px;transform:scaleY(.62) rotate(45deg);border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--frame-dark)}.t-move{background:#3f86ff}.t-attack{background:#ff3d3d}.t-heal{background:#3fe07a}.t-skill{background:#c46bff}.ht-body .ht-classes{gap:8px}.ht-class{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:8px;border-radius:8px;background:#0508184d;border:1px solid rgba(239,229,196,.18)}.ht-class p{font-size:.85rem;color:var(--text-dim);margin-top:3px}.ht-cname{font:700 1rem var(--display);color:var(--gold);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.ht-meta{font:700 .72rem var(--num);color:var(--text-dim);letter-spacing:.02em}.ht-sk{color:var(--ice)}.ht-lb{color:var(--gold-2)}.ht-rules li{padding-left:12px;position:relative}.ht-rules li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;transform:rotate(45deg);background:var(--gold)}.ht-rules b{color:var(--gold-2)}.ht-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px 12px;border-top:1px solid rgba(239,229,196,.25);background:#0508184d}html.embed .duel-layout{position:relative}html.embed .stage{position:absolute;inset:0;height:auto;min-height:0}html.embed .stage-hud{top:6px;left:6px;right:6px}html.embed .plate{font-size:.78rem;padding:3px 8px;max-width:34vw}html.embed .plate-round{padding:2px 7px}html.embed .stage-tools{top:38px;right:6px}html.embed .tool-btn{height:32px;min-width:32px}html.embed .embed-open{top:38px;left:6px;height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;border:2px solid rgba(239,229,196,.7);background:#0d1440c7}html.embed .sheet-wrap{position:absolute;left:0;right:0;bottom:0;max-height:72%;overflow:visible;background:none;border:0;box-shadow:none;pointer-events:none}html.embed .sheet-wrap>*{pointer-events:auto}html.embed .dock{padding:0 6px 6px}html.embed .sheet{flex:0 1 auto;padding:0 6px 6px;gap:6px;overflow-y:auto;overscroll-behavior:contain}html.embed .hint-win,html.embed .notice.slim{display:none}html.embed .duel:not(.army-open) .roster-slot{display:none}html.embed .roster{grid-template-columns:1fr 1fr;gap:6px}html.embed .roster-win{padding:6px}html.embed .rrow{grid-template-columns:auto 1fr;min-height:44px;padding:4px 6px;gap:6px}html.embed .rrow .emblem{width:28px;height:28px}html.embed .rrow .rtag,html.embed .rcd,html.embed .forfeit{display:none}html.embed .rname{font-size:.82rem}html.embed .plan-footer{position:static;gap:8px;padding:18px 6px 6px;border-top:0;background:linear-gradient(180deg,transparent,rgba(5,8,24,.72) 45%)}html.embed .plan-footer .btn-small{min-height:44px;padding:4px 12px}html.embed .btn-end{min-height:44px;flex-direction:row;gap:10px}html.embed .btn-end .btn-title{font-size:1.02rem}html.embed .replay-bar{bottom:8px;right:6px}html.embed .unit-win{padding:7px 10px;gap:6px}html.embed .unit-win .em-lg{width:40px;height:40px}html.embed .uw-name{font-size:1rem}html.embed .uw-hp .num b{font-size:1.05rem}html.embed .uw-stats{padding:3px 4px}html.embed .uw-stats .st b{font-size:.98rem}html.embed .uw-line{font-size:.8rem}html.embed .uw-line+.uw-line,html.embed .uw-hint,html.embed .uw-order{display:none}html.embed .win-x{width:30px;height:30px}html.embed .forecast-win{padding:7px 10px 9px;gap:6px}html.embed .fc-head .win-title{font-size:1.05rem}html.embed .fc-hp b,html.embed .fc-val{font-size:1.12rem}html.embed .fc-go,html.embed .fc-actions .btn{min-height:44px}html.embed .cmd{min-height:40px;font-size:1rem}html.embed .win.result{padding:10px;gap:6px}html.embed .result-title{font-size:1.8rem}html.embed .phase-banner{padding:6px 0}html.embed .toast{bottom:64px}.uw-mini{display:none}html.embed .uw-mini{display:block;font:600 .8rem/1.2 var(--num);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.embed .uw-mini b{color:var(--ice);font-weight:700}html.embed .unit-win .uw-stats,html.embed .unit-win .uw-line,html.embed .unit-win .uw-chips{display:none}html.embed .unit-win{padding:6px 8px 7px 10px}html.embed .uw-head{gap:10px}html.embed .uw-id{gap:3px}html.embed .duel.has-sel .plan-footer{display:none}html.embed .dock{padding-bottom:6px}@media(max-width:420px){.cm-bubble{max-width:min(232px,calc(100vw - 16px));padding:7px 10px 8px}.cm-title{font-size:.95rem}.cm-body{font-size:.8rem}}html.embed .hud-live{display:none}.tap-pointer{position:fixed;left:0;top:0;z-index:70;pointer-events:none;opacity:0;transition:opacity .15s}.tap-pointer.on{opacity:1}.tap-arrow{position:absolute;left:-21px;bottom:4px;width:42px;text-align:center;font:900 38px/1 system-ui,sans-serif;color:var(--gold, #f3c74f);-webkit-text-stroke:2px #2a1d00;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));animation:tap-bob .9s ease-in-out infinite}@keyframes tap-bob{50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.tap-arrow{animation:none}}.step-hint{background:linear-gradient(180deg,#ffe08a,#f3c74f);color:#241800;border-color:#fff4d6}.step-dots i{color:#2418008c;background:#24180024}.step-dots i.on{color:#fff;background:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a4d}.step-dots i.done{color:#fff;background:#2f855a}.forecast-strip{padding:8px 10px;display:grid;gap:6px}.fs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.fs-who{display:flex;align-items:center;gap:6px;min-width:0}.fs-who:last-child{flex-direction:row-reverse;text-align:right}.fs-who .emblem{width:30px;height:30px;flex:none}.fs-name{font-weight:800;font-size:13px;white-space:nowrap}.fs-who .fc-hp{font-size:13px;white-space:nowrap}.fs-mid{display:grid;justify-items:center;line-height:1.1}.fs-mid b{font:900 18px/1 var(--display, serif);color:#ffd36b}.fs-mid b.up{color:#7ee2a0;font-size:14px}.fs-mid small{font-size:11px;font-weight:700}.fs-mid small.warn{color:#ff9a8a}.fs-mid small.safe{color:#a7f0c0}.fs-fx{text-align:center;font-size:12px;font-weight:700;color:#ffe7a3}.fs-actions{display:grid;grid-template-columns:auto 1fr;gap:8px}.fs-actions .btn{min-height:38px;padding-block:6px}.tool-btn[hidden]{display:none!important}.tool-new{white-space:nowrap}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .18s}.stage[data-mode=move]:after{box-shadow:inset 0 0 0 4px #4aa3ff,inset 0 0 36px #4aa3ff73}.stage[data-mode=attack]:after{box-shadow:inset 0 0 0 4px #ff5a4a,inset 0 0 40px #ff5a4a80}.stage[data-mode=limit]:after{box-shadow:inset 0 0 0 4px #ff9a2e,inset 0 0 40px #ff9a2e8c}.stage[data-mode=skill]:after{box-shadow:inset 0 0 0 4px #b26bff,inset 0 0 40px #b26bff80}.stage[data-mode=heal]:after{box-shadow:inset 0 0 0 4px #46d483,inset 0 0 40px #46d48380}.stage[data-mode=act]:after{box-shadow:inset 0 0 0 4px #f3c74f,inset 0 0 36px #f3c74f73}.stage[data-mode=enemy]:after{box-shadow:inset 0 0 0 4px #c0392b,inset 0 0 30px #c0392b59}.step-hint[data-mode=move]{background:linear-gradient(180deg,#8cc8ff,#4aa3ff);color:#04203f}.step-hint[data-mode=attack]{background:linear-gradient(180deg,#ff9a8e,#ff5a4a);color:#2b0400}.step-hint[data-mode=limit]{background:linear-gradient(180deg,#ffc27a,#ff9a2e);color:#2b1300}.step-hint[data-mode=skill]{background:linear-gradient(180deg,#d4a8ff,#b26bff);color:#1c0636}.step-hint[data-mode=heal]{background:linear-gradient(180deg,#9cf0bf,#46d483);color:#032611}.step-hint[data-mode=enemy]{background:linear-gradient(180deg,#e2665a,#b0322a);color:#fff}@media(prefers-reduced-motion:reduce){.stage:after{transition:none}}.nameplates.is-live{align-items:start}.turn-clock{position:relative;display:grid;place-items:center;width:50px;height:50px;margin-bottom:8px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1b2560,var(--night-0) 75%);box-shadow:0 0 0 2px var(--frame-dark),0 0 0 3.5px #efe5c4bf,0 4px 10px #00000080;--tc: var(--frame)}.turn-clock[data-side=blue]{box-shadow:0 0 0 2px var(--frame-dark),0 0 0 3.5px var(--blue),0 4px 10px #00000080}.turn-clock[data-side=red]{box-shadow:0 0 0 2px var(--frame-dark),0 0 0 3.5px var(--red),0 4px 10px #00000080}.turn-clock svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.turn-clock .tc-track{fill:none;stroke:#ffffff1f;stroke-width:4}.turn-clock .tc-arc{fill:none;stroke:var(--tc);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s;filter:drop-shadow(0 0 3px var(--tc))}.turn-clock .tc-num{position:relative;font:900 19px/1 var(--display);color:var(--tc);font-variant-numeric:tabular-nums lining-nums;text-shadow:0 2px 0 var(--frame-dark);transition:color .3s}.turn-clock .tc-round{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);font:800 9px/1 var(--num);font-style:normal;letter-spacing:.06em;white-space:nowrap;padding:2px 5px;border-radius:4px;color:var(--gold-2);background:var(--night-0);border:1px solid rgba(239,229,196,.55)}.turn-clock[data-tone=calm]{--tc: var(--gold-2)}.turn-clock[data-tone=amber]{--tc: #ffab2e}.turn-clock[data-tone=red]{--tc: #ff4b4b}.turn-clock.tick{animation:tc-tick .5s ease-out}@keyframes tc-tick{0%{transform:scale(1.14)}to{transform:scale(1)}}html.embed .turn-clock{width:46px;height:46px}html.embed .turn-clock .tc-num{font-size:18px}.plate{display:inline-flex;align-items:center;gap:5px}.plate-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.pres{flex:none;width:8px;height:8px;border-radius:50%}.pres.on{background:var(--green);box-shadow:0 0 0 1.5px var(--frame-dark),0 0 6px #5ddc8fe6}.pres.off{background:transparent;box-shadow:inset 0 0 0 1.5px #fff9,0 0 0 1.5px var(--frame-dark)}.plate.is-turn{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--frame-dark),0 0 0 3px #f3c74f8c,0 0 14px #f3c74f73}.hud-cpu{background:#050818d9;color:var(--ice);border-color:#8fd9ffb3}html.embed .hud-cpu{position:absolute;top:106px;left:50%;transform:translate(-50%)}.hint-clock{flex:none;font:900 .85em/1 var(--num);font-variant-numeric:tabular-nums;padding:3px 7px;border-radius:999px;background:#00000047}html.embed .live-wait{display:none}.away-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;width:min(320px,calc(100% - 24px));display:grid;gap:4px;text-align:center;padding:12px 14px;border-radius:10px;border:2px solid var(--gold-2);color:var(--text);background:var(--scan),linear-gradient(180deg,var(--wred-1),var(--wred-2) 60%,var(--wred-3));box-shadow:0 0 0 2px var(--frame-dark),0 10px 30px #0009}.away-banner[hidden]{display:none}.away-banner b{font:700 1rem/1.2 var(--display);color:var(--gold-2)}.away-banner span{font-weight:700;font-size:.9rem;animation:blink 1.4s ease-in-out infinite}.found-banner{position:fixed;left:50%;top:8px;transform:translate(-50%);z-index:80;width:min(420px,calc(100% - 16px));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:10px;border:2px solid var(--gold-2);background:var(--scan),linear-gradient(180deg,var(--win-1),var(--win-2) 55%,var(--win-3));box-shadow:0 0 0 2px var(--frame-dark),0 0 24px #f3c74f80,0 10px 24px #0000008c;animation:fb-in .35s cubic-bezier(.2,1.4,.4,1)}@keyframes fb-in{0%{transform:translate(-50%,-120%)}}.fb-swords{font-size:1.5rem}.fb-text{display:grid;line-height:1.15}.fb-text b{font:800 1.02rem var(--display);color:var(--gold-2)}.fb-text small{font-size:.8rem;color:var(--text-dim);font-weight:700}.fb-join{min-height:40px}.fb-skip{width:32px;height:32px;border-radius:50%;border:1px solid rgba(239,229,196,.5);background:#05081866;color:var(--text-dim);font-size:1.1rem;cursor:pointer}.page.match,.page.chooser-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.mm{width:min(380px,100%);display:grid;justify-items:center;gap:14px;text-align:center}.mm-eyebrow{margin:0}.mm-versus{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.mm-plate{min-width:0;height:64px;display:grid;place-items:center;align-content:center;gap:2px;padding:6px 8px;border-radius:8px;border:2px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark),0 4px 0 var(--frame-dark);font-weight:800}.mm-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.mm-me{background:var(--scan),linear-gradient(180deg,var(--win-1),var(--win-3))}.mm-me .mm-name:before{content:"★ ";color:var(--gold)}.mm-foe{border-style:dashed;border-color:#ff8f96cc;background:#56101a59;color:#ffb3b8;animation:mm-breathe 1.6s ease-in-out infinite}.mm-q{font:900 1.4rem/1 var(--display)}@keyframes mm-breathe{50%{background:#c43b4566;box-shadow:0 0 0 2px var(--frame-dark),0 0 18px #ec4b538c}}.mm-found .mm-foe{animation:none;border-style:solid;border-color:var(--frame);color:#fff;background:var(--scan),linear-gradient(180deg,var(--wred-1),var(--wred-3))}.mm-found .mm-foe .mm-q{color:var(--gold-2)}.mm-fallback .mm-foe{animation:none;border-style:solid;border-color:var(--frame);color:var(--text-dim);background:linear-gradient(180deg,#4a527c,#262c4d)}.mm-vs{position:relative;width:36px;height:36px}.mm-vs i{position:absolute;left:50%;top:0;width:5px;height:36px;margin-left:-2.5px;border-radius:2px;box-shadow:0 0 0 2px var(--frame-dark)}.mm-vs .b{background:linear-gradient(90deg,#cfe0ff,var(--blue));transform-origin:50% 85%;animation:mm-clash-b 1.2s ease-in-out infinite}.mm-vs .r{background:linear-gradient(90deg,#ffd2d5,var(--red));transform-origin:50% 85%;animation:mm-clash-r 1.2s ease-in-out infinite}@keyframes mm-clash-b{0%,to{transform:rotate(-58deg)}45%,55%{transform:rotate(-32deg)}}@keyframes mm-clash-r{0%,to{transform:rotate(58deg)}45%,55%{transform:rotate(32deg)}}.mm-found .mm-vs i,.mm-fallback .mm-vs i{animation-play-state:paused}.mm-party{display:flex;justify-content:center;gap:14px}.mm-unit{display:grid;justify-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--text-dim)}.mm-unit .emblem{width:40px;height:40px}.mm-status{font:700 1.05rem/1.3 var(--display);color:var(--text);min-height:2.6em;display:grid;place-items:center}.mm-found .mm-status{color:var(--gold-2)}.mm-time{font:900 2rem/1 var(--display);font-variant-numeric:tabular-nums lining-nums;color:var(--gold);text-shadow:0 2px 0 var(--frame-dark)}.mm-actions{display:grid;justify-items:center;gap:2px}.mm-cancel{min-width:140px}.mm-actions [hidden]{display:none}html.embed .mm{gap:10px}html.embed .mm-plate{height:54px}html.embed .mm-time{font-size:1.7rem}@media(prefers-reduced-motion:reduce){.mm-foe,.mm-vs i,.away-banner span,.turn-clock.tick{animation:none}}.chooser{width:min(340px,100%);display:grid;gap:12px;justify-items:stretch;text-align:center}.ch-logo{display:flex;align-items:center;justify-content:center;gap:10px}.ch-logo .logo-crest{width:44px;height:44px;margin:0;transform:scale(.7)}.ch-word{display:grid;text-align:left;font:900 1.9rem/.95 var(--display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff6d0 0%,var(--gold-2) 30%,var(--gold) 55%,#c07f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 var(--frame-dark)) drop-shadow(2px 0 0 var(--frame-dark)) drop-shadow(-2px 0 0 var(--frame-dark))}.ch-word small{font:700 .62rem/1.2 var(--display);letter-spacing:.5em;color:var(--text);-webkit-text-fill-color:var(--text)}.ch-find{min-height:76px}.ch-find .btn-title{font-size:1.35rem}.ch-practice{min-height:54px;flex-direction:column;gap:0}.ch-practice .btn-title{font-size:1rem}.ch-practice .btn-sub{font-size:.78rem}.ch-party{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;cursor:pointer;border-radius:8px;border:1px solid rgba(239,229,196,.35);background:#05081859;color:var(--text-dim)}.ch-party .emblem{width:26px;height:26px}.ch-party-label{font:700 .62rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.ch-party-names{display:none}.ch-party-edit{font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cta-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta-pair .btn-huge .btn-title{font-size:1.02rem}.cta-pair .btn-huge .btn-sub{font-size:.75rem}.btn-find{min-height:80px}.btn-find .btn-title{font-size:1.4rem}.mm-grace{margin:6px 0 0;font-size:13px;font-weight:700;color:#fff4d6bf}.mm-grace[hidden],.mm-cancel[hidden]{display:none}