@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/rengivo/assets/limelight-latin-ext-400-normal-DPzC3ZDG.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/rengivo/assets/limelight-latin-400-normal-CvlMCR9p.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/rengivo/assets/josefin-sans-latin-ext-400-normal-WydUZGG0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/rengivo/assets/josefin-sans-latin-400-normal-Bw73c5y2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/rengivo/assets/josefin-sans-latin-ext-600-normal-BBwcr3jX.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/rengivo/assets/josefin-sans-latin-600-normal-DXjG1Gv0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/rengivo/assets/josefin-sans-latin-ext-700-normal-CrzN3gB5.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/rengivo/assets/josefin-sans-latin-700-normal-dFmzeJn3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #140c09;--ink-2: #21140e;--ink-3: #2e1d14;--line: #4a3322;--gold: #d9b45a;--gold-hi: #fff0b8;--gold-lo: #8a6424;--ivory: #f6ead0;--muted: #b9a585;--ruby: #c4213b;--sapphire: #2155c4;--emerald: #0f8d5f;--amber: #e8960f;--felt: #0f3b35;--me: #e8b04a;--top-h: 52px;--display: "Limelight", Georgia, serif;--ui: "Josefin Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gold-grad: linear-gradient(135deg, #8a6424 0%, #fff0b8 22%, #d9b45a 45%, #fff3c4 62%, #d9b45a 82%, #8a6424 100%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--ivory);font-family:var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#app{position:fixed;inset:0;display:flex;flex-direction:column}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.topbar{height:var(--top-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(#22150e,#170d09);position:relative;z-index:5}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-grad);opacity:.85}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:25px/1 var(--display);letter-spacing:1px;flex:none;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand svg{width:34px;height:34px;overflow:visible}.b-card rect{stroke:var(--gold);stroke-width:1.5}.b-1 rect{fill:var(--ruby)}.b-2 rect{fill:#f6ead0}.b-3 rect{fill:var(--sapphire)}.b-arch{fill:var(--emerald);stroke:var(--gold);stroke-width:1.2}.brand:hover .b-1{transform:rotate(-6deg)}.brand:hover .b-3{transform:rotate(6deg)}.b-card{transform-origin:20px 32px;transition:transform .25s}.scoreboard{display:flex;align-items:center;gap:8px;min-width:0}.round-tag{font:600 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-lo);padding:6px 9px 4px;border-radius:3px;white-space:nowrap}.my-score{font:700 14px/1 var(--ui);letter-spacing:.06em;color:var(--gold-hi);white-space:nowrap}.identity{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative;min-width:0}.identity-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold);background:var(--me);padding:0;flex:none;box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--gold-lo)}.identity-dot i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6) 0 16%,transparent 22%)}#playerName{width:132px;min-width:0;background:var(--ink-3);border:1px solid var(--line);border-radius:4px;color:var(--ivory);padding:7px 9px 5px;font-weight:600}#playerName:focus{border-color:var(--gold);outline:none}.color-picker{position:absolute;top:44px;left:0;background:var(--ink-2);border:1px solid var(--gold-lo);border-radius:6px;padding:12px;box-shadow:0 16px 40px #0009;z-index:30}.color-grid{display:grid;grid-template-columns:repeat(5,32px);gap:9px}.color-grid button{width:32px;height:32px;border-radius:50%;border:2px solid var(--gold-lo);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5) 0 12%,transparent 20%),var(--c)}.color-grid button.selected{border-color:var(--gold-hi);transform:scale(1.12);box-shadow:0 0 0 2px var(--ink-2),0 0 0 4px var(--gold)}.color-grid button:disabled{opacity:.25;cursor:not-allowed}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:36px;height:36px;border-radius:4px;border:1px solid var(--line);background:var(--ink-3);color:var(--ivory);display:grid;place-items:center;padding:0;font:700 18px/1 var(--ui);transition:transform .12s,background .12s,border-color .12s}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{border-color:var(--gold);color:var(--gold-hi)}.icon-button:active{transform:translateY(1px)}.icon-button[aria-pressed=true]{color:#ff8d9b}#menuButton{display:none}.arena{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}#table{position:absolute;inset:0;width:100%;height:100%;display:block}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px 9px;border-radius:4px;font:700 16px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;transition:transform .12s,filter .12s,box-shadow .12s}.primary{border:0;color:#2a1606;background:var(--gold-grad);background-size:160% 100%;box-shadow:0 3px 0 var(--gold-lo),0 10px 24px #00000073}.primary:hover{transform:translateY(-1px);background-position:100% 0;filter:brightness(1.06)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-lo)}.primary:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.secondary{border:1px solid var(--gold);color:var(--gold-hi);background:#140c09a6}.secondary:hover{background:#3c2814bf;transform:translateY(-1px)}.danger{border-color:#ff6b7f;color:#ffd1d7}.turn-pill{position:absolute;left:50%;transform:translate(-50%);top:var(--pill-y, 60%);z-index:3;pointer-events:none;padding:7px 18px 5px;border-radius:3px;background:#140c09d1;border:1px solid var(--gold-lo);font:700 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;overflow:hidden;animation:rise .3s ease both}.turn-pill i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--k, 1))}.turn-pill.urgent i{background:#ff4d5e}.turn-pill.urgent{color:#ffd1d7;border-color:#ff4d5e}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.prompt{position:absolute;left:50%;top:var(--prompt-y, 60%);transform:translate(-50%,-50%);z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:min(560px,calc(100% - 20px));padding:10px 12px;background:#140c09e6;border:1px solid var(--gold-lo);border-radius:6px;box-shadow:0 14px 40px #0009;animation:pop .3s cubic-bezier(.2,1.5,.4,1) both}.prompt p{margin:0 6px;font-weight:600;font-size:15px;text-align:center;flex-basis:100%}.prompt .primary,.prompt .secondary{min-height:42px;padding:11px 16px 8px;font-size:14px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.tek-button{position:absolute;left:var(--tek-x, 90%);top:var(--tek-y, 85%);width:var(--tek-size, 80px);height:var(--tek-size, 80px);transform:translate(-50%,-50%);z-index:4;border-radius:50%;padding:0;border:0;background:radial-gradient(circle at 50% 40%,#3a2214 0 55%,#1b0f09 70%);box-shadow:0 0 0 3px var(--gold-lo),0 0 0 5px #2a1a0c,0 0 0 7px var(--gold),0 10px 24px #0009;color:var(--gold);font:calc(var(--tek-size, 80px) * .27)/1 var(--display);transition:transform .15s,filter .2s,color .2s;opacity:.55}.tek-button span{display:block;transform:translateY(6%)}.tek-button:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:repeating-conic-gradient(rgba(255,214,120,.35) 0 8deg,transparent 8deg 22.5deg);opacity:0;transition:opacity .3s;animation:spin 7s linear infinite;z-index:-1}.tek-button.ready{opacity:1;color:var(--gold-hi);animation:tekPulse 1.1s ease-in-out infinite}.tek-button.ready:before{opacity:1}.tek-button.armed{opacity:1;color:#2a1606;background:var(--gold-grad)}.tek-button.exposed{opacity:1;color:#fff;background:radial-gradient(circle at 50% 40%,#e2304a 0 55%,#7a0c1c 72%);animation:tekPulse .45s ease-in-out infinite}.tek-button:hover{transform:translate(-50%,-50%) scale(1.06)}.tek-button:active{transform:translate(-50%,-50%) scale(.95)}@keyframes tekPulse{50%{transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.2)}}@keyframes spin{to{transform:rotate(1turn)}}.catch-button{position:absolute;left:var(--catch-x, 50%);top:var(--catch-y, 40%);transform:translate(-50%,-50%) rotate(-3deg);z-index:7;min-height:52px;padding:14px 22px 11px;border-radius:4px;border:2px solid #fff;background:linear-gradient(#e2304a,#9d1730);color:#fff;font:22px/1 var(--display);letter-spacing:.04em;box-shadow:0 0 0 4px #e2304a59,0 12px 30px #0009;animation:catchIn .35s cubic-bezier(.2,1.7,.4,1) both,catchPulse .5s .35s ease-in-out infinite;white-space:nowrap}@keyframes catchIn{0%{transform:translate(-50%,-50%) scale(.3) rotate(-20deg);opacity:0}}@keyframes catchPulse{50%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.07)}}.picker{position:absolute;left:var(--pile-x, 50%);top:var(--pile-y, 45%);width:0;height:0;z-index:8}.picker:before{content:"";position:fixed;inset:0;background:#08050459}.picker .gem{position:absolute;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;border:0;padding:0;background:none;transform:translate(var(--dx),var(--dy));animation:gemIn .32s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}.picker .gem i{position:absolute;inset:6px;clip-path:var(--cut);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.8) 0 9%,transparent 26%),linear-gradient(150deg,var(--l),var(--b) 45%,var(--k));filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));transition:transform .15s}.picker .gem:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);opacity:.6}.picker .gem span{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:4px;font:700 12px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 1px 3px #000}.picker .gem:hover i,.picker .gem:focus-visible i{transform:scale(1.12)}.gem.ruby{--dx: 0;--dy: -86px;--l: #ff6b7f;--b: #c4213b;--k: #5e0716;--cut: polygon(50% 0, 88% 50%, 50% 100%, 12% 50%);--d: 0s}.gem.sapphire{--dx: 86px;--dy: 0;--l: #77a6ff;--b: #2155c4;--k: #0a1f5c;--cut: circle(44% at 50% 50%);--d: .04s}.gem.emerald{--dx: 0;--dy: 86px;--l: #56dca5;--b: #0f8d5f;--k: #03402a;--cut: polygon(30% 4%, 70% 4%, 88% 22%, 88% 78%, 70% 96%, 30% 96%, 12% 78%, 12% 22%);--d: .08s}.gem.amber{--dx: -86px;--dy: 0;--l: #ffd36b;--b: #e8960f;--k: #7a4300;--cut: polygon(50% 6%, 96% 86%, 4% 86%);--d: .12s}@keyframes gemIn{0%{transform:translate(0) scale(.2);opacity:0}}.banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;text-align:center;padding:16px 30px 12px;width:max-content;max-width:92%;background:#140c09e0;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);animation:bannerIn .45s cubic-bezier(.2,1.4,.4,1) both}.banner h2{margin:0;font:clamp(24px,4.2vw,44px)/1.1 var(--display);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.banner p{margin:6px 0 0;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:13px}.banner .count{font:clamp(26px,4vw,40px)/1 var(--display);color:var(--gold-hi);margin-top:6px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.4)}}.pause-note{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:6;padding:8px 14px 6px;background:#140c09eb;border:1px solid #ff6b7f;border-radius:4px;font-weight:600;font-size:14px;white-space:nowrap}.result{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:14px;background:#0805048c;animation:fade .4s ease both;overflow:auto}@keyframes fade{0%{opacity:0}}.result-card,.welcome-card{position:relative;width:min(420px,100%);padding:26px 24px 20px;text-align:center;background:linear-gradient(#22150e,#160d09);border:1px solid var(--gold-lo);border-radius:6px;box-shadow:0 0 0 4px var(--ink),0 0 0 5px var(--gold),0 30px 70px #000000b3;animation:cardIn .5s cubic-bezier(.2,1.3,.4,1) both}.result-card:before,.welcome-card:before{content:"";position:absolute;left:50%;top:-1px;width:120px;height:12px;transform:translate(-50%);background:var(--gold-grad);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}}.result-card h2{margin:4px 0 2px;font:34px/1.1 var(--display);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.result-card .sub{margin:0 0 14px;color:var(--muted);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.standings{list-style:none;margin:0 0 16px;padding:0;text-align:left}.standings li{display:grid;grid-template-columns:24px 18px 1fr auto;align-items:center;gap:10px;padding:8px 6px 6px;border-bottom:1px solid rgba(217,180,90,.18);font-weight:600}.standings li.me{color:var(--gold-hi)}.standings li .dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px var(--gold-lo)}.standings li .rank{font-family:var(--display);color:var(--gold)}.standings li b{font-family:var(--display);font-weight:400}.result-actions{display:flex;flex-direction:column;gap:8px}.result-actions .note{margin:2px 0 0}.welcome{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:16px;background:radial-gradient(circle,#08050440,#08050499)}.welcome-card{display:grid;gap:12px;padding:30px 26px 24px;width:min(380px,100%)}.welcome-card h1{margin:0;font:clamp(44px,9vw,64px)/1 var(--display);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #000)}.welcome-card p{margin:0 0 8px;color:var(--ivory);font-size:16px;line-height:1.45}.welcome-card b{font-family:var(--display);font-weight:400;color:var(--gold-hi)}.panel{background:linear-gradient(#1c110c,#140c09);border-left:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;position:relative}.panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--gold),transparent 60%);opacity:.5}.panel>*{flex-shrink:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:24px/1 var(--display);color:var(--gold)}#closePanel{display:none}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gold-lo);border-radius:4px;overflow:hidden}.mode-switch button{border:0;background:transparent;padding:11px 6px 8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--muted)}.mode-switch button.active{background:var(--gold-grad);color:#2a1606}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:14px}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:32px;height:32px;border-radius:4px;border:1px solid var(--line);background:var(--ink-3);font-weight:700;font-size:18px}.stepper button:hover{border-color:var(--gold)}.stepper output{min-width:26px;text-align:center;font:20px/1 var(--display);color:var(--gold-hi)}.segmented{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.segmented button{flex:1;border:0;border-right:1px solid var(--line);background:var(--ink-3);padding:9px 6px 7px;font-weight:700;font-size:13px;color:var(--muted);white-space:nowrap}.segmented button:last-child{border-right:0}.segmented button.active{background:#4a3017;color:var(--gold-hi);box-shadow:inset 0 -2px 0 var(--gold)}.segmented.small button{padding:8px 6px 6px;font-size:12px}.segmented button:disabled{opacity:.5;cursor:not-allowed}.bot-settings{display:grid;gap:10px}.rules{border-top:1px solid rgba(217,180,90,.2);padding-top:10px}.rules summary{cursor:pointer;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--gold);list-style:none;display:flex;justify-content:space-between}.rules summary:after{content:"▾";transition:transform .2s}.rules:not([open]) summary:after{transform:rotate(-90deg)}.rules{display:grid;gap:8px}.rules[open]>.row,.rules[open]>.toggle{margin-top:8px}.rules .row{flex-wrap:wrap}.rules .row>span{font-size:13px}.rules .segmented{flex:1 1 170px;max-width:100%}.toggle{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;cursor:pointer}.toggle input{appearance:none;width:38px;height:22px;border-radius:11px;background:var(--ink-3);border:1px solid var(--line);position:relative;flex:none;transition:background .2s;margin:0}.toggle input:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.toggle input:checked{background:#4a3017;border-color:var(--gold)}.toggle input:checked:after{transform:translate(16px);background:var(--gold-hi)}.toggle input:disabled{opacity:.5}.panel-name{display:none;gap:6px;font-weight:600;font-size:13px;color:var(--muted)}.panel-name input{background:var(--ink-3);border:1px solid var(--line);border-radius:4px;color:var(--ivory);padding:9px 10px 7px;font-weight:600;font-size:16px}.panel-name input:focus{border-color:var(--gold);outline:none}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;background:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:8px;font-size:13px;color:var(--ivory)}.text-button{border:0;background:none;color:var(--gold);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:8px 6px}.text-button:hover{color:var(--gold-hi);text-decoration:underline;text-underline-offset:4px}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.player-list li{display:flex;align-items:center;gap:9px;padding:7px 8px 5px;border-radius:4px;background:#2e1d1499;font-weight:600;font-size:14px;min-width:0}.player-list li .dot{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 0 1.5px var(--gold-lo)}.player-list li .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list li .tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.player-list li .tag.host{color:var(--gold)}.player-list li .off{color:#ff8d9b}.player-list li button{border:0;background:none;color:var(--muted);font-size:18px;padding:0 4px}.note{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;padding-top:8px}.connection{color:var(--muted)}.connection.online{color:#79e0b0}.connection.trouble{color:#ff8d9b}dialog{max-width:min(520px,calc(100vw - 24px));background:#1c110c;color:var(--ivory);border:1px solid var(--gold-lo);border-radius:6px;padding:18px 20px;box-shadow:0 0 0 4px var(--ink),0 0 0 5px var(--gold),0 30px 80px #000}dialog::backdrop{background:#080504b3}.help-body{font-size:15px;line-height:1.5}.help-body ul{padding-left:18px;margin:8px 0;display:grid;gap:6px}.help-body b{color:var(--gold-hi)}.keys-help{font-size:13px;color:var(--muted)}dialog .primary{width:100%}.toast{position:fixed;left:50%;top:calc(var(--top-h) + 12px);transform:translate(-50%);z-index:40;padding:10px 16px 8px;background:#2a1a0f;border:1px solid var(--gold);border-radius:4px;font-weight:600;font-size:14px;box-shadow:0 12px 30px #0009;max-width:calc(100vw - 24px);animation:rise .25s ease both}@media(max-width:899px){main{grid-template-columns:minmax(0,1fr)}#menuButton,#closePanel{display:grid}.panel{position:fixed;top:var(--top-h);right:0;bottom:0;width:min(340px,92vw);z-index:20;transform:translate(105%);transition:transform .25s ease;box-shadow:-14px 0 40px #0009}.panel.open{transform:none}}@media(max-width:600px){:root{--top-h: 48px}.topbar{gap:8px;padding:0 8px}.brand span,#playerName{display:none}.panel-name{display:grid!important}#fullscreenButton{display:none}.round-tag{font-size:11px;padding:5px 6px 3px}}@media(max-height:500px){:root{--top-h: 40px}.icon-button{width:32px;height:32px}.brand{font-size:21px}.brand svg{width:28px;height:28px}.welcome-card{padding:18px 20px 16px;gap:8px}.welcome-card h1{font-size:40px}.result-card{padding:16px 18px 12px}.standings li{padding:4px 6px 3px}.result-card h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}