@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17211d;--muted:#68746e;--line:#d6ded9;--paper:#fbfcf9;--green:#146447;--green-dark:#0d3f32;--green-soft:#e0eee6;--red:#ac453b;--yellow:#e6b94f;--shadow:0 18px 45px #18302617;background:#dde4df;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.game-shell{background:radial-gradient(circle at 1px 1px,#27483a17 1px,#0000 0) 0 0/22px 22px,#e8ede9;min-height:100vh;padding-bottom:28px}.topbar{color:#f7faf7;background:var(--green-dark);border-bottom:4px solid var(--yellow);justify-content:space-between;align-items:center;min-height:96px;padding:20px max(32px,50vw - 688px);display:flex;box-shadow:0 8px 24px #0c2e2433}.topbar-actions{align-items:center;gap:10px;display:flex}.player-status,.account-entry{color:#f7faf7;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:8px;min-height:42px;display:flex}.player-status{padding:7px 8px 7px 12px}.player-status>svg,.account-entry>svg{color:var(--yellow)}.player-status span{font-size:13px;font-weight:700}.player-status small{color:#a7c9b9;font:700 9px/1 Space Mono,monospace}.player-status button{color:#dce9e2;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff29;place-items:center;width:28px;height:28px;padding:0;display:grid}.account-entry{cursor:pointer;padding:0 13px;font-size:12px;font-weight:700}.eyebrow,.panel-kicker{color:#c38f24;letter-spacing:0;font:700 10px/1.2 Space Mono,monospace;display:block}.eyebrow{color:#90c7aa}h1{letter-spacing:0;margin:5px 0 0;font-size:26px;line-height:1.2}.session-status{background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-family:Space Mono,monospace;display:flex}.session-status svg{color:var(--yellow)}.session-status b{border-left:1px solid #fff3;min-width:76px;padding-left:14px}.workspace{grid-template:"character rules"180px"character automation"235px"character results"255px/minmax(500px,1.12fr) minmax(390px,.88fr);gap:16px;width:min(1440px,100% - 48px);margin:24px auto 0;display:grid;position:relative}.panel{min-width:0;box-shadow:var(--shadow);background:#fbfcf9f5;border:1px solid #c4d0c9e6;border-radius:8px;padding:24px 28px;position:relative;overflow:hidden}.panel:after{content:"";background:var(--yellow);width:52px;height:4px;position:absolute;top:0;right:28px}.character-panel{grid-area:character}.character-panel:after{background:var(--green);width:86px}.rules-panel{grid-area:rules;padding-block:18px}.automation-panel{grid-area:automation}.results-panel{grid-area:results}.automation-panel .empty-state{min-height:130px;margin-top:14px}.results-panel .empty-state{min-height:150px;margin-top:14px}.panel-heading,.title-group{align-items:center;display:flex}.panel-heading{justify-content:space-between;gap:16px}.title-group{gap:10px}h2{letter-spacing:0;margin:2px 0 0;font-size:17px;line-height:1.2}.title-group>svg{width:38px;height:38px;color:var(--green);background:var(--green-soft);border-radius:6px;padding:9px}.panel-index,.round-badge,.status-dot{color:var(--muted);font:700 11px/1 Space Mono,monospace}.panel-index{background:#edf1ee;border-radius:4px;padding:7px 9px}.round-badge{color:#725514;background:#f4e6b6;border-radius:4px;padding:7px 9px}.status-dot:before{content:"";background:var(--yellow);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.complete:before{background:var(--green)}.round-selector{gap:5px;display:flex;position:absolute;bottom:14px;right:28px}.round-selector button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:#edf1ee;border:1px solid #0000;border-radius:4px;padding:0;font:700 10px/1 Space Mono,monospace}.round-selector button:hover{border-color:#aebbb3}.round-selector button.active{color:#fff;background:var(--green)}.rule-sentence{max-width:100%;color:var(--ink);white-space:normal;overflow-wrap:anywhere;margin-top:13px;font-size:16px;font-weight:600;line-height:1.45}.start-round{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:7px;height:38px;margin-top:13px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.progress-track{background:#e5eae7;border-radius:4px;height:4px;margin-top:18px;overflow:hidden}.progress-track i{background:var(--green);border-radius:inherit;height:100%;transition:width .35s;display:block}.card-stage{grid-template-columns:44px minmax(250px,280px) 44px;justify-content:center;align-items:center;gap:20px;min-height:356px;margin:14px 0 12px;display:grid;position:relative}.card-stage:before{content:"";z-index:0;background:#eef3ef;border:1px dashed #c8d3cc;border-radius:50%;width:72%;height:72%;position:absolute;inset:14%}.character-card{z-index:1;border:1px solid #b9c3bd;border-top:5px solid var(--yellow);background:#fff;border-radius:7px;width:100%;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 18px 38px #14362826}.character-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px #1436282e}.character-card:before,.character-card:after{content:"";border-bottom:1px solid #cad3ce;width:14px;height:14px;position:absolute;bottom:12px}.character-card:before{border-left:1px solid #cad3ce;left:12px}.character-card:after{border-right:1px solid #cad3ce;right:12px}.character-card.accepted{border-top-color:var(--green)}.character-card.rejected{border-top-color:var(--red)}.card-number{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081a14ad;border-radius:3px;padding:6px 8px;font:700 10px/1 Space Mono,monospace;position:absolute;top:12px;left:12px}.hero-artwork{aspect-ratio:1;background:#dfe7e2;width:100%;position:relative;overflow:hidden}.hero-artwork img{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block}.hero-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000,#081a149e);height:28%;position:absolute;inset:auto 0 0}.hero-artwork-empty{color:var(--green);place-items:center;display:grid}.hero-artwork-empty:after{display:none}.hero-role-badge{z-index:1;color:#fff;background:var(--green);border-radius:3px;padding:5px 8px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:12px}.hero-info{padding:12px 14px 13px}.hero-name-row{justify-content:space-between;align-items:end;gap:16px;display:flex}.hero-name-row span,.power-value span{color:var(--muted);margin-bottom:2px;font:700 8px/1.2 Space Mono,monospace;display:block}.character-card h3{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.power-value{text-align:right}.power-value strong{color:var(--red);font:700 18px/1.2 Space Mono,monospace}.hero-info dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:10px 0 0;display:grid}.hero-info dl>div{padding-top:8px}.hero-info dl>div+div{border-left:1px solid var(--line);padding-left:16px}.hero-info dt{color:var(--muted);margin-bottom:2px;font-size:9px}.hero-info dd{color:var(--ink);margin:0;font-size:12px;font-weight:700;line-height:1.35}.equipment-section{border-top:1px solid var(--line);margin-top:9px;padding-top:8px}.equipment-grid{border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.equipment-grid>div{text-align:center;background:#f7f9f6;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:45px;padding:6px 4px;display:flex}.equipment-grid>div+div{border-left:1px solid var(--line)}.equipment-grid span{color:var(--muted);white-space:nowrap;font-size:9px}.equipment-grid strong{color:var(--ink);overflow-wrap:anywhere;font-size:10px;line-height:1.3}.equipment-grid .equipment-empty{color:var(--muted);grid-column:1/-1;font-size:11px}.empty-state{color:var(--muted);font-size:13px}.icon-button{z-index:2;width:38px;height:38px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#f6f8f5;border-radius:5px;place-items:center;padding:0;transition:transform .2s,background .2s;display:grid}.icon-button:hover{background:#fff;border-color:#94a198;transform:translateY(-2px)}.nav-button{width:44px;height:52px;color:var(--green);background:#fff;box-shadow:0 7px 18px #1f372d1a}.decision-bar{grid-template-columns:1fr 1fr;gap:12px;max-width:380px;margin:auto;display:grid}.decision-button{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.decision-button.reject{color:#7f2e27;background:#f0ded9}.decision-button.accept{color:#fff;background:var(--green);box-shadow:0 8px 20px #14644733}.decision-button:hover{filter:brightness(.98);transform:translateY(-2px)}.decision-button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.empty-state{min-height:220px;color:var(--muted);background:linear-gradient(135deg,#eaf0eb8c,#ffffff80);border:1px dashed #bdc9c1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.empty-state>svg{color:var(--green)}.content-list{margin-top:22px}.content-list p{border-bottom:1px solid var(--line);padding:14px 0}.condition-builder{margin-top:14px}.condition-list{scrollbar-width:thin;max-height:86px;padding-right:3px;overflow-y:auto}.condition-row{grid-template-columns:42px 30px minmax(86px,1fr) 70px minmax(100px,1.4fr) 30px;align-items:center;gap:6px;display:grid}.condition-row+.condition-row{margin-top:7px}.condition-prefix{color:var(--green);text-align:center;font:700 10px/1 Space Mono,monospace}.condition-connector{font-weight:700;color:var(--green)!important;padding-inline:5px!important}.negate-condition{color:#69736e;cursor:pointer;background:#edf1ee;border:1px solid #c8d2cc;border-radius:4px;width:30px;height:30px;padding:0;font-size:12px}.negate-condition.active{color:#fff;background:var(--red);border-color:var(--red)}.condition-row select,.condition-row input{width:100%;min-width:0;height:34px;color:var(--ink);background:#f7f9f6;border:1px solid #c8d2cc;border-radius:4px;outline:none;padding:0 9px;font-size:12px}.condition-row select:focus,.condition-row input:focus{border-color:var(--green);box-shadow:0 0 0 2px #1464471a}.remove-condition{width:30px;height:30px;color:var(--red);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.remove-condition:hover:not(:disabled){background:#f0ded9}.remove-condition:disabled{opacity:.25;cursor:not-allowed}.condition-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.add-condition,.run-filter{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.add-condition{color:var(--green);background:#eef5f0;border:1px dashed #9db9a8}.run-filter{color:#fff;background:var(--green);border:1px solid var(--green);margin-left:auto}.filter-error{color:var(--red);font-size:10px}.results-panel{overflow:auto}.result-grid{grid-template-columns:repeat(auto-fill,100px);gap:8px;margin-top:14px;display:grid}.result-card{width:100px;min-width:0;min-height:50px;color:var(--green);background:var(--green-soft);border:1px solid #bfd4c7;border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:inset 3px 0 #8fbea4}.result-thumbnail{width:30px;height:30px;color:var(--green);background:#f5faf7;border:1px solid #b8cec0;border-radius:4px;flex:0 0 30px;place-items:center;display:grid;overflow:hidden}.result-thumbnail img{object-fit:cover;object-position:center 24%;width:100%;height:100%;display:block}.result-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.result-meta strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.result-meta span{color:var(--green);font:700 9px/1 Space Mono,monospace}.result-sync-status{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.4}.leaderboard{border:1px solid var(--line);border-radius:6px;margin-top:14px;overflow:hidden}.leaderboard-head,.leaderboard-row{grid-template-columns:minmax(130px,1fr) 72px 96px;align-items:center;gap:8px;padding:8px 10px;display:grid}.leaderboard-head{color:var(--muted);background:#edf1ee;font-size:9px;font-weight:700}.leaderboard-row{min-height:38px;color:var(--ink);border-top:1px solid var(--line);background:#fff;font-size:11px}.leaderboard-row>:nth-child(n+2),.leaderboard-head>:nth-child(n+2){text-align:right}.leaderboard-row>strong{color:var(--green)}.leaderboard-player{align-items:center;gap:7px;min-width:0;font-weight:700;display:flex}.leaderboard-player svg{color:#c38f24;flex:none}.leaderboard-player b{width:16px;color:var(--muted);font:700 10px/1 Space Mono,monospace}.score-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071b15c7;border-radius:8px;place-items:center;padding:32px;display:grid;position:absolute;inset:0;overflow:auto}.score-sheet{width:min(700px,100%);max-height:100%;color:var(--ink);background:var(--paper);border:1px solid #b9c7bf;border-top:5px solid var(--yellow);border-radius:8px;padding:26px;overflow:auto;box-shadow:0 24px 60px #04161061}.score-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.score-heading h2{margin-top:5px;font-size:22px}.score-summary{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;margin-top:20px;display:grid;overflow:hidden}.score-summary>div{background:#f3f7f4;align-content:center;gap:5px;min-height:100px;padding:18px 20px;display:grid}.score-summary>div+div{border-left:1px solid var(--line)}.score-summary span,.score-summary small{color:var(--muted);font-size:10px}.score-summary strong{color:var(--green);font:700 25px/1.2 Space Mono,monospace}.score-waiting{min-height:90px;color:var(--muted);border:1px dashed #bdc9c1;border-radius:6px;place-items:center;margin-top:14px;font-size:12px;display:grid}.result-enter-active{animation:.3s ease-out result-in}@keyframes result-in{0%{opacity:0;transform:scale(.72)translateY(-12px)}}.completion{color:#fff;background:var(--green-dark);border-left:4px solid var(--yellow);border-radius:6px;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;min-height:64px;margin-top:14px;padding:10px 70px 10px 14px;display:grid;position:relative;overflow:hidden}.completion:after{content:"DONE";color:#ffffff29;font:700 20px/1 Space Mono,monospace;position:absolute;top:12px;right:12px}.completion span{grid-column:1;font-size:10px}.completion strong{grid-column:1;margin:2px 0 0;font:700 20px/1.1 Space Mono,monospace;display:block}.completion p{opacity:.82;grid-area:1/2/3;margin:0;font-size:11px;line-height:1.45}button:focus-visible{outline-offset:2px;outline:3px solid #176b4b4d}.account-overlay{z-index:20;background:#071b15b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-dialog{width:min(380px,100%);color:var(--ink);background:var(--paper);border:1px solid #b9c7bf;border-top:4px solid var(--yellow);border-radius:8px;padding:24px;box-shadow:0 24px 60px #04161059}.account-dialog-heading{justify-content:space-between;align-items:center;display:flex}.account-dialog-heading>svg{color:var(--green)}.account-dialog label{color:var(--muted);gap:6px;margin-top:20px;font-size:10px;font-weight:700;display:grid}.account-dialog input{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #c8d2cc;border-radius:4px;outline:none;padding:0 11px}.account-dialog input:focus{border-color:var(--green);box-shadow:0 0 0 2px #1464471a}.account-error{color:var(--red);margin:10px 0 0;font-size:11px}.account-submit{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;margin-top:18px;font-weight:700;display:flex}.account-submit:disabled{opacity:.6;cursor:wait}@media (width<=860px){.game-shell{padding-bottom:16px}.topbar{padding:16px 20px}.topbar-actions{flex-direction:column;align-items:flex-end}.workspace{flex-direction:column;gap:12px;width:calc(100% - 28px);margin-top:14px;display:flex}.panel{padding:22px 20px}.character-panel{min-height:550px}.rules-panel{min-height:170px}.automation-panel,.results-panel{min-height:330px}.condition-list{max-height:160px}.round-selector{bottom:20px;right:20px}.score-overlay{border-radius:0;position:fixed}}@media (width<=520px){.topbar{align-items:center;gap:10px;min-height:86px}h1{font-size:19px}.session-status{gap:6px;padding:9px 10px;font-size:12px}.player-status{min-height:34px;padding-block:3px}.session-status b{min-width:auto;padding-left:7px}.workspace{gap:10px;width:calc(100% - 20px);margin-top:10px}.panel{padding:20px 16px}.panel:after{right:16px}.rules-panel{padding-block:18px}.rule-sentence{max-width:100%;margin-top:14px;padding-right:0}.leaderboard-head,.leaderboard-row{grid-template-columns:minmax(100px,1fr) 58px 82px;gap:5px;padding-inline:7px}.score-overlay{padding:14px}.score-sheet{padding:20px 16px}.score-summary{grid-template-columns:1fr}.score-summary>div+div{border-left:0;border-top:1px solid var(--line)}.round-selector{margin-top:14px;position:static}.condition-row{grid-template-columns:38px 28px 1fr 58px 1fr 28px;gap:4px}.condition-row select,.condition-row input{padding-inline:6px;font-size:11px}.condition-actions{flex-wrap:wrap}.filter-error{order:3;width:100%}.card-stage{grid-template-columns:34px minmax(215px,240px) 34px;gap:5px;min-height:310px}.nav-button{width:36px;height:42px}.character-panel{min-height:520px}.hero-info{padding:14px}.character-card h3{font-size:21px}}