:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3eee4;background:#080b13;font-synthesis:none;color-scheme:dark;--ink:#080b13;--panel:#111724;--paper:#f7f2e7;--muted:#aab3c5;--line:rgba(255,255,255,.1);--gold:#ffca63;--green:#53e08b}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,202,99,0.8);outline-offset:3px}button{color:inherit}a{color:inherit}.icon{width:19px;height:19px;display:block;flex:none}button .icon{pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.prototype-strip{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#05070d;color:#9aa4b6;font-size:10px;letter-spacing:.055em;border-bottom:1px solid rgba(255,202,99,.16)}.prototype-strip>span:first-child{display:flex;align-items:center;gap:8px;font-weight:650;letter-spacing:.1em;color:var(--gold)}.prototype-dot,.sample-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px rgba(255,202,99,.6)}.app-shell{display:grid;grid-template-columns:250px minmax(320px,1fr) 350px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-width:1800px;margin:auto;min-height:0}.app-shell.referee-hidden{grid-template-columns:250px minmax(320px,1fr)}
.sidebar{display:flex;flex-direction:column;padding:29px 18px 0;border-right:1px solid var(--line);min-width:0;background:rgba(255,255,255,0.025)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 2px 26px;min-width:0}.brand>span{min-width:0;font-size:20px;line-height:1;letter-spacing:-.01em;font-weight:950}.brand strong{display:block;font-weight:950;color:#fff7e6;white-space:nowrap}.brand small{display:block;font-family:Georgia,serif;font-style:italic;font-weight:600;font-size:11.5px;letter-spacing:0;color:var(--gold);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-fight{display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;border:1px solid rgba(255,202,99,0.45);border-radius:10px;background:rgba(255,202,99,0.06);font-size:12px;font-weight:600;box-shadow:none;margin-bottom:28px;color:#ffe7b0}.new-fight:hover{background:rgba(255,202,99,0.13)}.section-label{font-size:9px;font-weight:650;letter-spacing:1.2px;color:#8892a6;display:flex;justify-content:space-between;align-items:center;margin:0 9px 12px}.section-label>span{letter-spacing:0;background:rgba(255,255,255,0.08);padding:2px 5px;border-radius:4px;color:#c5ccd8}#conversation-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:64px;max-height:50%;margin-bottom:15px}.conversation-item{padding:13px 10px;display:flex;gap:10px;align-items:center;border:1px solid transparent;background:transparent;text-align:left;border-radius:11px;min-width:0;width:100%}.conversation-item.active{background:rgba(255,202,99,0.09);border-color:rgba(255,202,99,0.32)}.conversation-item:hover{background:rgba(255,255,255,0.05)}.conversation-mini-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,202,99,0.12);color:#ffd98a;border-radius:11px;flex:none}.conversation-item>span:nth-child(2){min-width:0;flex:1}.conversation-item strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{display:block;color:#8892a6;font-size:10px;margin-top:5px}.active-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}.import-door{margin-top:10px;padding:18px 9px;background:transparent;border:0;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:10px;text-align:left}.import-door>span:nth-child(2){flex:1}.import-door strong{font-size:11px;font-weight:600;display:block}.import-door small{font-size:10px;line-height:1.6;color:#8892a6;display:block;margin-top:4px}.import-door .door-icon{color:#9aa4b6}.import-door>.icon:last-child{width:12px;color:#9aa4b6}.sidebar-bottom{margin-top:auto;display:flex;gap:9px;align-items:center;padding:18px 3px;border-top:1px solid var(--line)}.small-brand-mark{width:30px;height:30px;background:rgba(255,202,99,0.12);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;color:#ffd98a;border:1px solid rgba(255,202,99,.3)}.sidebar-bottom>div:nth-child(2){flex:1}.sidebar-bottom strong{font-size:10px;font-weight:500;display:block}.sidebar-bottom small{font-size:9px;color:#8892a6;display:block;margin-top:4px}.sidebar-bottom>.icon{width:13px;color:#8892a6}
.main-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:transparent}.conversation-header{display:flex;align-items:center;gap:12px;padding:21px 28px 20px;min-height:88px;border-bottom:1px solid var(--line)}.group-avatar{position:relative;width:49px;height:40px;flex:none}.avatar{border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}.group-avatar .avatar{position:absolute;width:31px;height:31px;border:2px solid #0b0f19;top:0;left:0}.group-avatar .avatar:last-child{top:11px;left:17px}.avatar-mara{background:#17302a;color:#8fe6b2}.avatar-leo{background:#292346;color:#cdb6ff}.avatar-jules{background:#373126;color:#ffd98a}.avatar-you{background:#15303d;color:#9be6ff}.avatar-other{background:#23272f;color:#c5ccd8}.conversation-title{flex:1;min-width:0}.conversation-title h1{font-size:15px;letter-spacing:-.3px;font-weight:650;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff7e6}.conversation-title p{font-size:10px;color:#8892a6;margin:7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;background:transparent;min-width:34px;min-height:34px;border-radius:8px;display:grid;place-items:center;color:#9aa4b6;flex:none}.icon-button:hover{background:rgba(255,255,255,0.08);color:#fff}.referee-toggle{padding:8px 10px;display:flex;align-items:center;gap:8px;background:rgba(255,202,99,0.07);border:1px solid rgba(255,202,99,0.3);border-radius:8px;font-size:10px;font-weight:600;color:#ffe7b0}.referee-toggle>.icon{height:14px;width:14px;color:var(--gold)}.toggle-light{width:5px;height:5px;background:var(--gold);border-radius:50%}.referee-toggle[aria-pressed=false] .toggle-light{background:rgba(255,255,255,0.25)}.mobile-menu,.mobile-tabs{display:none}.source-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 28px;border-bottom:1px solid rgba(255,255,255,0.07);min-height:47px}.source-trail{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8892a6}.source-pill{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;font-weight:500}.source-pill>.icon{height:12px;width:12px}.source-pill.telegram{color:#7cc4e8}.source-pill.arena{color:var(--gold)}.source-pill.discord{color:#a9abf5}.source-pill.x{color:#c5ccd8}.source-arrow{font-size:10px;color:#7d879b}.source-caption{font-size:9px;color:#8892a6}.text-button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;padding:5px;background:transparent;font-size:10px;color:#aeb7c7;white-space:nowrap}.text-button:hover{color:var(--gold)}.text-button .icon{width:13px;height:13px}
.conversation-body{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:0 35px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.14) transparent}.conversation-intro{text-align:center;padding:33px 0 29px}.intro-symbol{margin:0 auto 11px;display:grid;place-items:center;color:rgba(255,202,99,0.75)}.intro-symbol>.icon{height:22px;width:22px}.conversation-intro>span:nth-child(2){font-size:8px;font-weight:600;letter-spacing:1.45px;color:var(--gold)}.conversation-intro h2{font-size:25px;letter-spacing:-.85px;line-height:1.22;font-weight:500;margin:11px auto 9px;max-width:360px;overflow-wrap:anywhere;color:#fff7e6}.conversation-intro p{font-size:10px;color:#9aa4b6;margin:0}.messages{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.message{display:flex;align-items:flex-end;gap:8px;max-width:87%;position:relative;transition:background .2s,box-shadow .2s;scroll-margin-top:26px}.message.outgoing{align-self:flex-end;flex-direction:row-reverse}.message.incoming{align-self:flex-start}.message .avatar{width:24px;height:24px;font-size:9px;margin-bottom:3px}.message-column{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.outgoing .message-column{align-items:flex-end}.message-meta{font-size:9px;color:#8892a6;display:flex;align-items:center;gap:6px;margin:0 11px 5px}.message-meta .platform-mark{display:inline-flex;gap:3px;align-items:center;font-size:8px;color:#7d879b}.message-meta .icon{width:9px;height:9px}.bubble{background:rgba(255,255,255,0.07);padding:11px 14px;border-radius:17px 17px 17px 5px;font-size:12px;line-height:1.65;letter-spacing:.02px;overflow-wrap:anywhere;white-space:pre-wrap;min-width:55px;border:1px solid rgba(255,255,255,.06)}.outgoing .bubble{background:linear-gradient(160deg,rgba(255,202,99,0.25),rgba(255,178,62,.14));color:#fff4db;border-radius:17px 17px 5px 17px;border-color:rgba(255,202,99,.42)}.bubble-reply{display:block;border-left:2px solid rgba(255,255,255,0.25);padding:4px 8px;margin:0 0 7px;white-space:normal;max-width:100%;font-size:10px;color:#9aa4b6}.outgoing .bubble-reply{color:#f6dfa9;border-color:rgba(255,202,99,0.5)}.bubble-reply strong{display:block;font-size:9px;margin-bottom:3px}.bubble-reply p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-time{font-size:8px;color:#7d879b;margin:4px 10px 0;display:flex;align-items:center;gap:5px}.message-time>.icon{width:10px;height:10px}.message.highlight .bubble{outline:3px solid rgba(255,202,99,0.75);outline-offset:4px}.referee-marker{align-self:center;display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa4b6;padding:7px 0}.referee-marker>.icon{height:12px;width:12px}.load-earlier{align-self:center;padding:8px 15px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,0.05);font-size:11px;color:#aeb7c7}.chat-notice{font-size:10px;line-height:1.6;color:#9aa4b6;text-align:center;margin:18px auto 0;max-width:360px}.conversation-footer{padding:11px 26px 14px;background:rgba(8,11,19,.6);border-top:1px solid rgba(255,255,255,0.07)}.playback-bar{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:11px;font-size:9px;color:#9aa4b6}.playback-bar>span{display:flex;align-items:center;gap:7px}.playback-bar button{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:6px 8px;font-size:9px;color:#c5ccd8}.playback-bar button>.icon{width:10px;height:10px}.composer{display:flex;align-items:flex-end;gap:12px;min-height:47px;border:1px solid rgba(255,255,255,0.14);border-radius:24px;padding:6px 7px 6px 17px;background:rgba(255,255,255,.04)}.composer textarea{flex:1;min-width:0;border:0;resize:none;background:transparent;padding:7px 0;line-height:1.4;font-size:13px;color:#f3eee4;max-height:140px;min-height:31px}.composer textarea::placeholder{color:#7d879b}.composer textarea:focus-visible{outline:none}.composer:focus-within{outline:2px solid rgba(255,202,99,0.55);outline-offset:2px}.composer>button{width:32px;height:32px;border:0;border-radius:50%;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;display:grid;place-items:center;flex:none;box-shadow:0 6px 18px rgba(255,178,62,.22)}.composer-caption{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#7d879b;line-height:1.5;margin-top:9px;text-align:center}.composer-caption>.icon{width:9px;height:9px}
.referee-panel{min-height:0;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:rgba(255,255,255,0.025);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.14) transparent}.referee-hidden .referee-panel{display:none}.referee-header{height:88px;flex:none;display:flex;align-items:center;gap:10px;margin:0 25px;border-bottom:1px solid rgba(255,255,255,0.08)}.referee-seal{width:34px;height:34px;border-radius:50%;background:rgba(255,202,99,0.12);color:var(--gold);display:grid;place-items:center;border:1px solid rgba(255,202,99,.3)}.referee-seal>.icon{width:17px;height:17px}.referee-header>div:nth-child(2){flex:1}.referee-header strong{font-size:13px;font-weight:600;display:block;color:#fff7e6}.referee-header small{display:block;color:#8892a6;font-size:9px;margin-top:5px}.referee-header>.icon{width:16px;height:16px;color:#8892a6}.referee-tabs{display:flex;margin:0 25px;border-bottom:1px solid rgba(255,255,255,0.08);min-height:47px;flex:none;gap:23px}.referee-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:10px;padding:13px 0;color:#8892a6}.referee-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:#ffe7b0;font-weight:600}.referee-content{padding:25px;flex:1;min-width:0}.referee-eyebrow{font-size:8px;letter-spacing:1.25px;font-weight:650;color:var(--gold);display:flex;align-items:center;gap:6px;margin-bottom:16px}.referee-eyebrow>.icon{height:12px;width:12px}.referee-content h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;letter-spacing:-.5px;line-height:1.25;margin:0 0 15px;color:#fff7e6}.referee-content .read-body{color:#aeb7c7;font-size:11px;line-height:1.85;margin:0}.citation-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:15px 0 24px}.citation-label{font-size:8px;color:#8892a6;margin-right:2px}.citation{font-size:8px;padding:4px 6px;border:1px solid rgba(255,202,99,0.25);border-radius:4px;background:rgba(255,202,99,0.07);color:#e9c17a}.citation:hover{border-color:rgba(255,202,99,0.55);background:rgba(255,202,99,0.14)}.status-list{border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);margin:0 0 25px;padding:8px 0}.status-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 0;font-size:10px;color:#aeb7c7}.status-badge{display:flex;gap:5px;align-items:center;font-size:8px;color:#d8b476;white-space:nowrap}.status-badge>.icon{width:10px;height:10px}.status-badge.answered{color:#7fdfa6}.status-badge.contested{color:#ffab7a}.crux{margin:0 0 25px}.crux>span{font-size:8px;font-weight:650;letter-spacing:1.05px;color:#d8b476}.crux p{font-size:12px;line-height:1.65;color:#c5ccd8;margin:9px 0 0}.fighters{display:flex;gap:8px;margin:25px 0 0}.fighter{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.fighter .avatar{width:25px;height:25px;font-size:9px}.fighter strong{font-size:9px;display:block;font-weight:500}.fighter small{font-size:8px;display:block;color:#8892a6;margin-top:4px}.fighter-separator{width:1px;background:rgba(255,255,255,0.1);margin:3px 10px}.referee-bottom{padding:21px 25px 24px;margin-top:auto;flex:none}.call-round{width:100%;border:1px solid rgba(255,202,99,0.45);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(255,202,99,0.08);color:#ffe7b0;font-size:11px;padding:12px 16px;font-weight:600}.call-round:hover{background:rgba(255,202,99,0.15)}.call-round>.icon{width:14px;height:14px}.referee-caption{display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;line-height:1.6;color:#7d879b;text-align:center;margin:10px 0 0}.referee-caption>.icon{width:9px;height:9px}.basis-card{margin-top:20px;border-left:2px solid rgba(255,202,99,0.4);padding:0 0 0 12px}.basis-card>strong{font-size:9px;color:#e9c17a;font-weight:600}.basis-card p{font-size:11px;line-height:1.8;color:#aeb7c7;margin:8px 0}.ruling-seal{height:48px;width:48px;border-radius:50%;background:rgba(255,202,99,0.12);display:grid;place-items:center;margin-bottom:22px;color:var(--gold);border:1px solid rgba(255,202,99,.3)}.ruling-seal>.icon{width:23px;height:23px}.ruling-summary{border-top:1px solid rgba(255,255,255,0.08);padding-top:17px;margin-top:23px;font-size:11px;line-height:1.8;color:#aeb7c7}.referee-notice{font-size:10px;line-height:1.75;color:#e9c17a;background:rgba(255,202,99,0.08);border-radius:7px;padding:11px 12px;margin:19px 0}.receipt-card{padding:0 0 19px;margin:0 0 20px;border-bottom:1px solid rgba(255,255,255,0.08)}.receipt-header{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:9px}.receipt-header>strong{font-size:10px;font-weight:600;color:#e9c17a}.receipt-card blockquote{font-size:11px;line-height:1.75;color:#c5ccd8;padding:0;margin:0 0 8px;overflow-wrap:anywhere}.receipt-card small{display:block;font-size:8px;color:#8892a6}.empty-referee{padding-top:17px}.empty-referee h2{font-size:27px}.empty-referee p{font-size:11px;line-height:1.9;color:#9aa4b6}.quiet-record{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,0.1);padding:12px;border-radius:9px;margin-top:22px;font-size:10px;color:#9aa4b6}.quiet-record>.icon{width:17px;height:17px}.source-peek{border:1px solid rgba(255,202,99,0.3);border-radius:8px;background:rgba(255,202,99,0.07);padding:12px;margin-top:16px;font-size:10px;line-height:1.7;color:#e2c48a}.source-peek strong{display:block;font-size:9px;margin-bottom:6px}.source-peek p{margin:0;overflow-wrap:anywhere}.source-peek a{display:inline-block;margin-top:7px}.panel-only .app-shell{display:block;height:calc(100dvh - 32px)}.panel-only .sidebar,.panel-only .main-pane{display:none}.panel-only .referee-panel{height:100%;border:0;display:flex}.panel-only .prototype-strip{justify-content:center}.panel-only .prototype-strip>span:last-child{display:none}.panel-demo-controls{display:flex;gap:8px;padding:13px 25px;border-bottom:1px solid var(--line)}.panel-demo-controls button{padding:7px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:6px;font-size:10px}
dialog{border:1px solid rgba(255,202,99,0.28);border-radius:17px;padding:0;max-width:min(540px,calc(100vw - 30px));width:540px;color:var(--paper);box-shadow:0 30px 120px rgba(0,0,0,.65);background:radial-gradient(520px 220px at 0% 0%,rgba(255,202,99,0.08),transparent),var(--panel);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(3,5,10,.72);backdrop-filter:blur(4px)}.dialog-inner{padding:27px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.dialog-heading h2{font-size:22px;font-weight:550;letter-spacing:-.7px;margin:4px 0;color:#fff7e6}.dialog-description{font-size:12px;line-height:1.75;color:#9aa4b6;margin:0 0 22px}.provider-option{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;width:100%;background:rgba(255,255,255,0.04);padding:14px;text-align:left;margin-bottom:9px}.provider-option>span:nth-child(2){flex:1}.provider-option strong{font-size:12px;font-weight:600;display:block}.provider-option small{font-size:10px;color:#8892a6;display:block;margin-top:5px;line-height:1.4}.provider-option>.icon{width:21px;height:21px;color:#9aa4b6}.provider-option .provider-status{font-size:9px;color:#d8b476;white-space:nowrap}.provider-option:disabled{opacity:1;background:rgba(255,255,255,0.02);color:#6f7a8f;border-color:rgba(255,255,255,0.06)}.provider-option:not(:disabled):hover{border-color:rgba(255,202,99,0.5);background:rgba(255,202,99,0.08)}.provider-option .telegram{color:#7cc4e8}.dialog-note{font-size:10px;line-height:1.8;color:#9aa4b6;background:rgba(255,255,255,0.04);padding:11px 13px;border-radius:7px;margin-top:18px}.dialog-note strong{font-weight:600;color:#c5ccd8}.file-input{display:block;width:100%;font-size:12px;color:#c5ccd8;border:1px dashed rgba(255,202,99,0.4);border-radius:8px;padding:17px;background:rgba(255,202,99,0.04)}.file-input::file-selector-button{padding:8px 12px;border:1px solid rgba(255,202,99,0.4);background:rgba(255,202,99,0.12);border-radius:5px;color:#ffe7b0;margin-right:10px}.form-error{font-size:12px;color:#ff8f7a;line-height:1.6}.form-label{font-size:11px;color:#aeb7c7;display:block;margin-bottom:8px}.text-input{width:100%;padding:13px;border:1px solid rgba(255,255,255,0.16);border-radius:8px;font-size:15px;background:rgba(255,255,255,.05);color:var(--paper)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.button-primary{display:flex;align-items:center;gap:8px;border:0;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(255,178,62,.2)}.button-secondary{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,202,99,0.45);background:rgba(8,11,19,.55);border-radius:8px;padding:11px 14px;font-size:12px;color:#ffe7b0}.button-secondary>.icon{width:15px;height:15px}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.08)}.detail-row>span{color:#8892a6}.detail-row strong{font-weight:500;overflow-wrap:anywhere;max-width:70%;text-align:right}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:30;background:#1a2133;color:var(--paper);box-shadow:0 10px 36px rgba(0,0,0,.5);border-radius:10px;padding:12px 19px;max-width:calc(100vw - 30px);font-size:12px;line-height:1.6;border:1px solid rgba(255,202,99,.3)}.toast[hidden]{display:none}
@media(min-width:1500px){.app-shell{grid-template-columns:280px minmax(400px,1fr) 390px}.conversation-header{padding-left:38px;padding-right:38px}.conversation-body{padding-left:55px;padding-right:55px}.referee-content{padding:30px}.referee-content h2{font-size:28px}.referee-header{margin:0 30px}.referee-tabs{margin:0 30px}.referee-bottom{padding:22px 30px 28px}.bubble{font-size:14px}.message-meta{font-size:10px}.message-time{font-size:9px}.conversation-title h1{font-size:17px}.conversation-intro h2{font-size:30px}.referee-content .read-body{font-size:12px}}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(300px,1fr) 310px}.app-shell.referee-hidden{grid-template-columns:210px minmax(300px,1fr)}.sidebar{padding:26px 12px 0}.brand{gap:8px;margin-left:0}.brand>span{font-size:17px}.brand img{width:46px}.brand small{font-size:10px}.conversation-header{padding:20px}.conversation-header>.icon-button:not(.mobile-menu){display:none}.source-bar{padding:12px 20px}.conversation-body{padding:0 23px 24px}.message{max-width:94%}.referee-content{padding:23px}.referee-header{margin:0 23px}.referee-tabs{margin:0 23px;gap:22px}.referee-content h2{font-size:23px}.referee-bottom{padding:20px 23px}}
@media(max-width:1000px){.app-shell{grid-template-columns:minmax(320px,1fr) 330px}.app-shell.referee-hidden{grid-template-columns:minmax(320px,1fr)}.sidebar{display:none}.mobile-menu{display:grid}.conversation-header{gap:9px}.sidebar.open{display:flex;position:fixed;z-index:10;left:0;top:32px;bottom:0;width:260px;box-shadow:30px 0 90px rgba(0,0,0,.6)}.conversation-title p{font-size:9px}.prototype-strip{padding:0 16px}.conversation-header{padding:19px 20px}.conversation-intro{padding-top:28px}.conversation-header>.icon-button:not(.mobile-menu){display:grid}}
@media(max-width:700px){.prototype-strip{height:28px;justify-content:center;font-size:8px}.prototype-strip>span:last-child{display:none}.app-shell,.app-shell.referee-hidden{height:calc(100dvh - 28px);display:flex;flex-direction:column;min-width:0}.main-pane{flex:1;min-height:0}.conversation-header{min-height:77px;padding:15px 14px;gap:7px}.conversation-title h1{font-size:14px}.conversation-title p{font-size:9px}.group-avatar{width:43px}.conversation-header>.icon-button:not(.mobile-menu){display:grid}.referee-toggle{display:none}.source-bar{padding:10px 19px;min-height:40px}.source-trail{gap:5px}.source-caption{font-size:8px}.text-button{font-size:9px}.mobile-tabs{display:flex;flex:none;gap:4px;margin:10px 18px 0;background:rgba(255,255,255,0.06);border-radius:8px;padding:3px}.mobile-tabs button{flex:1;border:0;background:transparent;color:#8892a6;font-size:11px;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-tabs button .icon{width:12px;height:12px}.mobile-tabs button.selected{background:rgba(255,202,99,0.16);color:#ffe7b0;box-shadow:none}.conversation-body{padding:0 17px 18px}.conversation-intro{padding:23px 0 24px}.conversation-intro h2{font-size:25px}.conversation-intro p{font-size:10px}.message{max-width:93%}.messages{gap:19px}.bubble{font-size:13px;padding:10px 12px}.message-meta{font-size:10px}.message-meta .platform-mark{font-size:8px}.message-time{font-size:9px}.conversation-footer{padding:10px 16px max(12px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px}.composer-caption{font-size:8px}.playback-bar{font-size:9px}.playback-bar button{min-height:33px}.referee-panel{display:none;border-left:0}.app-shell.mobile-referee .conversation-body,.app-shell.mobile-referee .conversation-footer{display:none}.app-shell.mobile-referee .main-pane{flex:none}.app-shell.mobile-referee .referee-panel{display:flex;flex:1;min-height:0}.referee-header{height:70px}.referee-header small{font-size:10px}.referee-header strong{font-size:14px}.referee-content{padding:23px 26px}.referee-content h2{font-size:28px}.referee-content .read-body{font-size:13px}.referee-eyebrow{font-size:10px}.referee-tabs button{font-size:12px}.status-row{font-size:12px}.status-badge{font-size:10px}.crux>span{font-size:10px}.crux p{font-size:14px}.citation-label{font-size:10px}.citation{font-size:10px;padding:6px 8px}.referee-bottom{padding:18px 26px}.call-round{font-size:13px;min-height:44px}.referee-caption{font-size:9px}.referee-panel .fighter strong{font-size:11px}.referee-panel .fighter small{font-size:10px}.receipt-card blockquote{font-size:13px}.receipt-header>strong{font-size:12px}.receipt-card small{font-size:10px}.ruling-summary{font-size:13px}.referee-notice{font-size:12px}.empty-referee p{font-size:13px}.quiet-record{font-size:12px}.sidebar.open{top:28px}.dialog-inner{padding:22px}.dialog-heading h2{font-size:20px}.dialog-description{font-size:12px}.source-peek{font-size:12px}.source-peek strong{font-size:11px}.provider-option{padding:12px}.provider-option small{font-size:10px}.panel-only .referee-panel{display:flex}.panel-only .app-shell{height:calc(100dvh - 28px)}}
@media(pointer:coarse){.icon-button{min-width:40px;min-height:40px}.citation{min-height:36px;min-width:36px}.referee-tabs button{min-height:44px}.provider-option{min-height:66px}.text-button{min-height:34px}.playback-bar button{min-height:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Comfortable reading sizes for the desktop conversation. */
@media(min-width:701px){.bubble{font-size:14px}.message-meta{font-size:10px}.message-time{font-size:9px}.referee-content .read-body{font-size:12px}.crux p{font-size:13px}.status-row{font-size:11px}.referee-content h2{font-size:26px}.referee-caption{font-size:9px}.composer-caption{font-size:9px}.conversation-title p{font-size:11px}.conversation-intro p{font-size:11px}.source-pill{font-size:10px}.text-button{font-size:11px}.playback-bar{font-size:10px}.playback-bar button{font-size:10px}.section-label{font-size:10px}.conversation-item strong{font-size:13px}.conversation-item small{font-size:11px}.referee-header small{font-size:10px}.referee-tabs button{font-size:11px}}

.companion-steps{margin:0;padding-left:24px;color:var(--gold)}.companion-steps li{padding:0 0 17px 7px}.companion-steps strong,.companion-steps span{display:block}.companion-steps strong{color:#f3eee4;font-size:13px;font-weight:600}.companion-steps span{color:#9aa4b6;font-size:12px;line-height:1.7;margin-top:5px}.dialog-actions a{text-decoration:none}.provider-option>span:nth-child(2){min-width:0}.provider-status{flex-shrink:0}@media(max-width:360px){.provider-option{gap:8px}.provider-option .provider-status{font-size:8px}.dialog-actions{flex-wrap:wrap}}

/* Account credits and the live referee share the existing compact panel. */
.live-referee-controls{display:grid;gap:8px}.credit-balance{display:flex;align-items:center;gap:7px;color:#e9c17a;font-size:11px;font-weight:650}.credit-balance svg{width:15px;height:15px;flex:none}.live-judge{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;font:650 12px/1.35 inherit;padding:13px 10px;cursor:pointer;box-shadow:0 8px 24px rgba(255,178,62,.2)}.live-judge svg{width:17px;height:17px;flex:none}.live-judge:disabled{opacity:.5;cursor:default}.live-caption,.credit-reset{font-size:10px;line-height:1.45;color:#9aa4b6;margin:0}.credit-reset{color:#8892a6}.referee-error{font-size:12px;line-height:1.45;color:#ff8f7a;margin:0}.sample-call{margin-top:12px;background:rgba(255,255,255,0.06);color:#c5ccd8;font-size:11px;padding:9px}.sample-call[hidden]{display:none}.issue-card{margin:18px 0;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.08)}.issue-card .status-row{gap:10px}.issue-card .status-row strong{font-size:13px;line-height:1.4}.account-choices{display:grid;gap:10px}.account-choices a{text-align:center}.sign-in-doors{margin-bottom:10px}.sign-in-door{width:100%;justify-content:center;text-align:center}.sign-in-door:disabled{opacity:.6;cursor:default}.account-or{margin:16px 0 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8892a6;text-align:center}.passport{position:relative;margin:0 0 14px;font-size:12px}.ppCarry,.ppToggle{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.045);border-radius:12px;color:#e4e8ef;cursor:pointer;font:inherit}.ppDisc{display:inline-grid;place-items:center;background:hsl(var(--pp-hue) 32% 26%);width:30px;height:30px;border-radius:50%;flex:none;color:hsl(var(--pp-hue) 70% 84%)}.ppWho{display:flex;flex:1;min-width:0;justify-content:space-between;gap:8px}.ppName{overflow:hidden;text-overflow:ellipsis}.ppGold{white-space:nowrap;color:var(--gold)}.ppMenu{position:absolute;z-index:15;left:0;right:0;top:48px;padding:14px;background:var(--panel);border:1px solid rgba(255,202,99,0.25);border-radius:13px;box-shadow:0 14px 44px rgba(0,0,0,.55)}.ppMenu[hidden]{display:none}.ppHead{display:flex;gap:8px;margin-bottom:12px}.ppHeadCopy{display:grid;font-size:12px}.ppHeadCopy small{font-size:10px;color:#8892a6}.ppRow{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.ppMenu a,.ppMenu button{display:block;margin-top:8px;font:inherit;color:var(--gold)}.ppMenu button{border:0;background:none;padding:5px 0;cursor:pointer}.ppNote{font-size:10px;color:#8892a6}.ppLinks{display:grid}.panel-only .referee-content{min-height:120px}.panel-only .referee-bottom{padding:14px 20px}
@media(max-width:700px){.live-judge{padding:11px}.referee-bottom{padding-top:12px;padding-bottom:12px}.live-caption,.credit-reset{font-size:10px}.sample-call{margin-top:9px}.credit-balance{font-size:11px}}
@media(max-height:650px){.credit-reset{display:none}.live-referee-controls{gap:5px}.live-caption{font-size:9px}.sample-call{margin-top:6px;padding:7px}.referee-caption{margin:6px 0 0}}

.room-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 24px;border-bottom:1px solid var(--line);font-size:12px;background:rgba(255,255,255,0.03)}.room-tool-note{color:#9aa4b6;flex:1;min-width:130px}.room-live-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.opponent-turn{border:1px solid rgba(255,202,99,0.4);background:rgba(255,202,99,0.07);color:#ffe7b0;border-radius:8px;padding:7px 10px;font:600 11px inherit;cursor:pointer}.opponent-turn:disabled{opacity:.5;cursor:default}.author-badge{font-size:9px;padding:2px 4px;background:rgba(255,255,255,0.1);border-radius:4px;color:#c5ccd8}.import-review{max-height:35vh;overflow:auto;border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:12px;margin:14px 0}.import-review article{padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.07)}.import-review p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.import-review small{font-size:10px;color:#8892a6}#invite-link{font-size:11px;margin:10px 0}.panel-only .room-tools{display:none}@media(max-width:650px){.room-tools{padding:9px 14px;gap:7px 10px}.room-tool-note{font-size:10px}.room-tools .text-button{font-size:11px}}
/* Ongoing conversations: the composer stays available while the referee works. */
.boot-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8vh 8vw;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--paper)}
.has-room.has-messages .conversation-intro{display:none}
.has-room .messages{padding-top:24px}
.follow-controls{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03)}
.follow-state{display:flex;align-items:center;gap:8px;font-size:12px;color:#c5ccd8}
.follow-state .room-live-dot{background:rgba(255,255,255,0.3);flex-shrink:0}
.follow-state.following .room-live-dot{background:var(--green)}
.follow-controls p{font-size:12px;line-height:1.6;color:#9aa4b6;margin:8px 0 12px}
.follow-button{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;background:rgba(8,11,19,.55)}
.follow-controls small{display:block;text-align:center;font-size:10px;color:#8892a6;margin-top:8px}
.referee-peek{display:none}
.reply-message,.message-time [data-retry]{border:0;background:transparent;color:#7fd6f5;font:inherit;font-size:11px;padding:3px 6px;cursor:pointer;border-radius:5px}
.reply-message:hover,.message-time [data-retry]:hover{background:rgba(73,220,255,.1)}
.message-time{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pending-message{opacity:.8}
.pending-message .bubble{animation:send-arrive .16s ease-out}
.pending-message .message-time [role=alert]{max-width:320px;color:#ff8f7a}
.reply-draft{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;margin-bottom:8px;border-left:3px solid var(--gold);background:rgba(255,202,99,0.08);border-radius:5px;font-size:12px;color:#f6dfa9}
.reply-draft[hidden]{display:none}
.reply-draft small{display:block;max-width:55ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.reply-draft button{background:none;border:0;color:inherit;cursor:pointer;padding:8px}
.conversation-footer .composer-caption{color:#8892a6}
.has-room .conversation-title h1{font-size:18px}
@keyframes send-arrive{from{transform:translateY(5px);opacity:.4}to{transform:translateY(0);opacity:.8}}
@media(max-width:760px){
 .referee-peek{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid rgba(255,202,99,0.22);background:rgba(255,202,99,0.07);padding:9px 18px;text-align:left;color:#ffe7b0;width:100%;cursor:pointer}
 .referee-peek>span{flex:1;min-width:0}.referee-peek strong,.referee-peek small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referee-peek strong{font-size:11px}.referee-peek small{font-size:11px;margin-top:3px;color:#9aa4b6}
 .follow-controls{padding:12px 18px}.has-room .conversation-title h1{font-size:15px}
 .reply-draft small{max-width:65vw}.has-room .messages{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.pending-message .bubble{animation:none}}

.round-progress{display:grid;gap:20px;margin:26px 0}.round-progress .status-row{font-size:13px}.round-progress progress{width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;accent-color:#ffca63}.round-progress progress::-webkit-progress-bar{background:rgba(255,255,255,0.1)}.round-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#ffe18d,#ffb23e);border-radius:8px}.round-note{font-size:12px;color:#9aa4b6;line-height:1.6;margin:16px 0}.has-room .live-referee-controls{flex:none}

.has-room .live-referee-controls{padding:18px 24px;border-top:1px solid var(--line);font-size:12px}.round-divider{text-align:center;color:#8892a6;font-size:11px;margin:14px 0 22px;display:flex;align-items:center;gap:14px}.round-divider:before,.round-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,0.1)}

/* Checkpoint browsing never locks the composer or hides a new reply. */
.saved-round-control{padding:12px 25px 4px}.saved-round-control label{display:block;font-size:11px;font-weight:600;margin-bottom:6px}.saved-round-control select{width:100%;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,0.16);border-radius:9px;background:rgba(255,255,255,0.05);color:var(--paper);font:inherit;font-size:12px}.saved-round-control small{display:block;color:#8892a6;font-size:10px;line-height:1.5;margin-top:5px}
.receipt-scopes{display:flex;gap:6px;margin:12px 0 18px}.receipt-scopes button{flex:1;padding:9px 5px;border:1px solid rgba(255,255,255,0.14);border-radius:9px;background:rgba(255,255,255,0.04);color:#c5ccd8;font:inherit;font-size:11px;cursor:pointer}.receipt-scopes button[aria-pressed=true]{background:rgba(255,202,99,0.14);border-color:rgba(255,202,99,0.55);color:#ffe7b0}.ruling-reasons{margin-top:18px}.ruling-reasons summary{cursor:pointer;font-size:12px;font-weight:600;padding:12px 0}.ruling-reasons .referee-eyebrow{margin-top:15px}
.new-replies{flex:none;align-self:center;display:flex;align-items:center;gap:7px;margin:-36px auto 8px;position:relative;z-index:2;border:1px solid rgba(255,202,99,0.6);border-radius:20px;padding:9px 16px;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;box-shadow:0 6px 18px rgba(0,0,0,.4);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.new-replies[hidden]{display:none}.new-replies .icon{width:14px;height:14px}.text-input+.form-label{margin-top:16px}
@media(max-width:700px){.saved-round-control{padding:10px 20px 2px}.new-replies{margin-top:-38px}}

.new-replies .icon{transform:rotate(90deg)}

.scoreboard{margin:0 0 25px}.scoreboard-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.scoreboard-heading strong{font-size:13px;color:#f3eee4}.scoreboard-heading>span{font-size:10px;color:#8892a6;text-transform:uppercase;letter-spacing:.08em}.player-score{padding:13px 14px;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.1);border-radius:13px;margin-bottom:9px}.player-score-top{display:flex;align-items:center;gap:8px;min-width:0}.player-score-top>strong{font-size:12px;overflow-wrap:anywhere;flex:1}.score-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:rgba(255,202,99,0.14);color:#ffd98a;font-size:11px}.score-total{font-size:28px;font-weight:750;line-height:1;color:var(--gold);white-space:nowrap}.score-total small{font-size:10px;font-weight:500;color:#8892a6;margin-left:2px}.score-meter{height:5px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,0.1);margin:12px 0 4px}.score-meter>span{display:block;height:100%;background:linear-gradient(90deg,#ffe18d,#ffb23e);border-radius:6px}.score-reasons summary{font-size:10px;color:#9aa4b6;cursor:pointer;padding-top:7px}.score-reasons p{font-size:12px;line-height:1.65;margin:12px 0}.score-areas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.score-areas span{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#9aa4b6}.score-areas b{font-size:12px;color:#f3eee4}.scoreboard-caption,.scorecard-empty p{font-size:10px;line-height:1.7;color:#8892a6}.scorecard-empty{padding:13px;border:1px dashed rgba(255,202,99,0.3);border-radius:12px;margin:0 0 20px}.scorecard-empty strong{font-size:12px}.scorecard-empty p{margin:5px 0 0}

/* A rivalry stays attached to its conversation, including on small phones. */
.rivalry-strip{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(90deg,rgba(255,202,99,0.12),rgba(255,202,99,0.04));border-bottom:1px solid rgba(255,202,99,0.25);flex-shrink:0}
.rivalry-copy{min-width:0}.rivalry-copy strong,.rivalry-copy small{display:block;overflow-wrap:anywhere}.rivalry-copy strong{font-size:13px;line-height:1.4;color:#ffe7b0}.rivalry-copy small{font-size:11px;line-height:1.4;color:#9aa4b6;margin-top:3px}
.challenge-invite{display:flex;gap:6px;align-items:center;flex-shrink:0}.challenge-invite select{max-width:110px;padding:7px;font-size:16px}.rivalry-strip button{font-size:12px;max-width:200px;overflow-wrap:anywhere}
.game-cards{display:grid;gap:10px;margin:18px 0}.game-card{padding:15px;border:1px solid rgba(255,202,99,0.38);border-radius:14px;background:radial-gradient(420px 210px at 0% 0%,rgba(255,202,99,0.12),transparent),linear-gradient(135deg,rgba(255,255,255,0.07),rgba(255,255,255,0.025));color:var(--paper)}.game-card>small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.game-card>strong{display:block;font-size:15px;overflow-wrap:anywhere}.game-card p{font-size:12px;line-height:1.5;margin:8px 0;color:#aeb7c7}.game-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.game-card-actions>span{font-size:12px}.game-card-actions button{font-size:13px;min-height:38px}.game-complete{border-color:var(--gold);background:linear-gradient(135deg,rgba(255,202,99,0.2),rgba(255,202,99,0.06))}
.arena-game-dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid rgba(255,202,99,0.35);border-radius:20px;padding:22px;background:var(--panel);color:var(--paper);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.6)}.arena-game-dialog::backdrop{background:rgba(3,5,10,.75)}.game-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-dialog-header small{font-size:10px;letter-spacing:.15em;color:var(--gold)}.game-dialog-header h2{font-size:19px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}.game-dialog-header button{font-size:12px;flex-shrink:0}.game-turn{padding:10px 12px;background:rgba(255,255,255,0.07);border-radius:10px;font-weight:700;font-size:14px;line-height:1.4}.game-finished{color:#18120a;background:linear-gradient(180deg,#ffe18d,#ffb23e);animation:game-victory .45s ease-out}.pente-tally{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:12px 0;overflow-wrap:anywhere}.pente-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;aspect-ratio:1;background:#d6b985;border:6px solid #9d7745;border-radius:10px;padding:3px;box-sizing:border-box;touch-action:manipulation}.pente-cell{position:relative;min-width:0;padding:0;border:0;border-radius:0;background:linear-gradient(#77562b66,#77562b66) center/1px 100% no-repeat,linear-gradient(90deg,#77562b66,#77562b66) center/100% 1px no-repeat;cursor:pointer;display:grid;place-items:center;aspect-ratio:1}.pente-cell>span{position:relative;width:83%;height:83%;border-radius:50%;color:transparent;pointer-events:none}.pente-cell.stone-1>span{background:radial-gradient(circle at 32% 25%,#555,#171918 65%);box-shadow:1px 2px 3px #29190880}.pente-cell.stone-2>span{background:radial-gradient(circle at 32% 25%,#fff,#e9e5db 65%);box-shadow:1px 2px 3px #29190880}.pente-cell.last-stone>span{outline:2px solid #a37b26;outline-offset:1px;animation:stone-land .16s ease-out}.pente-cell:focus-visible{outline:3px solid #245b76;outline-offset:-3px;z-index:1}.pente-cell[aria-disabled=false]:hover{background-color:#fff5}.game-rules,.game-footnote{font-size:12px;line-height:1.5;color:#9aa4b6}.game-error{font-size:13px;color:#ff8f7a}.game-error:empty{display:none}.game-footnote{border-top:1px solid rgba(255,255,255,0.1);padding-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes stone-land{from{transform:scale(.6)}to{transform:scale(1)}}@keyframes game-victory{from{transform:scale(.97)}to{transform:scale(1)}}
@media(max-width:700px){.rivalry-strip{padding:8px 12px;gap:8px}.rivalry-copy strong{font-size:12px}.rivalry-copy small{display:none}.rivalry-strip button{font-size:11px;padding:8px 10px;max-width:130px}.challenge-invite{flex-direction:column;align-items:stretch}.arena-game-dialog{padding:12px;border-radius:14px}.game-dialog-header{align-items:flex-start}.game-dialog-header h2{font-size:16px}.game-dialog-header button{max-width:110px;padding:8px;font-size:11px}.pente-grid{border-width:4px;padding:2px}.pente-tally{font-size:11px}.game-turn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pente-cell.last-stone>span,.game-finished{animation:none}}

/* A private native battlefield can stay running while the conversation is visible. */
.challenge-invite{flex-wrap:wrap}.castle-panel{position:fixed;inset:12px;z-index:120;background:var(--ink);border:1px solid rgba(255,202,99,0.35);border-radius:18px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.7);display:flex;flex-direction:column}.castle-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:64px;background:#0f1420;color:var(--paper);flex-wrap:wrap;border-bottom:1px solid rgba(255,202,99,.2)}.castle-toolbar strong{white-space:nowrap}.castle-toolbar [role=status]{flex:1;font-size:13px;min-width:120px}.castle-content{flex:1;min-height:0;position:relative;overflow:auto}.castle-content iframe{width:100%;height:100%;border:0;display:block}.castle-invitation{margin:40px auto;padding:24px;max-width:640px;color:#f3e3b0}.castle-invitation .game-card{color:var(--paper)}.castle-invitation p{line-height:1.6}.castle-minimized{transform:translateX(calc(100vw + 40px));visibility:hidden;pointer-events:none}.castle-return{position:fixed;bottom:100px;right:24px;z-index:90;box-shadow:0 4px 20px rgba(0,0,0,.5)}.castle-toolbar button{min-height:40px}@media(max-width:700px){.castle-panel{inset:0;border:1px solid rgba(255,202,99,0.35);border-radius:0}.castle-toolbar{padding:6px 10px;gap:6px;min-height:48px}.castle-toolbar strong{font-size:13px}.castle-toolbar [role=status]{font-size:11px}.castle-toolbar button{padding:6px 9px;font-size:12px}.castle-return{right:12px;bottom:100px;font-size:12px}.castle-invitation{padding:16px;margin:16px auto}}@media(max-height:520px){.castle-toolbar{min-height:42px;padding:4px 10px}.castle-toolbar button{min-height:32px}}

@media(pointer:coarse){.castle-panel{inset:0;border:1px solid rgba(255,202,99,0.35);border-radius:0}}

/* The companion's connected first-party tab stays available beside the native chat. */
.prototype-strip #companion-status{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.challenge-invite a.button-secondary{text-decoration:none;display:inline-flex;align-items:center}

.source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.extension-door{text-decoration:none;color:#ffe7b0;border:1px solid rgba(255,202,99,0.4);border-radius:7px;padding:7px 9px;min-height:34px;background:rgba(255,202,99,0.06)}.extension-door:hover{background:rgba(255,202,99,0.12)}.source-bar{flex-wrap:wrap}.source-actions .text-button{flex-shrink:0}@media(max-width:700px){.source-actions{width:100%;justify-content:space-between;gap:6px}.source-actions .extension-door{font-size:10px}.source-bar{gap:5px;padding-top:7px;padding-bottom:7px}}
/* v9: the Arbiter's public rules */
.referee-header>div:not(.referee-seal){min-width:0;flex:1}.rules-chip{display:flex;align-items:center;gap:5px;flex:none;border:1px solid rgba(255,202,99,0.4);border-radius:999px;background:rgba(255,202,99,0.06);color:#ffd98a;font-size:10px;font-weight:600;padding:6px 10px;min-height:30px;white-space:nowrap}.rules-chip:hover{background:rgba(255,202,99,0.12);border-color:rgba(255,202,99,0.6)}.rules-chip .icon{width:12px;height:12px}
.rules-stamp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-8px 0 19px;padding:9px 12px;border:1px dashed rgba(255,202,99,0.35);border-radius:7px;font-size:10px;line-height:1.5;color:#d8b476}.rules-stamp .icon{width:13px;height:13px;flex:none;color:var(--gold)}.rules-stamp span{flex:1;min-width:150px}.rules-stamp code,.rules-match code,.rules-meta code,.rules-changes code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;background:rgba(255,255,255,0.07);border-radius:4px;padding:1px 4px;color:#ffd98a}
.rules-link{border:0;background:transparent;padding:2px 0;color:var(--gold);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.rules-link:hover{color:#ffe18d}
.trust-line{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.65;color:#c5ccd8;background:rgba(255,202,99,0.07);border:1px solid rgba(255,202,99,0.25);border-radius:9px;padding:11px 13px;margin:14px 0 18px}.trust-line .icon{width:16px;height:16px;flex:none;margin-top:2px;color:var(--gold)}.trust-line strong{color:#ffe7b0;font-weight:650}
.rules-match{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;color:#9fe6bb;background:rgba(83,224,139,.09);border-radius:8px;padding:10px 12px;margin:0 0 16px}.rules-match .icon{width:15px;height:15px;flex:none;margin-top:2px}
.rules-loading{font-size:12px;color:#9aa4b6;margin:6px 0 18px}
.rules-section{margin:0 0 22px}.rules-section h3,.rules-full h3{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:650;color:var(--gold);margin:0 0 12px}
.rule-line{margin:0 0 12px;padding:0 0 0 13px;border-left:3px solid rgba(255,202,99,0.55)}.rule-line blockquote{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.5;color:#f3eee4}.rule-line figcaption{font-size:12px;line-height:1.6;color:#9aa4b6;margin-top:5px}
.rules-checks{margin:0;padding-left:18px;color:#c5ccd8;font-size:12px;line-height:1.65}.rules-checks li{margin:0 0 8px}.rules-checks li::marker{color:var(--gold)}
.rules-body{font-size:12px;line-height:1.7;color:#aeb7c7;margin:0}
.rules-full{border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:0 14px;margin:0 0 4px;background:rgba(255,255,255,0.03)}.rules-full summary{cursor:pointer;font-size:12px;font-weight:600;color:#ffe7b0;padding:12px 0;min-height:24px}.rules-full[open]{padding-bottom:14px}.rules-full h3{margin-top:16px}
.rules-meta{font-size:11px;color:#8892a6;margin:4px 0 8px}
.rules-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6;color:#dde2ea;background:rgba(0,0,0,.3);border-radius:8px;padding:12px;margin:0 0 12px;max-height:320px;overflow:auto}
.rules-changes{list-style:none;margin:0;padding:0;font-size:11px;line-height:1.6;color:#aeb7c7}.rules-changes li{margin:0 0 8px}.rules-changes strong{display:block;color:#f3eee4;font-weight:600}
.dialog-note a{color:var(--gold)}
@media(max-width:1180px){.rules-chip{padding:5px 8px;font-size:9px}}
@media(max-width:700px){.rules-chip{padding:6px 10px;font-size:10px}.rule-line blockquote{font-size:14px}.trust-line{font-size:12px}.rules-link{min-height:28px}}
@media(pointer:coarse){.rules-chip{min-height:36px}.rules-link{min-height:32px}}
/* v11: the Asha Arena look, with the homepage's palette (ink, panel, paper, gold) and the Asha Arena emblem. */
body{background:radial-gradient(900px 520px at 15% 0%,rgba(73,220,255,.07),transparent 62%),radial-gradient(900px 620px at 90% 12%,rgba(162,117,255,.09),transparent 65%),var(--ink)}
::selection{background:rgba(255,202,99,.32);color:#fff7e6}
.brand img{width:60px;height:auto;flex:none;filter:drop-shadow(0 2px 10px rgba(232,185,80,.28))}
.strip-mark{display:none;width:30px;height:auto}
/* Every page of the chat has a visible way back to the Arena home page. */
.arena-home{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 12px 0 7px;border:1px solid rgba(255,202,99,.45);border-radius:999px;background:rgba(255,202,99,.06);color:#ffe7b0;font-size:11px;font-weight:750;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.arena-home:hover{background:rgba(255,202,99,.14);border-color:rgba(255,202,99,.7);color:#fff7e6}
.arena-home .icon{width:13px;height:13px}
/* The loading screen covers the chat until it is ready to show. The chat stays laid out underneath, so a room opens scrolled to its latest message. */
.booting>.prototype-strip,.booting>.app-shell{visibility:hidden}
.booting>#boot{position:fixed;inset:0;z-index:40;background:inherit}
.boot-screen::before{content:"";width:150px;aspect-ratio:392/278;background:url(emblem.webp) center/contain no-repeat;filter:drop-shadow(0 6px 26px rgba(232,185,80,.3));margin-bottom:14px;animation:boot-glow 1.6s ease-in-out infinite alternate}
.boot-screen h1{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.2;font-weight:900;letter-spacing:-.01em;color:#fff7e6;max-width:30ch;overflow-wrap:anywhere}
.boot-screen p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:52ch}
.boot-screen .button-primary,.boot-screen .button-secondary{margin-top:14px;text-decoration:none}
@keyframes boot-glow{from{opacity:.78}to{opacity:1}}
@media(min-width:1500px){.brand img{width:66px}.brand>span{font-size:22px}}
@media(max-width:1180px){.brand img{width:46px}}
@media(max-width:1000px){.sidebar.open{background:#0c111c}.strip-mark{display:block;width:24px}}
@media(max-width:700px){.prototype-strip{justify-content:flex-start}.arena-home{font-size:12px}}
/* v13: public rooms. Open reading, a visible public label, the directory, reports and the owner's moderation. */
.visibility-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#c5ccd8;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;flex:none}
.visibility-pill.public{border-color:rgba(83,224,139,.45);color:#8fe6b2;background:rgba(83,224,139,.08)}
.public-label{margin-top:4px}
#public-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:40px;max-height:30%;margin-bottom:12px}
.conversation-mini-icon.public{background:rgba(83,224,139,.12);color:#8fe6b2}
.public-empty{margin:0 9px;font-size:11px;line-height:1.5;color:#8892a6}
.report-count{color:#ffab7a;font-size:inherit;margin-left:4px}
.people-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;max-height:50vh;overflow:auto}
.people-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03)}
.people-list li>span:first-child{min-width:0;display:grid;gap:2px}
.people-list strong{font-size:13px;overflow-wrap:anywhere}
.people-list small{font-size:11px;color:#8892a6}
.people-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.people-actions .button-secondary{padding:7px 10px;font-size:11px}
.check-row{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:12px;line-height:1.5;color:#c5ccd8;cursor:pointer}
.check-row input{margin-top:3px;accent-color:#ffca63;flex:none}
.check-row input:disabled+span{opacity:.6}
.check-row strong{display:block;color:#f3eee4;font-weight:650}
.check-row small{display:block;color:#9aa4b6;font-size:11px}
.reason-list{display:grid;gap:2px;margin:6px 0 4px}
.reason-list .check-row{margin:4px 0}
.composer textarea:disabled{cursor:not-allowed}
/* v14: rulings are called, not counted. */
.round-progress.since{gap:0;margin:18px 0}.round-progress.since .status-row{border-bottom:1px solid rgba(255,255,255,.07)}.round-progress.since .status-row:last-child{border-bottom:0}
@media(max-width:700px){.app-shell.mobile-referee .new-replies{display:none}}
/* v14: Call a ruling is the panel's main action, so its footer stays in view while the panel scrolls. */
.live-referee-controls{position:sticky;bottom:0;z-index:2;background:#0e1119;box-shadow:0 -12px 18px rgba(8,11,19,.7)}
/* v15: room alerts. */
.alerts-toggle.on{color:#ffca63}
/* v16: stick-figure battles over the chat. */
.battle-layer{position:fixed;z-index:40;outline:none;overflow:hidden}
.battle-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.battle-hud{position:absolute;left:0;right:0;top:0;height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(8,11,19,.88);border-bottom:1px solid rgba(255,202,99,.28);font-size:12px;color:#f3ead8}
.battle-count{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.battle-me{color:#ffca63}.battle-them{color:#7cc4ff}
.battle-time{font-variant-numeric:tabular-nums;color:#aeb7c7}
.battle-hud button,.battle-hint button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.22);color:#f3ead8;border-radius:14px;padding:4px 10px;font:inherit;font-size:11px;cursor:pointer}
.battle-hint{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:11px;color:rgba(243,234,216,.62);pointer-events:none;padding:0 10px}
.battle-hint button{pointer-events:auto;margin-left:6px}
.battle-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,360px);background:#111724;border:1px solid rgba(255,202,99,.5);border-radius:16px;padding:22px 24px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#f3ead8}
.battle-banner[hidden]{display:none}
.battle-banner h2{font-family:Georgia,serif;font-size:30px;margin:0 0 6px;color:#ffca63}
.battle-banner p{margin:0;font-size:13px;color:#c9cfdb;line-height:1.6}
.battle-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.battle-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 18px;width:fit-content;max-width:90%;padding:6px 12px;border:1px solid rgba(255,202,99,.3);border-radius:999px;background:rgba(255,202,99,.06);font-size:11px;color:#ffca63}
.battle-line svg,.battle-points svg{width:14px;height:14px;flex:none}
.battle-points{display:inline-flex;align-items:center;gap:6px;margin-right:6px;color:#ffca63}
.squad-heading{margin:16px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#aeb7c7}
.squad-heading small{text-transform:none;letter-spacing:0;color:#8892a6;margin-left:6px}
.squad-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.squad-unit,.shop-unit,.foe{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.squad-unit>span,.shop-unit>span,.foe>span{flex:1;display:grid;gap:2px;min-width:0}
.squad-unit small,.shop-unit small,.foe small{font-size:11px;color:#9aa4b6}
.squad-unit small{color:#ffca63;letter-spacing:.1em}
.squad-unit .button-secondary,.shop-unit .button-secondary,.foe .button-primary{padding:7px 11px;font-size:11px;white-space:nowrap}
.squad-empty{font-size:12px;color:#8892a6;padding:6px 2px}
.unit-icon{width:30px;height:30px;flex:none;fill:none;stroke:#ffca63;stroke-width:2;stroke-linecap:round}
.unit-icon .unit-gun{stroke:#d7dbe3;stroke-width:2.6}
/* v17: report in a quiet menu; the Arbiter's removals in the timeline. */
.message-more{position:relative;display:inline-flex;vertical-align:middle}
.more-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none;color:#8892a6;cursor:pointer}
.more-button:hover,.more-button[aria-expanded="true"]{color:#f3ead8;background:rgba(255,255,255,.06)}
.more-button svg{width:18px;height:18px}
.more-menu{position:absolute;top:26px;right:0;z-index:6;min-width:150px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#111724;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.message.incoming .more-menu{left:0;right:auto}
.more-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;color:#f3ead8;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.more-menu button:hover,.more-menu button:focus-visible{background:rgba(255,255,255,.06)}
.report-status{margin-left:8px;font-size:10px;color:#9aa4b6}
.removal-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 18px;width:fit-content;max-width:90%;padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;color:#aeb7c7}
.removal-line svg{width:14px;height:14px;flex:none}
/* v18: Your Codex, the arguments Asha keeps for you. Five tabs scroll sideways before they squeeze. */
.referee-tabs{overflow-x:auto;scrollbar-width:none}
.referee-tabs::-webkit-scrollbar{display:none}
.referee-tabs button{flex:none;white-space:nowrap}
@media(max-width:1500px){.referee-tabs{gap:17px}}
@media(max-width:1180px){.referee-tabs{gap:13px}}
.codex-page[hidden],.codex-entry[hidden],.codex-none[hidden]{display:none}
.codex-search{display:grid;gap:6px;margin:18px 0 4px}
.codex-search label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8892a6}
.codex-search input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);color:#f3eee4;font:inherit;font-size:13px}
.codex-search input:focus{outline:2px solid rgba(255,202,99,.5);outline-offset:1px}
.codex-page{margin:22px 0 0}
.codex-page>header{display:grid;gap:3px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(255,202,99,.25)}
.codex-page>header h3{margin:0;font-size:14px;line-height:1.4;color:#ffe7b0;font-weight:650}
.codex-page>header small{display:flex;align-items:center;gap:4px;font-size:11px;color:#8892a6}
.codex-page>header .text-button{display:inline-flex;padding:0 2px;min-height:0;font-size:11px;color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.codex-entry{margin:0 0 12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.codex-question{margin:0 0 4px;font-size:10px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#d8b476}
.codex-position{margin:0 0 10px;font-size:14px;line-height:1.5;color:#f3eee4;font-weight:600}
.codex-points{margin:0;padding-left:18px;display:grid;gap:12px}
.codex-points li::marker{color:var(--gold);font-size:11px}
.codex-points p{margin:0;font-size:12.5px;line-height:1.55;color:#dfe4ec}
.codex-points blockquote{display:flex;gap:6px;margin:6px 0 0;padding:6px 9px;border-left:2px solid rgba(255,202,99,.45);border-radius:0 6px 6px 0;background:rgba(255,202,99,.05);font-size:11.5px;line-height:1.5;color:#b9c1cf;font-style:italic}
.codex-points blockquote svg{width:12px;height:12px;flex:none;margin-top:3px;color:var(--gold)}
.codex-actions{display:flex;gap:6px;margin-top:6px}
.codex-actions .text-button,.codex-counter .text-button{padding:3px 10px;border:1px solid rgba(255,202,99,.3);border-radius:999px;font-size:11px;color:#ffe7b0;cursor:pointer}
.codex-actions .text-button:hover,.codex-counter .text-button:hover{background:rgba(255,202,99,.08)}
.codex-actions .text-button:disabled,.codex-counter .text-button:disabled{opacity:.45;cursor:not-allowed}
.codex-counters{margin:12px 0 0;font-size:12px;color:#aeb7c7}
.codex-counters summary{cursor:pointer;color:#d8b476;font-size:11px}
.codex-counter{display:grid;gap:5px;margin:8px 0 0;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03)}
.codex-counter p{margin:0;line-height:1.5}
.codex-counter span{display:block;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#8892a6}
.codex-counter .text-button{justify-self:start}
.codex-entry>footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:#8892a6}
.codex-entry>footer .text-button{padding:2px 4px;font-size:10px}
.codex-empty{margin:18px 0;padding:16px;border:1px dashed rgba(255,202,99,.35);border-radius:12px;text-align:center;font-size:12.5px;line-height:1.6;color:#aeb7c7}
.codex-empty p{margin:0 0 6px}
.codex-empty .ruling-seal{margin:0 auto 8px}
.codex-empty .button-secondary{margin:10px auto 0}
.codex-retry{margin-top:10px}
.codex-foot{font-size:11px}
/* v19: the Armory tab. Six tabs fit from 701 px up (the right pane is 340 px below 1181 px); a narrower row scrolls and keeps the chosen tab in view. */
.referee-tabs{gap:18px}
@media(max-width:1500px){.referee-tabs{gap:13px;margin:0 22px}}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(300px,1fr) 340px}}
@media(max-width:1000px){.app-shell{grid-template-columns:minmax(320px,1fr) 340px}}
.armory-points{display:grid;gap:6px;margin:18px 0 4px;padding:12px 14px;border:1px solid rgba(255,202,99,.35);border-radius:12px;background:radial-gradient(260px 120px at 0% 0%,rgba(255,202,99,.12),transparent),rgba(255,255,255,.02)}
.armory-points .battle-points{margin:0;font-size:18px;font-weight:700}
.armory-points .battle-points svg{width:18px;height:18px}
.armory-points small{font-size:11px;line-height:1.5;color:#aeb7c7}
.referee-content .squad-heading{margin:22px 0 8px}
.referee-content .squad-unit strong,.referee-content .shop-unit strong,.referee-content .foe strong{font-size:13px;color:#f3eee4}
.armory-note{margin:0 0 10px;font-size:11.5px;line-height:1.55;color:#aeb7c7}
.armory-empty{margin:18px 0;padding:16px;border:1px dashed rgba(255,202,99,.35);border-radius:12px;text-align:center;font-size:12.5px;line-height:1.6;color:#aeb7c7}
.armory-empty p{margin:0 0 10px}
.armory-empty .button-secondary{margin:0 auto}
.armory-retry{margin-top:10px}
/* On a phone, the Arbiter view sets the chat's own strips aside so the tabs (the Armory most of all) have room. */
@media(max-width:700px){.app-shell.mobile-referee .source-bar,.app-shell.mobile-referee #rivalry-strip,.app-shell.mobile-referee .referee-peek{display:none}}
/* v20: a room on a phone gives the messages the screen. The source bar steps aside in rooms (its extension cannot run on a
   phone, and Bring the conversation stays in the menu); room tools take one row that scrolls sideways; the game banner
   takes one row; the header is shorter. Imported records keep their source bar, which names where the messages came from. */
@media(max-width:700px){
  .has-room .source-bar{display:none}
  .conversation-header{min-height:60px;padding-top:9px;padding-bottom:9px}
  .room-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-top:7px;padding-bottom:7px}
  .room-tools::-webkit-scrollbar{display:none}
  .room-tools>*{flex:none;white-space:nowrap}
  .room-tools .room-tool-note{flex:none;min-width:0}
  .rivalry-strip{padding:6px 12px}
  .rivalry-copy{flex:1}
  .rivalry-copy strong{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rivalry-strip .challenge-invite{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}
  .rivalry-strip .challenge-invite select{max-width:96px}
  .rivalry-strip button,.rivalry-strip .challenge-invite a{padding:7px 9px;white-space:nowrap}
}
/* v20: an invitation shows what it is for before anyone joins. */
.invite-card{display:grid;gap:4px;margin:2px 0 14px;padding:12px 14px;border:1px solid rgba(255,202,99,.4);border-radius:12px;background:radial-gradient(260px 120px at 0% 0%,rgba(255,202,99,.12),transparent),rgba(255,255,255,.03)}
.invite-card small{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#d8b476}
.invite-card strong{font-size:17px;line-height:1.35;color:#f3eee4;overflow-wrap:anywhere}
.invite-card span{font-size:12px;color:#aeb7c7}
/* v22: everything fits the screen. The columns live inside one window-high row and scroll inside themselves, so the
   page never scrolls and the composer always sits at the bottom. (A grid row sized to its content let a long
   sidebar or Armory stretch the page past the window.) */
.app-shell{grid-template-rows:minmax(0,1fr)}
.sidebar{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.14) transparent}
/* v22: one row above the chat. The source bar steps aside in every room (its tools moved into the row and its ⋯ menu),
   the challenge is a tool with a small panel, and the rare room actions sit behind ⋯. */
.has-room .source-bar{display:none}
.room-tools{gap:6px 12px}
.room-tools .text-button{white-space:nowrap}
.room-tools .text-button .icon{width:13px;height:13px}
.room-tool-note{flex:0 1 auto;min-width:0}
.room-tools .room-more{margin-left:auto}
.room-extension .short-label{display:none}
@media(max-width:1499px){.room-extension .wide-label{display:none}.room-extension .short-label{display:inline}}
.challenge-slot{display:inline-flex}
.challenge-live{color:#ffe7b0;border:1px solid rgba(255,202,99,.45);border-radius:999px;padding:5px 10px;background:rgba(255,202,99,.08)}
.tools-menu,.challenge-pop{z-index:60;border:1px solid var(--line);border-radius:12px;background:#111724;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.tools-menu{min-width:190px;padding:6px}
.tools-menu button{display:block;width:100%;padding:9px 11px;border:0;border-radius:8px;background:none;color:#f3ead8;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.tools-menu button:hover,.tools-menu button:focus-visible{background:rgba(255,255,255,.06)}
.challenge-pop{display:grid;gap:7px;width:260px;padding:12px}
.challenge-pop label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8892a6}
.challenge-pop select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0b101b;color:#f3eee4;font:inherit;font-size:13px}
.challenge-pop .button-primary{justify-content:center;text-align:center;text-decoration:none;margin-top:4px}
.challenge-moment{margin:0 0 2px;font-size:12px;font-weight:650;color:#ffe7b0}
.challenge-wait{margin:2px 0 0;font-size:12px;line-height:1.5;color:#aeb7c7}
@media(max-width:700px){.challenge-pop select{font-size:16px}}
/* The Ruling tab: what it covers, the scorecard and the verdict, with the receipts and the reasoning folded below. */
.referee-tabs{gap:22px}
.referee-tabs button{font-size:12.5px}
.ruling-status{margin-bottom:8px}
.ruling-scopes{margin:12px 0 16px}
.ruling-receipts,.ruling-reasons{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.ruling-receipts>summary,.ruling-reasons>summary{cursor:pointer;font-size:12px;font-weight:650;color:#d8b476}
.receipts-body>.referee-eyebrow:first-child,.receipts-body>.referee-eyebrow:first-child+h2{display:none}
.receipts-body>.referee-notice{display:none}
.ruling-receipts~.saved-round-control,.round-note+.saved-round-control{margin-top:18px}

/* v23: Leaderboards and Factions (Kaden, 2026-10-09). Five tabs share the row; it still scrolls if a font is large. */
.referee-tabs{gap:15px}.referee-tabs button{font-size:12px;white-space:nowrap;flex:none}
.board-switch{display:flex;gap:6px;margin:14px 0 12px}
.board-switch button{flex:1;padding:8px 5px;border:1px solid rgba(255,255,255,0.14);border-radius:9px;background:rgba(255,255,255,0.04);color:#c5ccd8;font:inherit;font-size:11.5px;cursor:pointer}
.board-switch button[aria-pressed=true]{background:rgba(255,202,99,0.14);border-color:rgba(255,202,99,0.55);color:#ffe7b0}
.board-you{display:flex;gap:11px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,202,99,.35);border-radius:12px;background:radial-gradient(260px 120px at 0% 0%,rgba(255,202,99,.12),transparent),rgba(255,255,255,.02)}
.board-you>.avatar{width:30px;height:30px;background:rgba(255,202,99,.14);color:var(--gold);border:1px solid rgba(255,202,99,.35)}
.board-you>.avatar .icon{width:15px;height:15px}
.board-you small{display:block;font-size:8.5px;letter-spacing:1.1px;font-weight:650;color:var(--gold)}
.board-you strong{display:block;margin-top:3px;font-size:14px;color:#fff7e6}
.board-you p{margin:4px 0 0;font-size:11.5px;line-height:1.55;color:#aeb7c7}
.board-you .text-button,.board-you .button-secondary{margin-top:8px}
.board-you.note{display:block;font-size:11.5px}
.board-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.board-row{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 8px;border-radius:10px;border:1px solid transparent}
.board-row.you{border-color:rgba(255,202,99,.4);background:rgba(255,202,99,.07)}
.board-rank{font-size:12px;font-weight:700;color:#8892a6;text-align:center}
.board-row.top .board-rank{color:var(--gold)}
.board-row.top-1 .board-rank::before{content:"♛ ";font-size:10px}
.board-row>.avatar{width:28px;height:28px;font-size:11px;background:rgba(255,255,255,.08);color:#e7ecf5}
.board-name{min-width:0}
.board-name strong{display:block;font-size:12.5px;font-weight:600;color:#f4f6fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-name strong em{font-style:normal;font-size:9px;font-weight:650;letter-spacing:.6px;color:var(--gold);text-transform:uppercase;margin-left:4px}
.board-name small{display:block;margin-top:3px;font-size:10px;color:#8892a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-score{text-align:right;font-size:15px;font-weight:700;color:#ffe7b0;font-variant-numeric:tabular-nums}
.board-score small{display:block;font-size:8.5px;font-weight:500;letter-spacing:.5px;color:#8892a6;text-transform:uppercase}
.board-how{margin:16px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:#aeb7c7}
.board-how summary{cursor:pointer;color:#c5ccd8;font-size:11.5px}
.board-how p{margin:8px 0 0}
.faction-join{margin:16px 0;padding:14px;border:1px dashed rgba(255,202,99,.4);border-radius:12px;font-size:12px;line-height:1.6;color:#c5ccd8}
.faction-join p{margin:0 0 10px}.faction-join p:last-child{margin-bottom:0}
.faction-card{margin:0 0 10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.faction-card.yours{margin-top:16px;border-color:rgba(255,202,99,.45);background:radial-gradient(280px 140px at 0% 0%,rgba(255,202,99,.14),transparent),rgba(255,255,255,.02)}
.faction-card>small{display:block;font-size:8.5px;letter-spacing:1.1px;font-weight:650;color:var(--gold);margin-bottom:5px}
.faction-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:400;color:#fff7e6}
.faction-creed{margin:7px 0 0;font-size:12px;line-height:1.6;color:#c5ccd8}
.faction-members{margin:8px 0 0;font-size:11px;line-height:1.55;color:#8892a6}
.faction-members strong{color:#ffe7b0;font-weight:600}
.faction-list{margin-top:18px}.faction-list .section-label{margin:0 2px 10px}
.faction-foot{margin-top:14px}.faction-foot .text-button{margin-left:4px}
@media(max-width:700px){.referee-tabs{gap:14px}.board-row{padding:10px 6px}.faction-card h3{font-size:20px}}

.board-you .text-button,.faction-foot .text-button{display:inline-flex;min-height:0;padding:3px 0;justify-content:flex-start;color:#e9c17a;font-size:11px}.board-you .text-button{margin-top:6px}.faction-foot .text-button{margin-left:6px}

/* v24: Factions enlist everyone. A member others see only as a count is told why, with the one fix. */
.faction-named{margin:-2px 0 12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);font-size:11.5px;line-height:1.55;color:#aeb7c7}.faction-named p{margin:0 0 8px}.faction-named p:last-child{margin:0}

/* v26: Share invite beside Copy, one row, both full height. */
.invite-actions{display:flex;gap:8px;margin-top:10px}.invite-actions>button{flex:1;min-height:42px}

/* v28: Light or Dark, the reader's choice (theme.js keeps it). The switch sits at the strip's right end and names the theme it switches to. */
.theme-switch{order:3;margin-left:12px;display:inline-flex;align-items:stretch;height:24px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04);color:#c5ccd8;font-size:11px;font-weight:650;letter-spacing:.02em;white-space:nowrap}
.theme-switch:hover{border-color:rgba(255,202,99,.6);background:rgba(255,202,99,.1);color:#ffe7b0}
/* The visible half fills the pill, so its tooltip shows wherever the pointer rests. */
.theme-switch>span{display:inline-flex;align-items:center;gap:6px;padding:0 11px 0 8px}
.theme-switch .icon{width:13px;height:13px}
.theme-switch>.theme-to-dark,[data-theme=light] .theme-switch>.theme-to-light{display:none}
[data-theme=light] .theme-switch>.theme-to-dark{display:inline-flex}
.prototype-strip>span:last-child{margin-left:auto}
@media(max-width:700px){.theme-switch{margin-left:auto;height:22px}
}
/* A finger gets a larger target than the drawn pill. */
@media(pointer:coarse){.theme-switch{position:relative}
.theme-switch::after{content:"";position:absolute;inset:-5px -6px}
}
/* In the extension's panel the strip keeps Back to Asha Arena centred, and the switch is a sun or a moon at the right. */
.panel-only .prototype-strip{position:relative}
.panel-only .theme-switch{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0}
.panel-only .theme-switch>span{padding:0 6px}
.panel-only .theme-switch>span>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Light-only touches that the generated block below doesn't express. */
/* The battlefield stays dark. battle.js washes the chat in navy; over a light chat, a veil under the wash keeps the field as dark as before. Its banner's button stays dark too. */
:where(html[data-theme=light]) .battle-layer{background:rgba(8,11,19,.8)}
:where(html[data-theme=light]) .battle-layer .button-secondary{border-color:rgba(255,202,99,0.45);background:rgba(8,11,19,.55);color:#ffe7b0}
/* Placeholders keep 4.5:1 on light fields; the browser default is fainter. */
:where(html[data-theme=light]) ::placeholder{color:#566074;opacity:1}
/* "Nothing new since the last ruling" stays readable while it can't be pressed. */
:where(html[data-theme=light]) .live-judge:disabled{opacity:.7}

/* Light theme: generated by ops/arena-conversation/light-theme.py from the rules above. Do not edit by hand. */
:root:where([data-theme=light]){color:#1e2535;background:#f4efe4;color-scheme:light;--ink:#f4efe4;--panel:#fffcf6;--paper:#1e2535;--muted:#4f586a;--line:rgba(23,30,48,.11);--gold:#7f5500;--green:#1f9d55}
:where(html[data-theme=light]) button:focus-visible,:where(html[data-theme=light]) a:focus-visible,:where(html[data-theme=light]) input:focus-visible,:where(html[data-theme=light]) textarea:focus-visible{outline:3px solid #7f5500}
:where(html[data-theme=light]) button{color:inherit}
:where(html[data-theme=light]) a{color:inherit}
:where(html[data-theme=light]) .visually-hidden{border:0}
:where(html[data-theme=light]) .prototype-strip{background:#ebe4d4;color:#4f586a;border-bottom:1px solid rgba(176,122,24,.176)}
:where(html[data-theme=light]) .prototype-strip>span:first-child{color:var(--gold)}
:where(html[data-theme=light]) .prototype-dot,:where(html[data-theme=light]) .sample-dot{background:var(--gold);box-shadow:0 0 8px rgba(200,135,20,.5)}
:where(html[data-theme=light]) .sidebar{border-right:1px solid var(--line);background:rgba(255,255,255,.3)}
:where(html[data-theme=light]) .brand{text-decoration:none}
:where(html[data-theme=light]) .brand strong{color:#141a2a}
:where(html[data-theme=light]) .brand small{color:var(--gold)}
:where(html[data-theme=light]) .new-fight{border:1px solid rgba(176,122,24,.495);background:rgba(232,170,40,.09);box-shadow:none;color:#5c3b00}
:where(html[data-theme=light]) .new-fight:hover{background:rgba(232,170,40,.195)}
:where(html[data-theme=light]) .section-label{color:#566074}
:where(html[data-theme=light]) .section-label>span{background:rgba(23,30,48,.072);color:#3a4252}
:where(html[data-theme=light]) .conversation-item{border:1px solid transparent;background:transparent}
:where(html[data-theme=light]) .conversation-item.active{background:rgba(232,170,40,.135);border-color:rgba(176,122,24,.352)}
:where(html[data-theme=light]) .conversation-item:hover{background:rgba(23,30,48,.045)}
:where(html[data-theme=light]) .conversation-mini-icon{background:rgba(232,170,40,.18);color:#7f5500}
:where(html[data-theme=light]) .conversation-item small{color:#566074}
:where(html[data-theme=light]) .active-dot{background:var(--gold)}
:where(html[data-theme=light]) .import-door{background:transparent;border:0;border-top:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .import-door small{color:#566074}
:where(html[data-theme=light]) .import-door .door-icon{color:#4f586a}
:where(html[data-theme=light]) .import-door>.icon:last-child{color:#4f586a}
:where(html[data-theme=light]) .sidebar-bottom{border-top:1px solid var(--line)}
:where(html[data-theme=light]) .small-brand-mark{background:rgba(232,170,40,.18);color:#7f5500;border:1px solid rgba(176,122,24,.33)}
:where(html[data-theme=light]) .sidebar-bottom small{color:#566074}
:where(html[data-theme=light]) .sidebar-bottom>.icon{color:#566074}
:where(html[data-theme=light]) .main-pane{background:transparent}
:where(html[data-theme=light]) .conversation-header{border-bottom:1px solid var(--line)}
:where(html[data-theme=light]) .group-avatar .avatar{border:2px solid #f4efe4}
:where(html[data-theme=light]) .avatar-mara{background:#d8efe2;color:#146637}
:where(html[data-theme=light]) .avatar-leo{background:#e6e0fb;color:#5b3fb0}
:where(html[data-theme=light]) .avatar-jules{background:#f3e6c6;color:#7f5500}
:where(html[data-theme=light]) .avatar-you{background:#d5ecf6;color:#0d627a}
:where(html[data-theme=light]) .avatar-other{background:#e2e5eb;color:#3a4252}
:where(html[data-theme=light]) .conversation-title h1{color:#141a2a}
:where(html[data-theme=light]) .conversation-title p{color:#566074}
:where(html[data-theme=light]) .icon-button{border:0;background:transparent;color:#4f586a}
:where(html[data-theme=light]) .icon-button:hover{background:rgba(23,30,48,.072);color:#141a2a}
:where(html[data-theme=light]) .referee-toggle{background:rgba(232,170,40,.105);border:1px solid rgba(176,122,24,.33);color:#5c3b00}
:where(html[data-theme=light]) .referee-toggle>.icon{color:var(--gold)}
:where(html[data-theme=light]) .toggle-light{background:var(--gold)}
:where(html[data-theme=light]) .referee-toggle[aria-pressed=false] .toggle-light{background:rgba(23,30,48,.225)}
:where(html[data-theme=light]) .source-bar{border-bottom:1px solid rgba(23,30,48,.083)}
:where(html[data-theme=light]) .source-trail{color:#566074}
:where(html[data-theme=light]) .source-pill.telegram{color:#195f85}
:where(html[data-theme=light]) .source-pill.arena{color:var(--gold)}
:where(html[data-theme=light]) .source-pill.discord{color:#4b47b8}
:where(html[data-theme=light]) .source-pill.x{color:#3a4252}
:where(html[data-theme=light]) .source-arrow{color:#566074}
:where(html[data-theme=light]) .source-caption{color:#566074}
:where(html[data-theme=light]) .text-button{border:0;background:transparent;color:#4f586a}
:where(html[data-theme=light]) .text-button:hover{color:var(--gold)}
:where(html[data-theme=light]) .conversation-body{scrollbar-color:rgba(23,30,48,.21) transparent}
:where(html[data-theme=light]) .intro-symbol{color:rgba(127,85,0,.75)}
:where(html[data-theme=light]) .conversation-intro>span:nth-child(2){color:var(--gold)}
:where(html[data-theme=light]) .conversation-intro h2{color:#141a2a}
:where(html[data-theme=light]) .conversation-intro p{color:#4f586a}
:where(html[data-theme=light]) .message-meta{color:#566074}
:where(html[data-theme=light]) .message-meta .platform-mark{color:#566074}
:where(html[data-theme=light]) .bubble{background:rgba(255,255,255,.84);border:1px solid rgba(23,30,48,.074)}
:where(html[data-theme=light]) .outgoing .bubble{background:linear-gradient(160deg,rgba(232,170,40,.375),rgba(226,148,28,.21));color:#5c3b00;border-color:rgba(176,122,24,.462)}
:where(html[data-theme=light]) .bubble-reply{border-left:2px solid rgba(23,30,48,.245);color:#4f586a}
:where(html[data-theme=light]) .outgoing .bubble-reply{color:#5c3b00;border-color:rgba(176,122,24,.55)}
:where(html[data-theme=light]) .message-time{color:#566074}
:where(html[data-theme=light]) .message.highlight .bubble{outline:3px solid #7f5500}
:where(html[data-theme=light]) .referee-marker{color:#4f586a}
:where(html[data-theme=light]) .load-earlier{border:1px solid var(--line);background:rgba(255,255,255,.6);color:#4f586a}
:where(html[data-theme=light]) .chat-notice{color:#4f586a}
:where(html[data-theme=light]) .conversation-footer{background:rgba(255,255,255,.72);border-top:1px solid rgba(23,30,48,.083)}
:where(html[data-theme=light]) .playback-bar{color:#4f586a}
:where(html[data-theme=light]) .playback-bar button{background:rgba(255,255,255,.6);border:1px solid rgba(23,30,48,.11);color:#3a4252}
:where(html[data-theme=light]) .composer{border:1px solid rgba(23,30,48,.146);background:rgba(255,255,255,.48)}
:where(html[data-theme=light]) .composer textarea{border:0;background:transparent;color:#1e2535}
:where(html[data-theme=light]) .composer textarea::placeholder{color:#566074}
:where(html[data-theme=light]) .composer textarea:focus-visible{outline:none}
:where(html[data-theme=light]) .composer:focus-within{outline:2px solid rgba(127,85,0,.88)}
:where(html[data-theme=light]) .composer>button{border:0;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;box-shadow:0 6px 18px rgba(200,135,20,.198)}
:where(html[data-theme=light]) .composer-caption{color:#566074}
:where(html[data-theme=light]) .referee-panel{border-left:1px solid var(--line);background:rgba(255,255,255,.3);scrollbar-color:rgba(23,30,48,.21) transparent}
:where(html[data-theme=light]) .referee-header{border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .referee-seal{background:rgba(232,170,40,.18);color:var(--gold);border:1px solid rgba(176,122,24,.33)}
:where(html[data-theme=light]) .referee-header strong{color:#141a2a}
:where(html[data-theme=light]) .referee-header small{color:#566074}
:where(html[data-theme=light]) .referee-header>.icon{color:#566074}
:where(html[data-theme=light]) .referee-tabs{border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .referee-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#566074}
:where(html[data-theme=light]) .referee-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:#5c3b00}
:where(html[data-theme=light]) .referee-eyebrow{color:var(--gold)}
:where(html[data-theme=light]) .referee-content h2{color:#141a2a}
:where(html[data-theme=light]) .referee-content .read-body{color:#4f586a}
:where(html[data-theme=light]) .citation-label{color:#566074}
:where(html[data-theme=light]) .citation{border:1px solid rgba(176,122,24,.275);background:rgba(232,170,40,.105);color:#755a24}
:where(html[data-theme=light]) .citation:hover{border-color:rgba(176,122,24,.605);background:rgba(232,170,40,.21)}
:where(html[data-theme=light]) .status-list{border-top:1px solid rgba(23,30,48,.092);border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .status-row{color:#4f586a}
:where(html[data-theme=light]) .status-badge{color:#755a24}
:where(html[data-theme=light]) .status-badge.answered{color:#146637}
:where(html[data-theme=light]) .status-badge.contested{color:#9a3f12}
:where(html[data-theme=light]) .crux>span{color:#755a24}
:where(html[data-theme=light]) .crux p{color:#3a4252}
:where(html[data-theme=light]) .fighter small{color:#566074}
:where(html[data-theme=light]) .fighter-separator{background:rgba(23,30,48,.09)}
:where(html[data-theme=light]) .call-round{border:1px solid rgba(176,122,24,.495);background:rgba(232,170,40,.12);color:#5c3b00}
:where(html[data-theme=light]) .call-round:hover{background:rgba(232,170,40,.225)}
:where(html[data-theme=light]) .referee-caption{color:#566074}
:where(html[data-theme=light]) .basis-card{border-left:2px solid rgba(176,122,24,.44)}
:where(html[data-theme=light]) .basis-card>strong{color:#755a24}
:where(html[data-theme=light]) .basis-card p{color:#4f586a}
:where(html[data-theme=light]) .ruling-seal{background:rgba(232,170,40,.18);color:var(--gold);border:1px solid rgba(176,122,24,.33)}
:where(html[data-theme=light]) .ruling-summary{border-top:1px solid rgba(23,30,48,.092);color:#4f586a}
:where(html[data-theme=light]) .referee-notice{color:#755a24;background:rgba(232,170,40,.12)}
:where(html[data-theme=light]) .receipt-card{border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .receipt-header>strong{color:#755a24}
:where(html[data-theme=light]) .receipt-card blockquote{color:#3a4252}
:where(html[data-theme=light]) .receipt-card small{color:#566074}
:where(html[data-theme=light]) .empty-referee p{color:#4f586a}
:where(html[data-theme=light]) .quiet-record{border:1px solid rgba(23,30,48,.11);color:#4f586a}
:where(html[data-theme=light]) .source-peek{border:1px solid rgba(176,122,24,.33);background:rgba(232,170,40,.105);color:#755a24}
:where(html[data-theme=light]) .panel-only .referee-panel{border:0}
:where(html[data-theme=light]) .panel-demo-controls{border-bottom:1px solid var(--line)}
:where(html[data-theme=light]) .panel-demo-controls button{background:rgba(255,255,255,.72);border:1px solid rgba(23,30,48,.128)}
:where(html[data-theme=light]) dialog{border:1px solid rgba(176,122,24,.308);color:var(--paper);box-shadow:0 30px 120px rgba(28,32,48,.208);background:radial-gradient(520px 220px at 0% 0%,rgba(232,170,40,.12),transparent),var(--panel)}
:where(html[data-theme=light]) dialog::backdrop{background:rgba(23,30,48,.36)}
:where(html[data-theme=light]) .dialog-heading h2{color:#141a2a}
:where(html[data-theme=light]) .dialog-description{color:#4f586a}
:where(html[data-theme=light]) .provider-option{border:1px solid rgba(23,30,48,.11);background:rgba(255,255,255,.48)}
:where(html[data-theme=light]) .provider-option small{color:#566074}
:where(html[data-theme=light]) .provider-option>.icon{color:#4f586a}
:where(html[data-theme=light]) .provider-option .provider-status{color:#755a24}
:where(html[data-theme=light]) .provider-option:disabled{background:rgba(255,255,255,.24);color:#566074;border-color:rgba(23,30,48,.074)}
:where(html[data-theme=light]) .provider-option:not(:disabled):hover{border-color:rgba(176,122,24,.55);background:rgba(232,170,40,.12)}
:where(html[data-theme=light]) .provider-option .telegram{color:#195f85}
:where(html[data-theme=light]) .dialog-note{color:#4f586a;background:rgba(23,30,48,.036)}
:where(html[data-theme=light]) .dialog-note strong{color:#3a4252}
:where(html[data-theme=light]) .file-input{color:#3a4252;border:1px dashed rgba(176,122,24,.44);background:rgba(232,170,40,.06)}
:where(html[data-theme=light]) .file-input::file-selector-button{border:1px solid rgba(176,122,24,.44);background:rgba(232,170,40,.18);color:#5c3b00}
:where(html[data-theme=light]) .form-error{color:#b42318}
:where(html[data-theme=light]) .form-label{color:#4f586a}
:where(html[data-theme=light]) .text-input{border:1px solid rgba(23,30,48,.164);background:rgba(255,255,255,.6);color:var(--paper)}
:where(html[data-theme=light]) .button-primary{border:0;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;box-shadow:0 6px 18px rgba(200,135,20,.18)}
:where(html[data-theme=light]) .button-secondary{border:1px solid rgba(176,122,24,.495);background:rgba(255,255,255,.66);color:#5c3b00}
:where(html[data-theme=light]) .detail-row{border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .detail-row>span{color:#566074}
:where(html[data-theme=light]) .toast{background:#ffffff;color:var(--paper);box-shadow:0 10px 36px rgba(28,32,48,.16);border:1px solid rgba(176,122,24,.33)}
@media(max-width:1000px){:where(html[data-theme=light]) .sidebar.open{box-shadow:30px 0 90px rgba(28,32,48,.192)}
}
@media(max-width:700px){:where(html[data-theme=light]) .mobile-tabs{background:rgba(23,30,48,.054)}
:where(html[data-theme=light]) .mobile-tabs button{border:0;background:transparent;color:#566074}
:where(html[data-theme=light]) .mobile-tabs button.selected{background:rgba(232,170,40,.24);color:#5c3b00;box-shadow:none}
:where(html[data-theme=light]) .referee-panel{border-left:0}
}
:where(html[data-theme=light]) .companion-steps{color:var(--gold)}
:where(html[data-theme=light]) .companion-steps strong{color:#1e2535}
:where(html[data-theme=light]) .companion-steps span{color:#4f586a}
:where(html[data-theme=light]) .dialog-actions a{text-decoration:none}
:where(html[data-theme=light]) .credit-balance{color:#755a24}
:where(html[data-theme=light]) .live-judge{border:0;background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;box-shadow:0 8px 24px rgba(200,135,20,.18)}
:where(html[data-theme=light]) .live-caption,:where(html[data-theme=light]) .credit-reset{color:#4f586a}
:where(html[data-theme=light]) .credit-reset{color:#566074}
:where(html[data-theme=light]) .referee-error{color:#b42318}
:where(html[data-theme=light]) .sample-call{background:rgba(255,255,255,.72);color:#3a4252}
:where(html[data-theme=light]) .issue-card{border-bottom:1px solid rgba(23,30,48,.092)}
:where(html[data-theme=light]) .account-or{color:#566074}
:where(html[data-theme=light]) .ppCarry,:where(html[data-theme=light]) .ppToggle{border:1px solid rgba(23,30,48,.128);background:rgba(255,255,255,.54);color:#1e2535}
:where(html[data-theme=light]) .ppDisc{background:hsl(var(--pp-hue) 40% 87%);color:hsl(var(--pp-hue) 45% 30%)}
:where(html[data-theme=light]) .ppGold{color:var(--gold)}
:where(html[data-theme=light]) .ppMenu{background:var(--panel);border:1px solid rgba(176,122,24,.275);box-shadow:0 14px 44px rgba(28,32,48,.176)}
:where(html[data-theme=light]) .ppHeadCopy small{color:#566074}
:where(html[data-theme=light]) .ppMenu a,:where(html[data-theme=light]) .ppMenu button{color:var(--gold)}
:where(html[data-theme=light]) .ppMenu button{border:0;background:none}
:where(html[data-theme=light]) .ppNote{color:#566074}
:where(html[data-theme=light]) .room-tools{border-bottom:1px solid var(--line);background:rgba(255,255,255,.36)}
:where(html[data-theme=light]) .room-tool-note{color:#4f586a}
:where(html[data-theme=light]) .room-live-dot{background:var(--green)}
:where(html[data-theme=light]) .opponent-turn{border:1px solid rgba(176,122,24,.44);background:rgba(232,170,40,.105);color:#5c3b00}
:where(html[data-theme=light]) .author-badge{background:rgba(23,30,48,.09);color:#3a4252}
:where(html[data-theme=light]) .import-review{border:1px solid rgba(23,30,48,.11)}
:where(html[data-theme=light]) .import-review article{border-bottom:1px solid rgba(23,30,48,.083)}
:where(html[data-theme=light]) .import-review small{color:#566074}
:where(html[data-theme=light]) .boot-screen{color:var(--paper)}
:where(html[data-theme=light]) .follow-controls{border-bottom:1px solid rgba(23,30,48,.092);background:rgba(255,255,255,.36)}
:where(html[data-theme=light]) .follow-state{color:#3a4252}
:where(html[data-theme=light]) .follow-state .room-live-dot{background:rgba(23,30,48,.27)}
:where(html[data-theme=light]) .follow-state.following .room-live-dot{background:var(--green)}
:where(html[data-theme=light]) .follow-controls p{color:#4f586a}
:where(html[data-theme=light]) .follow-button{background:rgba(255,255,255,.66)}
:where(html[data-theme=light]) .follow-controls small{color:#566074}
:where(html[data-theme=light]) .reply-message,:where(html[data-theme=light]) .message-time [data-retry]{border:0;background:transparent;color:#0d627a}
:where(html[data-theme=light]) .reply-message:hover,:where(html[data-theme=light]) .message-time [data-retry]:hover{background:rgba(20,140,190,.1)}
:where(html[data-theme=light]) .pending-message .message-time [role=alert]{color:#b42318}
:where(html[data-theme=light]) .reply-draft{border-left:3px solid var(--gold);background:rgba(232,170,40,.12);color:#5c3b00}
:where(html[data-theme=light]) .reply-draft button{background:none;border:0;color:inherit}
:where(html[data-theme=light]) .conversation-footer .composer-caption{color:#566074}
@media(max-width:760px){:where(html[data-theme=light]) .referee-peek{border:0;border-bottom:1px solid rgba(176,122,24,.242);background:rgba(232,170,40,.105);color:#5c3b00}
:where(html[data-theme=light]) .referee-peek small{color:#4f586a}
}
:where(html[data-theme=light]) .round-progress progress{border:0;accent-color:#b07a10}
:where(html[data-theme=light]) .round-progress progress::-webkit-progress-bar{background:rgba(23,30,48,.09)}
:where(html[data-theme=light]) .round-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#ffe18d,#ffb23e)}
:where(html[data-theme=light]) .round-note{color:#4f586a}
:where(html[data-theme=light]) .has-room .live-referee-controls{border-top:1px solid var(--line)}
:where(html[data-theme=light]) .round-divider{color:#566074}
:where(html[data-theme=light]) .round-divider:before,:where(html[data-theme=light]) .round-divider:after{background:rgba(23,30,48,.09)}
:where(html[data-theme=light]) .saved-round-control select{border:1px solid rgba(23,30,48,.164);background:rgba(255,255,255,.6);color:var(--paper)}
:where(html[data-theme=light]) .saved-round-control small{color:#566074}
:where(html[data-theme=light]) .receipt-scopes button{border:1px solid rgba(23,30,48,.146);background:rgba(255,255,255,.48);color:#3a4252}
:where(html[data-theme=light]) .receipt-scopes button[aria-pressed=true]{background:rgba(232,170,40,.21);border-color:rgba(176,122,24,.605);color:#5c3b00}
:where(html[data-theme=light]) .new-replies{border:1px solid rgba(176,122,24,.66);background:linear-gradient(180deg,#ffe18d,#ffb23e);color:#18120a;box-shadow:0 6px 18px rgba(28,32,48,.128)}
:where(html[data-theme=light]) .scoreboard-heading strong{color:#1e2535}
:where(html[data-theme=light]) .scoreboard-heading>span{color:#566074}
:where(html[data-theme=light]) .player-score{background:rgba(255,255,255,.54);border:1px solid rgba(23,30,48,.11)}
:where(html[data-theme=light]) .score-avatar{background:rgba(232,170,40,.21);color:#7f5500}
:where(html[data-theme=light]) .score-total{color:var(--gold)}
:where(html[data-theme=light]) .score-total small{color:#566074}
:where(html[data-theme=light]) .score-meter{background:rgba(23,30,48,.09)}
:where(html[data-theme=light]) .score-meter>span{background:linear-gradient(90deg,#ffe18d,#ffb23e)}
:where(html[data-theme=light]) .score-reasons summary{color:#4f586a}
:where(html[data-theme=light]) .score-areas span{color:#4f586a}
:where(html[data-theme=light]) .score-areas b{color:#1e2535}
:where(html[data-theme=light]) .scoreboard-caption,:where(html[data-theme=light]) .scorecard-empty p{color:#566074}
:where(html[data-theme=light]) .scorecard-empty{border:1px dashed rgba(176,122,24,.33)}
:where(html[data-theme=light]) .rivalry-strip{background:linear-gradient(90deg,rgba(232,170,40,.18),rgba(232,170,40,.06));border-bottom:1px solid rgba(176,122,24,.275)}
:where(html[data-theme=light]) .rivalry-copy strong{color:#5c3b00}
:where(html[data-theme=light]) .rivalry-copy small{color:#4f586a}
:where(html[data-theme=light]) .game-card{border:1px solid rgba(176,122,24,.418);background:radial-gradient(420px 210px at 0% 0%,rgba(232,170,40,.18),transparent),linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.3));color:var(--paper)}
:where(html[data-theme=light]) .game-card>small{color:var(--gold)}
:where(html[data-theme=light]) .game-card p{color:#4f586a}
:where(html[data-theme=light]) .game-complete{border-color:var(--gold);background:linear-gradient(135deg,rgba(232,170,40,.3),rgba(232,170,40,.09))}
:where(html[data-theme=light]) .arena-game-dialog{border:1px solid rgba(176,122,24,.385);background:var(--panel);color:var(--paper);box-shadow:0 24px 80px rgba(28,32,48,.192)}
:where(html[data-theme=light]) .arena-game-dialog::backdrop{background:rgba(23,30,48,.375)}
:where(html[data-theme=light]) .game-dialog-header small{color:var(--gold)}
:where(html[data-theme=light]) .game-turn{background:rgba(23,30,48,.063)}
:where(html[data-theme=light]) .game-finished{color:#18120a;background:linear-gradient(180deg,#ffe18d,#ffb23e)}
:where(html[data-theme=light]) .pente-grid{background:#d6b985;border:6px solid #9d7745}
:where(html[data-theme=light]) .pente-cell{border:0;background:linear-gradient(#77562b66,#77562b66) center/1px 100% no-repeat,linear-gradient(90deg,#77562b66,#77562b66) center/100% 1px no-repeat}
:where(html[data-theme=light]) .pente-cell>span{color:transparent}
:where(html[data-theme=light]) .pente-cell.stone-1>span{background:radial-gradient(circle at 32% 25%,#555,#171918 65%);box-shadow:1px 2px 3px #29190880}
:where(html[data-theme=light]) .pente-cell.stone-2>span{background:radial-gradient(circle at 32% 25%,#fff,#e9e5db 65%);box-shadow:1px 2px 3px #29190880}
:where(html[data-theme=light]) .pente-cell.last-stone>span{outline:2px solid #a37b26}
:where(html[data-theme=light]) .pente-cell:focus-visible{outline:3px solid #245b76}
:where(html[data-theme=light]) .pente-cell[aria-disabled=false]:hover{background-color:#fff5}
:where(html[data-theme=light]) .game-rules,:where(html[data-theme=light]) .game-footnote{color:#4f586a}
:where(html[data-theme=light]) .game-error{color:#b42318}
:where(html[data-theme=light]) .game-footnote{border-top:1px solid rgba(23,30,48,.11)}
@media(max-width:700px){:where(html[data-theme=light]) .pente-grid{border-width:4px}
}
:where(html[data-theme=light]) .castle-panel{background:var(--ink);border:1px solid rgba(176,122,24,.385);box-shadow:0 20px 80px rgba(28,32,48,.224)}
:where(html[data-theme=light]) .castle-toolbar{background:#f7f2e8;color:var(--paper);border-bottom:1px solid rgba(176,122,24,.22)}
:where(html[data-theme=light]) .castle-content iframe{border:0}
:where(html[data-theme=light]) .castle-invitation{color:#5c3b00}
:where(html[data-theme=light]) .castle-invitation .game-card{color:var(--paper)}
:where(html[data-theme=light]) .castle-return{box-shadow:0 4px 20px rgba(28,32,48,.16)}
@media(max-width:700px){:where(html[data-theme=light]) .castle-panel{border:1px solid rgba(176,122,24,.385)}
}
@media(pointer:coarse){:where(html[data-theme=light]) .castle-panel{border:1px solid rgba(176,122,24,.385)}
}
:where(html[data-theme=light]) .prototype-strip #companion-status{color:inherit;background:transparent;border:0;text-decoration:underline}
:where(html[data-theme=light]) .challenge-invite a.button-secondary{text-decoration:none}
:where(html[data-theme=light]) .extension-door{text-decoration:none;color:#5c3b00;border:1px solid rgba(176,122,24,.44);background:rgba(232,170,40,.09)}
:where(html[data-theme=light]) .extension-door:hover{background:rgba(232,170,40,.18)}
:where(html[data-theme=light]) .rules-chip{border:1px solid rgba(176,122,24,.44);background:rgba(232,170,40,.09);color:#7f5500}
:where(html[data-theme=light]) .rules-chip:hover{background:rgba(232,170,40,.18);border-color:rgba(176,122,24,.66)}
:where(html[data-theme=light]) .rules-stamp{border:1px dashed rgba(176,122,24,.385);color:#755a24}
:where(html[data-theme=light]) .rules-stamp .icon{color:var(--gold)}
:where(html[data-theme=light]) .rules-stamp code,:where(html[data-theme=light]) .rules-match code,:where(html[data-theme=light]) .rules-meta code,:where(html[data-theme=light]) .rules-changes code{background:rgba(23,30,48,.063);color:#7f5500}
:where(html[data-theme=light]) .rules-link{border:0;background:transparent;color:var(--gold);text-decoration:underline}
:where(html[data-theme=light]) .rules-link:hover{color:#5c3b00}
:where(html[data-theme=light]) .trust-line{color:#3a4252;background:rgba(232,170,40,.105);border:1px solid rgba(176,122,24,.275)}
:where(html[data-theme=light]) .trust-line .icon{color:var(--gold)}
:where(html[data-theme=light]) .trust-line strong{color:#5c3b00}
:where(html[data-theme=light]) .rules-match{color:#146637;background:rgba(30,150,80,.117)}
:where(html[data-theme=light]) .rules-loading{color:#4f586a}
:where(html[data-theme=light]) .rules-section h3,:where(html[data-theme=light]) .rules-full h3{color:var(--gold)}
:where(html[data-theme=light]) .rule-line{border-left:3px solid rgba(176,122,24,.605)}
:where(html[data-theme=light]) .rule-line blockquote{color:#1e2535}
:where(html[data-theme=light]) .rule-line figcaption{color:#4f586a}
:where(html[data-theme=light]) .rules-checks{color:#3a4252}
:where(html[data-theme=light]) .rules-checks li::marker{color:var(--gold)}
:where(html[data-theme=light]) .rules-body{color:#4f586a}
:where(html[data-theme=light]) .rules-full{border:1px solid rgba(23,30,48,.11);background:rgba(255,255,255,.36)}
:where(html[data-theme=light]) .rules-full summary{color:#5c3b00}
:where(html[data-theme=light]) .rules-meta{color:#566074}
:where(html[data-theme=light]) .rules-text{color:#1e2535;background:rgba(23,30,48,.051)}
:where(html[data-theme=light]) .rules-changes{color:#4f586a}
:where(html[data-theme=light]) .rules-changes strong{color:#1e2535}
:where(html[data-theme=light]) .dialog-note a{color:var(--gold)}
:where(html[data-theme=light]) body{background:radial-gradient(900px 520px at 15% 0%,rgba(255,255,255,.55),transparent 62%),radial-gradient(900px 620px at 90% 12%,rgba(232,170,40,.07),transparent 65%),var(--ink)}
:where(html[data-theme=light]) ::selection{background:rgba(232,170,40,.45);color:#141a2a}
:where(html[data-theme=light]) .brand img{filter:drop-shadow(0 2px 10px rgba(120,80,10,.224))}
:where(html[data-theme=light]) .arena-home{border:1px solid rgba(176,122,24,.495);background:rgba(232,170,40,.09);color:#5c3b00;text-decoration:none}
:where(html[data-theme=light]) .arena-home:hover{background:rgba(232,170,40,.21);border-color:rgba(176,122,24,.77);color:#141a2a}
:where(html[data-theme=light]) .booting>#boot{background:inherit}
:where(html[data-theme=light]) .boot-screen::before{background:url(emblem.webp) center/contain no-repeat;filter:drop-shadow(0 6px 26px rgba(120,80,10,.24))}
:where(html[data-theme=light]) .boot-screen h1{color:#141a2a}
:where(html[data-theme=light]) .boot-screen p{color:var(--muted)}
:where(html[data-theme=light]) .boot-screen .button-primary,:where(html[data-theme=light]) .boot-screen .button-secondary{text-decoration:none}
@media(max-width:1000px){:where(html[data-theme=light]) .sidebar.open{background:#fffcf6}
}
:where(html[data-theme=light]) .visibility-pill{border:1px solid rgba(23,30,48,.182);color:#3a4252}
:where(html[data-theme=light]) .visibility-pill.public{border-color:rgba(30,140,75,.45);color:#146637;background:rgba(30,150,80,.104)}
:where(html[data-theme=light]) .conversation-mini-icon.public{background:rgba(30,150,80,.156);color:#146637}
:where(html[data-theme=light]) .public-empty{color:#566074}
:where(html[data-theme=light]) .report-count{color:#9a3f12}
:where(html[data-theme=light]) .people-list li{border:1px solid rgba(23,30,48,.092);background:rgba(255,255,255,.36)}
:where(html[data-theme=light]) .people-list small{color:#566074}
:where(html[data-theme=light]) .check-row{color:#3a4252}
:where(html[data-theme=light]) .check-row input{accent-color:#b07a10}
:where(html[data-theme=light]) .check-row strong{color:#1e2535}
:where(html[data-theme=light]) .check-row small{color:#4f586a}
:where(html[data-theme=light]) .round-progress.since .status-row{border-bottom:1px solid rgba(23,30,48,.083)}
:where(html[data-theme=light]) .round-progress.since .status-row:last-child{border-bottom:0}
:where(html[data-theme=light]) .live-referee-controls{background:#f7f4ec;box-shadow:0 -12px 18px rgba(28,32,48,.084)}
:where(html[data-theme=light]) .alerts-toggle.on{color:#7f5500}
:where(html[data-theme=light]) .battle-layer{outline:none}
:where(html[data-theme=light]) .battle-hud{background:rgba(8,11,19,.88);border-bottom:1px solid rgba(255,202,99,.28);color:#f3ead8}
:where(html[data-theme=light]) .battle-me{color:#ffca63}
:where(html[data-theme=light]) .battle-them{color:#7cc4ff}
:where(html[data-theme=light]) .battle-time{color:#aeb7c7}
:where(html[data-theme=light]) .battle-hud button,:where(html[data-theme=light]) .battle-hint button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.22);color:#f3ead8}
:where(html[data-theme=light]) .battle-hint{color:rgba(243,234,216,.62)}
:where(html[data-theme=light]) .battle-banner{background:#111724;border:1px solid rgba(255,202,99,.5);box-shadow:0 20px 50px rgba(0,0,0,.6);color:#f3ead8}
:where(html[data-theme=light]) .battle-banner h2{color:#ffca63}
:where(html[data-theme=light]) .battle-banner p{color:#c9cfdb}
:where(html[data-theme=light]) .battle-line{border:1px solid rgba(176,122,24,.33);background:rgba(232,170,40,.09);color:#7f5500}
:where(html[data-theme=light]) .battle-points{color:#7f5500}
:where(html[data-theme=light]) .squad-heading{color:#4f586a}
:where(html[data-theme=light]) .squad-heading small{color:#566074}
:where(html[data-theme=light]) .squad-unit,:where(html[data-theme=light]) .shop-unit,:where(html[data-theme=light]) .foe{border:1px solid var(--line);background:rgba(255,255,255,.24)}
:where(html[data-theme=light]) .squad-unit small,:where(html[data-theme=light]) .shop-unit small,:where(html[data-theme=light]) .foe small{color:#4f586a}
:where(html[data-theme=light]) .squad-unit small{color:#7f5500}
:where(html[data-theme=light]) .squad-empty{color:#566074}
:where(html[data-theme=light]) .unit-icon{fill:none;stroke:#7f5500}
:where(html[data-theme=light]) .unit-icon .unit-gun{stroke:#3a4252}
:where(html[data-theme=light]) .more-button{border:0;background:none;color:#566074}
:where(html[data-theme=light]) .more-button:hover,:where(html[data-theme=light]) .more-button[aria-expanded="true"]{color:#1e2535;background:rgba(23,30,48,.054)}
:where(html[data-theme=light]) .more-menu{border:1px solid var(--line);background:#fffcf6;box-shadow:0 12px 28px rgba(28,32,48,.144)}
:where(html[data-theme=light]) .more-menu button{border:0;background:none;color:#1e2535}
:where(html[data-theme=light]) .more-menu button:hover,:where(html[data-theme=light]) .more-menu button:focus-visible{background:rgba(23,30,48,.054)}
:where(html[data-theme=light]) .report-status{color:#4f586a}
:where(html[data-theme=light]) .removal-line{border:1px solid rgba(23,30,48,.146);background:rgba(255,255,255,.36);color:#4f586a}
:where(html[data-theme=light]) .codex-search label{color:#566074}
:where(html[data-theme=light]) .codex-search input{border:1px solid var(--line);background:rgba(255,255,255,.48);color:#1e2535}
:where(html[data-theme=light]) .codex-search input:focus{outline:2px solid rgba(127,85,0,.8)}
:where(html[data-theme=light]) .codex-page>header{border-bottom:1px solid rgba(176,122,24,.275)}
:where(html[data-theme=light]) .codex-page>header h3{color:#5c3b00}
:where(html[data-theme=light]) .codex-page>header small{color:#566074}
:where(html[data-theme=light]) .codex-page>header .text-button{color:var(--gold);text-decoration:underline}
:where(html[data-theme=light]) .codex-entry{border:1px solid var(--line);background:rgba(255,255,255,.3)}
:where(html[data-theme=light]) .codex-question{color:#755a24}
:where(html[data-theme=light]) .codex-position{color:#1e2535}
:where(html[data-theme=light]) .codex-points li::marker{color:var(--gold)}
:where(html[data-theme=light]) .codex-points p{color:#1e2535}
:where(html[data-theme=light]) .codex-points blockquote{border-left:2px solid rgba(176,122,24,.495);background:rgba(232,170,40,.075);color:#3a4252}
:where(html[data-theme=light]) .codex-points blockquote svg{color:var(--gold)}
:where(html[data-theme=light]) .codex-actions .text-button,:where(html[data-theme=light]) .codex-counter .text-button{border:1px solid rgba(176,122,24,.33);color:#5c3b00}
:where(html[data-theme=light]) .codex-actions .text-button:hover,:where(html[data-theme=light]) .codex-counter .text-button:hover{background:rgba(232,170,40,.12)}
:where(html[data-theme=light]) .codex-counters{color:#4f586a}
:where(html[data-theme=light]) .codex-counters summary{color:#755a24}
:where(html[data-theme=light]) .codex-counter{background:rgba(23,30,48,.027)}
:where(html[data-theme=light]) .codex-counter span{color:#566074}
:where(html[data-theme=light]) .codex-entry>footer{color:#566074}
:where(html[data-theme=light]) .codex-empty{border:1px dashed rgba(176,122,24,.385);color:#4f586a}
:where(html[data-theme=light]) .armory-points{border:1px solid rgba(176,122,24,.385);background:radial-gradient(260px 120px at 0% 0%,rgba(232,170,40,.18),transparent),rgba(255,255,255,.24)}
:where(html[data-theme=light]) .armory-points small{color:#4f586a}
:where(html[data-theme=light]) .referee-content .squad-unit strong,:where(html[data-theme=light]) .referee-content .shop-unit strong,:where(html[data-theme=light]) .referee-content .foe strong{color:#1e2535}
:where(html[data-theme=light]) .armory-note{color:#4f586a}
:where(html[data-theme=light]) .armory-empty{border:1px dashed rgba(176,122,24,.385);color:#4f586a}
:where(html[data-theme=light]) .invite-card{border:1px solid rgba(176,122,24,.44);background:radial-gradient(260px 120px at 0% 0%,rgba(232,170,40,.18),transparent),rgba(255,255,255,.36)}
:where(html[data-theme=light]) .invite-card small{color:#755a24}
:where(html[data-theme=light]) .invite-card strong{color:#1e2535}
:where(html[data-theme=light]) .invite-card span{color:#4f586a}
:where(html[data-theme=light]) .sidebar{scrollbar-color:rgba(23,30,48,.21) transparent}
:where(html[data-theme=light]) .challenge-live{color:#5c3b00;border:1px solid rgba(176,122,24,.495);background:rgba(232,170,40,.12)}
:where(html[data-theme=light]) .tools-menu,:where(html[data-theme=light]) .challenge-pop{border:1px solid var(--line);background:#fffcf6;box-shadow:0 14px 34px rgba(28,32,48,.16)}
:where(html[data-theme=light]) .tools-menu button{border:0;background:none;color:#1e2535}
:where(html[data-theme=light]) .tools-menu button:hover,:where(html[data-theme=light]) .tools-menu button:focus-visible{background:rgba(23,30,48,.054)}
:where(html[data-theme=light]) .challenge-pop label{color:#566074}
:where(html[data-theme=light]) .challenge-pop select{border:1px solid var(--line);background:#ffffff;color:#1e2535}
:where(html[data-theme=light]) .challenge-pop .button-primary{text-decoration:none}
:where(html[data-theme=light]) .challenge-moment{color:#5c3b00}
:where(html[data-theme=light]) .challenge-wait{color:#4f586a}
:where(html[data-theme=light]) .ruling-receipts,:where(html[data-theme=light]) .ruling-reasons{border-top:1px solid var(--line)}
:where(html[data-theme=light]) .ruling-receipts>summary,:where(html[data-theme=light]) .ruling-reasons>summary{color:#755a24}
:where(html[data-theme=light]) .board-switch button{border:1px solid rgba(23,30,48,.146);background:rgba(255,255,255,.48);color:#3a4252}
:where(html[data-theme=light]) .board-switch button[aria-pressed=true]{background:rgba(232,170,40,.21);border-color:rgba(176,122,24,.605);color:#5c3b00}
:where(html[data-theme=light]) .board-you{border:1px solid rgba(176,122,24,.385);background:radial-gradient(260px 120px at 0% 0%,rgba(232,170,40,.18),transparent),rgba(255,255,255,.24)}
:where(html[data-theme=light]) .board-you>.avatar{background:rgba(232,170,40,.21);color:var(--gold);border:1px solid rgba(176,122,24,.385)}
:where(html[data-theme=light]) .board-you small{color:var(--gold)}
:where(html[data-theme=light]) .board-you strong{color:#141a2a}
:where(html[data-theme=light]) .board-you p{color:#4f586a}
:where(html[data-theme=light]) .board-row{border:1px solid transparent}
:where(html[data-theme=light]) .board-row.you{border-color:rgba(176,122,24,.44);background:rgba(232,170,40,.105)}
:where(html[data-theme=light]) .board-rank{color:#566074}
:where(html[data-theme=light]) .board-row.top .board-rank{color:var(--gold)}
:where(html[data-theme=light]) .board-row>.avatar{background:rgba(23,30,48,.072);color:#1e2535}
:where(html[data-theme=light]) .board-name strong{color:#141a2a}
:where(html[data-theme=light]) .board-name strong em{color:var(--gold)}
:where(html[data-theme=light]) .board-name small{color:#566074}
:where(html[data-theme=light]) .board-score{color:#5c3b00}
:where(html[data-theme=light]) .board-score small{color:#566074}
:where(html[data-theme=light]) .board-how{border-top:1px solid var(--line);color:#4f586a}
:where(html[data-theme=light]) .board-how summary{color:#3a4252}
:where(html[data-theme=light]) .faction-join{border:1px dashed rgba(176,122,24,.44);color:#3a4252}
:where(html[data-theme=light]) .faction-card{border:1px solid var(--line);background:rgba(255,255,255,.3)}
:where(html[data-theme=light]) .faction-card.yours{border-color:rgba(176,122,24,.495);background:radial-gradient(280px 140px at 0% 0%,rgba(232,170,40,.21),transparent),rgba(255,255,255,.24)}
:where(html[data-theme=light]) .faction-card>small{color:var(--gold)}
:where(html[data-theme=light]) .faction-card h3{color:#141a2a}
:where(html[data-theme=light]) .faction-creed{color:#3a4252}
:where(html[data-theme=light]) .faction-members{color:#566074}
:where(html[data-theme=light]) .faction-members strong{color:#5c3b00}
:where(html[data-theme=light]) .board-you .text-button,:where(html[data-theme=light]) .faction-foot .text-button{color:#755a24}
:where(html[data-theme=light]) .faction-named{background:rgba(23,30,48,.032);color:#4f586a}
:where(html[data-theme=light]) .theme-switch{border:1px solid rgba(23,30,48,.164);background:rgba(255,255,255,.48);color:#3a4252}
:where(html[data-theme=light]) .theme-switch:hover{border-color:rgba(176,122,24,.66);background:rgba(232,170,40,.15);color:#5c3b00}
/* End of the generated light theme. */