@font-face{font-family:Ma Shan Zheng;font-style:normal;font-display:swap;font-weight:400;src:url(./ma-shan-zheng-400-DuKibSYY.woff2)format("woff2")}@font-face{font-family:Zhi Mang Xing;font-style:normal;font-display:swap;font-weight:400;src:url(./zhi-mang-xing-400-CC5PykIy.woff2)format("woff2")}@font-face{font-family:Liu Jian Mao Cao;font-style:normal;font-display:swap;font-weight:400;src:url(./liu-jian-mao-cao-400-JVHe9r3L.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-serif-sc-400-DjKYVzAX.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-serif-sc-600-B7jHxdy7.woff2)format("woff2")}:root{--ink:#14110d;--ink2:#1c1712;--ink3:#2a221a;--ink4:#3a2f24;--paper:#efe2c4;--paper2:#e2cfa5;--gold:#c9a24a;--gold2:#f0d68a;--cinnabar:#b8322a;--text:#efe2c4;--dim:#a8977a;--line:#c9a24a47;--shu:#b83a2e;--wei:#2d5fa8;--wu:#2f8f5b;--qun:#a77b2b;--f-brush:"Ma Shan Zheng", "Noto Serif SC", "Songti SC", serif;--f-run:"Zhi Mang Xing", "Ma Shan Zheng", "Noto Serif SC", serif;--f-wild:"Liu Jian Mao Cao", "Zhi Mang Xing", "Ma Shan Zheng", serif;--f-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--f-serif);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}#fx{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}#overlay{pointer-events:none;z-index:50;position:fixed;inset:0}#modal-root{pointer-events:none;z-index:70;position:fixed;inset:0}.bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 35%, #c9a24a1a, transparent 70%), radial-gradient(ellipse 60% 50% at 15% 100%, #b8322a1f, transparent 70%), radial-gradient(ellipse 60% 50% at 85% 100%, #2d5fa81a, transparent 70%), var(--ink);position:absolute;inset:0;overflow:hidden}.bg:before{content:"";background-image:var(--noise);opacity:.22;mix-blend-mode:overlay;position:absolute;inset:0}.bg .mountains{opacity:.55;width:100%;height:42%;position:absolute;bottom:0;left:0;right:0}.bg .mist{background:radial-gradient(#efe2c40f,#0000 60%);height:30%;animation:24s ease-in-out infinite alternate mist;position:absolute;inset:auto -20% 8%}@keyframes mist{0%{transform:translate(-6%)}to{transform:translate(6%)}}.btn{border:1px solid var(--line);min-height:42px;color:var(--paper);font-family:var(--f-serif);letter-spacing:.12em;cursor:pointer;background:linear-gradient(#3a2f24eb,#1c1712eb);border-radius:4px;justify-content:center;align-items:center;gap:.4em;padding:0 1.3em;font-size:15px;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #f0d68a1f,0 2px 8px #0006}.btn:hover{border-color:var(--gold);box-shadow:inset 0 1px #f0d68a33,0 0 0 1px #c9a24a40,0 4px 16px #00000080}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.primary{color:#fff6e6;background:linear-gradient(#c4423a,#8e231d);border-color:#e0786b}.btn.primary:hover{border-color:#ffc1a8}.btn.gold{color:#2a1d08;background:linear-gradient(#d9b45e,#9a7426);border-color:#f0d68a;font-weight:700}.btn.ghost{box-shadow:none;background:0 0}.btn.small{letter-spacing:.06em;min-height:32px;padding:0 .9em;font-size:13px}.btn .key{opacity:.6;letter-spacing:0;border:1px solid;border-radius:3px;padding:0 4px;font-size:11px}.icon-btn{width:38px;height:38px;min-height:0;padding:0}.seal{background:var(--cinnabar);color:#fff1e0;font-family:var(--f-brush);border-radius:3px;place-items:center;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 2px #ffe6d259}.panel{border:1px solid var(--line);background:linear-gradient(#241d16eb,#16120ef0);border-radius:6px;box-shadow:0 10px 30px #00000073,inset 0 1px #f0d68a0f}.panel-title{font-family:var(--f-brush);color:var(--gold2);letter-spacing:.1em;font-size:20px}.screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fade-in{animation:.5s both fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.title-wrap{z-index:2;flex-direction:column;align-items:center;gap:10px;animation:.9s both riseIn;display:flex;position:relative}.title-logo{font-family:var(--f-run);color:var(--paper);letter-spacing:.04em;text-shadow:0 0 40px #c9a24a40,0 6px #00000080;white-space:nowrap;font-size:clamp(56px,11vw,132px);line-height:1;position:relative}.title-logo .seal{writing-mode:vertical-rl;width:2.4em;height:2.4em;font-size:.22em;position:absolute;top:-.15em;right:-.5em;transform:rotate(8deg)}.title-sub{font-family:var(--f-serif);color:var(--dim);letter-spacing:.6em;margin-top:6px;padding-left:.6em;font-size:clamp(12px,1.6vw,16px)}.title-menu{gap:12px;width:min(320px,80vw);margin-top:36px;display:grid}.title-menu .btn{letter-spacing:.3em;min-height:52px;font-size:18px}.title-foot{text-align:center;color:#a8977a99;letter-spacing:.1em;font-size:12px;position:absolute;bottom:14px;left:0;right:0}.title-pieces{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.title-pieces .float-pc{opacity:.16;border-radius:50%;width:64px;height:64px;animation:18s ease-in-out infinite alternate floatPc;position:absolute}@keyframes floatPc{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-40px)rotate(10deg)}}.title-top{z-index:3;gap:8px;display:flex;position:absolute;top:14px;right:14px}.setup{justify-content:flex-start;gap:22px;padding:24px 16px;overflow-y:auto}.setup>.setup-head{margin-top:auto}.setup>:last-child{margin-bottom:auto}.setup-head{text-align:center;animation:.5s both riseIn}.setup-head h2{font-family:var(--f-brush);color:var(--paper);letter-spacing:.12em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:400}.setup-head p{color:var(--dim);letter-spacing:.08em;margin:6px 0 0;font-size:14px}.setup-foot{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.setup-back{z-index:3;position:absolute;top:14px;left:14px}.lots{align-items:flex-end;gap:40px;height:260px;margin:34px 0 30px;display:flex}.lot{width:64px;height:230px;font-family:var(--f-brush);color:#5a3a14;letter-spacing:.2em;transform-origin:bottom;background:linear-gradient(90deg,#a7864c,#d8bd84 30%,#e8d3a1 50%,#cfae6e 70%,#9a7a40);border-radius:6px 6px 3px 3px;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;font-size:26px;display:flex;position:relative;box-shadow:0 10px 20px #00000080,inset 0 0 0 2px #50371466}.lot .t{writing-mode:vertical-rl}.lot .who{font-family:var(--f-serif);color:var(--paper);letter-spacing:.1em;white-space:nowrap;font-size:15px;position:absolute;bottom:-34px}.lot.shake{animation:.22s ease-in-out infinite alternate lotShake}@keyframes lotShake{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.lot.win{animation:.7s cubic-bezier(.2,1.4,.4,1) forwards lotRise}@keyframes lotRise{to{transform:translateY(-40px)scale(1.06);box-shadow:0 0 40px #f0d68a8c,0 20px 30px #00000080}}.lot .tip{color:var(--cinnabar);margin-top:.12em;font-size:34px}.banners{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,26px);display:flex}.banner{--fc:#888;cursor:pointer;background:0 0;border:none;width:clamp(140px,18vw,210px);height:clamp(300px,52vh,440px);padding:0;animation:.6s both riseIn;position:relative}.banner:nth-child(2){animation-delay:60ms}.banner:nth-child(3){animation-delay:.12s}.banner:nth-child(4){animation-delay:.18s}.banner .pole{z-index:2;background:linear-gradient(#e7c77b,#8a6220);border-radius:5px;width:112%;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #00000080}.banner .cloth{background:radial-gradient(ellipse at 50% 30%, #ffffff29, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--fc) 92%, #fff 8%), color-mix(in srgb, var(--fc) 70%, #000 30%));clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);transform-origin:top;flex-direction:column;align-items:center;gap:6px;padding-top:28px;transition:transform .35s,filter .3s;display:flex;position:absolute;inset:6px 0 0;overflow:hidden;box-shadow:inset 0 0 0 3px #ffebc826}.banner .cloth:before{content:"";background-image:var(--noise);opacity:.35;mix-blend-mode:soft-light;position:absolute;inset:0}.banner .cloth:after{content:"";clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);border:1px solid #ffebc859;position:absolute;inset:10px 10px 13%}.banner .fname{font-family:var(--f-brush);color:#fff4e0;text-shadow:0 4px #00000040,0 0 30px #fff3;font-size:clamp(70px,9vw,110px);line-height:1}.banner .fmotto{font-family:var(--f-run);color:#fff4e0e6;letter-spacing:.2em;font-size:28px}.banner .fstyle{color:#fff4e0bf;letter-spacing:.3em;font-size:13px}.banner .flords{gap:6px;margin-top:10px;display:flex}.banner .flords .mini{border-radius:50%;width:46px;height:46px;overflow:hidden;box-shadow:0 0 0 2px #fff0d299,0 4px 10px #0006}.banner .fcount{text-align:center;color:#fff4e0b3;letter-spacing:.15em;font-size:12px;position:absolute;bottom:16%;left:0;right:0}.banner:hover .cloth{filter:brightness(1.12);transform:rotate(-1.2deg)scale(1.03)}.banner.taken{cursor:not-allowed}.banner.taken .cloth{filter:grayscale(.85)brightness(.45)}.banner .taken-tag{z-index:3;font-family:var(--f-brush);padding:6px 12px;font-size:22px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.banner.chosen .cloth{box-shadow:inset 0 0 0 3px var(--gold2), 0 0 40px color-mix(in srgb, var(--fc) 60%, transparent)}.hero-cards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.hcard{--fc:#888;cursor:pointer;text-align:left;border:1px solid color-mix(in srgb, var(--fc) 50%, var(--line));background:linear-gradient(#282019f2,#14100cfa);border-radius:8px;width:210px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.5s both riseIn;position:relative;overflow:hidden;box-shadow:0 10px 26px #00000080}.hcard:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 16px 34px #0009,0 0 0 1px #c9a24a59}.hcard .art{aspect-ratio:3/4;background:#000;position:relative;overflow:hidden}.hcard .art>svg,.hcard .art>img{object-fit:cover;width:100%;height:100%;display:block}.hcard .body{padding:10px 12px 12px}.hcard .nm{font-family:var(--f-brush);color:var(--paper);align-items:baseline;gap:8px;font-size:24px;display:flex}.hcard .nm small{font-family:var(--f-serif);color:var(--dim);font-size:12px}.hcard .sk{color:var(--gold2);align-items:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.hcard .tx{color:#d6c7a6;margin-top:4px;font-size:12.5px;line-height:1.6}.hero-cards .vs{font-family:var(--f-wild);color:var(--cinnabar);text-shadow:0 0 20px #b8322a99;align-self:center;font-size:72px}.tag{letter-spacing:.05em;color:var(--gold2);font-size:11px;font-family:var(--f-serif);background:#c9a24a29;border:1px solid #c9a24a4d;border-radius:3px;padding:1px 6px;display:inline-block}.tag.passive{color:#a9c8f0;background:#6ea0dc24;border-color:#6ea0dc59}.tag.type{color:var(--paper);font-family:var(--f-brush);background:#efe2c41a;border-color:#efe2c440;padding:0 6px;font-size:13px}.deploy{grid-template-columns:minmax(260px,420px) auto;align-items:center;gap:28px;max-width:1140px;display:grid}.deploy-list{gap:8px;max-height:64vh;padding-right:4px;display:grid;overflow:auto}.dl-item{--fc:#888;cursor:pointer;border:1px solid var(--line);text-align:left;background:#1e1812d9;border-radius:6px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:8px;transition:border-color .15s,background .15s;display:grid}.dl-item:hover{border-color:#c9a24a99}.dl-item.sel{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2) inset;background:#503e1e99}.dl-item.placed{background:#2e462873}.dl-item .av{width:54px;height:54px;box-shadow:0 0 0 2px color-mix(in srgb, var(--fc) 70%, #fff 10%);border-radius:50%;overflow:hidden}.dl-item .av>*{object-fit:cover;width:100%;height:100%;display:block}.dl-item .nm{font-family:var(--f-brush);font-size:20px}.dl-item .sk{color:var(--gold2);font-size:12px}.dl-item .tx{color:var(--dim);font-size:11.5px;line-height:1.5}.dl-item .types{gap:4px;display:flex}.dl-item .where{color:#9fe0b8;white-space:nowrap;font-size:12px}.deploy-board{flex-direction:column;align-items:center;display:flex;position:relative}.deploy-tip{text-align:center;color:var(--dim);letter-spacing:.08em;margin-top:14px;font-size:12px}.deploy-info{text-align:center;min-height:22px;color:var(--dim);margin-top:10px;font-size:13px}.deploy-err{color:#ff9c8a}.gate{background:#0b0806;overflow:hidden}.gate-door{pointer-events:none;background:radial-gradient(80% 60%,#0000,#0000008c),repeating-linear-gradient(0deg,#0000 0 52px,#c9a24a17 52px 54px),repeating-linear-gradient(90deg,#0000 0 52px,#c9a24a17 52px 54px),linear-gradient(#221810,#140e0a);width:50.2%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 14px #0e0a07,inset 0 0 0 16px #c9a24a52,inset 0 0 80px #000000b3}.gate-door.l{animation:.9s cubic-bezier(.2,.9,.2,1) both gateL;left:0}.gate-door.r{animation:.9s cubic-bezier(.2,.9,.2,1) both gateR;right:0}.gate-door:after{content:"";border:3px solid #b48a3c;border-radius:50%;width:34px;height:34px;margin-top:-17px;position:absolute;top:74%;box-shadow:0 2px #0009,inset 0 1px #ffe6aa66}.gate-door.l:after{right:22px}.gate-door.r:after{left:22px}@keyframes gateL{0%{transform:translate(-100%)}}@keyframes gateR{0%{transform:translate(100%)}}.gate-mark{pointer-events:none;font-family:var(--f-brush);color:var(--fc);opacity:.16;text-shadow:0 0 60px var(--fc);font-size:min(78vh,62vw);line-height:1;animation:1.4s ease-out .5s both gateMark;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}@keyframes gateMark{0%{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.gate-in{background:radial-gradient(closest-side,#0b0806eb,#0b0806b3 70%,#0000);flex-direction:column;align-items:center;gap:12px;padding:40px 72px 44px;animation:.6s .55s both riseIn;display:flex;position:relative}.gate .big{font-family:var(--f-brush);color:var(--paper);text-shadow:0 4px 18px #000c;font-size:clamp(40px,6vw,72px);position:relative}.gate-seal{width:1.5em;height:1.5em;font-size:.42em;animation:.5s 1s both stamp2;position:absolute;top:-.35em;right:-1.1em;transform:rotate(10deg)}.gate p{color:var(--dim);letter-spacing:.12em;margin:0}.gate p.sub{color:var(--fl);opacity:.8;margin-bottom:10px;font-size:13px}.battle{z-index:1;grid-template-columns:minmax(220px,280px) 1fr minmax(250px,320px);gap:14px;padding:14px;display:grid;position:absolute;inset:0}.battle .col{flex-direction:column;gap:12px;min-height:0;display:flex}.battle .col .spacer{flex:1}.battle .center{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.topbar .turn-pill{flex:100%}.topbar .icon-btn{flex:1 1 0;width:auto;min-width:0}.turn-pill{border:1px solid var(--line);background:#14100ccc;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 12px;display:flex}.turn-pill .dot{background:var(--fc,#888);width:12px;height:12px;box-shadow:0 0 10px var(--fc,#888);border-radius:50%;flex:none}.turn-pill .t{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.turn-pill .n{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:12px}.pcard{--fc:#888;padding:12px;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.pcard:before{content:"";background:var(--fc);height:4px;position:absolute;inset:0 0 auto}.pcard.active{border-color:color-mix(in srgb, var(--fc) 70%, var(--gold) 30%);box-shadow:0 0 0 1px color-mix(in srgb, var(--fc) 70%, transparent), 0 0 28px color-mix(in srgb, var(--fc) 35%, transparent), 0 10px 30px #00000073}.pcard .head{align-items:center;gap:10px;display:flex}.pcard .fbadge{background:var(--fc);width:40px;height:40px;font-family:var(--f-brush);color:#fff4e0;border-radius:6px;flex:none;place-items:center;font-size:28px;display:grid;box-shadow:inset 0 0 0 2px #fff0d24d}.pcard .who{letter-spacing:.08em;font-size:15px}.pcard .sub{color:var(--dim);font-size:12px}.pcard .thinking{color:var(--gold2);margin-left:auto;font-size:12px;display:none}.pcard.ai-thinking .thinking{gap:2px;display:inline-flex}.pcard .thinking i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s infinite think}.pcard .thinking i:nth-child(2){animation-delay:.15s}.pcard .thinking i:nth-child(3){animation-delay:.3s}@keyframes think{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.roster{gap:6px;margin-top:10px;display:grid}.ro{cursor:default;background:#ffffff08;border-radius:5px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:grid}.ro:hover{background:#c9a24a1f}.ro .av{width:34px;height:34px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--fc) 70%, #fff 10%);border-radius:50%;position:relative;overflow:hidden}.ro .av>*{object-fit:cover;width:100%;height:100%;display:block}.ro .nm{font-size:14px;line-height:1.2}.ro .nm small{color:var(--dim);font-size:11px;display:block}.ro .ty{font-family:var(--f-brush);color:var(--paper2);font-size:16px}.ro.dead{opacity:.42}.ro.dead .av:after{content:"亡";color:#ff8f80;font-family:var(--f-brush);background:#1400008c;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.captures{flex-wrap:wrap;gap:3px;min-height:18px;margin-top:8px;display:flex}.captures .cp{width:18px;height:18px;color:var(--cc);font-family:var(--f-brush);background:radial-gradient(circle at 40% 35%,#f6e7c4,#c9995a);border-radius:50%;place-items:center;font-size:11px;display:grid;box-shadow:0 1px 2px #00000080}.info{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex}.info-empty{color:var(--dim);font-size:13px;line-height:1.8}.info-empty b{color:var(--paper);font-weight:600}.info-hero{grid-template-columns:96px 1fr;align-items:start;gap:12px;display:grid}.info-hero .art{aspect-ratio:3/4;width:96px;box-shadow:0 0 0 1px var(--line), 0 6px 16px #00000080;background:#000;border-radius:6px;overflow:hidden}.info-hero .art>*{object-fit:cover;width:100%;height:100%;display:block}.info-hero .nm{font-family:var(--f-brush);font-size:28px;line-height:1.1}.info-hero .nm small{font-family:var(--f-serif);color:var(--dim);margin-left:6px;font-size:12px}.info-hero .meta{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.info .sk-name{font-family:var(--f-brush);color:var(--gold2);align-items:center;gap:8px;font-size:22px;display:flex}.info .sk-text{color:#e0d2b2;font-size:13.5px;line-height:1.75}.info .statuses{flex-wrap:wrap;gap:5px;display:flex}.info .st{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:2px 7px;font-size:12px}.info .actions{flex-wrap:wrap;gap:8px;display:flex}.info .actions .btn{flex:1}.info .hint{color:var(--gold2);border-left:2px solid var(--gold);background:#c9a24a14;padding:8px 10px;font-size:12.5px;line-height:1.6}.plain-piece-info{align-items:center;gap:12px;display:flex}.plain-piece-info .big{width:56px;height:56px}.log{flex-direction:column;flex:1;gap:4px;min-height:80px;padding:10px 12px;font-size:13px;display:flex;overflow:auto}.log .ln{color:#cdbd9b;line-height:1.55;animation:.3s both fadeIn}.log .ln b{color:var(--paper);font-weight:600}.log .ln .sk{color:var(--gold2)}.log .ln .k{color:#ff9c8a}.log .ln .n{color:var(--dim);font-variant-numeric:tabular-nums;margin-right:4px;font-size:11px}.log .ln.big{color:var(--gold2);font-family:var(--f-brush);font-size:18px}.board-wrap{--u:64px;padding:calc(var(--u) * .26);border-radius:calc(var(--u) * .2);background:linear-gradient(#ffdcaa12,#0000 30%,#00000040),repeating-linear-gradient(94deg,#0000 0 5px,#0000001f 5px 7px,#0000 7px 15px,#ffc8960a 15px 16px),linear-gradient(160deg,#5a2f1c,#3e1d10 45%,#2c140a);position:relative;box-shadow:inset 0 1px #ffdcaa40,inset 0 -2px #00000080,0 0 0 1px #160903,0 0 0 3px #c9a24a8c,0 0 0 4px #160903,0 34px 70px #000000b3,0 10px 22px #00000080}.board-wrap .corner{width:calc(var(--u) * .62);height:calc(var(--u) * .62);color:#d9b25c;z-index:3;pointer-events:none;filter:drop-shadow(0 1px #0009);position:absolute}.board-wrap .corner svg{width:100%;height:100%;display:block}.board-wrap .corner.tl{left:calc(var(--u) * .05);top:calc(var(--u) * .05)}.board-wrap .corner.tr{right:calc(var(--u) * .05);top:calc(var(--u) * .05);transform:scaleX(-1)}.board-wrap .corner.bl{left:calc(var(--u) * .05);bottom:calc(var(--u) * .05);transform:scaleY(-1)}.board-wrap .corner.br{right:calc(var(--u) * .05);bottom:calc(var(--u) * .05);transform:scale(-1)}.board{--pad:calc(var(--u) * .62);--pd:calc(var(--u) * .88);width:calc(var(--u) * 8 + var(--pad) * 2);height:calc(var(--u) * 9 + var(--pad) * 2);border-radius:calc(var(--u) * .08);box-shadow:0 0 0 1px #1a0c04, 0 0 0 2px #f0d27ea6, inset 0 0 calc(var(--u) * .8) #5a320f80, inset 0 0 0 1px #fff0c840;touch-action:manipulation;background:radial-gradient(70% 55% at 50% 45%,#fff0c847,#0000 70%),repeating-linear-gradient(97deg,#78461400 0,#7846140f 3px,#78461400 9px,#5a320a0d 16px,#78461400 22px),linear-gradient(160deg,#ecce93 0%,#ddb576 38%,#d3a565 68%,#c48f52 100%);position:relative}.board:before{content:"";border-radius:inherit;background-image:var(--noise);opacity:.4;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.board>svg.grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.grid .ln{stroke:#4a2e14;stroke-width:1.4px;stroke-linecap:square}.grid .frame{stroke:#4a2e14;stroke-width:3px;fill:none}.grid .mark{stroke:#4a2e14;stroke-width:1.3px;fill:none}.grid .river-txt{font-family:var(--f-brush);fill:#4a2e14b8}.grid .river-band{fill:url(#riverGrad)}.board .layer{pointer-events:none;position:absolute;inset:0}.board .hit{cursor:pointer;pointer-events:auto;position:absolute;inset:0}.hint-dot,.hint-cap,.hint-skill,.hint-last,.hint-check,.hint-preview{pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hint-dot{width:calc(var(--u) * .26);height:calc(var(--u) * .26);background:radial-gradient(circle,#285a32e6 0 45%,#285a3200 70%);border-radius:50%;animation:.18s both dotIn;box-shadow:0 0 0 2px #fffadc80}@keyframes dotIn{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.hint-cap{width:calc(var(--pd) * 1.18);height:calc(var(--pd) * 1.18);z-index:6;filter:drop-shadow(0 0 4px #ff3c28cc);background:linear-gradient(#e33 0 0) 0 0/28% 3px no-repeat,linear-gradient(#e33 0 0) 0 0/3px 28% no-repeat,linear-gradient(#e33 0 0) 100% 0/28% 3px no-repeat,linear-gradient(#e33 0 0) 100% 0/3px 28% no-repeat,linear-gradient(#e33 0 0) 0 100%/28% 3px no-repeat,linear-gradient(#e33 0 0) 0 100%/3px 28% no-repeat,linear-gradient(#e33 0 0) 100% 100%/28% 3px no-repeat,linear-gradient(#e33 0 0) 100% 100%/3px 28% no-repeat;animation:.9s ease-in-out infinite alternate capPulse}@keyframes capPulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.08)}}.hint-skill{width:calc(var(--pd) * .98);height:calc(var(--pd) * .98);z-index:7;background:radial-gradient(circle,#ffd26447,#ffd26400 70%);border:2px dashed #ffdc78f2;border-radius:50%;animation:1.1s ease-in-out infinite skPulse;box-shadow:0 0 14px #ffc850bf,inset 0 0 12px #ffc85073}.hint-skill.empty{width:calc(var(--u) * .5);height:calc(var(--u) * .5)}.hint-skill.picked{background:radial-gradient(circle,#ffd2648c,#ffd2641a 70%);border-style:solid;animation:none}@keyframes skPulse{0%,to{transform:translate(-50%,-50%)scale(.92)rotate(0)}50%{transform:translate(-50%,-50%)scale(1.04)rotate(20deg)}}.hint-preview{width:calc(var(--u) * .86);height:calc(var(--u) * .86);z-index:2;background:#ffc85040;border-radius:8px;box-shadow:inset 0 0 0 2px #ffdc78b3}.hint-preview.fire{background:#ff6e1e59;box-shadow:inset 0 0 0 2px #ff963cd9}.hint-preview.water{background:#3c96ff47;box-shadow:inset 0 0 0 2px #78beffd9}.hint-preview.stone{background:#786e6466;box-shadow:inset 0 0 0 2px #c8beaad9}.hint-last{width:calc(var(--pd) * 1.06);height:calc(var(--pd) * 1.06);z-index:1;border:2px solid #3c78ff00;border-radius:50%;box-shadow:0 0 0 2px #285ac873}.hint-last.from{width:calc(var(--u) * .3);height:calc(var(--u) * .3);background:#285ac81f;box-shadow:0 0 0 2px #285ac866}.hint-check{width:calc(var(--pd) * 1.5);height:calc(var(--pd) * 1.5);z-index:3;background:radial-gradient(circle,#ff281e8c,#ff281e00 65%);border-radius:50%;animation:.7s ease-in-out infinite alternate checkPulse}@keyframes checkPulse{0%{opacity:.55;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}svg.threat-lines{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.threat-lines line{stroke:#ff321ed9;stroke-width:3px;stroke-dasharray:10 7;filter:drop-shadow(0 0 4px #ff2814e6);animation:.6s linear infinite dash}.threat-lines line.chain{stroke:#e6c88cf2;stroke-width:4px;stroke-dasharray:6 4;filter:drop-shadow(0 0 3px #000c);animation:none}@keyframes dash{to{stroke-dashoffset:-17px}}.tile{width:calc(var(--u) * .94);height:calc(var(--u) * .94);pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.tile.barrier{z-index:5;background:linear-gradient(135deg,#0000 46%,#1e140a8c 47%,#0000 49%),linear-gradient(60deg,#0000 60%,#1e140a73 61%,#0000 63%),radial-gradient(circle at 30% 25%,#b8ab98,#7e7262 60%,#514839);border-radius:6px;animation:.45s cubic-bezier(.2,1.6,.4,1) both rise;box-shadow:0 6px #3b3227,0 10px 14px #0000008c,inset 0 2px #ffffff40}.tile.barrier:after{content:"断";font-family:var(--f-brush);font-size:calc(var(--u) * .42);color:#1e140a99;text-shadow:0 1px #fff3;place-items:center;display:grid;position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translate(-50%,30%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tile.fire{z-index:1;width:calc(var(--u) * .9);height:calc(var(--u) * .9);box-shadow:0 0 calc(var(--u) * .28) #ff6014a6;background:radial-gradient(circle,#ffeea0f2 0%,#ff9628e0 26%,#d63810c7 50%,#6e160673 64%,#500f0500 72%);border-radius:50%;animation:.5s ease-in-out infinite alternate firePulse}.tile.fire:after{content:"火";font-family:var(--f-brush);font-size:calc(var(--u) * .36);color:#781404d9;place-items:center;display:grid;position:absolute;inset:0}@keyframes firePulse{0%{opacity:.75;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.tile.trap{z-index:1;width:calc(var(--u) * .46);height:calc(var(--u) * .64);background:linear-gradient(#f3e3a8,#e6cc7a);border-radius:2px;animation:2.4s ease-in-out infinite talisman;box-shadow:0 0 12px #a050ffd9,0 2px 4px #0006}.tile.trap:after{content:"计";font-family:var(--f-brush);font-size:calc(var(--u) * .34);color:#a3231c;place-items:center;display:grid;position:absolute;inset:0}.tile.trap .life{color:#f0dcff;font-size:10px;font-family:var(--f-serif);background:#4a1a6a;border-radius:8px;padding:0 4px;line-height:14px;position:absolute;bottom:-8px;right:-8px}@keyframes talisman{0%,to{transform:translate(-50%,-50%)rotate(-6deg)}50%{transform:translate(-50%,-58%)rotate(6deg)}}.tile.maze{z-index:1;width:calc(var(--u) * 1.02);height:calc(var(--u) * 1.02);filter:drop-shadow(0 0 6px #78dcffcc);animation:14s linear infinite spin}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.guard{height:calc(var(--u) * .5);pointer-events:none;z-index:3;background:linear-gradient(#78c8ff00,#50aaff8c 45%,#2878dca6 55%,#78c8ff00);border-radius:6px;animation:.4s both fadeIn;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 18px #50aaff99}.guard:before{content:"";background:repeating-linear-gradient(90deg,#fff0 0 10px,#ffffff59 10px 12px,#fff0 12px 22px);animation:1.2s linear infinite waves;position:absolute;inset:0}.guard:after{content:"江 防";font-family:var(--f-brush);color:#ebf8fff2;font-size:calc(var(--u) * .28);letter-spacing:.4em;text-shadow:0 0 6px #1450a0e6;place-items:center;display:grid;position:absolute;inset:0}@keyframes waves{to{transform:translate(22px)}}.pc{--fc:#8a2a20;width:var(--pd);height:var(--pd);margin:calc(var(--pd) / -2) 0 0 calc(var(--pd) / -2);z-index:10;will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.pc .lift{transition:transform .16s;position:absolute;inset:0}.pc .shadow{transform-origin:50% 60%;translate:calc(var(--u) * .035) calc(var(--u) * .11);background:radial-gradient(closest-side,#1e0e029e,#1e0e0252 62%,#1e0e0200 100%);border-radius:50%;transition:transform .16s,opacity .16s;position:absolute;inset:2%;scale:1.06}.pc .body{box-shadow:0 calc(var(--u) * .045) 0 #a26e36, 0 calc(var(--u) * .075) 0 #6e4519, inset 0 calc(var(--u) * .022) 0 #fff9, inset 0 calc(var(--u) * -.035) calc(var(--u) * .06) #78461461;background:radial-gradient(circle at 34% 26%,#fffcf0d9 0,#fffcf000 32%),radial-gradient(circle at 50% 42%,#fbf0d4 0%,#f2ddb0 44%,#ddb97f 76%,#b98a4e 100%);border-radius:50%;position:absolute;inset:0}.pc .ring{border:calc(var(--u) * .026) solid var(--fc);opacity:.88;border-radius:50%;position:absolute;inset:9%;box-shadow:0 1px #ffffff8c,inset 0 1px 1px #3c140059}.pc .glyph{font-family:var(--f-brush);font-size:calc(var(--pd) * .56);color:var(--fc);text-shadow:0 1px #fffae6d9,0 -1px #3c140047;place-items:center;padding-bottom:4%;line-height:1;display:grid;position:absolute;inset:0}.pc.hero .body{box-shadow:0 calc(var(--u) * .045) 0 #7a4f1c, 0 calc(var(--u) * .075) 0 #4a2e0e;background:#1a140e;overflow:hidden}.pc.hero .art{border-radius:50%;position:absolute;inset:0;overflow:hidden}.pc.hero .art>svg,.pc.hero .art>img{object-fit:cover;width:100%;height:100%;display:block}.pc.hero .rim{pointer-events:none;box-shadow:inset 0 0 0 calc(var(--u) * .03) #f0d27e, inset 0 0 0 calc(var(--u) * .048) #5e3f10, inset 0 0 0 calc(var(--u) * .058) #f0d27e8c, inset 0 calc(var(--u) * .1) calc(var(--u) * .12) #fff5dc38, inset 0 calc(var(--u) * -.08) calc(var(--u) * .12) #00000073;background:radial-gradient(circle at 34% 24%,#fffaeb52,#fffaeb00 34%);border-radius:50%;position:absolute;inset:0}.pc.hero .badge{border:calc(var(--u) * .02) solid var(--fc);width:50%;height:34%;font-family:var(--f-brush);font-size:calc(var(--pd) * .28);color:var(--fc);box-shadow:0 0 0 calc(var(--u) * .014) #f0d27e, 0 2px 3px #0000008c;text-shadow:0 1px #fffae6cc;background:radial-gradient(circle at 40% 30%,#fff7e2,#ecd09a 68%,#c99c58);border-radius:40%/50%;place-items:center;line-height:1;display:grid;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.pc.lord .rim{box-shadow:inset 0 0 0 calc(var(--u) * .035) #f6dc8a, inset 0 0 0 calc(var(--u) * .055) #5e3f10, inset 0 0 0 calc(var(--u) * .068) #f6dc8a, inset 0 calc(var(--u) * .1) calc(var(--u) * .12) #fff5dc40, inset 0 calc(var(--u) * -.08) calc(var(--u) * .12) #00000073}.pc.lord .body{box-shadow:0 calc(var(--u) * .045) 0 #7a4f1c, 0 calc(var(--u) * .075) 0 #4a2e0e, 0 0 calc(var(--u) * .32) color-mix(in srgb, var(--fc) 70%, transparent)}.pc.selectable .lift{cursor:pointer}.pc.sel{z-index:20}.pc.sel .lift{transform:translateY(calc(var(--u) * -.14)) scale(1.07)}.pc.sel .shadow{transform:translate(calc(var(--u) * .03), calc(var(--u) * .06)) scale(.9);opacity:.6}.pc.sel .body:before{content:"";inset:calc(var(--u) * -.07);z-index:-1;background:conic-gradient(#ffe9a0,#fff8d8,#e8b84a,#ffe9a0,#fff8d8,#e8b84a,#ffe9a0);border-radius:50%;animation:2.4s linear infinite selSpin;position:absolute}.pc.sel .body,.pc.hero.sel .body{overflow:visible}.pc.hero.sel .art{overflow:hidden}@keyframes selSpin{to{transform:rotate(360deg)}}.pc.hoverable:hover .lift{transform:translateY(calc(var(--u) * -.06))}.pc.hoverable:hover .shadow{transform:translate(calc(var(--u) * .015), calc(var(--u) * .03)) scale(.95)}.pc.stunned .body{filter:saturate(.4)brightness(.8)}.pc.converted .body{box-shadow:0 0 0 calc(var(--u) * .04) #ff7fbf, 0 0 calc(var(--u) * .3) #ff6ebed9, 0 calc(var(--u) * .1) calc(var(--u) * .16) #0000008c}.pc.immune .body{box-shadow:0 0 0 calc(var(--u) * .04) #8fa8ff, 0 0 calc(var(--u) * .34) #788cffd9;opacity:.85}.pc.locked .lift:after{content:"";z-index:1;pointer-events:none;filter:drop-shadow(0 1px 1px #000000b3);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><g id='c'><ellipse cx='6' cy='50' rx='7' ry='4.4'/><ellipse cx='17' cy='50' rx='7' ry='1.3'/><ellipse cx='28' cy='50' rx='7' ry='4.4'/><ellipse cx='39' cy='50' rx='7' ry='1.3'/><ellipse cx='50' cy='50' rx='7' ry='4.4'/><ellipse cx='61' cy='50' rx='7' ry='1.3'/><ellipse cx='72' cy='50' rx='7' ry='4.4'/><ellipse cx='83' cy='50' rx='7' ry='1.3'/><ellipse cx='94' cy='50' rx='7' ry='4.4'/></g></defs><g fill='none' stroke-linecap='round'><g stroke='%23181410' stroke-width='5.4'><use href='%23c' transform='rotate(45 50 50)'/><use href='%23c' transform='rotate(-45 50 50)'/></g><g stroke='%23cfd3d6' stroke-width='2.6'><use href='%23c' transform='rotate(45 50 50)'/><use href='%23c' transform='rotate(-45 50 50)'/></g></g></svg>") 50%/100% 100% no-repeat;animation:.35s cubic-bezier(.2,1.5,.4,1) both chainIn;position:absolute;inset:-4%}@keyframes chainIn{0%{opacity:0;transform:scale(1.6)}}.pc.locked .body{filter:saturate(.55)brightness(.88)}.pc.stunned .lift:before{content:"";aspect-ratio:1;z-index:1;pointer-events:none;border:calc(var(--u) * .045) dotted #ffd25a;width:72%;filter:drop-shadow(0 0 calc(var(--u) * .06) #ffae00);border-radius:50%;animation:1.3s linear infinite dizzy;position:absolute;top:-48%;left:14%}@keyframes dizzy{0%{transform:rotateX(72deg)rotate(0)}to{transform:rotateX(72deg)rotate(360deg)}}.pc.warded .body{box-shadow:0 0 0 calc(var(--u) * .04) #9fe0b8, 0 0 calc(var(--u) * .3) #78e6aabf, 0 calc(var(--u) * .1) calc(var(--u) * .16) #0000008c;animation:2.2s ease-in-out infinite alternate wardPulse}@keyframes wardPulse{to{box-shadow:0 0 0 calc(var(--u) * .05) #c8f5da, 0 0 calc(var(--u) * .45) #78e6aaf2, 0 calc(var(--u) * .1) calc(var(--u) * .16) #0000008c}}.pc.countering .body{box-shadow:0 0 0 calc(var(--u) * .035) #b26bff, 0 0 calc(var(--u) * .32) #a05affb3, 0 calc(var(--u) * .1) calc(var(--u) * .16) #0000008c}.pc.threat .body{animation:.6s ease-in-out infinite alternate threatGlow}@keyframes threatGlow{to{box-shadow:0 0 0 calc(var(--u) * .05) #ff3a2a, 0 0 calc(var(--u) * .45) #ff321ef2}}.pc .chips{z-index:2;flex-direction:column;gap:2px;display:flex;position:absolute;top:-12%;right:-14%}.pc .chip{width:calc(var(--u) * .27);height:calc(var(--u) * .27);font-family:var(--f-brush);font-size:calc(var(--u) * .17);color:#fff;border-radius:50%;place-items:center;line-height:1;animation:.3s cubic-bezier(.2,1.6,.4,1) both chipIn;display:grid;box-shadow:0 1px 3px #0009,inset 0 0 0 1px #fff6}@keyframes chipIn{0%{transform:scale(0)}to{transform:scale(1)}}.chip.stun{background:#c28a12}.chip.immune{background:#4a5bd0}.chip.lock{background:#6b6b6b}.chip.convert{background:#d1478f}.chip.ward{background:#2f8f5b}.chip.counter{background:#5a2d8a}.chip.shield{background:#2d5fa8}.chip.revived{background:#3aa070}.chip.cd{color:#f2d48a;font-family:var(--f-serif,serif);background:#3b3229;font-weight:600;box-shadow:0 1px 3px #0009,inset 0 0 0 1px #f2d48a8c}.pc.huangjin .body{background:radial-gradient(circle at 34% 26%,#fff8d2e6 0,#fff8d200 34%),radial-gradient(circle at 50% 55%,#f3d36b 0,#d9a92c 62%,#a8781a 100%)}.pc.huangjin .ring{border-style:dashed;border-color:#7a4f10}.pc.huangjin .glyph{color:#5a3a08}.pc.facedown .art,.pc.facedown .badge,.pc.facedown .glyph{visibility:hidden}.pc.facedown .body{box-shadow:0 calc(var(--u) * .05) 0 #2a1a08, 0 calc(var(--u) * .1) calc(var(--u) * .16) #0000008c;background:radial-gradient(circle at 38% 30%,#8a6a3e,#5c4224 70%,#3d2a14)}.pc.facedown .body:after{content:"?";font-family:var(--f-brush);font-size:calc(var(--pd) * .5);color:#f0d68a99;place-items:center;display:grid;position:absolute;inset:0}.pc.dying{z-index:30}.pop-text{font-family:var(--f-wild);color:#fff;pointer-events:none;white-space:nowrap;z-index:60;text-shadow:0 0 2px #000, 0 0 12px var(--pc,#e33), 0 0 30px var(--pc,#e33), 3px 3px 0 #000;animation:1.1s cubic-bezier(.2,1.4,.4,1) forwards popText;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@keyframes popText{0%{opacity:0;transform:translate(-50%,-50%)scale(3.2)rotate(-14deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-6deg)}22%{transform:translate(-50%,-50%)scale(1.06)rotate(-6deg)}70%{opacity:1;transform:translate(-50%,-62%)scale(1)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-90%)scale(.9)rotate(-6deg)}}.banner-msg{z-index:62;pointer-events:none;text-align:center;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.banner-msg .bm-band{background:linear-gradient(90deg,#0000,#0a0806e0 18% 82%,#0000);padding:14px 80px;animation:1.6s forwards bandIn}.banner-msg .bm-t{font-family:var(--f-brush);color:var(--paper);letter-spacing:.2em;white-space:nowrap;font-size:clamp(34px,5vw,56px)}.banner-msg .bm-s{color:var(--dim);letter-spacing:.3em;margin-top:2px;font-size:13px}@keyframes bandIn{0%{opacity:0;transform:scaleX(.4)}15%{opacity:1;transform:scaleX(1)}80%{opacity:1}to{opacity:0}}.check-stamp{z-index:63;pointer-events:none;font-family:var(--f-wild);color:#ff3222;text-shadow:0 0 20px #ff1e14e6,0 0 60px #ff1e1499,5px 5px #000;white-space:nowrap;font-size:clamp(90px,16vw,200px);line-height:1;animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards stamp;position:fixed;top:50%;left:50%}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(4)rotate(-20deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(-8deg)}20%{transform:translate(-50%,-50%)scale(1.05)rotate(-8deg)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)rotate(-8deg)}}.cutin{--fc:#b83a2e;--fl:#e07a6e;z-index:58;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cutin .dim{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--fc) 18%, #0003), #000000bd 75%);animation:ciDim var(--dur) ease forwards;position:absolute;inset:0}@keyframes ciDim{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.cutin .band{background:linear-gradient(90deg, color-mix(in srgb, var(--fc) 62%, #000) 0%, color-mix(in srgb, var(--fc) 34%, #000) 55%, #0b0806 100%);height:clamp(170px,32vh,300px);box-shadow:0 0 0 3px #f0d68aeb, 0 0 0 6px #0a0604eb, 0 0 0 7px #f0d68a59, 0 0 90px color-mix(in srgb, var(--fc) 70%, transparent);animation:ciBand var(--dur) cubic-bezier(.2, .9, .2, 1) forwards;position:absolute;top:50%;left:-10%;right:-10%;overflow:hidden;transform:translateY(-50%)skewY(-6deg)}.cutin.right .band{background:linear-gradient(270deg, color-mix(in srgb, var(--fc) 62%, #000) 0%, color-mix(in srgb, var(--fc) 34%, #000) 55%, #0b0806 100%);animation-name:ciBandR}@keyframes ciBand{0%{transform:translateY(-50%)skewY(-6deg)translate(-110%)}13%{transform:translateY(-50%)skewY(-6deg)translate(0)}84%{opacity:1;transform:translateY(-50%)skewY(-6deg)translate(1.5%)}to{opacity:.9;transform:translateY(-50%)skewY(-6deg)translate(110%)}}@keyframes ciBandR{0%{transform:translateY(-50%)skewY(6deg)translate(110%)}13%{transform:translateY(-50%)skewY(6deg)translate(0)}84%{opacity:1;transform:translateY(-50%)skewY(6deg)translate(-1.5%)}to{opacity:.9;transform:translateY(-50%)skewY(6deg)translate(-110%)}}.cutin .band .art{width:52%;animation:ciArt var(--dur) linear forwards;position:absolute;top:-20%;bottom:-20%;left:1%;transform:skewY(6deg);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12% 52%,#0000 90%);mask-image:linear-gradient(90deg,#0000 0,#000 12% 52%,#0000 90%)}.cutin.right .band .art{animation-name:ciArtR;left:auto;right:1%;transform:skewY(-6deg);-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 12% 52%,#0000 90%);mask-image:linear-gradient(270deg,#0000 0,#000 12% 52%,#0000 90%)}.cutin .band .art>svg,.cutin .band .art>img{object-fit:cover;width:100%;height:100%;display:block}@keyframes ciArt{0%{translate:-5%;scale:1.12}to{translate:3%;scale:1}}@keyframes ciArtR{0%{translate:5%;scale:1.12}to{translate:-3%;scale:1}}.cutin .band .shade{background:linear-gradient(90deg,#0000 38%,#00000080 70%,#000000b8);position:absolute;inset:0}.cutin.right .band .shade{background:linear-gradient(270deg,#0000 38%,#00000080 70%,#000000b8)}.cutin .speed{mix-blend-mode:screen;background:repeating-linear-gradient(90deg,#fff0 0 40px,#ffffff0f 40px 42px,#fff0 42px 90px,#ffffff1a 90px 91px);animation:.25s linear infinite speedLines;position:absolute;inset:0}.cutin.right .speed{animation-direction:reverse}@keyframes speedLines{to{transform:translate(-91px)}}.cutin .shine{width:16%;animation:ciShine var(--dur) ease-out forwards;background:linear-gradient(90deg,#fff0c800,#fff4d652,#fff0c800);position:absolute;top:-10%;bottom:-10%;left:-25%;transform:skew(-22deg)}@keyframes ciShine{0%,12%{left:-25%}42%{left:115%}to{left:115%}}.cutin .portrait{aspect-ratio:1;height:clamp(240px,48vh,450px);animation:ciPortrait var(--dur) cubic-bezier(.2, .9, .2, 1) forwards;filter:drop-shadow(0 0 30px #000c);position:absolute;top:50%;left:5%;transform:translateY(-50%)}.cutin.right .portrait{animation-name:ciPortraitR;left:auto;right:5%}.cutin .portrait>img,.cutin .portrait>svg{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 71%);mask-image:radial-gradient(circle,#000 55%,#0000 71%)}@keyframes ciPortrait{0%{opacity:0;transform:translateY(-50%)translate(-60%)scale(1.3)}18%{opacity:1;transform:translateY(-50%)translate(0)scale(1)}84%{opacity:1;transform:translateY(-50%)translate(4%)scale(1.03)}to{opacity:0;transform:translateY(-50%)translate(30%)scale(1.05)}}@keyframes ciPortraitR{0%{opacity:0;transform:translateY(-50%)translate(60%)scale(1.3)}18%{opacity:1;transform:translateY(-50%)translate(0)scale(1)}84%{opacity:1;transform:translateY(-50%)translate(-4%)scale(1.03)}to{opacity:0;transform:translateY(-50%)translate(-30%)scale(1.05)}}.cutin .texts{flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;left:47%;right:4%;transform:translateY(-50%)rotate(-6deg)}.cutin.right .texts{text-align:right;align-items:flex-end;left:4%;right:47%;transform:translateY(-50%)rotate(6deg)}.cutin .rays{width:0;height:0;position:absolute;top:34%;left:32%}.cutin.right .rays{left:auto;right:32%}.cutin .rays:before{content:"";background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--fl) 40%, #ffe6a04d) 0deg 2.5deg, #0000 2.5deg 10deg);width:92vmin;height:92vmin;animation:ciRays var(--dur) linear forwards;border-radius:50%;position:absolute;top:-46vmin;left:-46vmin;-webkit-mask-image:radial-gradient(closest-side,#000 18%,#0000 100%);mask-image:radial-gradient(closest-side,#000 18%,#0000 100%)}@keyframes ciRays{0%{opacity:0;transform:rotate(0)scale(.5)}14%{opacity:.9;transform:rotate(6deg)scale(1)}84%{opacity:.8;transform:rotate(24deg)scale(1.04)}to{opacity:0;transform:rotate(30deg)scale(1.1)}}.cutin .sk{font-family:var(--f-wild);font-size:min(clamp(54px, 9vw, 128px), calc(44vw / var(--len,4)));color:#fff;white-space:nowrap;text-shadow:0 0 2px #000, 4px 4px 0 #000000d9, 0 0 26px color-mix(in srgb, var(--fl) 70%, #ffdc8ccc);animation:ciText var(--dur) cubic-bezier(.2, 1.3, .3, 1) forwards, ciWipe var(--dur) cubic-bezier(.3, .8, .3, 1) forwards;line-height:1.05;position:relative}.cutin.right .sk{animation-name:ciText,ciWipeR}@keyframes ciText{0%{opacity:0;transform:scale(1.7)translate(6%)}12%{opacity:1;transform:scale(1)}18%{transform:scale(1.06)}24%{transform:scale(1)}80%{opacity:1;transform:scale(1.02)}94%,to{opacity:0;transform:scale(1.08)}}@keyframes ciWipe{0%,6%{clip-path:inset(-30% 110% -30% -10%)}28%,to{clip-path:inset(-30% -10%)}}@keyframes ciWipeR{0%,6%{clip-path:inset(-30% -10% -30% 110%)}28%,to{clip-path:inset(-30% -10%)}}.cutin .who{font-family:var(--f-brush);color:var(--gold2);letter-spacing:.2em;text-shadow:0 2px #000c;animation:ciSub var(--dur) ease forwards;font-size:clamp(20px,2.6vw,32px);position:relative}.cutin .quote{font-family:var(--f-run);color:#fff4e0f0;text-shadow:0 2px #000c;animation:ciSub var(--dur) ease forwards;font-size:clamp(18px,2.2vw,28px);animation-delay:60ms;position:relative}@keyframes ciSub{0%,14%{opacity:0;transform:translateY(14px)}28%{opacity:1;transform:none}76%{opacity:1}90%,to{opacity:0}}.cutin .flash{animation:ciFlash var(--dur) ease-out forwards;background:radial-gradient(#fffaecbf,#fffaec00 70%);position:absolute;inset:0}@keyframes ciFlash{0%{opacity:0}4%{opacity:1}14%,to{opacity:0}}.cutin.mini .band{height:clamp(90px,15vh,140px)}.cutin.mini .sk{font-size:min(clamp(36px, 5vw, 64px), calc(36vw / var(--len,4)))}.cutin.mini .portrait{height:clamp(120px,22vh,200px)}.cutin.mini .rays:before{width:52vmin;height:52vmin;top:-26vmin;left:-26vmin}.finale{--fc:#c9a24a;--fl:#f0d68a;z-index:66;pointer-events:auto;-webkit-backdrop-filter:blur(3px)saturate(.6);background:radial-gradient(#0a070599,#000000ed 78%);place-items:center;animation:.8s both fadeIn;display:grid;position:fixed;inset:0}.finale .inner{flex-direction:column;align-items:center;gap:16px;padding:0 16px;display:flex}.finale .mark{place-items:center;display:grid;position:relative}.finale .splash{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--fc) 60%, transparent) 0%, color-mix(in srgb, var(--fc) 20%, transparent) 42%, transparent 68%);filter:blur(8px);border-radius:50%;width:170%;animation:1.4s ease-out both finSplash;position:absolute}@keyframes finSplash{0%{opacity:0;transform:scale(.2)}40%{opacity:1}}.finale .big{font-family:var(--f-wild);color:var(--gold2);text-shadow:0 0 40px #ffc85099,6px 6px #000;font-size:clamp(120px,22vw,250px);line-height:1;animation:1.2s cubic-bezier(.2,1.4,.4,1) both stamp2;position:relative}@keyframes stamp2{0%{opacity:0;transform:scale(4)rotate(-18deg)}30%{opacity:1;transform:scale(.95)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.finale .fin-seal{width:1.45em;height:1.45em;font-size:clamp(26px,3.4vw,42px);animation:.45s cubic-bezier(.2,1.4,.4,1) .95s both stamp2;position:absolute;bottom:.25em;right:-.35em;box-shadow:inset 0 0 0 2px #ffe6d266,0 4px 14px #0009}.finale .line{font-family:var(--f-brush);color:var(--paper);letter-spacing:.15em;text-align:center;text-shadow:0 3px 12px #000;font-size:clamp(24px,3.4vw,40px);animation:.7s .5s both riseIn}.finale .victor{border:1px solid color-mix(in srgb, var(--fc) 55%, transparent);background:#140f0abf;border-radius:40px;align-items:center;gap:12px;padding:6px 20px 6px 6px;animation:.6s .8s both riseIn;display:flex}.finale .victor .av{width:50px;height:50px;box-shadow:0 0 0 2px var(--fc), 0 0 18px color-mix(in srgb, var(--fc) 70%, transparent);border-radius:50%;overflow:hidden}.finale .victor .av>*{object-fit:cover;width:100%;height:100%;display:block}.finale .victor .nm{font-family:var(--f-brush);color:var(--paper);font-size:22px;line-height:1.1}.finale .victor .sub{color:var(--fl);opacity:.8;letter-spacing:.08em;font-size:12px}.finale .stats{flex-wrap:wrap;justify-content:center;gap:6px;animation:.6s 1s both riseIn;display:flex}.finale .st{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;align-items:center;min-width:96px;padding:6px 14px;display:flex}.finale .st b{font-family:var(--f-serif);color:var(--gold2);font-size:26px;font-weight:700;line-height:1.2}.finale .st span{color:var(--dim);letter-spacing:.1em;font-size:12px}.finale .btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;animation:.6s 1.2s both riseIn;display:flex}.finale.lost .big{color:#a9adb2;text-shadow:0 0 30px #788ca059,6px 6px #000}.finale.lost .splash{background:radial-gradient(circle,#5a646e73,#0000 65%)}.modal-back{pointer-events:auto;background:#0009;place-items:center;padding:16px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:88vh;padding:20px 22px;animation:.3s both riseIn;overflow:auto}.modal h3{font-family:var(--f-brush);color:var(--gold2);letter-spacing:.1em;margin:0 0 14px;font-size:26px;font-weight:400}.modal .row{border-bottom:1px dashed #c9a24a26;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:grid}.modal .row:last-of-type{border-bottom:none}.modal input[type=range]{width:100%;accent-color:var(--gold)}.seg{border:1px solid var(--line);border-radius:4px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--dim);white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:13px}.seg button.on{color:var(--paper);background:#c9a24a40}.modal .btns{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.picker-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.picker-item{--fc:#888;border:1px solid var(--line);cursor:pointer;background:#1e1812cc;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.picker-item:hover{border-color:var(--gold)}.picker-item .av{width:64px;height:64px;box-shadow:0 0 0 2px var(--fc);border-radius:50%;overflow:hidden}.picker-item .av>*{object-fit:cover;width:100%;height:100%;display:block}.picker-item .nm{font-family:var(--f-brush);font-size:18px}.picker-item .sk{color:var(--gold2);text-align:center;font-size:11px}.picker-tip{color:var(--dim);margin:-6px 0 12px;font-size:13px}.sheet-back{pointer-events:auto;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.sheet{--fc:var(--gold);width:min(560px,100%);max-height:80vh;padding:16px 18px calc(14px + env(safe-area-inset-bottom,0px));border-bottom:none;border-top:3px solid var(--fc);background:linear-gradient(#2a2219,#17130f);border-radius:14px 14px 0 0;gap:10px;animation:.22s cubic-bezier(.2,.9,.3,1) both sheetUp;display:grid;overflow:auto}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}}.sh-top{grid-template-columns:84px 1fr;align-items:center;gap:14px;display:grid}.sh-art{aspect-ratio:3/4;width:84px;box-shadow:0 0 0 1px var(--line), 0 6px 16px #00000080;background:#000;border-radius:6px;overflow:hidden}.sh-art>*{object-fit:cover;width:100%;height:100%;display:block}.sh-nm{font-family:var(--f-brush);font-size:30px;line-height:1.15}.sh-nm small{font-family:var(--f-serif);color:var(--dim);margin-left:8px;font-size:13px}.sh-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.sh-tags .tag{padding:1px 7px;font-size:12px}.sh-tags .tag.type{font-size:14px}.sh-who{color:var(--dim);letter-spacing:.06em;margin-top:6px;font-size:13px}.sh-sk{font-family:var(--f-brush);color:var(--gold2);flex-wrap:wrap;align-items:center;gap:10px;font-size:24px;display:flex}.sh-cd{font-family:var(--f-serif);color:#f2d48a;background:#3b3229;border-radius:3px;padding:1px 8px;font-size:13px;box-shadow:inset 0 0 0 1px #f2d48a8c}.sh-tx{color:#ecdfc2;font-size:16px;line-height:1.75}.sh-st{flex-wrap:wrap;gap:6px;display:flex}.sh-st span{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:2px 8px;font-size:13px}.sh-close{text-align:center;color:var(--dim);letter-spacing:.2em;font-size:12px}.toast{z-index:64;pointer-events:auto;color:var(--paper);letter-spacing:.06em;white-space:nowrap;border-color:var(--gold);padding:10px 18px;font-size:15px;animation:3s both toastIn;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}8%{opacity:1;transform:translate(-50%)}88%{opacity:1}to{opacity:0}}.dock{display:none}.dock .dot{background:var(--fc,#888);width:10px;height:10px;box-shadow:0 0 8px var(--fc,#888);border-radius:50%;flex:none}.dock .dk-t{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.dock .dk-t b{color:var(--paper);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.dock .dk-t span{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.dock .dk-hero{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.dock .dk-hero .dk-t span{color:var(--gold2)}.dock .av{width:40px;height:40px;color:var(--fc);font-family:var(--f-brush);box-shadow:0 0 0 2px var(--fc);background:#f2ddb0;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid;overflow:hidden}.dock .av>svg,.dock .av>img{object-fit:cover;width:100%;height:100%;display:block}.dock .btn{flex:none;min-height:40px;padding:0 12px;font-size:14px}.more-menu{left:16px;right:16px;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:45;gap:8px;max-width:260px;margin:0 auto;padding:12px;animation:.2s both riseIn;display:grid;position:fixed}.prompt-bar{z-index:30;white-space:nowrap;align-items:center;gap:10px;padding:8px 14px;animation:.3s both riseIn;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,100%)}.prompt-bar .t{font-family:var(--f-brush);color:var(--gold2);font-size:20px}.tooltip{z-index:80;pointer-events:none;max-width:280px;padding:10px 12px;font-size:12.5px;line-height:1.6;animation:.12s both fadeIn;position:fixed}.tooltip .tt-n{font-family:var(--f-brush);color:var(--paper);font-size:20px}.tooltip .tt-s{color:var(--gold2);margin-top:2px}.tooltip .tt-x{color:#d6c7a6;margin-top:2px}.codex{z-index:1;flex-direction:column;display:flex;position:absolute;inset:0}.codex-head{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.codex-head h2{font-family:var(--f-brush);letter-spacing:.15em;margin:0;font-size:32px;font-weight:400}.codex-tabs{flex-wrap:wrap;gap:6px;display:flex}.codex-tabs button{--fc:#888;border:1px solid var(--line);cursor:pointer;font-family:var(--f-brush);color:var(--dim);background:#1e1812cc;border-radius:4px;padding:6px 14px;font-size:18px}.codex-tabs button.on{color:#fff4e0;background:var(--fc);border-color:#0000}.codex-body{flex:1;padding:4px 18px 24px;overflow:auto}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.codex-grid .hcard{cursor:default;width:auto}.codex-fac{border-left:3px solid var(--fc);background:linear-gradient(90deg, color-mix(in srgb, var(--fc) 22%, transparent), transparent 70%);align-items:center;gap:14px;margin:2px 0 16px;padding:10px 14px;animation:.4s both riseIn;display:flex}.codex-fac .seal{background:var(--fc);width:46px;height:46px;font-size:30px}.codex-fac b{font-family:var(--f-brush);color:var(--paper);letter-spacing:.12em;font-size:22px;font-weight:400;display:block}.codex-fac span:not(.seal){color:var(--dim);letter-spacing:.08em;font-size:12.5px}.codex-grid .hcard{animation:riseIn .45s calc(var(--i,0) * 45ms) ease backwards}.codex-grid .hcard:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 35%,#fff0c829 48%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.codex-grid .hcard:hover:after{transform:translate(100%)}.codex-grid .hcard .roles{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.codex-grid .hcard .qt{font-family:var(--f-run);color:#f0d68acc;margin-top:6px;font-size:15px}.codex-grid .hcard.na{opacity:.6}.codex-grid .hcard .na-tag{z-index:2;position:absolute;top:10px;right:10px}.rules{counter-reset:sec;color:#e0d2b2;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;max-width:1120px;margin:0 auto;font-size:14.5px;line-height:1.85;display:grid}.rules section{border:1px solid var(--line);counter-increment:sec;animation:riseIn .45s calc(var(--i,0) * 60ms) ease backwards;background:linear-gradient(#282019eb,#16120ef2);border-radius:6px;padding:14px 20px 10px;position:relative;box-shadow:0 10px 24px #0006,inset 0 1px #f0d68a0f}.rules h3{font-family:var(--f-brush);color:var(--gold2);letter-spacing:.1em;align-items:center;gap:12px;margin:0 0 6px;font-size:23px;font-weight:400;display:flex}.rules h3:before{content:counter(sec, cjk-decimal);background:var(--cinnabar);color:#fff1e0;letter-spacing:0;border-radius:3px;place-items:center;width:30px;height:30px;font-size:17px;display:inline-grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffe6d259}.rules ul{margin:0;padding-left:1.1em}.rules li{margin:3px 0}.rules li::marker{color:var(--gold)}.rules b{color:var(--paper)}.online-root{display:contents}.online-menu{gap:14px;width:min(420px,92vw);display:grid}.online-row{color:var(--dim);letter-spacing:.08em;align-items:center;gap:12px;font-size:14px;display:flex}.online-row>span{flex:none}.online-card{gap:12px;padding:16px;display:grid}.online-input{border:1px solid var(--line);min-width:0;height:42px;color:var(--paper);font:inherit;letter-spacing:.06em;-webkit-user-select:text;user-select:text;background:#14100cd9;border-radius:4px;flex:1;padding:0 12px;font-size:16px}.online-input:focus{border-color:var(--gold);outline:none}.online-input.code{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:20px}.online-tip{color:var(--dim);margin:0;font-size:12px}.online-err{color:#ff8a7a;text-align:center;min-height:20px;font-size:13px}.online-code{font-family:var(--f-serif);letter-spacing:.3em;color:var(--gold2);text-shadow:0 0 24px #c9a24a59;-webkit-user-select:text;user-select:text;padding-left:.3em;font-size:clamp(40px,9vw,64px)}.online-link{border:1px dashed var(--line);max-width:92vw;color:var(--dim);word-break:break-all;-webkit-user-select:text;user-select:text;border-radius:4px;padding:8px 14px;font-size:13px}.online-wait{color:var(--gold2);gap:6px;display:inline-flex}.online-wait i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1s infinite think}.online-wait i:nth-child(2){animation-delay:.15s}.online-wait i:nth-child(3){animation-delay:.3s}.net-bar{z-index:5;border:1px solid var(--line);color:var(--dim);letter-spacing:.06em;background:#14100ccc;border-radius:999px;gap:12px;padding:6px 12px;font-size:12px;display:flex;position:fixed;top:14px;right:14px}.net-bar:empty,.net-bar.in-battle{display:none}.net-bar .off{color:#ff8a7a}.net-lost{z-index:80;color:#fff6e6;letter-spacing:.1em;background:#8e231d;border-radius:0 0 6px 6px;padding:6px 16px;font-size:13px;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}span.clock{color:var(--gold2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:13px}span.clock:empty{display:none}span.clock.low{color:#ff6a5a;animation:1s infinite think}.pcard .who .offline{color:#ffd8cf;letter-spacing:.05em;vertical-align:1px;background:#6b2a24;border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px}.say-bubble{z-index:60;border:1px solid var(--fc,var(--gold));color:#2a1d08;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#faf0d6f7;border-radius:10px;max-width:240px;padding:8px 16px;font-size:17px;animation:3.2s both sayIn;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.say-bubble:after{content:"";background:inherit;border-left:1px solid var(--fc,var(--gold));border-top:1px solid var(--fc,var(--gold));width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes sayIn{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}8%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}.say-menu{z-index:45;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding:12px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.battle{grid-template-columns:minmax(200px,240px) 1fr}.battle .col.right{display:none}.battle.show-info .col.right{z-index:35;width:300px;display:flex;position:absolute;top:64px;bottom:14px;right:14px}}@media (max-width:760px),(max-aspect-ratio:4/5),(max-height:520px){.battle{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:6px;display:flex}.battle .col.left{flex-direction:row;order:0;gap:6px}.battle .col.left .topbar,.battle .col.left .spacer{display:none}.battle .col.left .pcard{flex:1 1 0;min-width:0;padding:6px 8px}.pcard .head{gap:6px}.pcard .id{min-width:0}.pcard .who{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pcard .sub,.pcard .captures{display:none}.pcard .fbadge{width:26px;height:26px;font-size:18px}.pcard .roster{gap:4px;margin-top:6px;display:flex}.pcard .ro{cursor:pointer;background:0 0;grid-template-columns:28px;padding:0}.pcard .ro .nm,.pcard .ro .ty{display:none}.pcard .ro .av{width:28px;height:28px}.pcard .thinking{margin-left:0}.battle .center{flex:1;order:1}.battle .dock{border-left:3px solid var(--fc,var(--line));flex:none;order:2;align-items:center;gap:8px;min-height:58px;padding:6px 8px 6px 12px;display:flex}.battle .mobile-bar{order:3;display:flex!important}.mobile-bar .btn.small{min-height:40px;font-size:14px}.battle .prompt-bar,.battle .col.right,.battle .col.right .info{display:none}.battle.show-info .col.right{left:8px;right:8px;bottom:calc(52px + env(safe-area-inset-bottom,0px));z-index:35;width:auto;max-height:50vh;display:flex;position:fixed;top:auto}.battle.show-info .col.right .log{background:linear-gradient(#241d16,#17130f);min-height:160px;font-size:14px}.say-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 32px);bottom:56px}.toast{bottom:calc(128px + env(safe-area-inset-bottom,0px))}.setup{gap:12px;padding:52px 12px 12px}.setup-back{top:10px;left:10px}.setup-head h2{font-size:26px}.setup-head p{font-size:13px;line-height:1.5}.setup-foot{flex-wrap:nowrap;gap:6px;width:100%;max-width:420px}.setup-foot .btn{letter-spacing:.04em;flex:1 1 0;min-width:0;padding:0 .4em}.lots{height:230px;margin:44px 0 28px}.banner .pole{width:106%}.banners{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:14px 12px;display:grid}.banner{width:auto;height:clamp(190px,30vh,250px)}.banner .cloth{gap:3px;padding-top:18px}.banner .fname{font-size:46px}.banner .fmotto{font-size:16px}.banner .fstyle{letter-spacing:.15em;font-size:12px}.banner .flords{margin-top:6px}.banner .flords .mini{width:32px;height:32px}.banner .fcount{letter-spacing:.08em;font-size:11px;bottom:13%}.hero-cards{gap:12px}.hcard{width:min(170px,50vw - 20px)}.hcard:hover{transform:none}.hcard .nm{font-size:22px}.hcard .tx{font-size:14px;line-height:1.55}.hero-cards.reveal{flex-wrap:nowrap;gap:4px}.hero-cards.reveal .hcard{width:min(160px,50vw - 30px)}.hero-cards.reveal .hcard .nm{flex-wrap:wrap;font-size:18px}.hero-cards.reveal .vs{font-size:32px}.deploy{grid-template-columns:1fr;gap:12px;width:100%}.deploy-list{max-height:max(140px,100vh - 510px);gap:6px;max-height:max(140px,100dvh - 510px);padding-right:0}.dl-item{grid-template-columns:42px 1fr auto;gap:8px;padding:6px 8px}.dl-item .av{width:42px;height:42px}.dl-item .nm{font-size:18px}.dl-item .sk{font-size:13px}.dl-item .tx{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.dl-item.sel .tx{display:block}.deploy-tip{margin-top:8px;font-size:13px}.deploy-info{margin-top:4px;font-size:14px}.gate-in{padding:32px 20px 36px}.gate .big{font-size:34px}.codex-head{gap:8px;padding:10px 12px}.codex-head h2{font-size:24px}.codex-body{padding:4px 12px 24px}.codex-grid{grid-template-columns:1fr;gap:10px}.codex-grid .hcard{grid-template-columns:96px 1fr;align-items:start;display:grid}.codex-grid .hcard .art{aspect-ratio:auto;align-self:stretch;min-height:128px}.codex-grid .hcard .body{padding:8px 10px 10px}.codex-grid .hcard .tx,.codex-grid .hcard .qt{font-size:14px}.rules{font-size:15px}.seg button{padding:6px 10px}.cutin .texts{left:30%}.cutin.right .texts{right:30%}}@media (orientation:landscape) and (max-height:520px){.battle{padding:6px max(6px, env(safe-area-inset-right,0px)) 6px max(6px, env(safe-area-inset-left,0px));grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,calc(92vh - 11.04px)) minmax(0,1fr);gap:6px;display:grid}.battle .col.left{flex-direction:column;grid-area:1/1/4;justify-content:center}.battle .col.left .pcard{flex:none}.battle .center{grid-area:1/2/4}.battle .dock{grid-area:2/3}.battle .mobile-bar{flex-wrap:wrap;grid-area:3/3}.battle .mobile-bar .btn.small{flex:40%;min-height:36px}.battle.show-info .col.right{width:min(320px,42vw);max-height:none;inset:6px 6px 6px auto}.more-menu{width:220px;bottom:12px;left:auto;right:12px}.say-menu{width:min(360px,48vw);bottom:12px;left:auto;right:12px;transform:none}.deploy{grid-template-columns:minmax(0,1fr) auto;align-items:start}.deploy-list{max-height:calc(100vh - 150px)}}.mobile-bar{order:2;justify-content:space-between;align-items:center;gap:6px;display:none}.mobile-bar .btn.small{letter-spacing:.02em;white-space:nowrap;flex:1 1 0;min-width:0;padding:0 .4em}@media (prefers-reduced-motion:reduce){.bg .mist,.title-pieces .float-pc{animation:none}}