: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(.92);opacity:0}}.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)}