:root{--ink:#080b0f;--ink2:#0c1117;--navy:#10171f;--navy2:#17212b;--line:#d8bb8247;--line-hi:#e6c98a99;--line-dim:#ffffff14;--gold:#e2c27e;--gold-hi:#f7e7bf;--gold-mid:#b8945a;--gold-lo:#6b5229;--bronze:#4a3310;--text:#ece6d8;--muted:#9aa0a4;--dim:#646a6f;--paper:#e8dcc0;--paper-ink:#3b2d1a;--teal:#56d2c8;--red:#e0574f;--green:#74d36f;--blue:#6fa6ff;--brass:var(--gold-mid);--brass2:#8a6a2a;--brass3:var(--gold);--font-logo:"Cormorant SC", "Cormorant Garamond", Georgia, serif;--font-display:"Cormorant SC", "Cormorant Garamond", Georgia, serif;--font-ui:"Barlow Semi Condensed", "Barlow", "Segoe UI", system-ui, sans-serif;--font-body:"Barlow", "Segoe UI", system-ui, sans-serif;--font-num:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--font-flavor:"Cormorant Garamond", Georgia, serif;--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--glass:#0b1016e6;--glass-lt:#0b1016b8;--panel-bg:linear-gradient(#121920f2, #0a0f14f2);--chamfer:polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;font-size:15px;line-height:1.4}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100dvh;overflow:hidden}button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}button:focus-visible{outline:1px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.hidden{display:none!important}.glyph{flex:none;width:1em;height:1em;display:block}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;font-weight:600}.framed{background:var(--panel-bg) border-box;outline:1px solid var(--line);outline-offset:-1px;border:16px solid #0000;border-radius:3px;position:relative;box-shadow:0 18px 50px #000b}.framed:after{content:"";pointer-events:none;border:1px solid #d8bb8214;border-radius:2px;position:absolute;inset:-10px}.kicker{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-mid);font-size:11px;font-weight:600}.orn{color:var(--gold-mid);align-items:center;gap:10px;margin:8px 0 12px;display:flex}.orn i{opacity:.6;flex:1;height:1px}.orn i:first-child{background:linear-gradient(90deg,#0000,currentColor)}.orn i:last-child{background:linear-gradient(90deg,currentColor,#0000)}.orn-gem{width:34px;height:14px;display:block}.orn-gem svg{width:100%;height:100%;display:block}.iconbtn{width:40px;height:40px;color:var(--gold);background:var(--glass);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:color .15s,border-color .15s,background .15s,transform .1s;display:inline-flex;box-shadow:0 4px 12px #0008}.iconbtn:hover:not(:disabled){color:var(--gold-hi);border-color:var(--line-hi);background:#151d26f0}.iconbtn:active:not(:disabled){transform:scale(.94)}.iconbtn.flip .glyph{transform:scaleX(-1)}.btn-gold{min-height:44px;clip-path:var(--chamfer);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#1c1307;background:linear-gradient(#ecd093,#cfa860);justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:15px;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff5d6,inset 0 -2px #0000002e}.btn-gold:hover:not(:disabled){filter:brightness(1.08)saturate(1.05)}.btn-gold:active:not(:disabled){filter:brightness(.94);transform:translateY(1px)}.btn-gold:disabled{color:#7d8287;box-shadow:none;background:#2a2f35}.btn-gold.big{min-height:52px;padding:0 44px;font-size:16px}.btn-plain{min-height:40px;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line-hi);background:#0b1016b0;border-radius:2px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.btn-plain:hover{color:var(--gold-hi);border-color:var(--gold);background:#e2c27e14}.linkbtn{font-family:var(--font-ui);color:var(--muted);letter-spacing:.06em;text-underline-offset:3px;font-size:12px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.linkbtn:hover{color:var(--gold)}.crest{aspect-ratio:120/140;flex:none;width:40px;display:inline-block}.crest svg{width:100%;height:100%;display:block;overflow:visible}.ill{vertical-align:middle;background:var(--ill) center / contain no-repeat;filter:drop-shadow(0 3px 6px #000c);flex:none;width:1.32em;height:1.32em;margin:-.16em .08em -.16em 0;display:inline-block}.screen{-webkit-overflow-scrolling:touch;background:#0b0b12;height:100%;position:relative;overflow:hidden auto}#app.screen{overflow:hidden auto}.shell{isolation:isolate;min-height:100%;position:relative}.shell>.bg{z-index:-2;background:#0b0d10;position:fixed;inset:0;overflow:hidden}.bg-drift{animation:60s ease-in-out infinite alternate drift;position:absolute;inset:-4%}.bg-board{width:100%;height:100%;display:block}@keyframes drift{0%{transform:translate(-1.5%,1%)scale(1.02)}to{transform:translate(1.5%,-1%)scale(1.06)}}.bg-shade{pointer-events:none;background:linear-gradient(90deg,#04060af2 0%,#04060ad0 30%,#04060a66 55%,#04060a33 75%),radial-gradient(at 65% 45%,#0000 25%,#04060ae0 95%),linear-gradient(#0b1a2455,#0b1a2455);position:absolute;inset:0}.shell>.bg svg{width:100%;height:100%;display:block}.host{min-height:100dvh;position:relative}@media (height>=700px) and (width>=901px){.scr.camp-scr,.scr.skirm-scr{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.scr.camp-scr>*,.scr.skirm-scr>*{width:100%}}.scr{padding:calc(18px + var(--sa-t)) calc(28px + var(--sa-r)) calc(28px + var(--sa-b)) calc(28px + var(--sa-l));animation:.45s cubic-bezier(.2,.7,.2,1) both scr-in}@keyframes scr-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}.scr-head{align-items:center;gap:16px;max-width:1240px;margin:0 auto 20px;display:flex}.scr-head .scr-title{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.scr-head h1{color:var(--gold-hi);letter-spacing:.04em;text-shadow:0 2px 16px #000;align-items:center;font-size:clamp(28px,3.4vw,40px);line-height:1.1;display:inline-flex}.scr-head-sp{width:40px}.title-scr{min-height:100dvh;padding-left:calc(7vw + var(--sa-l));grid-template-rows:1fr auto auto 1fr auto;grid-template-columns:minmax(0,520px) 1fr;align-content:center;display:grid}.logo-block{text-align:center;grid-row:2;width:min(560px,100%);margin-bottom:5vh}.logo-img{filter:drop-shadow(0 10px 30px #000);width:100%;height:auto;display:block}.logo-sub{font-family:var(--font-flavor);color:#d9cfb6;text-shadow:0 1px 10px #000;margin-top:10px;font-size:clamp(15px,1.5vw,20px);font-style:italic;font-weight:500}.mainnav{flex-direction:column;grid-row:3;align-items:stretch;gap:4px;width:min(400px,100%);display:flex}.mitem{text-align:left;color:#e9e1cd;border-radius:2px;align-items:center;gap:14px;padding:6px 14px 6px 6px;transition:background .2s,color .2s;display:flex;position:relative}.mitem:after{content:"";background:linear-gradient(90deg, var(--line), transparent);height:1px;position:absolute;bottom:0;left:6px;right:14px}.mitem:last-child:after{display:none}.mi-title{font-family:var(--font-display);letter-spacing:.03em;text-shadow:0 2px 12px #000;flex:1;align-items:center;font-size:clamp(28px,2.8vw,36px);font-weight:600;line-height:1.1;display:inline-flex}.mi-sub{font-family:var(--font-ui);letter-spacing:.14em;color:var(--gold-mid);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.mitem:hover:not(:disabled),.mitem:focus-visible{color:var(--gold-hi);background:linear-gradient(90deg,#e2c27e1c,#0000 80%);outline:none}.mitem:disabled{color:#8a857a;cursor:default}.mitem:disabled .mi-sub{color:#6f6a60}.errbox{color:#ffd6d4;background:#2a0f10d8;border:1px solid #a8433d;border-radius:3px;grid-row:4;align-self:start;width:min(400px,100%);margin-top:14px;padding:8px 12px;font-size:12px}.errbox summary{cursor:pointer}.errbox ul{max-height:30vh;margin:6px 0 0;padding-left:18px;overflow:auto}.ver{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#ffffff40;grid-area:5/1/auto/-1;padding-top:12px;font-size:11px}.tabs{justify-content:center;gap:22px;margin:-6px 0 16px;display:flex}.tab{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid #0000;padding:6px 2px;font-size:13px;font-weight:600;transition:color .15s}.tab:hover{color:var(--text)}.tab.on{color:var(--gold-hi);border-color:var(--gold)}.camp-body{grid-template-columns:1fr 340px;align-items:stretch;gap:18px;max-width:1240px;margin:0 auto;display:grid}.chartwrap{background:#0b1016;padding:8px}.chartmap{aspect-ratio:16/9;min-height:280px;color:var(--paper-ink);background:var(--grain-paper), radial-gradient(ellipse at 70% 30%, #00000014 0, transparent 30%), radial-gradient(circle at 18% 78%, transparent 26px, #6b4f2a22 27px, transparent 30px), linear-gradient(#5a442610 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, #5a442610 1px, transparent 1px) 0 0 / 40px 40px, radial-gradient(ellipse at 50% 50%, #efe3c4, #d6c39b 75%, #b89c6e);position:relative;overflow:hidden;box-shadow:inset 0 0 60px #6b4f2a88}.chart-lines,.chart-lines svg{width:100%;height:100%;display:block;position:absolute;inset:0}.compass{opacity:.8;width:13%;max-width:110px;position:absolute;bottom:5%;right:3%}.compass svg{width:100%;display:block}.chart-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#5a4426;opacity:.8;font-size:clamp(13px,1.6vw,20px);font-weight:600;position:absolute;top:5%;left:4%}.node{z-index:1;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.seal{width:46px;height:46px;font-family:var(--font-display);color:#fff4dc;background:radial-gradient(circle at 38% 32%,#c8574a,#8e2e24 60%,#5c1a14);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:transform .15s;display:inline-flex;box-shadow:0 0 0 3px #6e231b55,0 3px 6px #0008,inset 0 -3px 6px #0006,inset 0 2px 3px #fff3}.seal .glyph{font-size:20px}.node.won .seal{background:radial-gradient(circle at 38% 32%,#5c7f9f,#2f4a66 60%,#1c2d40);box-shadow:0 0 0 3px #1c2d4055,0 3px 6px #0008,inset 0 -3px 6px #0006}.node.locked .seal{color:#5a4c34;background:radial-gradient(circle at 38% 32%,#b6a98c,#8a7c60);width:34px;height:34px;font-size:13px;box-shadow:0 0 0 2px #6b5a3a44}.node.next .seal{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 3px #6e231b55,0 3px 6px #0008,0 0 0 10px #c8574a22}}.node.sel .seal{transform:scale(1.18);box-shadow:0 0 0 3px #e8c57a,0 0 18px #e8c57a99,0 3px 6px #0008}.node:hover:not(:disabled) .seal{transform:scale(1.12)}.nlabel{font-family:var(--font-display);color:#4a3820;white-space:nowrap;background:#efe3c4cc;border-radius:3px;padding:1px 6px;font-size:12px;font-weight:600}.node.locked .nlabel{display:none}.node.locked:hover .nlabel{opacity:.7;display:block}.mdetail{flex-direction:column;padding:4px 6px;display:flex}.mdetail>div{flex-direction:column;gap:10px;height:100%;display:flex}.mdetail h2{color:var(--gold-hi);font-size:24px;line-height:1.15}.mdetail .orn{margin:0}.lead{font-family:var(--font-flavor);color:#e3d6b8;font-size:16px;font-style:italic;line-height:1.45}.rewards{margin-top:4px}.rw-h{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-mid);margin-bottom:6px;font-size:11px}.rw-list{flex-wrap:wrap;gap:10px;display:flex}.rw{text-align:center;width:72px;color:var(--gold);flex-direction:column;align-items:center;gap:4px;font-size:12px;line-height:1.15;display:flex}.rw-art{aspect-ratio:4/5;background:#0b1117;border-radius:6px;width:72px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0a0603,0 0 0 3px #7a5620,0 0 0 4px #e8c57a44,0 4px 8px #000c}.rw-art .rc-art{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.mstate{color:var(--muted);margin-top:auto;font-size:13px}.mstate.won{color:#9cc7f0}.mdetail .btn-gold{align-self:stretch}.camp-foot{text-shadow:0 1px 4px #000;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:14px auto 0;font-size:14px;display:flex}.skirm-body{grid-template-columns:1fr minmax(260px,340px) 1fr;align-items:start;gap:20px;max-width:1240px;margin:0 auto;display:grid}.fside{--fc:#777;flex-direction:column;gap:12px;padding:6px 8px;display:flex}.fside:before{content:"";background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--fc) 45%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.fside>*{position:relative}.fside.theirs .kicker{color:#d98a7a}.fhero{align-items:center;gap:16px;min-height:120px;display:flex}.crest.big{filter:drop-shadow(0 6px 10px #000a);width:96px}.fhero h2{color:var(--gold-hi);font-size:22px;line-height:1.15}.fhero p{font-family:var(--font-flavor);color:#d8ccb0;margin-top:6px;font-size:15px;font-style:italic}.fgrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fpick{--fc:#777;background:linear-gradient(180deg, color-mix(in srgb, var(--fc) 26%, #0d141b), #0b1117);border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.fpick .crest{width:38px}.fpick span:last-child{font-family:var(--font-display);letter-spacing:.04em;color:var(--muted);text-align:center;font-size:11px;font-weight:600;line-height:1.15}.fpick:hover{border-color:#e8c57a55;transform:translateY(-2px)}.fpick.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 16px color-mix(in srgb, var(--fc) 70%, transparent)}.fpick.on span:last-child{color:var(--gold-hi)}.vs-col{flex-direction:column;align-items:stretch;gap:14px;padding-top:8px;display:flex}.vs{font-family:var(--font-logo);color:var(--gold);text-shadow:0 2px #3a2808,0 0 30px #e3b04b55;align-self:center;font-size:46px;font-weight:600;line-height:1}.mappick{text-align:center;background:#0b1117cc;border:1px solid #c99a4b44;border-radius:8px;padding:12px}.mp-row{align-items:center;gap:10px;margin-top:6px;display:flex}.mp-row .iconbtn{width:36px;height:36px;font-size:16px}.mp-name{font-family:var(--font-display);color:var(--gold-hi);flex:1;font-size:17px;font-weight:600}.mapprev{width:100%;height:120px;margin:8px auto;display:block}.mapprev svg{filter:drop-shadow(0 6px 8px #000a);width:100%;height:100%;display:block}.mp-desc{color:var(--muted);font-size:13px;line-height:1.4}.scen-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;max-width:1000px;margin:0 auto;display:grid}.scen{text-align:left;align-items:center;gap:14px;padding:4px 8px;transition:transform .2s,filter .2s;display:flex}.scen:hover{filter:brightness(1.12);transform:translateY(-3px)}.scen-crests{display:flex}.scen-crests .crest{width:40px}.scen-crests .crest+.crest{margin-top:14px;margin-left:-12px}.scen-t{flex:1;min-width:0}.scen h3{color:var(--gold-hi);font-size:17px}.scen p{color:var(--muted);margin-top:3px;font-size:13px}.brief-scr{flex-direction:column;min-height:100dvh;display:flex}.brief-top{width:100%;max-width:1240px;margin:0 auto}.brief-grid{flex:1;grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:clamp(28px,6vw,96px);width:100%;max-width:1240px;margin:0 auto;padding:8px 0 24px;display:grid}.brief-story{max-width:600px}.brief-story .kicker{margin-bottom:14px}.brief-title{color:var(--gold-hi);letter-spacing:.02em;text-shadow:0 3px 24px #000;align-items:center;font-size:clamp(38px,5vw,64px);line-height:1.02;display:flex}.brief-story .lead{color:#e6dcc4;text-shadow:0 1px 10px #000;margin-top:20px;font-size:clamp(19px,1.6vw,23px);line-height:1.45}.brief-text{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:18px;padding-top:18px;display:flex}.brief-text p{color:#c9c3b6;text-shadow:0 1px 8px #000;font-size:15.5px;line-height:1.65}.brief-text p.dropcap .ill{float:left;width:4.9em;height:4.9em;margin:.3em .8em 0 0}.brief-side{flex-direction:column;gap:18px;display:flex}.bs-map{border-bottom:1px solid var(--line-dim);grid-template-columns:130px 1fr;align-items:center;gap:14px;padding-bottom:16px;display:grid}.bs-map .mapprev{width:130px;height:86px;margin:0}.bs-mapname{flex-direction:column;gap:3px;display:flex}.bs-mapname b{font-family:var(--font-display);color:var(--gold-hi);font-size:22px;font-weight:600;line-height:1.1}.bs-mapname small{font-family:var(--font-ui);letter-spacing:.04em;color:#8fd8d0;font-size:12.5px}.bs-forces{border-bottom:1px solid var(--line-dim);flex-direction:column;gap:8px;padding-bottom:16px;display:flex}.bs-force{--tc:#888;box-shadow:inset 3px 0 0 var(--tc);background:#ffffff06;border-radius:2px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:6px 10px 6px 8px;display:grid}.bs-force .crest{width:28px}.bs-force b{font-family:var(--font-display);color:var(--text);font-size:18px;font-weight:600}.bs-force small{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--tc) 55%, #fff);font-size:10.5px;font-weight:600}.bs-objs ul{flex-direction:column;gap:6px;margin:8px 0 14px;padding:0;list-style:none;display:flex}.bs-objs .kicker.lose{color:#c97a70}.bo-row{color:#dcd5c6;align-items:baseline;gap:10px;font-size:14.5px;line-height:1.4;display:flex}.bo-mark{background:#8fd18a;flex:none;width:7px;height:7px;transform:rotate(45deg)translateY(-1px);box-shadow:0 0 8px #8fd18a88}.bo-row.lose .bo-mark{background:#d9675c;box-shadow:0 0 8px #d9675c88}.bs-deploy{width:100%}@media (width<=900px){.brief-grid{grid-template-columns:1fr;align-items:start}.brief-story{max-width:none}}.game{background:var(--ink);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:100%;height:100dvh;display:grid;position:relative}#stage{background:#1b2430;min-width:0;min-height:0;position:relative;overflow:hidden}#canvas{touch-action:none;cursor:crosshair;display:block;position:absolute;inset:0}.fadein{pointer-events:none;z-index:30;background:#000;animation:.9s .15s forwards fadeout;position:absolute;inset:0}@keyframes fadeout{to{opacity:0;visibility:hidden}}.hudpanel{border:1px solid var(--line);background:var(--panel-bg);border-radius:3px;box-shadow:0 10px 30px #000b}#hudtop{z-index:6;padding:calc(10px + var(--sa-t)) calc(12px + var(--sa-r)) 0 calc(12px + var(--sa-l));pointer-events:none;background:linear-gradient(#05070aa8,#05070a3d 65%,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid;position:absolute;top:0;left:0;right:0}#hudtop>*{pointer-events:auto}.hud-l{justify-self:start;gap:8px;display:flex}.hud-r{justify-self:end;align-items:center;gap:8px;display:flex}.pplate{--tc:#888;background:var(--glass);border:1px solid var(--line-dim);min-width:250px;height:56px;box-shadow:0 6px 18px #0009, inset 3px 0 0 var(--tc);border-radius:3px;align-items:center;gap:12px;padding:7px 14px 8px 10px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative}.pplate.right{box-shadow:0 6px 18px #0009, inset -3px 0 0 var(--tc);flex-direction:row-reverse;padding:7px 10px 8px 14px}.pplate.active{border-color:color-mix(in srgb, var(--tc) 55%, transparent)}.pplate.active:after{content:"";background:linear-gradient(90deg, transparent, var(--tc), transparent);height:2px;box-shadow:0 0 10px var(--tc);position:absolute;bottom:-1px;left:10%;right:10%}.pp-crest{filter:drop-shadow(0 2px 3px #000c);flex:none;width:34px}.pp-crest svg{width:100%;display:block}.pp-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pplate.right .pp-body{align-items:flex-end}.pp-name{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:12px;font-weight:600;line-height:1;overflow:hidden}.pp-row{align-items:center;gap:10px;width:100%;display:flex}.pplate.right .pp-row{flex-direction:row-reverse}.pp-tide{color:#dff8f5;align-items:baseline;gap:4px;min-width:52px;font-size:19px;line-height:1;display:inline-flex}.pplate.right .pp-tide{justify-content:flex-end}.pp-tide small{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#6fb7b0;font-size:9.5px;font-weight:600}.tidebar{background:#ffffff12;border-radius:3px;flex:1;min-width:90px;height:5px;position:relative;overflow:hidden}.tidebar .water{background:linear-gradient(90deg, #2a8f9a, var(--teal));border-radius:3px;transition:width .6s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #56d2c866}.pplate.right .tidebar .water{background:linear-gradient(270deg, #2a8f9a, var(--teal));inset:0 0 0 auto}.lamp{opacity:.95;flex:none;width:10px;height:20px;position:relative}.lamp .tower{background:linear-gradient(90deg,#d8d2c4,#8d8679);border-radius:1px 1px 0 0;position:absolute;inset:7px 2px 0}.lamp .flame{background:color-mix(in srgb, #ffd86b calc(var(--lk) * 100%), #3a2f1a);height:6px;box-shadow:0 0 calc(10px * var(--lk)) calc(2px * var(--lk)) rgba(255, 210, 90, var(--lk));border-radius:3px;position:absolute;top:0;left:1px;right:1px}.roundmed{--tc:#888;background:var(--glass);border:1px solid var(--line-dim);border-radius:3px;flex-direction:column;justify-self:center;align-items:center;gap:1px;min-width:170px;padding:6px 22px 8px;display:flex;position:relative;box-shadow:0 6px 18px #0009}.roundmed:after{content:"";background:var(--tc);height:2px;box-shadow:0 0 10px var(--tc);position:absolute;bottom:-1px;left:24%;right:24%}.rm-round{font-family:var(--font-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600;line-height:1.2}.rm-round b{color:var(--gold-hi);letter-spacing:0;font-size:12px}.rm-turn{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-hi);white-space:nowrap;font-size:21px;font-weight:600;line-height:1.05}.menubtn{width:38px;height:38px;font-size:17px}.endturn-pill{min-height:36px;padding:0 18px;font-size:12px;display:none}#viewctl{right:calc(10px + var(--sa-r));z-index:4;gap:6px;display:flex;position:absolute;bottom:10px}#viewctl .iconbtn{width:38px;height:38px;font-size:17px}#log{z-index:4;left:calc(12px + var(--sa-l));top:calc(76px + var(--sa-t));font-family:var(--font-ui);text-shadow:0 1px 2px #000;border-radius:4px;width:min(380px,40%);padding:4px 12px;font-size:13px;position:absolute;box-shadow:none!important;background:linear-gradient(90deg,#05080bd0,#05080b80 70%,#0000)!important;border:0!important;border-image:!important}#log.open{background:var(--glass)!important;box-shadow:0 0 0 1px var(--line), 0 8px 20px #000a!important}.logtoggle{text-align:left;width:100%;min-height:26px;color:var(--muted);align-items:center;gap:8px;padding:0 2px;display:flex}.logtoggle .glyph{color:var(--gold-mid);font-size:16px}#log .ticker{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#log .loglist{border-top:1px solid #c99a4b33;max-height:34vh;margin-top:4px;padding:6px 2px 2px;line-height:1.45;display:none;overflow-y:auto}#log.open .loglist{display:block}.logline.turn,.ticker.turn{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.92em;font-weight:600}.logline.dmg,.logline.death,.ticker.dmg,.ticker.death{color:#ff9d92}.logline.heal,.ticker.heal{color:#8fe3a0}.logline.status,.ticker.status{color:#c9a8ff}.logline.msg,.ticker.msg{color:#ffe9a8;font-family:var(--font-flavor);font-style:italic}.logline.ability,.ticker.ability{color:#e8d5a3}.logline.move,.logline.sys{color:var(--muted)}#banner{z-index:7;top:calc(96px + var(--sa-t));text-align:center;border:1px solid var(--line);background:var(--glass);border-radius:3px;width:min(560px,80%);padding:12px 20px 14px;animation:.35s both scr-in;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000c}#banner .speaker{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:11px;font-weight:600;display:inline-block}#banner .speech{font-family:var(--font-flavor);color:#efe4c8;font-size:18px;font-style:italic;font-weight:500;line-height:1.4}#turnflash{z-index:8;pointer-events:none;opacity:0;justify-content:center;display:flex;position:absolute;top:38%;left:0;right:0}#turnflash.show{animation:1.9s cubic-bezier(.2,.7,.2,1) forwards tf}.tf-band{background:linear-gradient(90deg,#0000,#05070ae6 20% 80%,#0000);justify-content:center;align-items:center;gap:18px;width:100%;padding:12px 0;display:flex;position:relative}.tf-band:before,.tf-band:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;left:10%;right:10%}.tf-band:before{top:0}.tf-band:after{bottom:0}.tf-crest{width:54px}.tf-crest svg{width:100%;display:block}.tf-kick{font-family:var(--font-ui);letter-spacing:.4em;text-transform:uppercase;color:var(--gold-mid);font-size:12px;font-weight:600}.tf-main{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 0 24px color-mix(in srgb, var(--tc) 80%, transparent), 0 3px 0 #000;font-size:clamp(28px,4.4vw,48px);font-weight:600;line-height:1.05}@keyframes tf{0%{opacity:0;transform:scaleY(.2)}12%{opacity:1;transform:scaleY(1)}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#right{left:calc(10px + var(--sa-l));z-index:5;pointer-events:none;width:min(400px,100% - 20px);max-height:calc(100% - 90px);box-shadow:none;background:0 0;border:0;display:none;position:absolute;bottom:10px;overflow:visible}#right.open{flex-direction:column-reverse;gap:8px;display:flex}#right>*{pointer-events:auto}.ucard{border:1px solid var(--line);background:var(--glass);border-radius:3px;padding:14px 16px;animation:.18s both panel-in;position:relative;box-shadow:0 12px 34px #000c,inset 0 1px #ffffff0d}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}.ucard .close{z-index:3;width:28px;height:28px;font-size:12px;position:absolute;top:-12px;right:-12px}.upanel{--fc:#777;grid-template-columns:76px 1fr;align-items:center;gap:10px;display:grid}.u-portrait{aspect-ratio:1;width:76px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--line-hi), 0 4px 10px #000;background:#0b1117;border-radius:50%;position:relative;overflow:hidden}.u-portrait .rc-art{aspect-ratio:auto;border-radius:0;width:auto;position:absolute;inset:-4% -8% -40%}.u-body{flex-direction:column;gap:5px;min-width:0;display:flex}.u-name{font-family:var(--font-display);color:var(--gold-hi);text-shadow:0 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;line-height:1.05;overflow:hidden}.u-hero{color:#ffd24d;margin-left:6px;font-size:16px}.u-line{align-items:center;gap:8px;display:flex}.u-hp{flex:1;align-items:center;gap:0;min-width:0;display:flex}.u-hp .hcoin{z-index:1;margin-right:-8px;position:relative}.ubar{background:#ffffff10;border-radius:2px;flex:1;height:16px;position:relative;overflow:hidden}.ubar .fill{border-radius:2px;transition:width .4s;position:absolute;inset:1px auto 1px 1px}.ubar.hp .fill{background:linear-gradient(90deg,#8f2a24,#d4574a)}.ubar span{color:#fff;text-shadow:0 1px 2px #000;justify-content:center;width:100%;font-size:12px;line-height:16px;display:flex;position:relative}.ustat{font-family:var(--font-ui);align-items:baseline;gap:3px;display:inline-flex}.ustat small{color:var(--muted);letter-spacing:.14em;font-size:10px;font-weight:600}.ustat b{color:#f1e6cc;font-size:17px}.ustat.up b{color:var(--green)}.ustat.down b{color:var(--red)}.pips{gap:3px;display:flex}.pips i{background:#0b1520;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #6fa6ff55}.pips i.on{background:radial-gradient(circle at 35% 30%,#d6e6ff,#4f8cff 55%,#1f4aa0);box-shadow:0 0 5px #4f8cffaa}.statuses{flex-wrap:wrap;gap:4px;display:flex}.schip{background:color-mix(in srgb, var(--sc) 25%, #0b1117);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc) 70%, transparent);border-radius:9px;align-items:baseline;gap:4px;padding:0 7px;font-size:11.5px;font-weight:700;display:inline-flex}.schip small{color:var(--muted)}.line{color:var(--muted);font-size:12px}.line.equip b{color:var(--gold)}.abar{border-top:1px solid var(--line-dim);gap:8px;margin-top:12px;padding-top:12px;display:flex}.abtn{width:48px;height:48px;color:var(--gold);border:1px solid var(--line);background:linear-gradient(#18212b,#0e141a);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:24px;transition:transform .1s,border-color .15s,color .15s,background .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 3px 8px #0008}.abtn:hover:not(:disabled){color:var(--gold-hi);border-color:var(--line-hi);background:linear-gradient(#1f2a35,#121920);transform:translateY(-1px)}.abtn:disabled{color:#5d6267;border-color:var(--line-dim)}.abtn.active{color:#ffd2b8;border-color:#ff8a5a;box-shadow:0 0 0 1px #ff8a5a,0 0 16px #ff6a3d88,inset 0 0 12px #ff6a3d33}.abtn.passive{color:var(--teal);border-color:#56d2c855;border-radius:50%;align-self:center;width:38px;height:38px;font-size:18px}.ab-ap{color:#e6fffc;border:1px solid var(--teal);background:#0e3b3f;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:flex;position:absolute;bottom:-5px;right:-5px}.ab-key{font-family:var(--font-ui);color:var(--dim);font-size:9.5px;font-weight:600;position:absolute;top:2px;left:4px}.ab-cd{font-family:var(--font-num);color:#ffb27a;background:#000b;border-radius:3px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.abtip{text-align:left;width:270px;color:var(--text);background:var(--glass);border:1px solid var(--line);z-index:10;pointer-events:none;border-radius:3px;padding:10px 12px;font-size:13px;display:none;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 8px 20px #000c}.abtip b{font-family:var(--font-display);color:var(--gold-hi);font-size:19px;font-weight:600;display:block}.abtip .abmeta{font-family:var(--font-ui);letter-spacing:.06em;color:#8fd8d0;margin:1px 0 4px;font-size:11.5px;font-weight:600;display:block}.abtip p{color:#d8cfbb;line-height:1.35}.abtn:hover .abtip,.abtn:focus-visible .abtip{display:block}.hoverbox{flex-direction:column;gap:6px;display:flex}.hoverbox:empty{display:none}.hoverbox .upanel.mini{background:var(--glass);box-shadow:0 0 0 1px var(--line-dim), 0 6px 16px #000a;border-radius:3px;grid-template-columns:54px 1fr;padding:10px 12px}.hoverbox .upanel.mini .u-portrait{width:54px}.hoverbox .u-name{font-size:16px}.preview{background:var(--glass);box-shadow:0 0 0 1px var(--line);font-family:var(--font-ui);border-radius:3px;padding:8px 12px;font-size:13px}.pv-h{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-mid);font-size:11px;font-weight:600}.pv-row{justify-content:space-between;gap:8px;display:flex}.pv-row b{font-family:var(--font-num);font-weight:700}.tileinfo{color:var(--muted);font-family:var(--font-ui);background:var(--glass-lt);border-radius:3px;flex-wrap:wrap;align-self:flex-start;gap:2px 10px;padding:4px 10px;font-size:12px;display:flex}.tileinfo b{color:var(--text)}.tileinfo .well{color:var(--teal)}#hand{z-index:6;--cw:112px;padding:0 calc(12px + var(--sa-r)) var(--sa-b) calc(12px + var(--sa-l));border-top:1px solid var(--line);background:linear-gradient(#0e141bf7,#080b0f);position:relative;box-shadow:0 -14px 30px #0009,inset 0 1px #ffffff08}.hstrip{z-index:2;border-bottom:1px solid var(--line-dim);align-items:center;gap:18px;height:36px;display:flex;position:relative}.htoggle{height:26px;font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:7px;padding:0 2px;font-size:12px;font-weight:600;display:inline-flex}.htoggle b{font-family:var(--font-num);color:var(--gold-hi);letter-spacing:0;font-size:14px}.htoggle .chev{color:var(--gold-mid);font-size:10px;transition:none}.htoggle .chev.up{transform:rotate(180deg)}.htoggle .hdeck{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:500}.htoggle:hover{color:var(--gold-hi)}.htabs{align-self:stretch;gap:16px;display:flex}.htab{height:100%;font-family:var(--font-ui);letter-spacing:.04em;color:var(--muted);align-items:center;gap:5px;padding:0 2px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.htab small{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.htab:hover:not(:disabled){color:var(--text)}.htab:disabled{opacity:.35}.htab.on{color:var(--gold-hi)}.htab.on:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-1px;left:0;right:0}.htab.on small{color:var(--gold-mid)}.hstrip .hint{font-family:var(--font-ui);letter-spacing:.02em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;margin-right:176px;font-size:13px;overflow:hidden}.hmain{align-items:flex-end;display:flex;position:relative}#hand .handrow{flex:1;align-items:flex-end;min-width:0;padding:2px 12px 8px;display:flex;overflow:visible}#hand .handrow.scroll{scrollbar-width:thin;scrollbar-color:#c99a4b55 transparent;gap:6px;margin-top:-28px;padding-top:30px;overflow:auto hidden}#hand.closed .hmain{display:none}#hand.closed .hstrip .hint{margin-right:0}.slot{width:var(--tw,74px);cursor:pointer;flex:none;transition:transform .18s cubic-bezier(.2,.7,.2,1),filter .2s;position:relative}.slot:hover,.slot.active{z-index:100!important}.slot.ok .rcard{box-shadow:0 0 0 1px #8fe3a0aa,0 3px 10px #000c}.slot.active .rcard{box-shadow:0 0 0 2px #74d36f,0 0 22px #74d36faa,0 8px 20px #000c}.slot.off .rcard{filter:grayscale(.8)brightness(.55)}.slot .info{width:26px;height:26px;font-family:var(--font-ui);color:var(--gold);background:var(--glass);border:1px solid var(--line-hi);z-index:3;border-radius:50%;font-size:13px;font-weight:700;display:none;position:absolute;top:4px;right:4px}@media (hover:none){.slot .info{justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex;top:auto;bottom:30%;right:2px}.slot:hover{transform:none}}.empty{color:var(--muted);font-family:var(--font-flavor);padding:30px 20px;font-size:17px;font-style:italic}.endturn-big{width:168px;height:64px;clip-path:var(--chamfer);background:linear-gradient(#efd498,#c99f55);flex-direction:column;flex:none;justify-content:center;align-self:center;align-items:center;gap:2px;margin:0 4px 16px 14px;transition:filter .15s,transform .1s;display:flex;position:relative;box-shadow:inset 0 1px #fff6da,inset 0 -3px #0003}.endturn-big:before{content:"";clip-path:var(--chamfer);pointer-events:none;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #5a3f1455}.endturn-big .et-text{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:#1c1307;padding-left:.2em;font-size:18px;font-weight:700;line-height:1}.endturn-big .et-key{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#5a4220;font-size:10px;font-weight:600}.endturn-big:not(:disabled){animation:2.6s ease-in-out infinite et-breathe}@keyframes et-breathe{50%{filter:brightness(1.1)drop-shadow(0 0 10px #e2c27e88)}}.endturn-big:hover:not(:disabled){filter:brightness(1.12);animation:none}.endturn-big:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.endturn-big:disabled{background:#1c2229;animation:none;box-shadow:inset 0 0 0 1px #ffffff14}.endturn-big:disabled .et-text{color:#6c7277}.endturn-big:disabled .et-key{color:#4a5055}#cardpreview{top:calc(76px + var(--sa-t));z-index:7;pointer-events:none;filter:drop-shadow(0 10px 24px #000c);align-items:flex-end;display:flex;position:absolute;bottom:10px;left:10px}#cardpreview.hidden{display:none}#cardpreview .rcard.full{--cw:260px}.endscreen{z-index:40;background:radial-gradient(at 50% 40%,#2a2110ee,#05070af2 70%);justify-content:center;align-items:center;padding:20px;animation:.6s both fadein;display:flex;position:absolute;inset:0;overflow-y:auto}.endscreen.lose{background:radial-gradient(at 50% 40%,#2a1010ee,#05070af2 70%)}@keyframes fadein{0%{opacity:0}}.end-inner{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:640px;animation:.7s cubic-bezier(.2,.7,.2,1) .2s both scr-in;display:flex}.end-crest{filter:drop-shadow(0 8px 16px #000);width:92px}.end-crest svg{width:100%;display:block}.endscreen.lose .end-crest{filter:grayscale(.7)brightness(.7)drop-shadow(0 8px 16px #000)}.end-title{font-family:var(--font-logo);letter-spacing:.06em;background:linear-gradient(#fff6d6,#f3d58c 30%,#c99a4b 52%,#8a6326 55%,#f0d690);color:#0000;filter:drop-shadow(0 3px #3a2808)drop-shadow(0 0 30px #e3b04b66);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,10vw,112px);font-weight:600;line-height:1}.endscreen.lose .end-title{background:linear-gradient(#f5c0b0,#c45a4c 40%,#6e1c14 60%,#b0483c);filter:drop-shadow(0 3px #2a0806)drop-shadow(0 0 30px #c4473c55);-webkit-background-clip:text;background-clip:text}.end-mission{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:14px}.end-text{font-family:var(--font-flavor);color:#e8dcc0;margin:6px 0;font-size:18px;font-style:italic;line-height:1.5}.end-unlocks{margin:10px 0}.end-cards{--cw:104px;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.end-cards .rcard{animation:.6s cubic-bezier(.2,.7,.2,1) both card-in}.end-cards .rcard:nth-child(2){animation-delay:.12s}.end-cards .rcard:nth-child(3){animation-delay:.24s}@keyframes card-in{0%{opacity:0;transform:translateY(20px)rotateY(80deg)}}.btnrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}@media (width<=1100px){.camp-body{grid-template-columns:1fr 290px}.skirm-body{grid-template-columns:1fr 1fr}.vs-col{flex-flow:wrap;grid-area:2/1/auto/-1;justify-content:center;align-items:center}.vs{display:none}.mappick{flex:320px}}@media (width<=900px),(height<=520px){:root{font-size:13px}.scr{padding:calc(10px + var(--sa-t)) calc(14px + var(--sa-r)) calc(16px + var(--sa-b)) calc(14px + var(--sa-l))}.scr-head{margin-bottom:10px}.scr-head h1{font-size:22px}.iconbtn{width:38px;height:38px;font-size:17px}.scr-head-sp{width:38px}.framed{border-width:12px}.framed:after{inset:-7px}.btn-gold.big{min-height:46px;padding:0 30px;font-size:14px}.kicker{font-size:10px}.title-scr{padding-left:calc(24px + var(--sa-l));padding-right:calc(20px + var(--sa-r));grid-template-rows:1fr auto 1fr;grid-template-columns:1fr 1fr;column-gap:24px}.logo-block{grid-area:2/1;align-self:center;width:min(340px,100%);margin:0}.mainnav{grid-area:2/2;align-self:center}.mi-title{font-size:28px}.mitem{padding:3px 0 3px 30px}.errbox{grid-area:3/2}.ver{grid-row:3;align-self:end}.camp-body{grid-template-columns:1fr 240px;gap:10px}.chartmap{min-height:0}.seal{width:34px;height:34px;font-size:14px}.node.locked .seal{width:26px;height:26px}.nlabel{display:none}.node.sel .nlabel{font-size:10px;display:block}.mdetail h2{font-size:18px}.lead{font-size:14px}.rw{width:44px;font-size:10px}.rw-art{width:44px}.mstate:not(.won){display:none}.camp-foot{margin-top:8px;font-size:12px}.camp-foot p{display:none}.skirm-body{gap:10px}.fhero{gap:10px;min-height:0}.crest.big{width:56px}.fhero h2{font-size:16px}.fhero p{margin-top:2px;font-size:12.5px}.fgrid{grid-template-columns:repeat(6,1fr);gap:4px}.fpick{padding:5px 2px}.fpick .crest{width:28px}.fpick span:last-child{display:none}.fside{gap:8px}.vs-col{gap:10px}.mappick{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:1fr 120px;column-gap:10px;padding:8px;display:grid}.mappick .kicker{grid-column:1}.mp-row{grid-column:1;margin:0}.mapprev{grid-area:1/2/4;height:76px;margin:0}.mp-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1;font-size:11.5px;display:-webkit-box;overflow:hidden}.mp-name{text-align:center;font-size:14px}.scen-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}#hudtop{padding-top:calc(4px + var(--sa-t));gap:6px}.pplate{gap:8px;min-width:0;height:42px;padding:4px 10px 4px 8px}.pplate.right{padding:4px 8px 4px 10px}.pp-crest{width:24px}.pp-name{display:none}.pp-tide{min-width:0;font-size:16px}.pp-tide small{display:none}.tidebar{min-width:56px}.roundmed{min-width:0;padding:4px 14px 5px}.rm-round{font-size:9px}.rm-turn{font-size:16px}.menubtn{width:34px;height:34px;font-size:17px}.endturn-pill{letter-spacing:.12em;white-space:nowrap;min-height:34px;padding:0 14px;font-size:11px;display:inline-flex}.endturn-big{display:none}.hstrip .hint{margin-right:0}#log{top:calc(50px + var(--sa-t));width:min(280px,38%);padding:2px 10px;font-size:11.5px}.logtoggle{min-height:22px}#viewctl{gap:4px;bottom:6px}#viewctl .iconbtn{width:34px;height:34px;font-size:15px}#banner{top:calc(64px + var(--sa-t));width:min(460px,70%);padding:8px 14px 10px}#banner .speech{font-size:13px}#banner .speaker{margin-bottom:0;font-size:11px}.tf-crest{width:36px}.tf-band{gap:12px;padding:6px 0}#hand{--cw:66px}.hstrip{gap:6px;height:30px}.htab{padding:0 7px;font-size:11.5px}#hand .handrow{padding:2px 4px 4px}#hand .handrow.scroll{margin-top:-10px;padding-top:12px}.slot.active{transform:translateY(-6px)scale(1.04)}.slot .info{top:2px;right:2px}#right{top:auto;left:calc(6px + var(--sa-l));bottom:40px}.hoverbox .upanel{display:none}#cardpreview{top:calc(52px + var(--sa-t));bottom:4px}#cardpreview .rcard.full{--cw:200px}.end-crest{width:60px}.end-text{font-size:15px}.end-cards{--cw:76px}}@media (width<=600px) and (orientation:portrait){.title-scr{padding-left:calc(18px + var(--sa-l));grid-template-rows:1fr auto auto auto 1fr auto;grid-template-columns:1fr}.logo-block{grid-area:2/1;justify-self:center;margin-bottom:22px}.mainnav{grid-area:3/1}.errbox{grid-area:4/1}.ver{grid-row:6}.camp-body,.skirm-body{grid-template-columns:1fr}.vs-col{grid-row:auto}.chartmap{aspect-ratio:4/3}.scen-grid{grid-template-columns:1fr}#hudtop{grid-template-columns:auto 1fr auto}.pplate{padding:2px 6px 2px 2px}.tidebar{min-width:44px}.rm-round,.hud-r .pplate{display:none}.hud-r .pplate.active{display:flex}.htabs .htab small,.hstrip .hint{display:none}#hand{--cw:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.abl{border-top:1px dashed #3a2f1a;margin-top:5px;padding-top:5px}.abl b{color:var(--brass3);font-family:var(--font-display);font-size:12px}.abl .meta{float:right;color:var(--muted);font-size:11px}.abl .adesc{color:#ddd4c2;clear:both}.num,.tidebar b,.ustat b,.ubar span,.rcard .st b,.rcard .rc-cost,.seal,.hc-num{font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;font-family:var(--font-num)!important;font-weight:700!important}.hcoin{background:var(--k-hp) center / contain no-repeat;filter:drop-shadow(0 2px 2px #000);flex:none;width:20px;height:22px}.ubar.hp{align-items:center;display:flex}@media (width<=900px),(height<=520px){.bg-shade{background:linear-gradient(90deg,#04060af0,#04060ab8 60%,#04060a99),radial-gradient(at 65% 45%,#0000 25%,#04060ae0 95%)}}#hand{--tw:76px}#hand .handrow{align-items:flex-end;gap:6px;padding:8px 12px 10px}#hand .handrow.scroll{margin-top:-14px;padding-top:22px}.slot:hover{transform:translateY(-8px)}.slot.active{transform:translateY(-10px)}.rtile{--fc:#5a6f7a;aspect-ratio:4/5;background:#0b1117;border-radius:3px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #d8bb8255,0 6px 12px #000c}.rtile .rc-art{aspect-ratio:3/4;width:100%;box-shadow:none;border-radius:0;position:absolute;inset:0 0 auto}.rtile .rc-art img.cardart{top:-12%}.rtile:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#000d 92%);position:absolute;inset:0}.rtile.spell{box-shadow:0 0 0 1px #000,0 0 0 2px #a58bdc77,0 6px 12px #000c}.rtile.equipment{box-shadow:0 0 0 1px #000,0 0 0 2px #cfa86077,0 6px 12px #000c}.rtile.hero{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gold), 0 0 12px #e2c27e55, 0 6px 12px #000c}.rtile:before{content:"";z-index:2;background:var(--fc);opacity:.9;height:2px;position:absolute;top:0;left:0;right:0}.rt-cost{z-index:2;color:#eafffd;background:#0a2c30e6;border:1px solid #56d2c8aa;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12.5px;display:flex;position:absolute;top:5px;left:4px;box-shadow:0 2px 4px #000a}.rt-name{z-index:2;font-family:var(--font-ui);letter-spacing:.02em;color:#f1ead8;text-shadow:0 1px 2px #000;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.05;display:-webkit-box;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.slot.ok .rtile{outline-offset:2px;outline:1px solid #8fe3a088}.slot.active .rtile{outline-offset:2px;outline:2px solid #8fe3a0;box-shadow:0 0 20px #74d36f88}.slot.off .rtile{filter:grayscale(.85)brightness(.5)}#hand .slot .info{display:none!important}@media (width<=900px),(height<=520px){#hand{--tw:54px}.rt-name{display:none}.rt-cost{width:20px;height:24px;font-size:11px}#right{width:min(330px,46%);max-height:calc(100% - 96px)}.upanel{grid-template-columns:54px 1fr;gap:8px}.u-portrait{width:54px}.u-name{font-size:16px}.abtn{width:40px;height:40px;font-size:20px}.abar{gap:7px;margin-top:6px;padding-top:6px}.ucard{padding:10px 12px}.hoverbox{display:none}}@media (height<=520px) and (orientation:landscape){.brief-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:18px;padding:0}.brief-story{max-height:calc(100dvh - 70px);padding-right:6px;overflow-y:auto}.brief-title{font-size:28px}.brief-story .lead{margin-top:10px;font-size:15px}.brief-text{margin-top:10px;padding-top:10px}.brief-text p{font-size:13px}.brief-side{gap:10px;max-height:calc(100dvh - 70px);overflow-y:auto}.bs-map{padding-bottom:8px;display:block}.bs-map .mapprev{display:none}.bs-mapname b{font-size:16px}.bs-deploy{flex:none;position:sticky;bottom:0;box-shadow:0 -10px 16px #0a0f14}.bs-forces{gap:4px;padding-bottom:8px}.bs-force{padding:3px 8px}.bs-force b{font-size:14px}.bs-force .crest{width:22px}.bs-objs ul{gap:3px;margin:4px 0 8px}.bo-row{font-size:12.5px}}#turnflash.hint{top:auto;bottom:150px}.tf-hint{background:var(--glass);box-shadow:0 0 0 1px var(--line), 0 6px 16px #000a;font-family:var(--font-ui);letter-spacing:.04em;color:var(--gold-hi);border-radius:3px;padding:8px 20px;font-size:15px;font-weight:600}@media (height<=520px){#turnflash.hint{bottom:70px}}.slot.cd{cursor:default;margin-left:0}.slot.cd:first-of-type{margin-left:0}.slot.cd .rtile{filter:grayscale()brightness(.42)contrast(.9);outline-offset:2px;outline:1px dashed #56d2c866}.slot.cd:hover{transform:translateY(-8px)}.cd-badge{z-index:4;min-width:30px;height:30px;font-family:var(--font-ui);color:#eafffd;pointer-events:none;background:#0a2c30ee;border:1.5px solid #56d2c8;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #56d2c855,0 2px 6px #000c}.tileinfo.dropinfo b{color:#8fe6ff}@media (width<=760px){.cd-badge{min-width:24px;height:24px;font-size:14px}}.rcard{width:var(--cw,120px);aspect-ratio:5/7;-webkit-user-select:none;user-select:none;color:#e9e1cf;filter:drop-shadow(0 .8cqw 1.6cqw #000d);font-family:var(--font-body,"Alegreya Sans", sans-serif);border-radius:4.4%;position:relative;container-type:inline-size}.rcard>*{position:absolute}.rcard .rc-art{aspect-ratio:auto;border-radius:1.6cqw;width:auto;position:absolute;inset:3.4% 4.8%}.rcard .rc-frame{background:var(--frame) center / 100% 100% no-repeat;pointer-events:none;inset:0}.rcard .rc-cost{aspect-ratio:1;place-items:center;width:20%;display:grid;top:1.15%;left:1.6%}.rcard .rc-cost span{font-family:var(--font-num,"Alegreya Sans", sans-serif);color:#f4fbff;-webkit-text-stroke:.9cqw #031420;paint-order:stroke fill;text-shadow:0 0 2cqw #5fd3ff99;font-size:9cqw;font-weight:900;line-height:1}.rcard .rc-sigil{aspect-ratio:1;place-items:center;width:8.4%;display:grid;top:4.1%;left:85.4%}.rcard .rc-sigil svg{filter:drop-shadow(0 .3cqw .3cqw #000);width:100%;height:118%}.rcard .rc-name{text-align:center;place-items:center;height:6.6%;display:grid;top:59.7%;left:11%;right:11%;overflow:hidden}.rcard .rc-name span{font-family:var(--font-display,"IM Fell English SC", serif);color:#fbf1d8;white-space:nowrap;letter-spacing:.02em;text-shadow:0 .3cqw .2cqw #000,0 0 1.5cqw #000c;font-size:6.4cqw;line-height:1}.rcard .rc-name.long span{font-size:5.2cqw}.rcard .rc-name.xlong span{font-size:4.4cqw}.rcard .rc-type{text-align:center;color:#c9b98f;white-space:nowrap;text-overflow:ellipsis;font-family:Alegreya,serif;font-size:3.7cqw;font-style:italic;line-height:1.1;top:67.4%;left:10%;right:10%;overflow:hidden}.rcard .rc-text{color:#ddd4bf;text-align:center;flex-direction:column;justify-content:center;gap:.9cqw;font-size:3.7cqw;line-height:1.22;display:flex;inset:71.4% 10% 10.6%;overflow:hidden}.rcard .rc-text .r{margin:0}.rcard .rc-text .r b{font-family:var(--font-display,serif);color:#f0cf86;letter-spacing:.02em;font-weight:400}.rcard .rc-text .r .m{color:#8f8a7c;white-space:nowrap;font-size:.86em}.rcard .rc-text .fl{color:#a99f88;font-family:Alegreya,serif;font-style:italic}.rcard .rc-text .kw{color:#f0cf86}.rcard.full .rc-text{text-align:left;scrollbar-width:none;justify-content:flex-start;font-size:max(3.9cqw,10px);overflow-y:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.rcard.full .rc-text::-webkit-scrollbar{display:none}.rcard:not(.full) .rc-text{font-size:4.2cqw}.rcard:not(.full) .rc-text .r{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rcard .rc-stat{aspect-ratio:1;background:50%/contain no-repeat;place-items:center;width:17%;display:grid;bottom:.4%}.rcard .rc-stat.atk{background-image:var(--coin-atk);left:.4%}.rcard .rc-stat.hp{background-image:var(--coin-hp);padding-bottom:1.2cqw;right:.4%}.rcard .rc-stat b,.rcard .rc-rail b{font-family:var(--font-num,"Alegreya Sans", sans-serif);color:#fff8e6;-webkit-text-stroke:.8cqw #120a04;paint-order:stroke fill;font-weight:900;line-height:1}.rcard .rc-stat b{font-size:8cqw}.rcard .rc-rail{color:#a39a86;letter-spacing:.08em;text-transform:uppercase;justify-content:center;gap:5cqw;font-size:3.4cqw;display:flex;bottom:3.2%;left:22%;right:22%}.rcard .rc-rail span{align-items:baseline;gap:1.2cqw;display:flex}.rcard .rc-rail b{-webkit-text-stroke-width:.6cqw;font-size:5.4cqw}.rcard .rc-rail.text{text-transform:none;letter-spacing:0;color:#c9b98f;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:3.6cqw;display:block;bottom:3.6%;overflow:hidden}.rcard .up b{color:#9cf0a2!important}.rcard .down b{color:#ff8f7a!important}.rcard.full{pointer-events:auto}.rcard.hero{filter:drop-shadow(0 .8cqw 1.6cqw #000d)drop-shadow(0 0 2cqw #e3b04b55)}.rc-art{aspect-ratio:3/4;background:#0f151c;width:100%;position:relative;overflow:hidden}.rc-art img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block}.rc-art img.cardart{object-fit:fill;width:144%;max-width:none;height:auto;position:absolute;top:-22.5%;left:-22%}.rc-art.painted{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--fcl) 70%, #fff) 0%, var(--fc) 45%, var(--fcd) 100%)}.rc-art.painted:after{content:"";background:radial-gradient(at 50% 100%,#0008,#0000 60%);position:absolute;inset:0}.rc-art .rc-ground{background:radial-gradient(#000a,#0000 70%);border-radius:50%;height:12%;position:absolute;bottom:8%;left:10%;right:10%}.rc-art img.figure{object-fit:contain;filter:drop-shadow(0 2px 3px #000a);width:auto;height:86%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.rc-art img.figure.cropped{object-fit:contain;width:90%;height:76%;bottom:12%}.rc-art .rc-emblem{position:absolute;inset:14%}.rc-art .rc-emblem svg{filter:drop-shadow(0 2px 4px #000c);width:100%;height:100%}.rcard .rc-art.emblem .rc-emblem{inset:8% 18% 46%}.coll-scr{max-width:1320px;margin:0 auto}.coll-scr .scr-head{margin-bottom:10px}.cl-bar{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#04060af0 70%,#04060a00);margin:0 -28px 8px;padding:8px 28px 10px;position:sticky;top:0}.cl-factions{scrollbar-width:none;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.cl-factions::-webkit-scrollbar{display:none}.cl-fac{--fc:#777;text-align:left;background:linear-gradient(color-mix(in srgb, var(--fc) 22%, #0b1016), #080b10);min-height:52px;color:var(--muted);border-radius:6px;flex:1 0 auto;align-items:center;gap:8px;padding:6px 12px 6px 8px;transition:color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 6px #0008}.cl-fac .crest{filter:drop-shadow(0 1px 2px #000);width:30px}.cl-fac-ic{width:30px;height:34px;color:var(--gold-mid);place-items:center;font-size:22px;display:grid}.cl-fac-t{flex-direction:column;line-height:1.1;display:flex}.cl-fac-t b{font-family:var(--font-display);letter-spacing:.03em;color:#e2d8c2;white-space:nowrap;font-size:15px;font-weight:600}.cl-fac-t small{font-family:var(--font-num);letter-spacing:.08em;color:var(--gold-mid);font-size:11px;font-weight:800}.cl-fac:hover{color:var(--text);transform:translateY(-1px)}.cl-fac.on{box-shadow:inset 0 0 0 1px var(--gold-mid), inset 0 -3px 0 var(--gold), 0 0 16px color-mix(in srgb, var(--fc) 60%, transparent), 0 2px 6px #0008}.cl-fac.on .cl-fac-t b{color:var(--gold-hi)}.cl-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.cl-seg{background:#070a0e;border-radius:5px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1c,0 2px 6px #0008}.cl-seg button{font-family:var(--font-display);letter-spacing:.03em;color:var(--muted);padding:7px 14px;font-size:14px;transition:color .15s,background .15s}.cl-seg button+button{box-shadow:-1px 0 #ffffff14}.cl-seg button:hover{color:var(--text)}.cl-seg button.on{color:#1d1206;text-shadow:0 1px #fff4;background:linear-gradient(#f0d48e,#c99a4b 60%,#8a6a2a)}.cl-count{font-family:var(--font-num);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-mid);text-shadow:0 1px 3px #000;margin-left:auto;font-size:12px;font-weight:800}.cl-body{flex-direction:column;gap:22px;padding-bottom:20px;display:flex}.cl-group{--fc:#777}.cl-gh{align-items:center;gap:10px;margin:0 0 10px;display:flex}.cl-gh .crest{width:26px}.cl-gh h2{color:var(--gold);text-shadow:0 2px #000,0 0 12px #000;white-space:nowrap;font-size:20px}.cl-gh i{background:linear-gradient(90deg, var(--gold-mid), transparent);opacity:.6;flex:1;height:1px}.cl-gc{font-family:var(--font-num);letter-spacing:.1em;color:var(--muted);font-size:12px;font-weight:800}.cl-grid{--cw:100%;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px 12px;display:grid}.cl-tile{width:100%;transition:transform .18s cubic-bezier(.2,.7,.2,1),filter .18s;display:block;position:relative}.cl-tile .rcard{width:100%}.cl-tile:hover,.cl-tile:focus-visible{filter:brightness(1.1);z-index:1;outline:none;transform:translateY(-4px)scale(1.03)}.cl-tile:focus-visible .rcard{filter:drop-shadow(0 0 6px var(--gold))}.cl-tile.locked .rcard{filter:drop-shadow(0 .8cqw 1.6cqw #000d)saturate(.35)brightness(.72)}.cl-tile.locked:hover .rcard{filter:drop-shadow(0 .8cqw 1.6cqw #000d)saturate(.5)brightness(.85)}.cl-new{z-index:2;font-family:var(--font-display);letter-spacing:.1em;color:#1d1206;background:linear-gradient(#ffe7a8,#d9a54e);border-radius:3px;padding:2px 8px;font-size:12px;animation:2.4s ease-in-out infinite cl-glint;position:absolute;top:-6px;right:-4px;box-shadow:0 0 0 1px #5a3f10,0 0 12px #e8c57a99,0 2px 4px #000a}@keyframes cl-glint{50%{box-shadow:0 0 0 1px #5a3f10,0 0 20px #ffe7a8cc,0 2px 4px #000a}}.cl-empty{text-align:center;font-family:var(--font-flavor);padding:40px 0;font-size:17px;font-style:italic}.rcard.sealed .rc-art.sil{background:radial-gradient(ellipse at 50% 35%, var(--fcl) 0%, var(--fc) 45%, var(--fcd) 100%)}.rcard.sealed .rc-art.sil img.figure{filter:brightness(0) drop-shadow(0 0 1px var(--fa)) drop-shadow(0 0 6px color-mix(in srgb, var(--fa) 40%, transparent));opacity:.92}.rcard.sealed .sil-crest{filter:brightness(.18) drop-shadow(0 0 1px var(--fa));position:absolute;inset:14% 24% 44%}.rcard.sealed .sil-crest svg{width:100%;height:100%;display:block}.rcard.sealed .sil-lock{aspect-ratio:1;color:#e8c57a;background:radial-gradient(circle at 38% 32%,#3a2c18,#120c05 70%);border-radius:50%;place-items:center;width:16%;font-size:7cqw;display:grid;top:31%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .5cqw #0a0603,0 0 0 1.1cqw #7a5620,0 1cqw 2cqw #000c}.rcard.sealed .rc-text .fl{text-align:center;color:#7d7464}.cl-sheet{z-index:20;padding:calc(16px + var(--sa-t)) 16px calc(16px + var(--sa-b));background:radial-gradient(at 50% 40%,#04060ab0,#04060af2);place-items:center;animation:.2s both cl-fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes cl-fade{0%{opacity:0}}.cl-detail{--fc:#777;grid-template-columns:280px minmax(0,1fr);gap:22px;width:min(1060px,100%);max-height:calc(100dvh - 32px);padding:10px 12px 12px;animation:.3s cubic-bezier(.2,.7,.2,1) both scr-in;display:grid;position:relative}.cl-detail.sealed{width:min(720px,100%)}.cl-close{z-index:2;position:absolute;top:-8px;right:-8px}.cl-cardcol{flex-direction:column;align-items:center;gap:12px;display:flex}.cl-cardcol .rcard{--cw:280px}.cl-nav{font-family:var(--font-num);letter-spacing:.1em;color:var(--muted);align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.cl-nav .iconbtn{width:38px;height:38px;font-size:17px}.cl-info{scrollbar-width:thin;scrollbar-color:#7a5620 transparent;flex-direction:column;gap:10px;min-width:0;padding-right:6px;display:flex;overflow-y:auto}.cl-info h2{color:var(--gold-hi);text-shadow:0 2px #000;margin-top:-4px;font-size:30px;line-height:1.05}.cl-info h3{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-mid);margin-bottom:6px;font-size:12px}.pg{background:#06090d;border-radius:6px;flex:none;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #7a5620,0 0 0 3px #e8c57a33,inset 0 0 30px #000,0 8px 18px #000a}.pg-stage{height:clamp(220px,34vh,320px);position:relative}.pg-stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px 10px #04060a}.pg-canvas{width:100%;height:100%;display:block}.pg-foot{background:linear-gradient(#0d131a,#080b10);border-top:1px solid #7a562066;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.pg-cap{min-width:0;font-family:var(--font-display);letter-spacing:.03em;color:#e2d6b8;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.pg-replay{width:30px;height:30px;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold-lo);border-radius:50%;font-size:17px;line-height:1}.pg-replay:hover{color:var(--gold-hi);box-shadow:inset 0 0 0 1.5px var(--gold-mid), 0 0 10px #e3b04b55}.cl-stats{flex-wrap:wrap;gap:6px;display:flex}.cl-st{text-align:center;background:linear-gradient(#141c25,#0a0f14);border-radius:5px;min-width:64px;padding:6px 10px 5px;box-shadow:inset 0 0 0 1px #ffffff12,0 2px 4px #0008}.cl-st b{font-family:var(--font-num);color:#fff4dc;text-transform:capitalize;font-size:22px;font-weight:900;line-height:1;display:block}.cl-st span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:10px;font-weight:800;display:block}.cl-st.tide b{color:#9fe8ff}.cl-st.hp b{color:#9cf0a2}.cl-st.atk b{color:#ffb08a}.cl-st.mod b{color:#9cf0a2}.cl-st.wide b{padding:3px 0 2px;font-size:15px}.cl-tags{color:#c9b98f;text-transform:none;font-size:13px}.cl-lead{color:#e6dcc6;font-size:15px}.cl-flavor,.cl-src{font-family:var(--font-flavor);color:#a99f88;font-size:14px;font-style:italic}.cl-src{border-top:1px solid #ffffff10;margin-top:auto;padding-top:4px}.cl-abl{flex-direction:column;gap:8px;display:flex}.cl-abl .abl{background:#0b1016cc;border-radius:5px;padding:7px 10px;box-shadow:inset 0 0 0 1px #ffffff10}.cl-abl .abl b{font-family:var(--font-display);color:#f0cf86;font-size:16px;font-weight:600}.cl-abl .abl .meta{color:var(--muted);margin-left:8px;font-size:12px}.cl-abl .abl.passive b{color:#b9d8ff}.cl-abl .adesc{color:#ddd4bf;margin-top:2px;font-size:14px}.cl-fx{color:#ddd4bf;margin:0;padding-left:18px;font-size:14px}.cl-fx li+li{margin-top:3px}.cl-temper{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-temper li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.cl-temper b{font-family:var(--font-display);color:#e9dfc6;font-weight:600}.cl-tdesc{color:#b9ae96;font-size:13px}.cl-rank{width:28px;height:28px;font-family:var(--font-display);color:#7d7464;background:radial-gradient(circle at 38% 32%,#2a2f36,#0d1115 70%);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid;box-shadow:inset 0 0 0 1.5px #4a3a22}.cl-sealed{background:#0b1016cc;border-radius:6px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #7a562055}.cl-sealed>.glyph{color:var(--gold-mid);margin-top:2px;font-size:28px}.cl-sealed b{font-family:var(--font-display);color:var(--gold);font-size:18px;font-weight:600}.cl-sealed p{color:#d8cdb4;margin-top:4px;font-size:15px}@media (width<=820px){.cl-bar{margin:0 -16px 6px;padding:6px 16px 8px}.cl-fac{flex:none}.cl-fac-t small{display:none}.cl-count{width:100%;margin-left:0}.cl-seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.cl-seg button{flex:none;padding:7px 11px}.pg-stage{height:230px}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 8px}.cl-detail,.cl-detail.sealed{grid-template-columns:1fr;max-height:none}.cl-cardcol .rcard{--cw:min(220px, 60vw)}.cl-info{overflow:visible}.cl-sheet{place-items:start center}}.sndpanel{z-index:400;background:var(--glass);border:1px solid var(--line);width:252px;color:var(--text);font-family:var(--font-ui);-webkit-backdrop-filter:blur(8px);border-radius:3px;padding:14px 16px 12px;position:fixed;box-shadow:0 10px 34px #000a}.sndpanel h3{font:600 13px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.sndpanel .snd-row{letter-spacing:.02em;grid-template-columns:74px 1fr 30px;align-items:center;gap:8px;margin:9px 0;font-size:14px;display:grid}.sndpanel .snd-row output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.sndpanel .snd-row.master label{color:var(--gold-hi)}.sndpanel input[type=range]{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:22px;margin:0}.sndpanel input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--teal) var(--p), var(--line-dim) var(--p));border-radius:2px;height:3px}.sndpanel input[type=range]::-moz-range-track{background:var(--line-dim);border-radius:2px;height:3px}.sndpanel input[type=range]::-moz-range-progress{background:var(--teal);border-radius:2px;height:3px}.sndpanel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:1px solid var(--gold-hi);border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 0 0 3px #0b1016}.sndpanel input[type=range]::-moz-range-thumb{background:var(--gold);border:1px solid var(--gold-hi);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #0b1016}.sndpanel input[type=range]:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.sndpanel .snd-mute{border-top:1px solid var(--line-dim);color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.sndpanel .snd-mute input{accent-color:var(--gold);width:15px;height:15px;margin:0}.sndpanel .snd-hint{color:var(--dim);margin-top:6px;font-size:11px}.sndpanel.muted .snd-row:not(.master),.sndpanel.muted .snd-row.master{opacity:.5}.menu-sound{top:calc(14px + var(--sa-t));right:calc(14px + var(--sa-r));z-index:30;position:fixed}.sndpanel .snd-credits{color:var(--dim);margin-top:8px;font-size:11px}.sndpanel .snd-credits summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase}.sndpanel .snd-credits p{color:var(--muted);margin:6px 0 0;line-height:1.4}