.configured-portrait{display:inline-block;position:relative;overflow:visible!important;vertical-align:middle}.configured-portrait>.portrait-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-sp-badge{position:absolute;top:-3px;right:-3px;padding:1px 3px;border:1px solid #8b6629;border-radius:4px;background:#f4dd94;color:#392c15;font:italic 700 10px Georgia,serif;line-height:1.2;z-index:2}.hero-class-badge{position:absolute;bottom:-1px;left:-2px;width:28%;min-width:15px;max-width:30px;aspect-ratio:1;padding:0;border:1px solid #b89b54;border-radius:50%;background:#30281d;z-index:2}.hero-class-badge>img{display:block;width:100%;height:100%}.config-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.config-mode-toggle .button{font-size:12px;min-height:38px}.config-mode-toggle>span{font-size:11px;color:#775623}.hero-config-dialog{max-width:480px}.hero-config-form{padding:20px;overflow-y:auto;color:#573b1a}.hero-config-heading{display:flex;gap:16px;align-items:center;margin-bottom:15px}.hero-config-heading>.portrait{width:72px;height:72px;border-radius:50%}.hero-config-heading strong{font-size:21px}.hero-config-form label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:15px}.hero-config-form select{width:100%;min-height:44px;padding:9px;background:#fff4da;color:#4b351b;border:1px solid #ac8a49;font-size:16px}.hero-config-form p{font-size:12px;line-height:1.6;color:#85632f}.hero-config-form .config-sp-toggle{flex-direction:row;align-items:center;min-height:42px}.config-sp-toggle input{width:21px;height:21px;accent-color:#246078}@media(max-width:820px){.config-mode-toggle{margin:4px 0}.config-mode-toggle .button{min-height:36px}.hero-config-form{padding:16px}}.overview .initial-boxes{max-width:760px;margin:24px auto 0}.overview .initial-box-hint{margin:0;padding:0 16px 12px;font-size:13px;color:#79603c}.overview .initial-box-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 16px 16px}.initial-boxes .initial-box-panel{min-width:0;padding:12px 14px;background:#f3e7cd;border:1px solid #b49b69;border-top:3px solid #315d83;border-radius:3px}.initial-boxes .initial-box-panel.second{border-top-color:#8d362d}.initial-box-panel>header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.initial-boxes .initial-box-panel h3{margin:0;color:#315d83;font-size:16px}.initial-boxes .initial-box-panel.second h3{color:#8d362d}.initial-box-panel>header>span{color:#755a31;font-size:13px;overflow-wrap:anywhere}.initial-boxes .initial-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;max-width:300px;margin:0 auto}.initial-boxes .initial-hero{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:#523d22;cursor:pointer}.initial-boxes .initial-hero:disabled{opacity:1;cursor:default}.initial-boxes .initial-hero-ring{display:block;width:100%;max-width:64px;aspect-ratio:1;padding:3px;border:1px solid #76613a;border-radius:50%;background:linear-gradient(140deg,#ffe6a1,#806738 35%,#dac189 75%,#fff0ba);box-shadow:0 2px 4px #4e361e40}.initial-boxes .initial-hero-ring>.portrait{display:block;width:100%;height:100%;border:0;border-radius:50%;aspect-ratio:1;object-fit:cover}.initial-boxes .initial-hero.ban .initial-hero-ring>img,.initial-boxes .initial-hero.ban .portrait-image{filter:brightness(.63) saturate(.75)}.initial-boxes .initial-hero-status{position:static;display:block;margin-top:5px;min-width:48px;padding:1px 6px;color:#887353;font:12px/1.4 Microsoft YaHei,sans-serif;border-radius:3px}.initial-boxes .initial-hero-status.ban{color:#fff2dc;background:#923d32}.initial-boxes .initial-hero-status.pick{color:#fff4dd;background:#315f7e}.initial-boxes .initial-hero-name{display:block;width:100%;min-height:1.45em;margin-top:3px;color:#513c22;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-align:center}.initial-boxes .initial-hero:not(:disabled):hover .initial-hero-ring{box-shadow:0 0 0 2px #e1bc67,0 0 12px #b8883a55}.initial-boxes .initial-hero:focus-visible{outline:2px solid #906b29;outline-offset:5px;border-radius:3px}@media(max-width:820px){.overview .initial-box-columns{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 10px 12px}.overview .initial-box-hint{padding-inline:12px}.initial-boxes .initial-box-panel{padding:12px}.initial-boxes .initial-hero-grid{gap:10px 10px}.initial-boxes .initial-hero-ring{max-width:56px}}@media(max-width:380px){.overview .initial-box-columns,.initial-boxes .initial-box-panel{padding-inline:8px}.initial-boxes .initial-hero-grid{gap:9px 8px}.initial-boxes .initial-hero-name{font-size:12px}}:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#deddd4;background:#0b141d;font-synthesis:none;--gold:#cfb479;--gold-dim:#7b6847;--muted:#86939c;--blue:#76b4e5;--red:#e39191;--border:#35434b;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}body{margin:0;min-width:375px;background:radial-gradient(ellipse at 50% 8%,#243a433b,transparent 55%),linear-gradient(#101c25,#0c151e);min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ecd296;outline-offset:3px}button,input,select{transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s}input,select{color:#e8e5dc;background:#14232e;border:1px solid #43515a;border-radius:5px;padding:10px 12px;min-width:0}input::placeholder{color:#70828d}button{border:none}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600}small{font-weight:400}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.eyebrow{font-family:Georgia,serif;color:#9e8c69;font-size:10px;letter-spacing:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid #625b46;border-radius:5px;background:linear-gradient(#2d3335,#202b31);font-size:12px;white-space:nowrap;color:#e8d9b7;box-shadow:inset 0 1px #ffffff08}.button:hover:not(:disabled){background:#3a403e;border-color:#bd9e60}.button.primary{color:#19222a;border-color:#e1c88c;background:linear-gradient(120deg,#e8d3a2,#bfa16a);font-weight:600;box-shadow:inset 0 1px #fff4,0 3px 16px #0003}.button.primary:hover:not(:disabled){background:linear-gradient(120deg,#f6e4b9,#d2b57c);box-shadow:0 0 18px #c8a66828}.button.subtle{color:#b8c2c7;background:transparent;border-color:#35454f}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:#c3b28d;font-size:12px;padding:3px}.text-button:hover:not(:disabled){color:#ffe0a3}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;color:#9babb5;background:transparent}.icon-button:hover:not(:disabled){color:#eed49c;background:#ffffff0b}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7c9b8d;margin-right:6px}.pick-dot{background:#71a4cf}.ban-dot{background:#b66669}.ornament{color:#aa915b;font-size:10px}.portrait{width:100%;height:100%;object-fit:cover;display:block}.file-input{display:none}.site-header{height:86px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b8a16f35;background:#111b23de}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:40px;height:46px;clip-path:polygon(50% 0,95% 19%,88% 76%,50% 100%,12% 76%,5% 19%);color:#e6cd8f;background:linear-gradient(135deg,#8b7446,#26343b 36%,#32404a 68%,#977c46)}.brand-title{font-family:var(--serif);color:#e6d5b0;font-size:21px;letter-spacing:2px}.brand-title i{font-style:normal;color:#8a744f}.brand small{font-family:Georgia,serif;display:block;font-size:9px;letter-spacing:1.4px;color:#7f8b91;margin-top:6px}.version-pill{border:1px solid #88764970;color:#bca573;padding:2px 6px;border-radius:3px;font-size:10px;align-self:flex-start;margin-top:5px}.main-nav{display:flex;height:100%;align-items:stretch;gap:20px}.main-nav button{position:relative;display:flex;align-items:center;gap:7px;background:none;color:#8f9fa9;font-size:13px;padding:0 3px}.main-nav button.active{color:#e5cca0}.main-nav button.active:after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:#d2b276;box-shadow:0 -2px 12px #d5b87d40}.main-nav button:hover:not(:disabled){color:#efd5a4}.header-actions{display:flex;gap:9px;align-items:center}main{max-width:1660px;margin:auto;padding:26px 30px 16px}.workspace-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px;min-height:42px}.workspace-title{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.workspace-title>.eyebrow{display:none}.workspace-title h1{font-size:25px;letter-spacing:3px;color:#ede0c4}.workspace-note{color:#81939f;font-size:12px}.live-badge{color:#acb9c1;font-size:12px;display:inline-flex;align-items:center;gap:7px}.live-badge i{width:5px;height:5px;background:#84afa5;border-radius:50%}.perspective-switch{display:flex;gap:3px;align-items:center;border:1px solid #3d484f;padding:4px 5px;border-radius:5px;background:#0e1922;flex-shrink:0;color:#a0aeb7}.perspective-switch>svg{margin:0 7px}.perspective-switch button{padding:6px 11px;background:transparent;border-radius:3px;font-size:12px;color:#92a1ab}.perspective-switch button.active{color:#e1c994;background:#7d694334;box-shadow:inset 0 0 0 1px #b7995650}.perspective-switch button:hover{color:#e7cc92}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.arena-main{min-width:0}.arena{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(218px,.86fr) minmax(260px,1fr);border:1px solid #8c76464d;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at center bottom,#36524b44,transparent 65%),#14242d;box-shadow:0 12px 50px #0004,inset 0 1px #dcc28a14}.arena:before,.arena:after{content:"";position:absolute;z-index:1;pointer-events:none;width:26px;height:26px;border-color:#b89856;border-style:solid;opacity:.8}.arena:before{left:5px;top:5px;border-width:2px 0 0 2px}.arena:after{right:5px;bottom:5px;border-width:0 2px 2px 0}.box-panel{min-width:0;padding:0 15px;background:linear-gradient(160deg,#bdac8530,#1d2d31 30%,#c7b18817 95%);position:relative}.box-panel.first{--side:#75b5e2;--side-dark:#2a5072}.box-panel.second{--side:#d98b8d;--side-dark:#71383c}.box-panel.left{border-right:1px solid #6d634b66}.box-panel.right{border-left:1px solid #6d634b66}.player-banner{height:114px;display:flex;align-items:center;gap:10px;padding:16px 3px 20px;border-bottom:1px solid #8a734b70;position:relative;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--side-dark),transparent 10%),transparent 70%)}.player-banner:after{content:"◆";position:absolute;bottom:-7px;left:calc(50% - 6px);font-size:10px;color:#b79654;background:#293438;padding:0 4px}.player-emblem{display:grid;place-items:center;color:var(--side);width:45px;height:51px;border:1px solid color-mix(in srgb,var(--side),transparent 50%);border-radius:15px 15px 22px 22px;background:linear-gradient(120deg,#222f37,var(--side-dark));box-shadow:inset 0 0 0 3px #17242b55}.player-side{font-size:13px;color:var(--side);letter-spacing:1px;display:block}.player-side small{font-family:Georgia,serif;font-size:9px;margin-left:7px;letter-spacing:1px;opacity:.7}.player-banner h2{font-size:20px;color:#eee4d4;margin-top:6px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status{margin-left:auto;font-family:Georgia,serif;font-size:18px;color:#c7b384}.panel-label{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;font-size:11px;color:#c9b689;letter-spacing:1px}.panel-label .text-button{font-size:10px;letter-spacing:0}.box-and-lineup{display:flex;gap:11px;align-items:stretch;padding-bottom:17px}.right .box-and-lineup{flex-direction:row-reverse}.hero-box-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 7px}.box-hero{padding:0;display:flex;flex-direction:column;align-items:center;background:transparent;position:relative;min-width:0;opacity:1!important;color:#b9beb6}.hero-circle{position:relative;display:block;width:100%;max-width:77px;aspect-ratio:1;border-radius:50%;padding:3px;background:linear-gradient(145deg,#d2b56b,#665431 30%,#3a4144 65%,#d7bb78);box-shadow:0 3px 5px #0007;border:1px solid #0c141b}.hero-circle>.portrait{border-radius:50%;background:#263745}.hero-name{display:block;text-align:center;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:6px}.class-icon{position:absolute;bottom:0;left:0;width:20px;height:20px;border-radius:50%;background:#202a30;border:1px solid #c7ba99;box-shadow:0 1px 5px #0009}.empty-index{height:100%;display:grid;place-items:center;border-radius:50%;background:#17272e;color:#53605f;font-family:Georgia,serif;font-size:23px}.box-hero.available:hover .hero-circle,.box-hero:not(:disabled):hover .hero-circle{box-shadow:0 0 0 1px #f1d695,0 0 13px #cfa55855;transform:translateY(-2px)}.hero-circle{transition:box-shadow .15s,transform .15s,filter .2s}.box-hero.banned .hero-circle>.portrait{filter:brightness(.38) saturate(.35)}.box-hero.banned .hero-name,.box-hero.picked .hero-name{color:#78817d}.status-ribbon{position:absolute;left:1px;right:1px;top:42%;height:22px;font-family:var(--serif);font-size:12px;letter-spacing:2px;text-shadow:0 1px #000;color:#fbf1dd;border-block:1px solid #ffffff2c;transform:skewY(-7deg);background:linear-gradient(90deg,#6d242866,#a03e40ed,#6d242888)}.picked .status-ribbon{background:linear-gradient(90deg,#21507188,#3878a8ed,#21507188)}.box-hero.selected.ban .hero-circle{background:#ee7272;box-shadow:0 0 0 2px #e97575,0 0 20px #ff565660}.box-hero.selected.pick .hero-circle{background:#74dad8;box-shadow:0 0 0 2px #79dbe6,0 0 20px #55d6ee50}.selected.ban .hero-circle>.portrait{filter:sepia(.7) saturate(1.5)}.selection-symbol{position:absolute;inset:3px;border-radius:50%;display:flex;align-items:flex-end;justify-content:flex-end;background:#b3212855;color:#fff}.selection-symbol svg{width:23px;height:23px;background:#be4f52;border-radius:50%;border:2px solid #fbb2a7}.selected.pick .selection-symbol{background:#2499b444}.selected.pick .selection-symbol svg{background:#378e9d;border-color:#7ddfd2}.box-hero.recent .hero-circle{animation:hero-reveal .6s ease-out}.target-panel{background:radial-gradient(ellipse at center,#d1b46d1c,transparent 70%),linear-gradient(160deg,#bdac8530,#243338 30%,#c7b18820 95%)}.target-panel .panel-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#e3c181;box-shadow:0 0 9px #e3c181;margin-right:6px}.target-panel .panel-label>span:first-child{margin-right:auto}.lineup{width:59px;flex-shrink:0;border:1px solid #9e865760;background:linear-gradient(#172127bb,#36332977);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 5px 9px;position:relative;box-shadow:inset 0 0 15px #0003}.lineup-label{font-family:var(--serif);color:#d6c18c;font-size:10px;white-space:nowrap;border-bottom:1px solid #83714a80;padding:6px 1px;width:100%;text-align:center;line-height:1.2}.lineup-slot{width:46px;height:46px;border:1px solid #8e7b5255;border-radius:50%;background:radial-gradient(circle at bottom,#b9a98916,#0f191b40);display:grid;place-items:center;color:#8b816136;font-size:23px;font-family:Georgia,serif;position:relative}.lineup-slot:after{content:"";position:absolute;inset:4px;border:1px solid #af9a6020;border-radius:50%;pointer-events:none}.lineup-slot.filled{padding:2px;border-color:#d8bc80;box-shadow:0 0 8px #cca65530;animation:hero-reveal .5s ease-out}.lineup-slot .portrait{border-radius:50%}.box-footer{display:flex;justify-content:space-between;border-top:1px solid #b5a07127;padding:13px 0 15px;color:#94a09e;font-size:10px;letter-spacing:.3px}.command-center{display:flex;align-items:center;flex-direction:column;padding:24px 19px 19px;min-width:0;background:repeating-linear-gradient(45deg,transparent,transparent 29px,#b09c6310 30px,transparent 31px),radial-gradient(ellipse at bottom,#77794a17,transparent 65%);position:relative;text-align:center}.command-center:before{content:"";position:absolute;inset:12px;border-top:1px solid #a58c4e35;border-bottom:1px solid #a58c4e35;pointer-events:none}.center-heading{display:flex;align-items:center;justify-content:center;gap:16px;color:#cbb783;font-family:var(--serif);font-size:13px;letter-spacing:2px;width:100%;white-space:nowrap}.turn-card{padding-top:24px;min-height:170px;width:100%}.step-counter{color:#a9976d;font:11px Georgia,serif;letter-spacing:3px;margin-bottom:11px}.step-counter b{font-weight:400;font-size:24px;color:#ddc699}.step-counter span{color:#746f5b}.turn-owner{display:block;font-size:11px;color:#a4b1b7;letter-spacing:2px}.turn-card.first .turn-owner{color:var(--blue)}.turn-card.second .turn-owner{color:var(--red)}.turn-card h2{font-size:22px;white-space:nowrap;color:#ebd8ad;letter-spacing:2px;margin-top:9px}.turn-card p{font-size:11px;color:#93a2a7;margin-top:12px;line-height:1.7;min-height:36px}.ready-crest{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:187px;padding:10px 0 18px;gap:23px}.crest-rings{width:138px;height:138px;border:1px solid #b2995966;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c5b079;position:relative;box-shadow:0 0 45px #bfa1570d;background:radial-gradient(#b4a46915,transparent)}.crest-rings:before{content:"";position:absolute;inset:8px;border:1px dashed #b8a37430;border-radius:50%}.crest-rings:after{content:"◆";position:absolute;top:-9px;font-size:13px;background:#192a2f;color:#d0b477;padding:0 7px}.crest-rings>span{font:11px Georgia,serif;letter-spacing:5px;margin:5px 0 0 5px}.ready-checks{display:flex;gap:19px;font-size:11px;color:#9c9788}.ready-checks>span{display:flex;align-items:center;gap:5px}.ready-checks .ready svg{color:#87b6a2}.center-actions{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:10px}.start-button,.confirm-button{min-height:44px;width:100%;font-size:14px}.start-button{letter-spacing:2px;gap:14px}.start-button svg:last-child{margin-left:auto}.start-button svg:first-child{margin-right:auto}.center-hint{font-size:9px;color:#8a958f;white-space:nowrap;letter-spacing:.2px}.next-action{margin-top:25px;padding-top:14px;border-top:1px solid #88784744;width:100%;font-size:10px;color:#8d9a9b}.next-action>span{color:#b19e72;letter-spacing:2px}.next-action p{line-height:1.7;margin-top:6px;font-size:10px}.action-display{flex:1;display:flex;flex-direction:column;justify-content:center;gap:25px;width:100%;min-height:170px;margin:8px 0}.action-display-label{color:#8e968c;font-size:10px;letter-spacing:2px}.action-portraits{display:flex;justify-content:center;gap:20px;padding-bottom:22px}.action-portrait{width:76px;height:76px;border:1px solid #ac95577a;border-radius:50%;padding:3px;position:relative;background:#14252f;box-shadow:0 0 0 5px #c5a76808}.action-portrait>.portrait{border-radius:50%}.action-portrait.has-hero{animation:hero-reveal .3s ease-out}.empty-action{display:grid;place-items:center;width:100%;height:100%;color:#bdab7960;font:32px Georgia,serif}.selected-name{position:absolute;left:50%;top:calc(100% + 9px);transform:translate(-50%);font-size:10px;white-space:nowrap;color:#d6d2bf;max-width:110px;overflow:hidden;text-overflow:ellipsis}.event-symbol{position:absolute;right:-4px;bottom:0;color:#eee1d2;border-radius:50%;background:#963f44;width:24px;height:24px;display:grid;place-items:center;border:1px solid #dc9b8f}.action-display.pick .event-symbol{background:#287185;border-color:#83bdca}.confirm-button{background:linear-gradient(#9e4b4e,#6b323a);border-color:#c48277;color:#f5e6d5;gap:10px}.confirm-button:hover:not(:disabled){background:linear-gradient(#b96060,#83414b);border-color:#e5a392}.confirm-button.pick{background:linear-gradient(#3b7291,#204a66);border-color:#779baa;color:#e6f0f2}.confirm-button.pick:hover:not(:disabled){background:#3c7796}.confirm-button>span{font-size:11px;opacity:.75}.replay-status{font-size:11px;color:#b3bdba;letter-spacing:3px}.playback-bar{display:flex;align-items:center;gap:22px;margin-top:15px;border:1px solid #4e554b80;border-radius:6px;padding:15px 20px;background:linear-gradient(120deg,#203039,#19242b);box-shadow:0 4px 16px #0002}.playback-buttons{display:flex;align-items:center;gap:6px}.play-button{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #baa271;background:linear-gradient(#456d84,#173b55);color:#ead6a7;box-shadow:inset 0 0 0 3px #182c3b,0 0 0 2px #0d1b26}.play-button:hover:not(:disabled){background:#477c99}.play-button>svg{width:17px}.progress-control{flex:1}.progress-control>div{display:flex;align-items:center;justify-content:space-between;color:#a1adaf;font-size:10px;margin-bottom:7px}.progress-control b{color:#d2b97e;font-size:13px;font-family:Georgia,serif}.progress-control b small{color:#879397;font-family:Microsoft YaHei,sans-serif;font-size:10px}.progress-control input{display:block;width:100%;padding:0;accent-color:#c0a168;height:6px;border:none;cursor:pointer}.speed-select{padding:7px;font-size:10px;border-color:#56605b;color:#bdbfab;background:#1b2a33}.preparation-note{display:flex;align-items:center;gap:12px;padding:21px 17px;color:#9daaaa;border:1px solid #4f564c55;border-radius:6px;margin-top:15px;font-size:11px;background:#21313966}.preparation-note>svg{color:#bda572}.preparation-note>i{height:3px;width:3px;border-radius:50%;background:#5f6b6b}.preparation-note .note-end{margin-left:auto;color:#6e818d}.arena-caption{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;color:#6c808a;gap:15px;line-height:1.7}.timeline{border:1px solid #3a484d;border-radius:8px;background:linear-gradient(#1b2a33,#14212b);display:flex;flex-direction:column;min-height:0;max-height:780px;box-shadow:0 8px 25px #0002}.timeline-heading{display:flex;align-items:center;gap:9px;padding:18px 17px 12px;color:#baa575}.timeline-heading h2{font-size:15px;color:#e1d2b1;letter-spacing:1px}.timeline-heading>span{margin-left:auto;font:18px Georgia,serif;color:#d4c099}.timeline-heading small{font-size:11px;color:#839397}.timeline-tip{font-size:9px;color:#788b96;padding:0 17px 16px;border-bottom:1px solid #6c735d36}.timeline-list{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#64706155 transparent;flex:1;min-height:0;padding:6px 9px 12px}.timeline-step,.initial-step{padding:12px 8px;display:flex;align-items:center;gap:9px;background:transparent;text-align:left;width:100%;border-bottom:1px solid #9c9f8611;border-radius:3px;opacity:1!important;min-height:59px}.timeline-step.future{color:#617780}.timeline-step.current,.initial-step.current{background:#b6a06c13;box-shadow:inset 2px 0 #c8a866}.timeline-step.done:hover,.initial-step:hover:not(:disabled){background:#ffffff06}.step-number{font:11px Georgia,serif;color:#637985;min-width:17px;align-self:flex-start;line-height:1.7}.timeline-step.current .step-number{color:#ceb379}.step-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.step-copy>span:first-child{display:flex;align-items:center;gap:7px;font-size:10px}.step-copy b{font-weight:400;color:#8bb4cf}.timeline-step.second .step-copy b{color:#c58987}.step-copy small{color:#73868c;font-size:9px}.step-names{font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#758a96}.done .step-names{color:#b3bdbf}.step-portraits{display:flex;gap:3px}.step-portraits .portrait{width:25px;height:25px;border:1px solid #bda97466;border-radius:50%}.ban-text{color:#c98685}.pick-text{color:#79a6bd}.timeline-step.future .ban-text,.timeline-step.future .pick-text{opacity:.55}.action-mini{display:grid;place-items:center;width:21px;height:21px;border:1px solid #55687066;border-radius:50%;font-size:13px;opacity:.5}.initial-step{font-size:10px;min-height:40px;color:#a6b0ae}.initial-step .muted{margin-left:auto;font-size:9px}.timeline-foot{font-size:9px;color:#758a95;padding:13px 14px;border-top:1px solid #3f5056;display:flex;align-items:center;gap:7px}.site-footer{max-width:1600px;margin:4px auto 0;display:flex;justify-content:space-between;align-items:center;padding:20px 30px 26px;color:#5e737e;font-size:10px;border-top:1px solid #3a4b522e;gap:20px}.site-footer a{color:#9a927b}.site-footer a:hover{color:#d9c28d}.site-footer i{margin:0 10px;font-style:normal}.dialog{padding:0;border:1px solid #9f8754;border-radius:10px;background:#192731;color:#dcd9cd;max-width:calc(100vw - 40px);max-height:calc(100dvh - 50px);width:560px;box-shadow:0 30px 100px #000b;overflow:hidden}.dialog::backdrop{background:#020910b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 52px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(120deg,#35423b,#1f303a);border-bottom:1px solid #ad955044;flex-shrink:0}.dialog-header h2{font-size:21px;letter-spacing:2px;color:#e4d2a8}.hero-dialog{width:1130px}.editor-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.editor-box{padding:22px 19px;background:linear-gradient(#25363e,#1f2d32);border-right:1px solid #5e645350;overflow-y:auto}.field-label{font-size:11px;display:flex;flex-direction:column;gap:8px;color:#b7a680}.field-label input{font-size:13px;padding:9px}.section-label{display:flex;justify-content:space-between;color:#bfa775;font-size:11px;margin:23px 0 15px}.section-label>span:last-child{color:#8ea0a6;font-size:10px}.editor-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.editor-slot{background:none;min-width:0;aspect-ratio:.8;position:relative;padding:0;align-self:start}.editor-slot:not(.filled)>span{display:grid;place-items:center;aspect-ratio:1;border:1px dashed #7c846b55;color:#647572;font:20px Georgia,serif;border-radius:50%}.editor-slot .portrait{aspect-ratio:1;height:auto;border-radius:50%;border:2px solid #b3a272}.editor-slot small{display:block;font-size:9px;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#afb9b5}.remove-mark{position:absolute;top:-2px;right:0;display:none;background:#a14e50;border-radius:50%;padding:2px;color:#fff}.editor-slot:hover .remove-mark{display:flex}.editor-box>p{margin-top:25px;font-size:10px}.editor-box>.text-button{margin-top:15px}.catalog{padding:20px 23px;display:flex;flex-direction:column;min-height:0;max-height:650px}.catalog-search{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-bottom:17px}.catalog-search>svg{color:#84989e}.catalog-search input{flex:1;padding:9px 10px;font-size:12px}.catalog-search .text-button{font-size:11px;margin-left:5px}.filter-line{display:flex;gap:13px;padding:8px 0;flex-shrink:0}.filter-label{font-size:11px;color:#849ba8;padding-top:6px;flex-shrink:0;width:36px}.filter-options{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:4px;padding:4px 7px;background:#213540;border:1px solid #43576280;border-radius:4px;font-size:10px;color:#aabdc5;white-space:nowrap}.filter-chip img{width:20px;height:20px;object-fit:contain}.filter-chip.active{color:#f0dcae;background:#4b4835;border-color:#b49b62}.filter-chip:hover{border-color:#bb9e5b}.filter-chip.rarity{font-family:Georgia,serif;font-style:italic;color:#d8bb77;font-size:13px;min-width:49px;justify-content:center}.catalog-meta{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:17px 0 13px;border-top:1px solid #3e5158;margin-top:9px;font-size:11px;color:#b8c3c5}.catalog-meta b{font-weight:400;color:#d2b67d;margin-left:7px}.catalog-meta>span:last-child{font-size:9px}.catalog-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5b737a66 transparent;padding:2px 6px 8px 1px;align-content:start;min-height:180px;flex:1}.catalog-hero{padding:0;min-width:0;background:transparent;color:#b8c4c5;align-self:start}.catalog-portrait{position:relative;width:100%;aspect-ratio:1;border:1px solid #857549;border-radius:6px;padding:2px;background:#2d3839;box-shadow:0 2px 6px #0003}.catalog-portrait .portrait{border-radius:3px}.catalog-hero:hover .catalog-portrait{border-color:#e1c684;box-shadow:0 0 0 1px #d7b774}.catalog-hero.chosen .catalog-portrait{border:2px solid #ccaf70;padding:1px;box-shadow:0 0 10px #bd9e6330}.chosen-mark{position:absolute;right:0;bottom:0;background:#cab178;color:#172630;border-radius:5px 0 2px;display:grid;place-items:center;width:22px;height:21px}.rarity-tag{position:absolute;left:3px;top:3px;background:#111c2aa8;color:#efcc75;padding:2px 3px;font-size:10px;font-family:Georgia,serif;font-style:italic;border-radius:2px}.catalog-hero .hero-name{font-size:10px;line-height:1.3}.empty-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;gap:15px;color:#80969f;font-size:13px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-top:1px solid #6b705357;flex-shrink:0;gap:15px}.dialog-footer>.muted{font-size:10px}.dialog-footer>div{display:flex;gap:10px}.confirm-content,.help-content{padding:25px;overflow-y:auto;line-height:1.9;font-size:13px;color:#b9c4c5}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.help-content ol{padding-left:22px;margin:0}.help-content li{margin-bottom:15px;padding-left:4px}.help-content li b{color:#d4bd86;font-size:14px}.help-content .muted{font-size:11px;margin-top:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:20px;align-items:center;background:#32443ff5;border:1px solid #b9a169b3;color:#e5d9bc;box-shadow:0 6px 40px #0009;border-radius:6px;padding:14px 18px;font-size:12px;z-index:1000;max-width:calc(100vw - 40px);width:max-content;animation:toast-in .2s ease-out}.toast button{display:flex;background:none;color:#b6c4b8;padding:0}.overview{padding:25px 30px 30px;border:1px solid #8473426b;border-radius:9px;background:linear-gradient(140deg,#203039,#14232d);box-shadow:0 10px 30px #0003}.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #8f82533d;padding-bottom:24px;margin-bottom:24px}.overview-heading h1{font-size:29px;color:#e1cca1;letter-spacing:3px;margin:10px 0}.overview-heading p{font-size:11px;color:#a5b5bb;line-height:1.8}.overview-players{display:grid;grid-template-columns:1fr 1fr;gap:26px}.review-player{border:1px solid #537b934d;border-radius:7px;background:linear-gradient(135deg,#30495844,#1d2c34);padding:22px;--side:var(--blue)}.review-player.second{border-color:#94626055;background:linear-gradient(225deg,#693d4130,#1d2c34);--side:var(--red)}.review-player>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.review-player h2{font-size:22px;margin-top:8px}.review-count{font-size:11px;color:#94a6ac}.review-count b{font:30px Georgia,serif;color:var(--side)}.final-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;padding:12px 0 20px;border-bottom:1px solid #71827636}.final-lineup>div{min-width:0;text-align:center}.final-lineup .portrait,.review-empty{aspect-ratio:1;width:100%;height:auto;border:2px solid #bca575;border-radius:50%;padding:2px;box-shadow:0 5px 15px #0003}.review-empty{display:grid;place-items:center;border-color:#867c513d;color:#b09b6345;font:30px Georgia,serif}.final-lineup>div>span:last-child{display:block;font-size:11px;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#c3c8bc}.overview-box{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 11px}.overview-box>div{position:relative;min-width:0}.overview-box .portrait{height:auto;aspect-ratio:1;border-radius:5px;border:1px solid #8d825b66}.overview-box .ban .portrait{filter:brightness(.55) saturate(.6)}.overview-box>div>span{display:block;font-size:8px;text-align:center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a5aa}.overview-box b{position:absolute;right:-3px;top:-5px;font-size:9px;border:1px solid #bf76736b;padding:2px 4px;border-radius:3px;background:#853c43;color:#edd6be;font-weight:400}.overview-box .pick b{background:#2c6487;border-color:#74abc277;color:#d1e4e8}.overview-history-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px}.overview-history-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;color:#d8c396}.overview-history-heading>span{color:#7e959f;font-size:11px}.overview-history{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.history-card{display:flex;align-items:center;gap:16px;min-width:0;padding:13px 16px;text-align:left;border:1px solid #58645b59;border-radius:5px;background:#283b4266}.history-card:hover{background:#394842;border-color:#b0955899}.history-index{font:23px Georgia,serif;color:#a89a72}.history-copy{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.history-copy>span{display:flex;gap:8px;font-size:11px}.history-copy b{color:#88b7d2;font-weight:400}.history-card.second .history-copy b{color:#d89795}.history-copy em{font-style:normal;color:#a6a79b}.history-copy strong{font-size:12px;color:#d8dacd;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-portraits{display:flex;gap:8px}.history-portraits .portrait{width:39px;height:39px;border:1px solid #ac986866;border-radius:50%}.history-card>svg{color:#7e9599}@keyframes hero-reveal{0%{filter:brightness(1.9);box-shadow:0 0 28px #e5c76a99}to{filter:brightness(1)}}@keyframes toast-in{0%{opacity:0;bottom:18px}to{opacity:1;bottom:28px}}@media(min-width:1500px){.arena{grid-template-columns:minmax(290px,1fr) minmax(260px,.86fr) minmax(290px,1fr)}.box-panel{padding:0 22px}.lineup{width:65px}.lineup-slot{width:52px;height:52px}.hero-box-grid{gap:17px 10px}.hero-circle{max-width:84px}.hero-name{font-size:11px}.player-banner{height:124px}.turn-card{padding-top:32px;min-height:188px}.command-center{padding:25px}.turn-card h2{font-size:25px}.timeline{max-height:837px}}@media(max-width:1300px){.site-header{padding:0 22px;gap:15px}.brand-title{font-size:18px}.brand{gap:8px}.version-pill{display:none}.main-nav{gap:15px}.main-nav button{font-size:12px}.header-actions{gap:5px}.header-actions .button{padding:8px 10px;font-size:11px}main{padding-inline:22px}.workspace-note{display:none}.arena-layout{grid-template-columns:minmax(0,1fr) 224px;gap:14px}.arena{grid-template-columns:minmax(230px,1fr) minmax(196px,.82fr) minmax(230px,1fr)}.box-panel{padding-inline:12px}.box-and-lineup{gap:8px}.hero-box-grid{gap:14px 5px}.lineup{width:49px;padding-inline:4px}.lineup-slot{width:38px;height:38px}.lineup-label{font-size:8px}.hero-name{font-size:9px}.class-icon{width:17px;height:17px}.player-banner h2{font-size:18px;max-width:117px}.player-emblem{width:37px;height:44px}.player-banner{gap:7px;height:107px}.player-status{font-size:14px}.command-center{padding-inline:13px}.turn-card h2{font-size:19px;letter-spacing:1px}.center-heading{font-size:12px;gap:10px}.ready-crest{min-height:165px}.crest-rings{width:115px;height:115px}.crest-rings svg{width:52px;height:52px}.center-hint{font-size:8px;letter-spacing:0}.next-action p{font-size:9px}.action-portrait{width:65px;height:65px}.action-portraits{gap:16px}.timeline-heading{padding-inline:13px}.timeline-tip{padding-inline:13px;font-size:8px}.timeline-step{gap:6px;padding:10px 5px}.step-copy>span:first-child{gap:5px}.step-portraits .portrait{width:22px;height:22px}.timeline{max-height:720px}.arena-caption{font-size:9px}.site-footer{padding-inline:22px}.turn-card{padding-top:22px;min-height:164px}}@media(max-width:1120px){.site-header{flex-wrap:wrap;height:auto;min-height:110px;padding-top:15px}.main-nav{order:3;width:100%;height:40px;justify-content:center}.brand{margin-right:auto}.workspace-title h1{font-size:23px}.arena-layout{grid-template-columns:1fr}.timeline{max-height:300px}.timeline-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:3px 9px}.timeline-tip{font-size:10px}.timeline-heading{padding-bottom:8px}.timeline-step{border:1px solid #4b5b5833}.timeline-foot{display:none}.initial-step{min-height:59px}.arena{grid-template-columns:minmax(245px,1fr) minmax(240px,.95fr) minmax(245px,1fr)}.hero-circle{max-width:81px}.lineup{width:59px}.lineup-slot{width:46px;height:46px}.player-banner{height:110px}.hero-box-grid{gap:13px 7px}.turn-card h2{font-size:23px}.command-center{padding-inline:22px}.timeline-list{padding:10px}.editor-layout{grid-template-columns:220px minmax(0,1fr)}.catalog{padding:17px}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.overview-box{grid-template-columns:repeat(5,minmax(0,1fr))}.final-lineup{gap:10px}.history-card{gap:12px}.history-portraits .portrait{width:31px;height:31px}.site-footer{flex-wrap:wrap;gap:13px}}@media(max-width:820px){main{padding:20px 12px 12px}.site-header{padding-inline:14px}.brand-title{font-size:17px}.brand-mark{width:32px;height:38px}.brand small{font-size:8px;letter-spacing:1px}.header-actions .button{padding:7px;font-size:10px;gap:4px}.header-actions>.icon-button{display:none}.workspace-bar{flex-wrap:wrap;gap:14px;margin-bottom:18px}.perspective-switch{margin-left:auto}.workspace-title h1{font-size:22px}.arena{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.command-center{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:20px 24px;border-bottom:1px solid #88734980}.center-heading{display:none}.turn-card{padding-top:0;min-height:0;text-align:left}.turn-card p{margin-top:6px;min-height:0;font-size:10px}.turn-card h2{font-size:21px;margin-top:7px}.turn-owner{font-size:10px}.step-counter{margin-bottom:5px}.step-counter b{font-size:18px}.ready-crest{display:none}.center-actions{margin:0;justify-content:center;grid-column:2;grid-row:1/3;gap:11px}.center-hint{white-space:normal;font-size:9px;line-height:1.6}.next-action{margin:0;padding-top:0;border:none;text-align:left;grid-column:1;grid-row:2;font-size:9px}.next-action>span{display:none}.next-action p{font-size:9px}.action-display{margin:4px 0 0;min-height:70px;grid-column:1;grid-row:2;gap:8px;align-items:flex-start}.action-display-label{display:none}.action-portraits{padding-bottom:17px;gap:16px}.action-portrait{width:48px;height:48px}.selected-name{font-size:9px;top:calc(100% + 5px)}.action-display~.next-action{display:none}.replay-status{font-size:10px;letter-spacing:1px}.center-actions .button{font-size:12px;letter-spacing:1px}.player-banner{height:94px}.box-panel.left{border-right:1px solid #7e76525e}.box-panel.right{border-left:none}.box-panel{padding:0 15px}.hero-box-grid{gap:14px 9px}.hero-circle{max-width:84px}.hero-name{font-size:10px}.box-and-lineup{gap:12px}.lineup{width:54px}.lineup-slot{width:43px;height:43px}.lineup-label{font-size:9px}.panel-label{padding-block:16px 14px}.box-footer{font-size:10px}.playback-bar{padding:14px 13px;gap:12px}.playback-buttons{gap:2px}.playback-buttons .icon-button{width:26px}.speed-select{font-size:9px;width:80px;padding:6px}.preparation-note{gap:8px;font-size:10px;padding:17px 12px}.preparation-note .note-end{display:none}.arena-caption{flex-direction:column;gap:3px}.timeline-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog-inner{max-height:calc(100dvh - 22px)}.editor-layout{grid-template-columns:175px minmax(0,1fr)}.editor-box{padding:16px 12px}.editor-slots{gap:12px 6px}.editor-slot small{font-size:8px}.catalog{padding:14px 12px}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px}.catalog-meta>span:last-child{display:none}.filter-line{gap:7px;padding-block:5px}.filter-label{font-size:10px;width:31px}.filter-chip{font-size:9px;padding:3px 5px}.filter-chip img{width:17px;height:17px}.filter-chip.rarity{min-width:39px}.filter-options{gap:4px}.catalog-search .text-button{font-size:9px}.catalog-search>svg{display:none}.catalog-search input{font-size:11px}.overview{padding:19px 16px}.overview-heading{align-items:flex-start}.overview-heading h1{font-size:23px}.overview-heading p{font-size:10px}.overview-heading p .muted{display:none}.overview-heading .button{font-size:10px;padding:9px}.overview-players{gap:15px}.review-player{padding:15px}.review-player h2{font-size:19px}.final-lineup{gap:7px}.final-lineup>div>span:last-child{font-size:9px}.overview-box{gap:12px 9px}.overview-history{gap:8px 12px}.history-card{gap:8px;padding:10px}.history-index{font-size:18px}.history-portraits{gap:4px}.history-portraits .portrait{width:24px;height:24px}.history-copy>span{font-size:10px;gap:5px}.history-copy strong{font-size:10px}.history-card>svg{display:none}.section-label{font-size:10px;gap:8px}.section-label>span:last-child{font-size:9px}.overview-history-heading h2{font-size:16px}.overview-history-heading>span{font-size:9px}.site-footer{padding-inline:14px;font-size:9px}}@media(max-width:520px){.brand-title{font-size:15px;letter-spacing:1px}.brand small{font-size:7px}.brand{gap:6px}.header-actions{gap:4px}.header-actions .button{font-size:9px;padding:7px 6px}.header-actions .button svg{width:12px}.site-header{gap:10px}.main-nav{gap:24px}.main-nav button{font-size:11px}.workspace-title{gap:12px}.live-badge{font-size:10px}.workspace-bar{gap:12px}.perspective-switch{width:100%;justify-content:space-around}.perspective-switch button{flex:1;font-size:11px}.arena{border-radius:6px}.command-center{padding:18px 17px;gap:12px}.turn-card h2{font-size:18px}.turn-card p{font-size:9px}.center-actions .button{font-size:11px;min-height:38px;padding:8px;gap:6px}.center-actions .button svg{width:15px}.center-actions .text-button{font-size:10px}.box-panel{padding:0 9px}.player-banner{height:81px;gap:6px;padding:10px 0 15px}.player-emblem{width:27px;height:34px}.player-emblem>svg{width:21px}.player-banner h2{font-size:15px;max-width:85px}.player-side{font-size:10px;letter-spacing:0}.player-side small{font-size:7px;margin-left:3px}.player-status{font-size:11px}.hero-box-grid{gap:12px 5px}.box-and-lineup{gap:6px}.hero-circle{padding:2px}.hero-name{font-size:8px;margin-top:5px}.lineup{width:32px;padding:0 2px 6px;border-radius:4px}.lineup-slot{width:26px;height:26px;font-size:15px}.lineup-label{font-size:7px;white-space:normal;padding:6px 0}.class-icon{width:12px;height:12px}.panel-label{font-size:9px;letter-spacing:0;padding:14px 0 11px}.panel-label .text-button{font-size:8px;gap:3px}.panel-label svg{width:10px}.box-footer{font-size:8px;padding:11px 0;gap:3px}.dot{width:4px;height:4px;margin-right:3px}.status-ribbon{height:15px;font-size:9px;letter-spacing:1px}.selection-symbol svg{width:16px;height:16px}.playback-bar{flex-wrap:wrap;gap:14px}.playback-buttons{gap:5px}.playback-buttons .icon-button{width:28px}.progress-control{order:3;flex-basis:100%}.speed-select{margin-left:auto;width:85px}.preparation-note{font-size:9px;gap:6px;justify-content:center}.preparation-note>svg{width:13px}.timeline-list{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{max-height:290px}.timeline-heading h2{font-size:14px}.step-copy>span:first-child{font-size:9px}.step-names{font-size:8px}.step-portraits .portrait{width:22px;height:22px}.dialog-header{padding:14px 17px}.dialog-header h2{font-size:19px}.editor-layout{grid-template-columns:1fr;overflow-y:auto}.editor-box{overflow:visible;padding:13px 15px;border-right:none;border-bottom:1px solid #596550}.field-label{flex-direction:row;align-items:center;font-size:10px}.field-label input{flex:1;font-size:11px;padding:6px}.editor-box .section-label{margin:13px 0 10px}.editor-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 6px}.editor-slot{aspect-ratio:.78}.editor-slot small{font-size:7px;margin-top:3px}.editor-box>p{display:none}.editor-box>.text-button{margin-top:10px;font-size:9px}.catalog{overflow:visible;min-height:470px;max-height:none;flex-shrink:0;padding:15px}.catalog-grid{min-height:220px;max-height:310px;flex:initial;grid-template-columns:repeat(5,minmax(0,1fr))}.catalog-search{margin-bottom:8px}.catalog-meta{padding:12px 0;margin-top:7px}.filter-chip{font-size:8px;padding:3px 4px}.filter-chip img{width:15px;height:15px}.filter-label{font-size:9px}.filter-chip.rarity{min-width:34px;font-size:11px}.dialog-footer{padding:13px 15px;justify-content:flex-end}.dialog-footer>.muted{display:none}.dialog-footer .button{font-size:11px;padding:8px 12px}.overview-heading{flex-wrap:wrap;gap:15px;padding-bottom:18px;margin-bottom:18px}.overview-heading h1{font-size:23px}.overview-players{grid-template-columns:1fr;gap:18px}.overview-history{grid-template-columns:1fr}.history-portraits .portrait{width:33px;height:33px}.history-card{padding:12px;gap:13px}.history-copy strong{font-size:12px}.history-copy>span{font-size:11px}.history-index{font-size:23px}.overview-history-heading{gap:8px}.overview-history-heading>span{display:none}.overview-box{grid-template-columns:repeat(5,minmax(0,1fr))}.final-lineup>div>span:last-child{font-size:10px}.review-player{padding:19px}.site-footer{line-height:1.8;gap:8px}.site-footer>span:last-child{display:none}.toast{font-size:11px;line-height:1.7;padding:12px 15px;bottom:17px}.help-content,.confirm-content{font-size:12px;padding:20px}.confirm-actions{gap:8px}.confirm-actions .button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.editor-notice{flex-shrink:0;margin:0 0 12px;padding:9px 12px;border:1px solid #9a68624d;border-radius:4px;background:#67433440;color:#edb09c;font-size:11px;line-height:1.6}@media(min-width:821px){.hero-circle{max-width:clamp(44px,7.4vh,70px)}.hero-box-grid{gap:10px 7px}.hero-name{font-size:10px;margin-top:4px}.player-banner{height:90px}.panel-label{padding-top:12px;padding-bottom:10px}.box-and-lineup{padding-bottom:12px}.box-footer{padding-top:10px;padding-bottom:10px}.command-center{padding-top:19px;padding-bottom:16px}.turn-card{padding-top:18px;min-height:150px}.ready-crest{min-height:145px;padding-top:5px;padding-bottom:12px;gap:17px}.crest-rings{width:115px;height:115px}.crest-rings svg{width:50px;height:50px}.next-action{margin-top:18px;padding-top:12px}.center-actions{margin-top:6px}.lineup-slot{width:40px;height:40px}.timeline{max-height:calc(100dvh - 195px);min-height:500px}}@media print{body{background:#fff}.site-header,.workspace-bar,.site-footer,.overview-heading .button,.toast{display:none}.overview{box-shadow:none}main{padding:0}.overview-history{break-inside:auto}.history-card,.review-player{break-inside:avoid}.overview *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--gold: #d6b85d;--gold-dim: #8e6b26;--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;background:#15150e}body{background:radial-gradient(ellipse at 50% 0,#5b482633,transparent 60%),#161811;color:#eadbb9}.site-header{background:linear-gradient(#241c10,#11110c);border-bottom:3px double #b3934e;box-shadow:0 3px 15px #0007}.brand-title,.workspace-title h1{color:#ecd493;text-shadow:0 2px 2px #000}.brand-mark{color:#fff0a7;background:linear-gradient(135deg,#d4ae4b,#44331a 45%,#181a13 65%,#d7b563)}.brand small{color:#b8a57f}.main-nav button{color:#b4a584}.main-nav button.active{color:#ffe6a5}.main-nav button.active:after{background:#f3d073;box-shadow:0 0 12px #f5c65080}.workspace-note,.live-badge{color:#b8ae90}.eyebrow{color:#b0904d}.button{background:linear-gradient(#42768c,#17465c 48%,#082a3c 51%,#22576a);border:2px solid #b99c49;color:#fff4da;border-radius:8px;box-shadow:inset 0 0 0 1px #0b2535,inset 0 2px 2px #fff7,0 2px 3px #0005;text-shadow:0 1px 2px #000}.button.primary{background:linear-gradient(#5d9fb2,#246280 44%,#07344f 49%,#1c617c);color:#fff9dd;border:2px solid #dfc472;box-shadow:inset 0 0 0 1px #17353f,inset 0 2px 3px #fff9,0 2px 7px #0007}.button:hover:not(:disabled),.button.primary:hover:not(:disabled){background:linear-gradient(#68afc8,#265e79 46%,#0d3d59 51%,#3288a1);border-color:#ffe094;box-shadow:inset 0 1px 2px #fff8,0 0 12px #dec36055}.button.subtle{background:#241f16;color:#d4be8d;border:1px solid #776034}.text-button{color:#ddc27a}.icon-button{color:#c7b47f}.arena-layout{grid-template-columns:minmax(0,1fr) 275px}.arena{background:#0c100b;border:3px double #be9d45;border-radius:5px;box-shadow:0 8px 30px #0008,0 0 0 1px #090c08}.arena:before,.arena:after{border-color:#edcc72;width:21px;height:21px}.box-panel{color:#392b1d;background-color:#e9d7b6;background-image:linear-gradient(90deg,#8b64262c,transparent 12%,transparent 88%,#8b64262c),repeating-conic-gradient(from 45deg,#8e71460a 0% 25%,transparent 0% 50%);background-size:auto,24px 24px;padding-inline:15px}.box-panel.first{--side: #c5ddff;--side-dark: #163b70}.box-panel.second{--side: #ffe0d5;--side-dark: #8b241e}.box-panel.left{border-right:3px double #8a682b}.box-panel.right{border-left:3px double #8a682b}.player-banner{position:relative;height:116px;margin:-1px 4px 0;padding:15px 11px 26px;background:#c6a34d;clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%);border:none;gap:9px}.player-banner:before{content:"";position:absolute;inset:0 3px 3px;background:linear-gradient(100deg,#071c42,#2e5992 40%,#173967 76%,#071d40);clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%)}.second .player-banner:before{background:linear-gradient(100deg,#56130f,#aa382e 40%,#791e19 76%,#4e100e)}.player-banner>*{position:relative;z-index:1}.player-banner:after{display:none}.player-emblem{width:40px;height:45px;flex-shrink:0;border:2px solid #ead293;background:#122c55aa;border-radius:50%;color:#ecdcaa;box-shadow:inset 0 0 0 2px #30271d,0 2px 5px #0006}.second .player-emblem{background:#541b16aa}.player-side{color:#fff0b8;font-family:var(--serif);font-weight:700;font-size:16px;text-shadow:0 2px 2px #000}.player-side small{color:#eee0bc;font-size:8px}.player-banner h2{color:#fff8e8;font-size:19px;text-shadow:0 2px 3px #000;max-width:125px}.player-status{color:#f2d996;font-size:15px}.panel-label{color:#60451e;padding-top:9px;padding-bottom:11px}.panel-label .text-button{color:#5e431d;font-size:11px}.panel-label .muted{color:#7d6b4d}.target-panel .panel-label:before{display:none}.target-panel .panel-label>span:first-child{color:#923e22;font-weight:700}.hero-circle{background:linear-gradient(135deg,#2d281b,#e4c974 24%,#31271b 43%,#aa8d42 77%,#e9d799);box-shadow:0 2px 3px #4d321c60;padding:3px;border-color:#302820}.box-hero .hero-name{color:#45331e;font-size:10px;font-weight:500;text-shadow:0 1px #fff9}.box-hero.picked .hero-name,.box-hero.banned .hero-name{color:#8a785a}.box-hero.banned .hero-circle>.portrait{filter:brightness(.38) saturate(.55)}.box-hero.picked .hero-circle>.portrait{filter:brightness(.5)}.status-ribbon{font-weight:700;background:linear-gradient(90deg,#76121688,#c2322bf5,#731b1d88);color:#fffbe1;border-color:#e9977470;text-shadow:1px 1px 2px #270202}.picked .status-ribbon{background:linear-gradient(90deg,#145e8488,#2489b5f5,#194e7088);border-color:#a2d5df60}.empty-index{background:#9b86612b;color:#968260}.lineup{background:linear-gradient(90deg,#28241f,#423a30 50%,#29261f);border:3px double #b59848;border-radius:4px;box-shadow:0 1px 4px #4a331e80}.lineup-label{color:#f0d98a;font-size:10px;padding:7px 0;border-bottom:1px solid #b399534d}.lineup-slot{background:#756a5d12;border:2px solid #8273593d;color:#8a7d6342;box-shadow:inset 0 0 8px #0003}.lineup-slot:after{border-color:#af967227}.lineup-slot.filled{border-color:#f0d883;padding:1px}.box-footer{color:#80683f;border-top:1px solid #a58b523d;font-size:10px}.command-center{background:radial-gradient(ellipse at 45% 70%,#3c472622,transparent 55%),radial-gradient(ellipse at 50% 80%,#6e572617,transparent 75%),#0b0f09;padding-inline:17px}.command-center:before{inset:9px;border-color:#a1853160}.center-heading{background:linear-gradient(90deg,#1b1a0c,#090c08,#1b1a0c);border-block:3px double #a38b3e;padding:8px 3px;gap:14px;color:#f4e3b5;font-size:15px;text-shadow:0 2px 2px #000}.center-heading .ornament{color:#d9b94f;font-size:15px}.turn-card{padding-top:17px;min-height:171px}.turn-card .turn-owner{display:inline-flex;align-items:center;justify-content:center;min-width:128px;padding:7px 12px;font-family:var(--serif);font-size:16px;font-weight:700;color:#eddda9;letter-spacing:2px;border:1px solid #9a823d;background:linear-gradient(#30291a,#191b10)}.turn-card.first .turn-owner{color:#f5faff;background:linear-gradient(#387cac,#153763);border-color:#a6d0dc;box-shadow:0 0 16px #4799b34d}.turn-card.second .turn-owner{color:#fff6ec;background:linear-gradient(#b9442f,#6a1714);border-color:#dfad68;box-shadow:0 0 16px #e795494d}.turn-card h2{font-size:22px;color:#fff4d3;text-shadow:0 2px 2px #000;margin-top:13px}.turn-card p{color:#bdbb98}.step-counter{color:#b2a06c}.step-counter b{color:#f7e2a3}.crest-rings{border:3px double #b59642;background:radial-gradient(#b6a34819,transparent);color:#d7bf73;box-shadow:0 0 30px #d3b6500d}.crest-rings:after{background:#0c1009;color:#e4c86a}.ready-checks{color:#acb392}.action-display-label,.replay-status{color:#d0c48f}.action-portrait{background:#343025;border:2px solid #bb9c46;box-shadow:0 0 0 3px #2f29167a}.selected-name{color:#f0e3bc}.empty-action{color:#a798615c}.confirm-button.ban{background:linear-gradient(#bd7778,#8d3542 45%,#621522 52%,#aa4150);border-color:#dac276;color:#fff5dc}.confirm-button.ban:hover:not(:disabled){background:linear-gradient(#d28c86,#a3464a 46%,#801d2c 51%,#bf5a58)}.confirm-button.pick{background:linear-gradient(#58a1b4,#216d8a 45%,#094766 52%,#2f7d98);border-color:#dcc47a}.next-action{border-color:#77633166}.next-action p{color:#a5aa8c}.next-action>span{color:#d1b669}.center-hint{color:#b7ab7e}.playback-bar,.preparation-note{border:3px double #8e742f;background:linear-gradient(#282719,#171c12);border-radius:5px}.playback-bar .speed-select{border-color:#917a41;background:#191e13;color:#dfcea2}.progress-control>div{color:#c9bd95}.play-button{border:2px solid #d4b553;background:linear-gradient(#4c94b3,#1b6285 49%,#12374e 52%,#408cb0);color:#f6d475;box-shadow:0 0 0 2px #141c15,0 0 0 3px #9f8036,inset 0 1px 3px #fff9}.timeline{background:#e4d1ac;border:3px double #93702e;border-radius:4px;color:#42301b}.timeline-heading{padding:15px 14px 12px;background:linear-gradient(#48381f,#251d12);color:#dfbd65;border-bottom:1px solid #9b7e3d}.timeline-heading h2{color:#f4dfa6;font-size:16px}.timeline-heading>span{color:#f1d68d}.timeline-heading small{color:#b39b65}.timeline .timeline-list{display:flex;flex-direction:column;gap:0;position:relative;padding:4px 6px 8px;scrollbar-color:#92774980 transparent}.timeline-step,.initial-step{flex-shrink:0;border:none;border-bottom:1px solid #a48b5733;border-radius:0;padding:12px 7px;gap:9px}.timeline-step{min-height:66px}.timeline-step.current,.initial-step.current{background:#fff2c8;box-shadow:inset 3px 0 #ad7524}.timeline-step.done:hover,.initial-step:hover:not(:disabled){background:#fff1d2}.step-number{color:#8b754a;font-size:12px;min-width:19px}.timeline-step.current .step-number{color:#784613;font-weight:700}.step-copy{gap:8px}.step-copy>.step-sentence{display:flex;align-items:center;font-size:11px;gap:5px}.step-sentence b{color:#24557b;font-weight:700}.timeline-step.second .step-sentence b{color:#982f24}.step-sentence .ban-text,.step-sentence .pick-text{color:#49391f;opacity:1!important}.step-sentence small{font-size:9px;color:#8b7347;margin-left:auto}.step-sentence em{font-style:normal;font-size:8px;color:#8c4c13;background:#f7d77b;padding:2px 4px}.timeline-heroes{display:flex;flex-wrap:wrap;gap:6px 8px}.timeline-heroes>span{display:inline-flex;align-items:center;gap:5px;min-width:0}.timeline-heroes .portrait{width:27px;height:27px;border-radius:50%;border:1px solid #967239}.timeline-heroes>span>span{font-size:10px;color:#4c3b23;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-names,.done .step-names{color:#957c52;font-size:10px}.initial-step{color:#6a5028;font-size:11px}.initial-step .muted{color:#8d7145}.dialog{color:#4a351e;background:#eee0c3;border:3px double #b28b3a;border-radius:5px}.dialog-header{background:linear-gradient(#503c23,#231c12);border-bottom:2px solid #b4964c}.dialog-header h2{color:#f7e6b8;text-shadow:0 2px #000}.editor-box{background:linear-gradient(90deg,#d4bd93,#e5d1ac);border-color:#a78b54}.field-label{color:#73542a}.field-label input,.catalog-search input{background:#fff5df;color:#46301a;border-color:#b89b65}.field-label input::placeholder,.catalog-search input::placeholder{color:#a58f6b}.catalog-search>svg{color:#876335}.catalog .text-button,.editor-box .text-button{color:#845819}.editor-box .section-label{color:#6a4a20}.editor-box .section-label>span:last-child{color:#896c3a}.editor-box .muted{color:#896d46}.editor-slot small{color:#523e23}.editor-slot:not(.filled)>span{border-color:#aa8e5977;background:#f3e6cc6b;color:#ad956a}.editor-slot .portrait{border-color:#947636}.filter-label{color:#72532a}.filter-chip{background:linear-gradient(#306c89,#194357 48%,#082c40 52%,#2c6075);color:#fff5dc;border:1px solid #b69b50;border-radius:5px;text-shadow:0 1px #000;box-shadow:inset 0 1px #a7c3c780}.filter-chip.active{background:linear-gradient(#51b0d5,#26789d 47%,#08678d 52%,#3cb6d7);color:#fff;border-color:#9b6924;box-shadow:0 0 0 1px #d8b663,inset 0 0 7px #7cdcff}.filter-chip.rarity{color:#f6d76e}.catalog-meta{border-color:#b096634f;color:#634823}.catalog-meta .muted{color:#9b8156}.catalog-meta b{color:#92651f}.catalog-hero{color:#533c23}.catalog-hero.chosen .catalog-portrait{border-color:#a5771b;box-shadow:0 0 0 2px #d8b05080}.catalog-grid{scrollbar-color:#98783e77 transparent}.catalog .empty-results{color:#947748}.dialog-footer{border-color:#a78c5d66;background:#d9c39e}.dialog-footer>.muted{color:#836940}.confirm-content,.help-content{color:#654b2e}.help-content li b{color:#8f5822}.help-content .muted{color:#8c7353}.toast{background:#fff1d2;border:2px solid #bd9847;color:#60441b;box-shadow:0 5px 30px #0008}.toast button{color:#977848}.perspective-switch{border:2px solid #8f7332;background:#282114}.perspective-switch button{color:#cfbc8c}.perspective-switch button.active{background:linear-gradient(#d9ba68,#b88d36);color:#2d2111;font-weight:700;box-shadow:inset 0 0 0 1px #ffe4a2}.overview{color:#4b351d;background-color:#efdfc0;background-image:repeating-conic-gradient(from 45deg,#8c6d3f06 0% 25%,transparent 0% 50%);background-size:30px 30px;border:3px double #ac873d;border-radius:4px;padding:25px}.overview-heading{border-bottom:3px double #a3864d}.overview-heading h1{color:#65471d;text-shadow:0 1px #fff;font-size:27px}.overview-heading p{color:#9a7b4d}.overview .overview-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.review-player,.review-player.second{background:#f8ecd3;border:1px solid #b09861;border-radius:4px;padding:0 18px 8px;box-shadow:0 2px 6px #a486462b}.review-player>header{margin:0 -18px;padding:15px 18px;background:linear-gradient(105deg,#112c4f,#355e86);border-bottom:3px double #ba9b4c}.review-player.second>header{background:linear-gradient(105deg,#5b1615,#913b2a)}.review-player .player-side{font-size:15px}.review-player h2{color:#fff1d5;font-size:20px}.review-count{color:#efdbac}.review-count b{color:#fff1bd}.review-player.my-side{outline:2px solid #c08b25;outline-offset:2px}.final-lineup{border:none;gap:14px;padding-top:15px;padding-bottom:10px}.final-lineup>div>small{display:block;color:#a3834b;font-size:10px;margin-bottom:7px}.final-lineup .portrait{border-color:#a38542;box-shadow:0 2px 4px #6a4a1b33;max-width:72px;margin:auto}.final-lineup>div>span:last-child{color:#594020}.review-empty{color:#a490694d;border-color:#c4b0877a;max-width:72px;margin:auto}.review-reading-note{display:flex;align-items:center;gap:10px;color:#79521d;padding:22px 0 18px;font-size:13px}.review-reading-note>svg{color:#b38935;flex-shrink:0}.review-reading-note small{display:block;font-size:11px;margin-top:6px;color:#a58b61}.review-flow{border:1px solid #b39a61;background:#f8eedc;border-radius:4px}.review-flow-head,.review-step{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)}.review-flow-head{position:sticky;top:0;z-index:2;background:#d9c29a;border-bottom:2px solid #b29155;min-height:47px;align-items:center;font-weight:700;font-size:14px;text-align:center}.review-flow-head>span:nth-child(2){display:inline-flex;justify-content:center;align-items:center;gap:6px;color:#977337;font-size:11px;font-weight:400}.review-flow-head .first{color:#265578}.review-flow-head .second{color:#953d29}.review-step{width:100%;background:#f8eedc;padding:0;min-height:108px;border-bottom:1px solid #b69a5c40;align-items:stretch;color:#4d371b;position:relative}.review-step:nth-child(odd){background:#eaddbf}.review-step:last-child{border-bottom:none}.review-step:hover{background:#fff3ce;box-shadow:inset 0 0 0 1px #b98929}.review-lane{display:flex;align-items:center;justify-content:center;padding:12px 16px;min-width:0}.review-lane.mine{background:#eed49125}.review-heroes{display:flex;align-items:flex-start;justify-content:center;gap:25px;min-width:0}.review-hero{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;width:102px}.review-portrait{width:52px;height:52px;position:relative;padding:2px;border:1px solid #a88841;background:#f0dfb7;border-radius:50%}.review-portrait .portrait{border-radius:50%}.review-portrait i{position:absolute;bottom:-1px;right:-3px;background:#ad3930;border:1px solid #f8d48a;color:#fff4de;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.review-step.pick .review-portrait i{background:#1f6d8c}.review-hero>span:last-child{font-size:12px;line-height:1.5;word-break:break-all;color:#5a4020}.review-step-middle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 5px}.review-step-middle:before{content:"";position:absolute;left:calc(50% - .5px);top:0;bottom:0;width:1px;background:#b6924b4d}.review-step-middle>*{position:relative}.review-step-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ac8540;border-radius:50%;background:#efdfb6;color:#78531a;font:14px Georgia,serif;box-shadow:0 0 0 3px #f4e8ce}.review-step-middle>b{font-size:13px;font-weight:700;background:#f1e2c3;color:#674719;padding:2px 7px}.review-direction{color:#a6452b;display:flex;background:#f1e2c3;padding:0 7px}.review-direction>svg{width:44px;height:19px}.review-direction.pick{color:#306c75}.review-initiator{display:flex;align-items:center;flex-direction:column;gap:5px}.review-initiator>svg{color:#9e7d40}.review-initiator>b{font-size:12px;color:#7d5b2b;font-weight:500}.review-initiator>small{color:#ad956c;font-size:10px}.no-action{color:#bea983;font-family:Georgia,serif;font-size:20px}.initial-boxes{margin-top:25px;border:1px solid #af945b88;border-radius:3px;background:#e2cda54d}.initial-boxes summary{cursor:pointer;padding:16px 18px;color:#73521f;font-size:13px}.initial-boxes summary>span{font-size:10px;margin-left:12px;color:#a28a5b}.initial-box-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 22px 25px}.initial-box-columns h3{font-size:13px;color:#41627b;margin:10px 0 18px}.initial-box-columns h3.second{color:#98432b}.initial-box-columns .overview-box{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-box>div>span{color:#745a31}.overview-box .portrait{border-color:#b39a64}.overview-box b{background:#a63e33;border-color:#d2a171}.overview-box .pick b{background:#376783;border-color:#acac7f}.site-footer{color:#95876a;border-color:#8c713833}.site-footer a{color:#c5a861}@keyframes turn-glow{0%,to{box-shadow:0 0 8px #ffda5766}50%{box-shadow:0 0 19px #ffd957b3}}@media(max-width:1300px){.arena-layout{grid-template-columns:minmax(0,1fr) 244px}.box-panel{padding-inline:11px}.player-banner{margin-inline:0;padding-inline:9px;gap:7px;height:111px}.player-emblem{width:32px;height:37px}.player-banner h2{font-size:17px;max-width:105px}.player-side{font-size:14px}.player-side small{font-size:7px;margin-left:4px}.player-status{font-size:13px}.lineup-label{font-size:9px}.turn-card h2{font-size:20px;letter-spacing:1px}.turn-card .turn-owner{font-size:15px;min-width:112px}.command-center{padding-inline:14px}.center-heading{font-size:13px;gap:10px}.panel-turn-status.is-acting{font-size:11px;letter-spacing:.5px}.step-copy>.step-sentence{font-size:10px;gap:4px}.timeline-heroes>span>span{font-size:10px;max-width:95px}}@media(max-width:1120px){.arena-layout{grid-template-columns:1fr}.timeline{min-height:0;max-height:390px}.timeline-foot{display:flex}.timeline-heroes{flex-wrap:nowrap}.timeline-heroes>span>span{max-width:none}}@media(max-width:820px){.command-center{padding:19px 23px;border-bottom:3px double #b39a49}.turn-card{min-height:0;padding-top:0}.turn-card .turn-owner{padding:5px 9px;font-size:13px;min-width:100px;letter-spacing:1px}.turn-card h2{font-size:20px;margin-top:9px}.player-banner{height:105px;margin-inline:7px}.box-panel{padding-inline:14px}.box-panel.right{border-left:none}.fixed-sides{font-size:11px;gap:8px}.overview{padding:18px 15px}.overview .overview-players{gap:15px}.review-player,.review-player.second{padding-inline:12px}.review-player>header{margin-inline:-12px;padding:12px}.review-player h2{font-size:18px}.review-player .player-side{font-size:13px}.final-lineup{gap:8px}.review-flow-head,.review-step{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)}.review-lane{padding-inline:8px}.review-heroes{gap:14px}.review-hero{width:74px}.review-hero>span:last-child{font-size:11px}.review-step-middle>b{font-size:12px}}@media(max-width:520px){.fixed-sides{margin-left:auto;font-size:10px}.workspace-title h1{font-size:21px}.box-panel{padding-inline:8px}.player-banner{height:90px;margin-inline:0;padding:12px 5px 22px;gap:5px}.player-emblem{width:24px;height:28px;border-width:1px}.player-emblem svg{width:18px}.player-banner h2{font-size:14px;max-width:72px;margin-top:5px}.player-side{font-size:12px}.player-side small{display:none}.player-status{font-size:10px}.acting-spark{top:3px;right:3px;font-size:11px}.panel-turn-status{font-size:8px;letter-spacing:0;min-height:24px}.panel-turn-status.is-acting{font-size:9px;gap:3px;letter-spacing:0}.panel-turn-status svg{width:11px}.panel-label{padding-top:9px;padding-bottom:10px}.panel-label .text-button,.box-hero .hero-name,.box-footer{font-size:8px}.lineup{width:31px;border-width:2px}.lineup-label{font-size:7px}.command-center{padding-inline:16px}.turn-card h2{font-size:18px}.turn-card .turn-owner{font-size:11px;min-width:93px;padding:5px 7px}.center-actions .button{white-space:normal}.timeline-step{min-height:68px}.step-copy>.step-sentence{font-size:12px}.timeline-heroes .portrait{width:28px;height:28px}.timeline-heroes>span>span{font-size:11px}.timeline-tip{font-size:10px}.step-sentence small{margin-left:8px;font-size:10px}.step-sentence em{margin-left:auto}.overview{padding:16px 9px}.overview-heading{padding-inline:5px}.overview-heading h1{font-size:21px;letter-spacing:1px}.overview .overview-players{gap:10px}.review-player,.review-player.second{padding-inline:9px}.review-player>header{margin-inline:-9px;padding:11px 9px}.review-player h2{font-size:14px}.review-player .player-side{font-size:11px}.review-count{display:none}.final-lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}.final-lineup>div>small{font-size:8px}.final-lineup>div>span:last-child{font-size:8px}.review-reading-note{padding:18px 4px 15px;gap:7px;font-size:11px}.review-reading-note small{font-size:9px;line-height:1.7}.review-flow-head,.review-step{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.review-flow-head{font-size:11px;min-height:41px}.review-flow-head>span:nth-child(2){font-size:9px;gap:2px}.review-step{min-height:108px}.review-lane{padding:12px 5px}.review-heroes{gap:5px;width:100%}.review-hero{width:50%;flex:1;max-width:56px}.review-hero>span:last-child{font-size:9px;line-height:1.6}.review-portrait{width:35px;height:35px;padding:1px}.review-portrait i{width:15px;height:15px;right:-2px}.review-portrait i svg{width:10px}.review-step-number{width:25px;height:25px;font-size:12px}.review-step-middle{padding-inline:0;gap:6px}.review-step-middle>b{font-size:10px;padding-inline:2px}.review-initiator>b{font-size:10px}.review-initiator>small{font-size:8px;line-height:1.6}.review-initiator>svg{width:14px}.initial-boxes summary{font-size:11px;padding:13px}.initial-box-columns{gap:15px;padding:0 12px 18px}.initial-box-columns .overview-box{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-header{height:64px}.brand small,.version-pill{display:none}.brand .brand-note{display:block;font-family:inherit;font-size:12px;letter-spacing:1px;margin-top:3px;color:#d1bb83}.brand-title{font-size:23px;letter-spacing:1px}.main-nav button{font-size:15px}.header-actions .button{font-size:14px}main.workspace{max-width:1680px;padding:14px 24px 12px}.workspace-bar{min-height:38px;margin-bottom:12px}.workspace-title h1{font-size:26px;letter-spacing:2px}.record-toggle{display:flex;align-items:center;gap:9px;color:#dfc990;background:#211f15;border:1px solid #93733a;padding:9px 12px;border-radius:4px;font-size:14px}.record-toggle.active{color:#ffe6a0;background:#42351b}.record-toggle span{color:#c4b28a;font-size:12px}.record-toggle>svg:last-child{transition:transform .2s}.record-toggle.active>svg:last-child{transform:rotate(90deg)}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.arena-layout.with-timeline{grid-template-columns:minmax(0,1fr) 280px}.arena{--hero-size: clamp(56px, 8.1vh, 84px);--lineup-size: clamp(64px, 9.2vh, 90px);--action-size: clamp(94px, 13.5vh, 128px);grid-template-columns:minmax(0,1fr) minmax(270px,1.12fr) minmax(0,1fr);overflow:hidden}.arena .box-panel{padding:0 12px 12px}.arena .player-banner{height:88px;margin-inline:0;padding:11px 12px 21px;gap:12px;filter:none}.arena .player-emblem{width:40px;height:46px}.arena .player-side{font-size:19px;letter-spacing:2px}.arena .player-banner h2{font-size:18px;max-width:175px;margin-top:3px}.arena .player-status{font-size:17px}.arena .panel-label{padding:9px 0 0;justify-content:flex-end}.arena .panel-label .text-button{font-size:14px;padding:3px 2px}.arena .box-and-lineup{gap:12px;padding:0;margin-top:12px;align-items:stretch}.arena .hero-box-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 6px;align-content:stretch}.arena .box-hero{align-self:center}.arena .hero-circle{width:100%;max-width:var(--hero-size)}.arena .hero-name{font-size:12px;line-height:1.3;margin-top:4px}.arena .class-icon{width:20px;height:20px}.arena .status-ribbon{font-size:14px;height:24px}.arena .lineup{width:calc(var(--lineup-size) + 12px);padding:0 3px 5px;display:grid;grid-template-rows:30px repeat(5,minmax(0,1fr));justify-items:center;align-items:center;gap:4px}.arena .lineup-label{font-size:15px;padding:5px 0;color:#ffe7a0}.arena .lineup-slot{width:var(--lineup-size);height:var(--lineup-size);flex-shrink:0;font-size:28px}.arena .lineup-slot.filled{box-shadow:0 0 0 1px #5b451c,0 2px 7px #0007}.arena .box-panel:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:#060a10;opacity:0;transition:opacity .2s}.arena .box-panel.inactive-panel:after{opacity:.62}.arena .target-panel{box-shadow:inset 0 0 0 2px #efd17c,inset 0 0 22px #ffefb02b}.arena .command-center{padding:26px 22px 25px;justify-content:space-between}.arena .command-center:before{inset:10px}.arena .turn-card{padding:0;min-height:0;width:100%}.arena .step-counter{display:flex;justify-content:center;align-items:baseline;gap:7px;margin-bottom:16px;font-size:15px;letter-spacing:1px}.arena .step-counter b{font-size:27px}.arena .replay-tag{font-family:var(--serif);margin-left:10px;color:#c9af76;font-size:15px}.arena .turn-card h2{font-size:clamp(25px,2.15vw,34px);line-height:1.4;margin:0;padding:12px 0;border-block:3px double #bb9847;background:linear-gradient(90deg,transparent,#56442242,transparent);letter-spacing:1px;white-space:nowrap}.arena .turn-card.first h2{background:linear-gradient(90deg,#12202d33,#214c7699,#12202d33)}.arena .turn-card.second h2{background:linear-gradient(90deg,#2a151133,#83332799,#2a151133)}.arena .turn-card p{font-size:18px;color:#e0c998;line-height:1.5;margin-top:14px;min-height:0}.arena .ready-crest{flex:1;padding:24px 0;min-height:160px}.arena .crest-rings{width:146px;height:146px}.arena .crest-rings svg{width:76px;height:76px}.arena .action-display{flex:1;justify-content:center;min-height:190px;gap:0;margin:18px 0}.arena .action-portraits{gap:24px;padding-bottom:44px}.arena .action-portrait{width:var(--action-size);height:var(--action-size);flex-shrink:0;padding:4px;border-width:3px}.arena .selected-name{font-size:16px;top:calc(100% + 12px);max-width:none;width:calc(var(--action-size) + 20px);white-space:normal;overflow:visible;line-height:1.4}.arena .event-symbol{width:30px;height:30px}.arena .empty-action{font-size:46px}.arena .center-actions{margin:0;gap:13px}.arena .center-actions .button{min-height:48px;font-size:19px;padding:10px 16px}.arena .center-actions .text-button{font-size:14px}.arena .confirm-button span{font-size:16px}.playback-bar{padding:10px 18px;margin-top:12px;min-height:65px;gap:24px}.playback-bar .icon-button{width:35px;height:35px}.playback-bar .progress-control>div{font-size:13px;margin-bottom:8px}.playback-bar .progress-control b,.playback-bar .progress-control b small{font-size:13px}.playback-bar .speed-select{font-size:13px;padding:7px}.timeline{min-height:0;max-height:calc(100dvh - 130px)}.timeline-heading{padding:17px 14px}.timeline-heading h2{font-size:19px}.timeline .timeline-step{min-height:64px;padding:12px 8px}.timeline .step-number{font-size:14px}.timeline .step-copy>.step-sentence{font-size:13px;gap:5px;flex-wrap:wrap}.timeline .step-sentence small{font-size:12px}.timeline .timeline-heroes{flex-wrap:wrap;gap:8px}.timeline .timeline-heroes .portrait{width:36px;height:36px}.timeline .timeline-heroes>span>span{font-size:12px;max-width:105px}.timeline .initial-step{font-size:13px;min-height:47px}.timeline .initial-step .muted{font-size:12px}.storage-warning{color:#f4c581;text-align:center;font-size:14px}.site-footer{padding:12px 24px 18px;font-size:12px}section.overview{padding:24px;background-color:#eee0c1}.overview-heading{border:none;margin-bottom:20px;padding-bottom:0}.overview-heading h2,.review-reading-note h2{font-size:25px;color:#583d19;letter-spacing:1px}.overview-heading .button{font-size:15px;padding:10px 16px}.overview .overview-players{gap:20px}.overview .review-player>header{padding:14px 18px}.overview .review-player .player-side{font-size:18px}.overview .review-player h2{font-size:21px;margin-top:4px}.overview .review-count{font-size:14px}.overview .review-count b{font-size:31px}.overview .final-lineup{gap:10px;padding:17px 0 12px}.overview .final-lineup>div{position:relative;min-width:0}.overview .final-lineup>div>small{display:grid;place-items:center;position:absolute;top:0;left:calc(50% - 43px);z-index:1;width:22px;height:22px;background:#392c16;border:1px solid #e3bd65;color:#ffebac;border-radius:50%;font:13px Georgia,serif}.overview .final-lineup .portrait{max-width:88px;border-width:2px}.overview .final-lineup>div>span:last-child{font-size:14px;line-height:1.5;white-space:normal}.overview .review-empty{max-width:88px}.review-reading-note{justify-content:space-between;padding:27px 0 16px}.review-reading-note>span{font-size:13px;color:#897049}.review-flow-head,.review-step{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)}.review-flow-head{font-size:18px;min-height:49px;background:#d6bd8e}.review-flow-head>span:nth-child(2){font-size:14px}.review-step{min-height:120px}.review-lane{padding:12px}.review-heroes{gap:30px}.review-hero{width:120px;gap:7px}.review-portrait{width:72px;height:72px;border-width:2px}.review-portrait i{width:24px;height:24px;font-size:13px;font-style:normal;font-weight:700}.review-hero>span:last-child{font-size:14px}.review-step-number{width:31px;height:31px;font-size:15px;background:#f8eaca}.review-step-middle{gap:8px}.review-step-middle>b{font-size:16px;padding:3px 7px}.review-step.actor-first .review-step-number{background:#264d76;color:#fff0c9;border-color:#c49c4c}.review-step.actor-second .review-step-number{background:#8a3329;color:#fff0c9;border-color:#c49c4c}.review-initiator{display:inline-flex;flex-direction:row;gap:10px;padding:11px 20px;border:1px solid #b99d663b;border-radius:4px}.review-initiator b{font-size:17px;font-weight:700}.review-step.actor-first .review-initiator b{color:#315876}.review-step.actor-second .review-initiator b{color:#8e392b}.initial-boxes summary{font-size:16px}.perspective-switch{padding:4px;gap:4px}.perspective-switch button{font-size:15px;padding:8px 16px}@media(min-width:821px)and (max-height:780px){.site-header{height:58px}main.workspace{padding-top:10px}.workspace-bar{min-height:35px;margin-bottom:10px}.workspace-title h1{font-size:23px}.arena .player-banner{height:76px;padding-block:8px 17px}.arena .player-side{font-size:17px}.arena .player-banner h2{font-size:16px}.arena .player-emblem{width:33px;height:38px}.arena .command-center{padding:19px 18px}.arena .turn-card h2{font-size:27px;padding-block:9px}.arena .turn-card p{margin-top:10px;font-size:17px}.arena .step-counter{margin-bottom:10px}.arena .action-display{margin-block:10px;min-height:165px}.arena .center-actions{gap:8px}.arena .center-actions .button{min-height:45px;font-size:18px}}@media(max-width:1390px)and (min-width:821px){.arena-layout.with-timeline{grid-template-columns:minmax(0,1fr) 240px}.with-timeline .arena{--hero-size: clamp(52px, 7.5vh, 72px);--lineup-size: clamp(60px, 8.2vh, 76px);--action-size: clamp(82px, 11vh, 102px);grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr)}.with-timeline .arena .box-panel{padding-inline:8px}.with-timeline .arena .box-and-lineup{gap:7px}.with-timeline .arena .hero-name{font-size:11px}.with-timeline .arena .player-banner{padding-inline:5px;gap:7px}.with-timeline .arena .player-emblem{width:30px;height:35px}.with-timeline .arena .player-banner h2{max-width:107px}.with-timeline .arena .turn-card h2{font-size:25px}.with-timeline .arena .command-center{padding-inline:14px}.with-timeline .arena .action-portraits{gap:16px}}@media(max-width:1120px){.arena-layout.with-timeline{grid-template-columns:minmax(0,1fr)}.with-timeline .arena{grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr)}.timeline{min-height:0;max-height:440px}.arena .box-panel{padding-inline:9px}.arena .box-and-lineup{gap:8px}.arena .player-banner{padding-inline:6px;gap:8px}.arena .player-banner h2{max-width:114px}.arena .player-emblem{width:32px;height:38px}}@media(max-width:820px){.site-header{height:auto;min-height:94px}.brand-title{font-size:20px}.main-nav button{font-size:14px}main.workspace{padding:14px 14px 12px}.workspace-bar{flex-wrap:nowrap;gap:12px;min-height:35px;margin-bottom:14px}.workspace-title h1{font-size:23px}.record-toggle{font-size:12px;padding:8px;gap:5px}.record-toggle>svg:last-child{display:none}.arena,.with-timeline .arena{--hero-size: 72px;--lineup-size: 62px;--action-size: 86px;grid-template-columns:repeat(2,minmax(0,1fr))}.arena .command-center{grid-column:1 / -1;grid-row:1;padding:18px 21px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:center}.arena .box-panel.left{grid-column:1;grid-row:2}.arena .box-panel.right{grid-column:2;grid-row:2;border-left:2px double #ae8639}.arena .turn-card{grid-column:1;grid-row:1}.arena .turn-card h2{font-size:25px;padding-block:8px}.arena .step-counter{justify-content:flex-start;margin-bottom:8px;font-size:13px}.arena .step-counter b{font-size:22px}.arena .turn-card p{font-size:16px;margin-top:9px}.arena .action-display,.arena .ready-crest{grid-column:1;grid-row:2;min-height:0;margin:0;padding:0}.arena .action-portraits{justify-content:center;padding-bottom:34px;gap:22px}.arena .selected-name{font-size:13px;top:calc(100% + 7px)}.arena .center-actions{grid-column:2;grid-row:1 / 3;margin:0;align-self:center;gap:10px}.arena .center-actions .button{font-size:16px;padding:10px;gap:6px;white-space:normal}.arena .center-actions .text-button{font-size:13px}.arena .confirm-button span{font-size:13px;white-space:nowrap}.arena .ready-crest .crest-rings{width:82px;height:82px}.arena .ready-crest svg{width:40px;height:40px}.arena .box-panel{padding:0 10px 12px}.arena .player-banner{height:84px}.arena .player-banner h2{max-width:120px;font-size:16px}.arena .player-side{font-size:17px}.arena .player-status{font-size:14px}.arena .lineup{width:calc(var(--lineup-size) + 10px);grid-template-rows:28px repeat(5,minmax(0,1fr))}.arena .lineup-label{font-size:13px}.arena .hero-name{font-size:11px}.playback-bar{gap:16px;padding:11px}section.overview{padding:18px}.overview-heading h2,.review-reading-note h2{font-size:23px}.overview .review-player{padding-inline:12px}.overview .review-player>header{margin-inline:-12px;padding:12px}.overview .final-lineup{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.overview .final-lineup>div>small{left:0;width:18px;height:18px;font-size:12px}.overview .final-lineup>div>span:last-child{font-size:12px}.overview .review-player .player-side{font-size:15px}.overview .review-player h2{font-size:17px}.overview .review-count{display:none}.overview .final-lineup .portrait{max-width:74px}.review-flow-head,.review-step{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)}.review-flow-head{font-size:15px}.review-heroes{gap:12px}.review-hero{width:76px}.review-portrait{width:59px;height:59px}.review-lane{padding-inline:8px}.review-step-middle>b{font-size:14px;padding-inline:3px}.review-hero>span:last-child{font-size:12px}.review-initiator{padding:8px;gap:6px}.review-initiator b{font-size:14px}}@media(max-width:520px){main.workspace{padding-inline:10px}.site-header{padding-inline:12px}.brand-title{font-size:18px}.header-actions .button{font-size:11px;padding:7px}.workspace-bar{min-height:31px}.workspace-title h1{font-size:21px}.workspace.page-overview .workspace-bar{flex-wrap:wrap}.record-toggle span{display:none}.record-toggle{font-size:12px}.arena,.with-timeline .arena{--hero-size: 48px;--lineup-size: 44px;--action-size: 74px}.arena .command-center{grid-template-columns:minmax(0,1fr) 117px;padding:15px 12px;gap:15px 12px}.arena .turn-card h2{font-size:21px;padding-block:9px}.arena .turn-card p{font-size:14px}.arena .action-portraits{gap:14px;padding-bottom:33px}.arena .selected-name{font-size:12px;width:80px}.arena .event-symbol{width:23px;height:23px}.arena .center-actions .button{font-size:15px;padding:10px 6px}.arena .center-actions .button>svg{display:none}.arena .center-actions .text-button{font-size:12px}.arena .confirm-button{flex-wrap:wrap}.arena .player-banner{height:75px;gap:6px;padding:10px 4px 18px}.arena .player-emblem{display:none}.arena .player-side{font-size:17px}.arena .player-banner h2{font-size:14px;max-width:110px}.arena .player-status{font-size:13px}.arena .box-panel{padding:0 5px 10px}.arena .panel-label .text-button{font-size:12px}.arena .box-and-lineup{gap:5px;margin-top:10px}.arena .hero-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 3px}.arena .hero-name{font-size:10px;line-height:1.3;margin-top:4px}.arena .class-icon{width:14px;height:14px}.arena .status-ribbon{font-size:10px;height:18px;letter-spacing:0}.arena .lineup{width:53px;grid-template-rows:25px repeat(5,minmax(0,1fr))}.arena .lineup-label{font-size:11px}.arena .lineup-slot{font-size:21px}.playback-bar{gap:12px}.playback-bar .speed-select{font-size:11px}.playback-bar .progress-control>div,.playback-bar .progress-control b,.playback-bar .progress-control b small{font-size:12px}.site-footer{padding-inline:12px;font-size:10px}.site-footer>span{display:none}.perspective-switch{width:100%;justify-content:space-between}.perspective-switch button{flex:1;font-size:13px;padding:8px}section.overview{padding:12px}.overview-heading{margin-bottom:15px;gap:10px;flex-wrap:nowrap}.overview-heading h2,.review-reading-note h2{font-size:21px}.overview-heading .button{padding:8px;font-size:12px}.overview-heading .button svg{width:16px}.overview .overview-players{gap:10px}.overview .review-player{padding-inline:8px}.overview .review-player>header{margin-inline:-8px;padding:10px 8px}.overview .review-player .player-side{font-size:14px;letter-spacing:0}.overview .review-player h2{font-size:15px}.overview .final-lineup{gap:10px 6px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview .final-lineup>div>span:last-child{font-size:11px}.overview .final-lineup .portrait{max-width:56px}.review-reading-note{padding-block:22px 12px}.review-reading-note>span{font-size:11px}.review-flow-head,.review-step{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)}.review-flow-head{font-size:13px;min-height:43px}.review-step{min-height:112px}.review-step-middle{padding-inline:2px;gap:8px}.review-step-middle>b{font-size:12px;padding-inline:0}.review-step-number{width:26px;height:26px;font-size:13px}.review-direction{padding-inline:3px}.review-lane{padding:9px 4px}.review-heroes{gap:8px;flex-wrap:wrap}.review-hero{width:66px}.review-portrait{width:54px;height:54px}.review-hero>span:last-child{font-size:11px}.review-portrait i{width:21px;height:21px;font-size:11px}.review-initiator{border:none;padding:5px;flex-direction:column}.review-initiator b{font-size:14px}.initial-boxes summary{font-size:14px;padding-inline:12px}}.arena .box-panel{padding:0}.arena .box-panel:after{content:none}.arena .player-banner{margin:-1px 12px 0;gap:10px;padding-inline:10px}.arena .player-emblem,.arena .player-side,.arena .player-status{flex-shrink:0}.arena .box-content{padding:12px;position:relative}.arena .box-content:after{content:"";position:absolute;inset:0;background:#060a10;opacity:0;z-index:4;pointer-events:none;transition:opacity .2s}.arena .inactive-panel .box-content:after{opacity:.62}.arena .box-and-lineup{margin-top:0}.arena .panel-label{padding:0 0 10px}.arena .nickname-input{flex:1;width:0;min-width:0;padding:7px 9px;font-size:17px;color:#fff8db;background:#090e1824;border:1px solid #ebd19c6b;border-radius:4px;box-shadow:inset 0 1px 3px #0002;text-shadow:0 1px #0004}.arena .nickname-input::placeholder{color:#efdbb5b3;font-size:15px}.arena .nickname-input:focus{outline:2px solid #ffe89c;border-color:#ffeab1}.arena .acting-panel .player-banner{background:#ffe294;filter:drop-shadow(0 0 8px #f6d56f80)}.arena .acting-panel.first .player-banner:before{background:linear-gradient(100deg,#15366d,#397fba 48%,#214c81)}.arena .acting-panel.second .player-banner:before{background:linear-gradient(100deg,#782319,#ce5a3c 48%,#922d20)}.arena .actor-marker{position:absolute;z-index:2;right:9px;top:3px;display:flex;align-items:center;gap:4px;padding:3px 7px;background:#ffe398;color:#49300c;border:1px solid #917029;border-radius:3px;font-size:12px;font-weight:700}.arena .acting-panel .player-status{padding-top:15px}.arena .setup-instruction{font-size:14px;color:#cab488;line-height:1.6}.arena .rematch-button{color:#e1c98c}.overview-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.overview-actions .button.subtle{color:#745421;background:#edddbe;border-color:#b69658;text-shadow:none;box-shadow:none}.site-footer .privacy-hint{color:#c1ac79;display:block;font-size:12px;line-height:1.6}.catalog .catalog-meta{gap:12px}.catalog .catalog-meta>span:last-child{font-size:12px;color:#725329}.catalog .filter-label{min-width:60px}@media(max-width:1390px)and (min-width:821px){.with-timeline .arena .box-panel{padding:0}.with-timeline .arena .player-banner{margin-inline:8px;padding-inline:6px;gap:6px}.with-timeline .arena .player-emblem{display:none}.with-timeline .arena .box-content{padding:10px 8px}.with-timeline .arena .nickname-input{padding-inline:5px;font-size:15px}.with-timeline .arena .nickname-input::placeholder{font-size:12px}}@media(max-width:1120px){.arena .player-banner{margin-inline:8px;padding-inline:6px;gap:7px}.arena .box-content{padding:10px 9px}.arena .player-emblem{display:none}.arena .nickname-input{padding-inline:6px;font-size:15px}.arena .nickname-input::placeholder{font-size:13px}}@media(max-width:820px){.arena .player-banner{height:93px;flex-wrap:wrap;align-content:flex-start;padding:8px 8px 17px;gap:6px 8px}.arena .player-side{margin-right:auto}.arena .nickname-input{order:3;flex-basis:100%;width:100%;font-size:16px;padding:5px 7px}.arena .player-status{margin-left:0}.arena .actor-marker{top:5px;right:37px;font-size:11px;padding:2px 4px}.arena .acting-panel .player-status{padding-top:0}.overview-heading{align-items:flex-start}.overview-actions{justify-content:flex-end}.site-footer{flex-wrap:wrap}}@media(max-width:520px){.arena .box-panel{padding:0}.arena .player-banner{margin-inline:5px;height:99px;padding-inline:5px}.arena .nickname-input{min-height:31px}.arena .nickname-input::placeholder{font-size:13px}.arena .actor-marker{right:34px;top:6px;gap:2px;font-size:10px;padding:2px 3px}.arena .actor-marker svg{width:11px;height:11px}.arena .box-content{padding:10px 5px}.arena .setup-instruction{font-size:12px}.site-footer .privacy-hint{font-size:11px}.overview-heading{flex-wrap:wrap}.overview-actions{width:100%;justify-content:space-between;gap:8px}.catalog .catalog-meta{flex-wrap:wrap}.catalog .catalog-meta>span:last-child{display:block;font-size:11px}.main-nav{gap:14px}.main-nav button{font-size:12px;gap:5px}}.arena .player-trailing{display:flex;flex-shrink:0;align-items:flex-end;justify-content:center;flex-direction:column;gap:3px}.arena .player-trailing .player-status{margin:0;padding:0}.arena .player-trailing .actor-marker{position:static;white-space:nowrap}@media(max-width:820px){.arena .player-trailing{flex-direction:row;align-items:center;gap:6px}.arena .player-trailing .actor-marker{font-size:10px}}body{min-width:320px}.hero-dialog{height:min(800px,calc(100dvh - 40px))}.hero-dialog .dialog-inner{height:100%;max-height:100%}.hero-dialog .catalog{max-height:none}.hero-dialog .catalog-search{margin-bottom:0;gap:10px}.hero-dialog .catalog-search input{min-width:0}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:40px;padding:8px 10px;color:#684618;border:1px solid #b49760;border-radius:5px;background:#f8edce;font-size:13px}.filter-toggle b{border-radius:10px;min-width:18px;padding:1px 4px;background:#725325;color:#fff6db;font-size:11px}.filter-toggle>svg:last-child{transform:rotate(90deg)}.filter-toggle.open>svg:last-child{transform:rotate(-90deg)}.advanced-filters{flex-shrink:0;overflow-y:auto;max-height:min(310px,34dvh);margin-top:10px;border-block:1px solid #b4976055;padding:6px 0;overscroll-behavior:contain}.advanced-filters[hidden]{display:none}.filter-explanation{font-size:12px;color:#765b37;margin:5px 0 3px}.active-filters{flex-shrink:0;display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}.active-filters button{display:flex;gap:6px;align-items:center;color:#674519;background:#f5e7c5;border:1px solid #b29154;border-radius:4px;font-size:12px;padding:5px 7px;min-height:30px}.hero-dialog .catalog-meta{border:0;margin:0;padding:11px 0;min-height:38px}.hero-dialog .catalog-meta .text-button{font-size:12px}.hero-dialog .catalog-meta>span{display:inline;font-size:12px}.editor-selection-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.editor-selection-heading .section-label{flex:1;margin:0}.editor-selection-heading>.text-button{color:#775421;font-size:12px;min-height:36px}.editor-empty-hint,.box-empty-cta{display:none}.site-footer{flex-wrap:wrap}.site-registration{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:2px}.site-footer .site-registration a{color:#b9ac8f;font-size:12px;line-height:1.8}@media(max-width:820px){.page-setup .arena .command-center{display:flex;flex-direction:row;align-items:center;gap:12px;padding:15px;min-height:0}.page-setup .arena .ready-crest,.page-setup .arena .step-counter,.page-setup .arena .setup-instruction{display:none}.page-setup .arena .turn-card{flex:1;min-width:0;width:auto}.page-setup .arena .turn-card h2{border:0;background:none;padding:0;margin:0;font-size:23px;white-space:normal}.page-setup .arena .turn-card p{font-size:14px;margin:6px 0 0}.page-setup .arena .center-actions{flex:0 0 140px;margin:0;gap:4px}.page-setup .arena .center-actions .text-button{min-height:36px;padding:5px}.page-setup .arena .lineup,.page-setup .arena .empty-box .box-and-lineup,.page-setup .arena .empty-slot,.page-setup .arena .empty-box .panel-label{display:none}.page-setup .arena .box-empty-cta{display:flex;width:100%;min-height:124px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 8px;border:1px dashed #ad884e;border-radius:5px;color:#76531f;background:#fff3d955}.box-empty-cta b{font-size:17px}.box-empty-cta span{font-size:12px}.arena .panel-label .text-button{min-height:42px;padding-inline:8px}.arena .box-and-lineup{display:flex;flex-direction:column;gap:12px}.arena .hero-box-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px;width:100%}.arena .hero-circle{max-width:72px}.arena .hero-name{font-size:11px}.arena .lineup{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;padding:4px;gap:7px}.arena .lineup-label{grid-column:1 / -1;width:100%;text-align:center}.arena .lineup-slot{width:min(100%,58px);height:auto;aspect-ratio:1}.page-bp .arena{overflow:clip}.page-bp .arena .command-center{position:sticky;top:0;z-index:5;align-self:start;grid-template-columns:minmax(0,1fr) minmax(126px,.65fr);gap:8px 12px;padding:12px}.page-bp .arena .turn-card{grid-column:1;grid-row:1}.page-bp .arena .step-counter{margin-bottom:4px}.page-bp .arena .step-counter b{font-size:18px}.page-bp .arena .turn-card h2{font-size:20px;padding-block:3px;border:0;white-space:normal}.page-bp .arena .turn-card p{font-size:12px;margin-top:4px}.page-bp .arena .action-display{grid-column:2;grid-row:1}.page-bp .arena .action-portraits{gap:10px;padding-bottom:21px}.page-bp .arena .action-portrait{width:54px;height:54px;padding:2px;border-width:2px}.page-bp .arena .selected-name{top:calc(100% + 4px);width:64px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-bp .arena .empty-action>span{font-size:30px}.page-bp .arena .center-actions{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:row;gap:8px}.page-bp .arena .center-actions .button{flex:1;min-height:44px;padding:8px}.page-bp .arena .center-actions .text-button{flex-shrink:0;min-height:44px;padding:6px}.hero-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.hero-dialog .dialog-inner{height:100%;max-height:none}.hero-dialog .dialog-header{padding:max(8px,env(safe-area-inset-top)) 12px 8px;min-height:54px}.hero-dialog .dialog-header h2{font-size:19px;letter-spacing:1px}.hero-dialog .dialog-header .icon-button{width:44px;height:44px}.hero-dialog .editor-layout{display:flex;flex-direction:column;min-height:0;overflow:hidden}.hero-dialog .editor-box{flex-shrink:0;padding:5px 12px 8px;border-right:0;border-bottom:1px solid #ac8b53;overflow:hidden}.hero-dialog .editor-selection-heading{margin:0;gap:16px}.hero-dialog .editor-selection-heading .section-label{font-size:13px;gap:10px;justify-content:flex-start}.hero-dialog .editor-selection-heading .section-label>span:last-child{font-size:13px}.hero-dialog .editor-selection-heading>.text-button{min-width:44px;min-height:36px;margin-left:auto}.hero-dialog .editor-slots{display:flex;overflow-x:auto;gap:8px;padding:3px 1px;scrollbar-width:thin;overscroll-behavior-x:contain}.hero-dialog .editor-slot{flex:0 0 48px;aspect-ratio:auto}.hero-dialog .editor-slot:not(.filled){display:none}.hero-dialog .editor-slot small{font-size:10px;max-width:48px}.hero-dialog .editor-slot .remove-mark{display:flex;padding:1px}.hero-dialog .editor-box>.muted{display:none}.hero-dialog .editor-empty-hint{display:block;margin:0;color:#87673a;font-size:12px;line-height:1.5}.hero-dialog .catalog{flex:1;min-height:0;padding:10px 12px 0;overflow:hidden}.hero-dialog .catalog-search{gap:8px}.hero-dialog .catalog-search>svg{display:none}.hero-dialog .catalog-search input{width:0;flex:1;min-width:0;min-height:44px;font-size:16px;padding:8px 10px}.hero-dialog .filter-toggle{min-height:44px;font-size:13px}.hero-dialog .filter-toggle>svg:last-child{display:none}.hero-dialog .advanced-filters{max-height:min(230px,28dvh);margin-top:8px}.hero-dialog .filter-line{gap:7px;padding:5px 0}.hero-dialog .filter-label{min-width:50px;width:50px;padding-top:10px;font-size:11px}.hero-dialog .filter-options{gap:6px}.hero-dialog .filter-chip{min-height:38px;padding:5px 7px;font-size:12px}.hero-dialog .filter-chip img{width:19px;height:19px}.hero-dialog .filter-chip.rarity{min-width:43px}.hero-dialog .active-filters{flex-wrap:nowrap;overflow-x:auto;padding-top:7px}.hero-dialog .active-filters button{flex-shrink:0;min-height:36px}.hero-dialog .catalog-meta{padding:6px 0;font-size:12px;min-height:34px}.hero-dialog .catalog-meta .text-button{min-height:32px;padding:3px 7px}.hero-dialog .catalog-grid{flex:1;min-height:0;max-height:none;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));align-content:start;gap:10px 7px;padding:3px 1px 14px;overflow-y:auto;overscroll-behavior:contain}.hero-dialog .catalog-portrait{width:100%;max-width:76px;margin-inline:auto}.hero-dialog .catalog-hero .hero-name{font-size:11px;line-height:1.4}.hero-dialog .dialog-footer{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:10px}.hero-dialog .dialog-footer>.muted{display:none}.hero-dialog .dialog-footer>div{width:100%;gap:10px}.hero-dialog .dialog-footer .button{min-height:46px;font-size:15px;padding:9px 15px}.hero-dialog .dialog-footer .primary{flex:1}.hero-dialog .editor-notice{flex-shrink:0;margin:0 0 8px;font-size:12px}}@media(max-width:520px){.site-header{padding:10px 10px 0;gap:8px;min-height:0}.site-header .brand{gap:6px;margin-right:auto}.site-header .brand-mark{width:26px;height:33px}.site-header .brand-mark svg{width:21px}.site-header .brand-title{font-size:clamp(13px,4vw,16px);letter-spacing:0}.site-header .brand-note{font-size:10px;margin-top:2px;letter-spacing:0}.site-header .header-actions{gap:5px}.site-header .header-actions .button{padding:7px 5px;font-size:11px;min-height:36px;gap:3px}.site-header .header-actions .button svg{display:none}.site-header .main-nav{gap:0;justify-content:space-around;height:44px}.site-header .main-nav button{font-size:12px;min-height:44px}.page-setup .arena .command-center{padding:12px}.page-setup .arena .turn-card h2{font-size:20px}.page-setup .arena .turn-card p{font-size:12px}.page-setup .arena .center-actions{flex-basis:119px}.page-setup .arena .center-actions .button{width:100%;min-height:44px}.arena .player-banner{height:84px;padding-block:7px 13px;gap:5px}.arena .player-side{font-size:16px;letter-spacing:0}.arena .hero-box-grid{gap:10px 4px}.arena .hero-circle{max-width:58px}.arena .hero-name{font-size:10px}.arena .lineup{gap:5px}.arena .lineup-slot{max-width:46px}.site-footer{flex-direction:column;align-items:center;gap:5px;padding:13px 10px max(13px,env(safe-area-inset-bottom));text-align:center}.site-registration{gap:0 14px;margin-top:3px}.site-footer .site-registration a{font-size:11px;min-height:28px;display:inline-flex;align-items:center}.site-footer .privacy-hint{font-size:10px}.playback-bar .icon-button{width:34px;min-height:40px}}@media(max-height:520px)and (min-width:600px)and (max-width:820px){.hero-dialog .editor-slots,.hero-dialog .editor-empty-hint{display:none}.hero-dialog .dialog-header{min-height:44px;padding-block:2px}.hero-dialog .catalog{padding-top:6px;position:relative}.hero-dialog .advanced-filters{position:absolute;z-index:2;inset:50px 12px auto;max-height:calc(100% - 50px);margin:0;padding:8px;background:#efe3c3;box-shadow:0 4px 10px #33220955}}.workspace-bar{flex-wrap:wrap}.match-result{display:flex;align-items:center;gap:9px;margin-left:auto;color:#d9c496;font-size:14px;white-space:nowrap}.match-result small{font-size:12px;color:#aa9874}.match-result select{min-height:40px;min-width:106px;border:1px solid #a78a45;border-radius:5px;background:#282416;color:#efdcad;padding:7px 10px;font:inherit;cursor:pointer}.match-result.first select{border-color:#82add6;background:#183859;color:#fff3d3}.match-result.second select{border-color:#dc9a73;background:#652b24;color:#fff3d3}.match-result select:disabled{cursor:wait;opacity:.6}.result-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:28px;min-height:28px;padding:1px 6px;border:1px solid;border-radius:4px;font:700 17px var(--serif);line-height:1.3}.result-badge.win{background:linear-gradient(#ffe8a0,#c79b42);border-color:#ffe7a5;color:#513412;box-shadow:0 0 9px #f5cd5340}.result-badge.loss{background:#29272c77;border-color:#b9a48a;color:#e0d3c0}.review-player-status{display:flex;align-items:center;gap:14px;flex-shrink:0}.help-source{display:inline-flex;align-items:center;min-height:40px;color:#d9bb73}.site-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px 24px;padding:9px 20px}.site-registration{flex:1 1 auto;margin:0;justify-content:flex-start;gap:0 16px}.site-footer .site-registration a{display:inline-flex;align-items:center;min-height:28px}@media(max-width:820px){.workspace-bar{flex-wrap:wrap;gap:8px 12px}.match-result{order:3;width:100%;justify-content:flex-end}.match-result select{min-height:40px;font-size:16px}.page-overview .workspace-bar{align-items:center}.page-overview .match-result{width:auto;order:0}.page-overview .perspective-switch{order:3;width:100%;justify-content:space-between}.site-footer{justify-content:center;padding:6px 10px max(6px,env(safe-area-inset-bottom))}.site-registration{justify-content:center;gap:0 12px}.site-footer .privacy-hint{display:none}.site-footer .site-registration a{font-size:11px;min-height:26px}}@media(max-width:520px){.match-result{font-size:12px}.match-result small{font-size:10px}.match-result select{min-width:96px}.result-badge{min-width:24px;min-height:24px;font-size:15px;padding-inline:4px}.review-player-status{gap:5px}}.template-dialog{width:min(900px,calc(100vw - 40px))}.template-layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.template-list{min-width:0;padding:18px 13px;border-right:1px solid #a78c5d66;overflow-y:auto;background:linear-gradient(180deg,#e5d1aa,#d7bf91)}.template-list-heading{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 12px;border-bottom:1px solid #a78c5d66;color:#65461f;font-size:13px}.template-list-heading small{color:#977445;font-size:10px}.template-list-items{display:flex;flex-direction:column;gap:7px;padding-top:12px}.template-list-item{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:42px;padding:8px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:#67491f;text-align:left}.template-list-item small{flex-shrink:0;color:#967647;font-size:10px}.template-list-item:hover{border-color:#ad884d;background:#f3e3be88}.template-list-item.active{border-color:#a26e22;background:linear-gradient(100deg,#fff2cf,#e3c486);box-shadow:inset 3px 0 #b47a1e;color:#40290f;font-weight:700}.template-preview{min-width:0;padding:22px 24px 20px;overflow-y:auto;background:#efe0c2}.template-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #ad8a4e66}.template-preview-heading h3{margin:0;color:#553819;font:600 22px var(--serif);letter-spacing:1px}.template-preview-heading>span{color:#8a6328;font:20px Georgia,serif}.template-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px;max-width:420px;margin-inline:auto;padding-top:12px}.template-hero{min-width:0;color:#64451f;text-align:center}.template-hero>span:last-child{display:block;margin-top:4px;overflow:hidden;color:#5b3d1b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.template-portrait{position:relative;width:min(100%,58px);aspect-ratio:1;margin-inline:auto;padding:2px;border:2px solid #ad873d;border-radius:50%;background:linear-gradient(145deg,#f5d887,#76562c 45%,#d5b260);box-shadow:0 2px 6px #65421655}.template-portrait>.portrait{border-radius:50%}.template-index{position:absolute;top:-7px;left:-5px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #d0aa58;border-radius:50%;background:#5f4525;color:#f8e5b7;font:10px Georgia,serif}.template-sp{position:absolute;right:-4px;bottom:0;padding:2px 4px;border:1px solid #c29337;border-radius:3px;background:#7a3430;color:#ffe29a;font:italic 10px Georgia,serif}.template-footer{background:#d9c39e}.template-target{display:flex;align-items:center;gap:10px;color:#6f4e25;font-size:12px}.template-target>div{display:flex;gap:5px}.template-target-button{min-height:34px;padding:6px 11px;border:1px solid #b18b51;border-radius:4px;background:#f0dfbb;color:#704e24;font-size:12px}.template-target-button:hover{border-color:#84591b;background:#f8ebcc}.template-target-button.active{border-color:#8d5b18;background:linear-gradient(#3b829e,#174c65);color:#fff2c7;box-shadow:inset 0 1px #b7e0e6}.template-footer>.button{flex-shrink:0}@media(max-width:820px){.template-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.template-dialog .dialog-inner{height:100%;max-height:none}.template-layout{display:flex;flex-direction:column;overflow:hidden}.template-list{flex:0 0 auto;padding:10px 12px 8px;border-right:0;border-bottom:1px solid #a78c5d66;overflow:hidden}.template-list-heading{padding-bottom:7px;font-size:12px}.template-list-items{flex-direction:row;gap:6px;padding-top:8px;overflow-x:auto;overscroll-behavior-x:contain}.template-list-item{flex:0 0 auto;min-height:36px;padding:7px 9px;white-space:nowrap}.template-list-item small{display:none}.template-preview{flex:1;padding:15px 12px 12px;overflow-y:auto}.template-preview-heading h3{font-size:19px}.template-preview-heading>span{font-size:17px}.template-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;max-width:250px;padding-top:10px}.template-portrait{width:min(100%,54px);padding:2px}.template-index{top:-5px;left:-4px;width:17px;height:17px;font-size:8px}.template-sp{right:-3px;padding:1px 3px;font-size:8px}.template-footer{align-items:stretch;flex-direction:column;padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:8px}.template-target{justify-content:space-between;font-size:11px}.template-target>div{flex:1}.template-target-button{flex:1;min-height:38px;padding-inline:6px;font-size:11px}.template-footer>.button{width:100%;min-height:46px;font-size:14px}}@media(max-width:380px){.template-hero-grid{gap-inline:3px}.template-hero>span:last-child{font-size:8px}}.library-dialog{width:min(940px,calc(100vw - 40px))}.library-dialog .dialog-inner{height:min(760px,calc(100dvh - 52px))}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;flex-shrink:0;border-bottom:1px solid #af8b4c66}.library-toolbar>div{display:flex;gap:8px}.library-tab{min-height:40px;padding:8px 14px;background:transparent;color:#765323;border-bottom:2px solid transparent;font-size:15px}.library-tab.active{color:#493014;font-weight:700;border-color:#9c6b25;background:#e4c99480}.box-storage-reminder{margin:12px 0;font-size:13px;line-height:1.7;color:#75572d}.library-reminder{margin:0;padding:8px 16px;flex-shrink:0;background:#f6e9cc;border-bottom:1px solid #af8b4c44}.library-error,.library-message{color:#8b2926;margin:0;padding:8px 16px;line-height:1.6;font-size:13px;overflow-wrap:anywhere}.library-message{color:#245366}.library-dialog .template-preview{padding:12px 18px}.library-dialog .template-preview-heading{padding-bottom:10px}.library-dialog .template-preview-heading h3{min-width:0;overflow-wrap:anywhere;font-size:20px}.library-dialog .template-preview-heading>span{flex-shrink:0;font-size:16px}.library-box-actions{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 0}.library-box-actions .text-button{color:#74501f;font-size:12px;min-height:34px;padding:4px 2px}.library-dialog .template-hero-grid{max-width:330px}.library-dialog .template-hero>span:last-child{font-size:11px}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:14px;color:#876332;text-align:center}.library-empty p{font-size:14px;line-height:1.8;max-width:320px}.library-delete{padding:10px;background:#f9d9bc;color:#722d1d;font-size:13px;overflow-wrap:anywhere}.library-delete>div{display:flex;justify-content:flex-end;gap:8px;padding-top:7px}.box-save-form{padding:20px;overflow-y:auto}.box-name-field{display:flex;flex-direction:column;gap:8px;color:#5f411b;font-size:15px}.box-name-field input{width:100%;min-height:44px;padding:10px;font-size:16px;color:#4c351a;border:1px solid #ad8950;background:#fff7e7}.box-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px}.saved-box-name{display:flex;align-items:center;gap:9px;font-size:20px;color:#31573c;overflow-wrap:anywhere}.box-save-form .library-error{padding-inline:0}.editor-footer>div{width:100%;justify-content:flex-end}.editor-footer .favorite-button{margin-right:auto}.arena .box-setup-actions{justify-content:space-between;gap:5px;flex-wrap:wrap}.arena .box-setup-actions .text-button{font-size:12px;min-height:36px}.live-edit-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.arena .live-edit-actions .text-button{min-height:38px}.arena .live-edit-actions .undo-button{color:#ffe39d}.review-notes{margin-top:18px;padding:12px 16px;background:#f4e7cc;border:1px solid #b59558;border-radius:4px;color:#654921}.review-notes summary{cursor:pointer;min-height:30px;font-size:16px}.review-notes label{display:block;padding-top:12px;font-size:14px}.review-notes textarea{width:100%;resize:vertical;min-height:120px;max-height:400px;margin-top:8px;padding:12px;border:1px solid #ae8c53;border-radius:4px;background:#fff8e9;color:#4b3519;font:16px/1.7 var(--sans, sans-serif)}.notes-meta{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:12px;color:#836638}.notes-export-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#765422;min-height:40px}.notes-export-toggle input{width:18px;height:18px;accent-color:#206680}@media(max-width:820px){.library-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh}.library-dialog .dialog-inner{height:100%;max-height:none}.library-dialog .dialog-header{padding:max(8px,env(safe-area-inset-top)) 12px 8px;min-height:52px}.library-dialog .dialog-header .icon-button{min-width:40px;min-height:40px}.library-toolbar{padding:6px 12px;gap:5px}.library-toolbar>div{gap:2px}.library-tab{font-size:14px;min-height:42px;padding-inline:9px}.library-toolbar .button{min-height:40px;padding:7px 9px;font-size:13px}.library-reminder{font-size:12px;line-height:1.5;padding:6px 12px}.library-dialog .template-list{padding:4px 12px 6px}.library-dialog .template-list-heading{display:none}.library-dialog .template-list-items{padding-top:0}.library-dialog .template-list-item{min-height:40px;max-width:230px;white-space:normal}.library-dialog .template-list-item>span{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-dialog .template-preview{padding:10px 12px}.library-dialog .template-preview-heading h3{font-size:18px}.library-dialog .template-hero-grid{max-width:260px;gap:6px 14px}.library-dialog .template-portrait{width:52px}.library-box-actions{gap:0 12px;padding:3px 0}.library-box-actions .text-button{min-height:38px}.library-dialog .template-footer{padding-block:7px max(7px,env(safe-area-inset-bottom));gap:6px}.library-dialog .template-target>span{display:none}.hero-dialog .editor-footer>div{flex-wrap:wrap;gap:7px}.hero-dialog .editor-footer .button{padding-inline:10px;font-size:13px}.hero-dialog .editor-footer .favorite-button{flex:0 0 100%;min-height:36px}.arena .box-setup-actions .text-button{min-height:38px;font-size:11px;gap:3px}.arena .box-setup-actions .text-button svg{width:13px}.page-setup .arena .empty-box .box-setup-actions{display:flex}.arena .live-edit-actions{gap:0;flex-direction:column}.arena .live-edit-actions .text-button{min-height:36px;font-size:12px}.page-bp .arena .live-edit-actions .text-button{min-height:36px;padding:3px 5px}.notes-export-toggle{flex:0 0 100%;justify-content:flex-end}.review-notes{margin-top:12px;padding:10px}.review-notes summary{font-size:15px}}@media(max-width:520px){.site-header .header-actions{margin-left:auto}.site-header .header-actions .button{font-size:11px;min-height:38px}.box-form-actions .button{min-height:44px;font-size:13px}}.branch-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border:1px solid #9b803b;background:#282317;border-radius:4px}.branch-current{display:flex;align-items:center;min-width:0;gap:5px}.branch-current label{display:flex;align-items:center;gap:10px;font-size:13px;color:#ddc689}.branch-current select{min-width:170px;max-width:280px;min-height:40px;font-size:15px;padding:7px 10px;color:#f9e9bf;border:1px solid #9b803b;background:#3d321f}.branch-origin{font-size:12px;color:#c8b27e;flex:1;overflow-wrap:anywhere}.branch-actions{display:flex;gap:8px}.branch-actions .button{min-height:40px;font-size:13px}.fork-form{padding:22px;overflow-y:auto;color:#5d4221}.fork-form>p{font-size:14px;line-height:1.7;margin:0 0 15px}.fork-form label{display:flex;flex-direction:column;gap:8px;margin-block:12px;font-size:14px}.fork-form input,.fork-form select{width:100%;min-height:44px;padding:9px;font-size:16px;color:#4b351b;background:#fff6e0;border:1px solid #b3955c}.fork-form .fork-boundary{padding:10px;background:#dec796;border-left:3px solid #9b742a;font-size:13px}.branch-comparison{padding:20px;border:2px double #b79c50;border-radius:5px;background:#ecddbc;color:#563e1c}.compare-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.compare-toolbar fieldset{min-width:0;padding:0;border:0;flex:1}.compare-toolbar legend{font:600 20px var(--serif);margin-bottom:10px}.compare-toolbar fieldset>div{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow-y:auto}.compare-toolbar fieldset label{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;background:#f9ecd1;border:1px solid #c4a369;border-radius:4px;font-size:14px;overflow-wrap:anywhere}.compare-toolbar input{width:17px;height:17px;accent-color:#276781;flex-shrink:0}.compare-export-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compare-export-controls .button{min-height:42px}.compare-summary-grid,.compare-column-heads,.compare-step-grid{display:grid;grid-template-columns:repeat(var(--plan-count),minmax(0,1fr));gap:12px}.compare-lineups{border:1px solid #b19557;border-radius:4px;background:#f7eacb;padding:10px 14px}.compare-lineups>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:34px;font-size:15px}.compare-lineups>summary:before{content:"▸";margin-right:8px}.compare-lineups[open]>summary:before{content:"▾"}.compare-lineups>summary>span{margin-left:auto;font-size:12px;color:#977237}.compare-lineups[open]>.compare-summary-grid{margin-top:12px}.compare-plan-summary{min-width:0;padding:12px;background:#fff3d9;border:1px solid #be9f63;border-radius:4px}.compare-plan-summary>header{display:flex;align-items:center;gap:8px;justify-content:space-between}.compare-plan-summary>header>button{display:flex;align-items:center;min-width:0;gap:5px;background:transparent;color:#5f401b;padding:0;text-align:left;font-size:18px;overflow-wrap:anywhere}.compare-plan-summary>header>span{font-size:11px;color:#8c6834;flex-shrink:0}.compare-source{font-size:11px;line-height:1.7;margin:8px 0;color:#886332;overflow-wrap:anywhere}.compare-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-teams section{min-width:0}.compare-teams h3{font-size:14px;margin:0 0 8px;padding-bottom:6px;color:#245780;border-bottom:2px solid #326183}.compare-teams .second h3{color:#912f2d;border-color:#a84d3e}.compare-teams h3 small{display:block;font-weight:400;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.compare-teams section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 5px}.compare-team-hero{min-width:0;text-align:center}.compare-team-hero>.portrait,.compare-team-empty{display:grid;place-items:center;width:min(100%,52px);margin-inline:auto;height:auto;aspect-ratio:1;border-radius:50%;border:1px solid #b38d40}.compare-team-empty{background:#e1d1aa;color:#ac8b4f}.compare-team-hero>span:last-child{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.compare-plan-notes{border-top:1px solid #c1a46b66;padding-top:8px;margin-top:10px;font-size:13px}.compare-plan-notes summary{cursor:pointer;min-height:28px}.compare-plan-notes p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-height:260px;overflow-y:auto;margin-top:8px}.compare-shared{margin-top:20px;border:1px solid #b19557;background:#f7eacb;padding:10px 14px;border-radius:4px}.compare-shared>summary{cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:34px;font-size:15px}.compare-shared>summary>span:last-child{font-size:12px;color:#977237}.compare-shared>p{font-size:13px;padding-top:10px}.compare-shared-step h3{padding-top:14px;font-size:14px}.compare-shared-step .compare-action{max-width:800px;margin:8px auto}.compare-split-label{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0;color:#795622;font-size:15px}.compare-column-heads{position:sticky;top:0;z-index:3;background:#ecddbc;padding-block:7px}.compare-column-heads>div{padding:10px;background:#584121;color:#fce6b7;font-size:18px;text-align:center;overflow-wrap:anywhere}.compare-step{margin-top:12px}.compare-step>h3{display:flex;align-items:center;gap:12px;padding:9px 2px;font-size:16px}.compare-step>h3>span{color:#9c4b2d;font-size:12px;border:1px solid #bc8b4c;padding:2px 7px;border-radius:3px;font-weight:400}.compare-action{display:block;width:100%;min-width:0;padding:12px 8px;text-align:center;border:1px solid #b7996266;background:#f8edd5;color:#543b1a;border-radius:4px}.compare-action:hover:not(:disabled){background:#fff5de;border-color:#ac7f36}.different .compare-action{background:#fff0c9;border-color:#b8873b}.compare-action.pending{opacity:1;background:#e7d8b8}.compare-action-label{font-size:14px;font-weight:600}.compare-lanes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.compare-lane{display:flex;flex-direction:column;align-items:center;min-width:0}.compare-lane>small{color:#286089;font-size:11px;margin-bottom:8px}.compare-lane.second>small{color:#963d34}.compare-actor{display:grid;place-items:center;flex:1;min-height:70px;color:#866d41;font-size:13px}.compare-portraits{display:flex;gap:8px;justify-content:center;width:100%}.compare-hero{min-width:0;flex:0 1 76px}.compare-hero>span:first-child{display:block;position:relative;width:min(100%,64px);margin:auto}.compare-hero .portrait{display:block;aspect-ratio:1;height:auto;border:2px solid #ac8438;border-radius:50%}.compare-hero i{position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#9c3030;color:#fff0d1;font: 12px sans-serif}.pick .compare-hero i{background:#286278}.compare-hero>span:last-child{display:block;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.compare-pending{min-height:150px;display:grid;place-items:center;font-size:14px;color:#8e764e}.compare-mobile-name{display:none}.compare-empty{padding:50px 15px;text-align:center;font-size:15px}@media(max-width:820px){.branch-controls{gap:7px 10px;padding:9px 10px}.branch-current{flex:1 1 100%}.branch-current label{flex:1}.branch-current select{min-width:0;max-width:none;flex:1;width:0;font-size:16px}.branch-origin{flex:1 1 100%;font-size:11px}.branch-actions{width:100%}.branch-actions .button{flex:1;min-height:40px}.fork-form{padding:16px}.branch-comparison{padding:10px}.compare-toolbar{flex-direction:column;align-items:stretch;gap:10px}.compare-toolbar legend{font-size:18px}.compare-export-controls{gap:8px;justify-content:space-between}.compare-export-controls .notes-export-toggle{flex:initial}.compare-export-controls .button{font-size:13px;min-height:44px}.compare-summary-grid{grid-template-columns:1fr;gap:10px}.compare-lineups{padding:8px 10px}.compare-lineups>summary{font-size:13px}.compare-teams section>div{grid-template-columns:repeat(5,minmax(0,1fr))}.compare-column-heads{display:none}.compare-step-grid{grid-template-columns:1fr;gap:7px}.compare-step{margin-block:18px;padding:0 8px 10px;border:1px solid #bc9c5c;border-radius:4px;background:#dec898}.compare-step>h3{padding:10px 3px}.compare-mobile-name{display:block;margin-bottom:8px;text-align:left;font-size:16px;color:#6d4b1d;overflow-wrap:anywhere}.compare-action{padding:10px}.compare-action-label{font-size:13px}.compare-hero>span:first-child{width:min(100%,56px)}.compare-actor{min-height:65px}.compare-pending{min-height:70px}.compare-shared{padding:8px 10px}.compare-shared>summary{font-size:13px;gap:6px}.compare-shared>summary>span:last-child{font-size:11px;flex-shrink:0}.compare-split-label{font-size:13px;margin:14px 0}}@media(max-width:520px){.compare-teams section>div{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-plan-summary{padding:10px}.compare-summary-grid .compare-team-hero>.portrait{max-width:44px}.compare-toolbar fieldset label{font-size:12px;min-height:40px}.compare-portraits{gap:6px}}.step-note-editor{width:100%;min-width:0;text-align:left;margin-top:12px;position:relative}.step-note-editor>details>summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:#f2d78e;padding:10px 0;min-height:40px;font-size:14px}.step-note-editor summary i{font-size:11px;font-style:normal;color:#bfb386;margin-left:auto}.step-note-editor label{display:block;font-size:13px;color:#f6dfa3;margin:6px 0 8px}.step-note-editor textarea{display:block;width:100%;resize:vertical;min-height:100px;max-height:250px;font:16px/1.6 Microsoft YaHei,sans-serif;background:#fff5dd;color:#48341e;border:1px solid #ae8746;padding:10px;border-radius:3px}.step-note-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#b8a575;line-height:1.6;margin-top:6px}.step-note-meta>span:last-child{white-space:nowrap}.step-note-text{text-align:left;font:14px/1.75 Microsoft YaHei,sans-serif;overflow-wrap:anywhere;min-width:0;color:#5c421f}.step-note-text p{white-space:pre-wrap;margin:0}.step-note-text b{display:block;font-size:12px;opacity:.8;margin-bottom:3px}.step-note-text summary{cursor:pointer}.step-note-text summary small{color:#7e551b;display:inline-block;margin-left:8px}.step-note-text details[open] .note-preview{display:none}.step-note-text details[open] summary small{display:none}.step-note-editor .step-note-text{background:#f6e7c5;padding:10px 12px;border-left:3px solid #cfaa5a;border-radius:2px}.step-note-editor>details[open]+.step-note-text{display:none}.review-step-entry>.step-note-text{background:#f8eedc;border-bottom:1px solid #b69a5c60;padding:10px 18px 16px}.review-step-entry:nth-child(odd)>.review-step,.review-step-entry:nth-child(odd)>.step-note-text{background:#eaddbf}.timeline-note-marker{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#886127;margin-top:5px}.compare-action-cell{min-width:0;display:flex;flex-direction:column;background:#f6e8ca}.compare-action-cell>.compare-action{width:100%;flex:1}.compare-action-cell>.step-note-text{padding:10px 14px;border-top:1px solid #bba27370}.compare-shared-notes{display:grid;grid-template-columns:repeat(var(--plan-count),minmax(0,1fr));gap:8px;padding:10px;background:#f6e8ca}.compare-shared-notes>.step-note-text:only-child{grid-column:1/-1}.compare-shared-notes>.step-note-text{padding:10px;border-left:2px solid #bb9650}.notes-export-options{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center}@media(max-width:1100px){.page-bp .arena .step-note-editor{grid-column:1/-1;grid-row:3;margin:0}.page-bp .arena .command-center:has(.step-note-editor details[open]){position:relative}}@media(max-width:520px){.step-note-editor>details>summary{font-size:13px;padding:5px 0;min-height:34px}.step-note-text{font-size:13px}.compare-shared-notes{grid-template-columns:1fr}.step-note-meta{font-size:10px}}@property --actor-frame-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.arena:has(.acting-panel) .player-banner{margin:28px 12px 0}.arena .acting-panel .player-banner{z-index:5;clip-path:none;border-radius:2px;background:#efc458;filter:none}.arena .acting-panel .player-banner:before{inset:3px;border-radius:0;clip-path:none}.arena .acting-panel .player-status{padding-top:0}.arena .acting-panel .player-banner:after{display:block;content:"";position:absolute;inset:-3px;z-index:2;pointer-events:none;background:transparent;padding:0;border:6px solid #efb834;box-shadow:0 0 0 1px #fff3be,0 0 0 3px #795018,0 0 14px 4px #ffbe3a80,0 0 35px 8px #f1a82b42,inset 0 0 0 1px #fff0bb,inset 0 0 21px #ffc55690;animation:actor-gold-glow 2.8s ease-in-out infinite}.arena .acting-panel .actor-orbit{position:absolute;z-index:3;inset:-3px;padding:6px;pointer-events:none;background:conic-gradient(from var(--actor-frame-angle),transparent 0deg 48deg,#fcd566 76deg,#fffbea 89deg 96deg,#ffca39 109deg,transparent 145deg 228deg,#fcd566 256deg,#fffbea 269deg 276deg,#ffca39 289deg,transparent 325deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);animation:actor-gold-orbit 3.8s linear infinite}.arena .acting-panel .actor-marker{position:absolute;top:-24px;left:50%;right:auto;transform:translate(-50%);z-index:5;width:142px;height:35px;display:flex;justify-content:center;align-items:center;gap:7px;pointer-events:none;padding:0;border:0;border-top:2px solid #fff6cf;border-radius:0;background:linear-gradient(#fff4b5,#ffdc70 46%,#d89b2c 50%,#f2c45b);color:#4b2b09;font:bold 19px/1 var(--serif);letter-spacing:3px;text-shadow:0 1px #fff4b0;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.arena .acting-panel .actor-marker svg{width:19px;height:19px;flex-shrink:0}.arena .acting-panel .actor-corner{position:absolute;z-index:4;width:25px;height:25px;pointer-events:none;border-top:4px solid #fff3b2;border-left:4px solid #f2c856;filter:drop-shadow(0 0 4px #ffc450)}.arena .acting-panel .actor-corner:after{content:"";position:absolute;top:-6px;left:-6px;width:8px;height:8px;transform:rotate(45deg);background:#fff2b0;border:1px solid #e7b347}.arena .acting-panel .actor-corner.tl{top:-6px;left:-6px}.arena .acting-panel .actor-corner.tr{top:-6px;right:-6px;transform:rotate(90deg)}.arena .acting-panel .actor-corner.br{bottom:-6px;right:-6px;transform:rotate(180deg)}.arena .acting-panel .actor-corner.bl{bottom:-6px;left:-6px;transform:rotate(270deg)}@keyframes actor-gold-orbit{to{--actor-frame-angle: 360deg}}@keyframes actor-gold-glow{50%{box-shadow:0 0 0 1px #fff6c7,0 0 0 3px #926224,0 0 20px 5px #ffc74fbb,0 0 45px 10px #f8ad324f,inset 0 0 0 1px #fff4bb,inset 0 0 25px #ffd16d88}}@media(max-width:520px){.arena .acting-panel .actor-marker{width:110px;height:32px;top:-23px;font-size:17px;letter-spacing:1px;gap:4px}.arena .acting-panel .actor-marker svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.arena .acting-panel .player-banner:after,.arena .acting-panel .actor-orbit{animation:none}}