#site{--ground: #e9efee;--ground-2: #dfe7e6;--surface: #ffffff;--line: #d2dcda;--line-soft: #e5ebea;--ink: #0d1a19;--ink-2: #4a5c5a;--ink-3: #788987;--cloth: #0f6360;--cloth-hi: #14807c;--cloth-press: #0b4e4c;--cloth-deep: #0a3331;--cloth-night: #072421;--win: #1c7a4c;--loss: #b04437;--rail-w: 216px;--gutter: clamp(1rem, .5rem + 1.6vw, 2rem);--max: 1180px;--r: 10px;--r-sm: 7px;--ease: cubic-bezier(.16, 1, .3, 1);--shadow-1: 0 1px 2px rgb(13 26 25 / .06), 0 1px 3px rgb(13 26 25 / .04);--shadow-2: 0 1px 2px rgb(13 26 25 / .07), 0 10px 26px -14px rgb(13 26 25 / .28);color-scheme:light;position:fixed;inset:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}#site[hidden]{display:none}#site [hidden]{display:none!important}#site ::selection{background:#0f636038}.rail{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none;padding:.9rem .7rem .9rem .8rem;background:linear-gradient(180deg,var(--cloth-deep),var(--cloth-night));color:#cfe0de}.rail::-webkit-scrollbar{display:none}.rail-brand{display:flex;align-items:baseline;gap:.4rem;margin:.35rem .5rem 1.1rem;text-decoration:none;color:#fff;font-size:1.02rem;font-weight:800;letter-spacing:-.022em;border-radius:var(--r-sm)}.rail-brand b{font-weight:800;opacity:.5}.rail-brand i{width:7px;height:7px;border-radius:50%;background:#f0d99a;box-shadow:0 0 10px -1px #f0d99ae6}.rail-nav{display:grid;gap:2px}.navlink{position:relative;display:flex;align-items:center;gap:.7rem;padding:.55rem .65rem;border-radius:var(--r-sm);text-decoration:none;font-size:.9rem;font-weight:600;color:#9dbab7;white-space:nowrap;transition:color .13s var(--ease),background .13s var(--ease)}.navlink .ic{flex:none;width:19px;height:19px;opacity:.85}.navlink:hover{color:#eaf4f3;background:#ffffff0f}.navlink[aria-current=page]{color:#fff;background:var(--cloth);box-shadow:inset 0 1px #ffffff1f}.nav-crown{display:inline-flex;align-items:center;margin-left:auto;color:#57c2ac}.nav-crown .ic{width:13px;height:13px;opacity:1}.nav-count{margin-left:auto;min-width:1.25rem;padding:.05rem .34rem;border-radius:999px;text-align:center;font-family:var(--mono);font-size:.66rem;font-weight:700;color:#22180a;background:#e7c778}.rail-spacer{flex:1 1 auto;min-height:1rem}.rail-foot{display:grid;gap:.5rem}.lamp-row{display:flex;align-items:center;gap:.5rem;padding:0 .65rem;font-size:.72rem;color:#7f9c99}.lamp{--lamp: #55716e;width:7px;height:7px;flex:none;border-radius:50%;background:var(--lamp);box-shadow:0 0 7px -1px var(--lamp)}.lamp[data-state=online]{--lamp: #4fd39c}.lamp[data-state=connecting],.lamp[data-state=reconnecting]{--lamp: #e7c778}.lamp[data-state=offline],.lamp[data-state=error]{--lamp: #55716e}.lamp-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoplate{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:var(--r-sm);text-decoration:none;font-size:.88rem;font-weight:600;color:#eaf4f3;background:#ffffff12;transition:background .13s var(--ease)}.whoplate:hover{background:#ffffff21}.whoplate .ic{flex:none;width:18px;height:18px;opacity:.8}.whoplate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slate{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.route{max-width:var(--max);margin:0 auto;padding:clamp(1.25rem,.9rem + 1.4vw,2.25rem) var(--gutter) 4rem}.route[hidden]{display:none}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1rem,.7rem + 1vw,1.6rem)}.screen-title{margin:0;font-size:clamp(1.4rem,1.2rem + .9vw,1.9rem);font-weight:800;letter-spacing:-.025em;color:var(--ink)}* * The `#site` prefix is load-bearing: the global ring below is written * `#site :focus-visible`,and an id out-weighs a class,so a bare * `.screen-title:focus-visible` lost to it and the ring came back. */ #site .screen-title:focus,#site .screen-title:focus-visible,#site [data-route-focus]:focus,#site [data-route-focus]:focus-visible{outline:none}.panel{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.panel-head{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--line-soft)}.panel-head h2,.panel-head h3{margin:0;font-size:.9rem;font-weight:700;letter-spacing:-.008em;color:var(--ink)}.panel-head .ic{flex:none;width:17px;height:17px;color:var(--ink-3)}.panel-head .spacer{flex:1}.panel-head a{color:var(--cloth);text-decoration:none;font-size:.8rem;font-weight:600}.panel-head a:hover{text-decoration:underline}.panel-body{padding:1rem}.panel-body>:first-child{margin-top:0}.panel-body>:last-child{margin-bottom:0}.cap-line{font-size:.775rem;font-weight:600;color:var(--ink-3)}.prose{color:var(--ink-2);font-size:.9rem;line-height:1.6;max-width:66ch}.prose strong{color:var(--ink);font-weight:700}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.plate{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;min-width:1.9em;padding:.16em .42em;border-radius:var(--r-sm);font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;color:#fff;background:var(--cloth)}.plate.dark{color:var(--ink-2);background:var(--ground-2)}.plate.big{font-size:clamp(1.35rem,1rem + 1.6vw,2rem);padding:.1em .28em;min-width:1.6em}.plate small{font-size:.44em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.string{position:relative;flex:1 1 15rem;min-width:12rem;max-width:20rem;height:30px;border-radius:999px;cursor:pointer;touch-action:none;background:var(--ground-2);box-shadow:inset 0 1px 2px #0d1a1924}.string:before{content:"";position:absolute;left:12px;right:12px;top:50%;height:1px;transform:translateY(-.5px);background:#0d1a1929}.string:focus-visible{outline:2px solid var(--cloth);outline-offset:3px}.bead{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#ccd7d5 62%,#aab8b6);box-shadow:0 1px 2px #0d1a1940;transition:left .3s var(--ease),background .18s linear}.bead.on{background:radial-gradient(circle at 34% 28%,#2b9c97,var(--cloth) 58%,#0a4d4a)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.56rem .95rem;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1);transition:background .13s var(--ease),border-color .13s var(--ease),transform 90ms var(--ease)}.btn:hover:not(:disabled){background:#f6f9f8;border-color:#bfcdcb}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;color:var(--ink-3);background:var(--ground-2);border-color:transparent;box-shadow:none}.btn.brass{color:#fff;border-color:transparent;background:var(--cloth);box-shadow:0 1px 2px #0d1a1924,0 8px 20px -12px #0f6360cc}.btn.brass:hover:not(:disabled){background:var(--cloth-hi);border-color:transparent}.btn.brass:active:not(:disabled){background:var(--cloth-press)}.btn.big{padding:.8rem 1.3rem;font-size:.95rem}.btn.wide{width:100%}.btn.small{padding:.36rem .65rem;font-size:.8rem}.btn .ic{width:17px;height:17px;flex:none}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.tile-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.6rem}.tile{display:grid;align-content:center;justify-items:center;gap:.5rem;aspect-ratio:1;padding:.9rem .5rem;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1);transition:background .13s var(--ease),border-color .13s var(--ease),transform 90ms var(--ease)}.tile:hover:not(:disabled){background:#f6f9f8;border-color:#bfcdcb}.tile:active:not(:disabled){transform:translateY(1px)}.tile:disabled,.tile[aria-disabled=true]{cursor:not-allowed;color:var(--ink-3);background:var(--ground-2);border-color:transparent;box-shadow:none}.tile .ic{width:28px;height:28px}.tile-label{font-size:.82rem;font-weight:700;letter-spacing:-.006em}.tile.brass{color:#fff;border-color:transparent;background:var(--cloth);box-shadow:0 1px 2px #0d1a1924,0 8px 20px -12px #0f6360cc}.tile.brass:hover:not(:disabled){background:var(--cloth-hi);border-color:transparent}.tile.brass:active:not(:disabled){background:var(--cloth-press)}.hotseat-grid .tile{aspect-ratio:auto;gap:.35rem;padding:.7rem .4rem}.hotseat-grid .tile .ic{width:22px;height:22px}@media(max-width:900px){.tile-grid{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.tile-grid{grid-template-columns:repeat(1,1fr)}}#site input[type=text],#site input[type=number],#site input[type=password],#site input[type=email],#site input:not([type]),#site select,#site textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);font-family:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);transition:border-color .13s var(--ease),box-shadow .13s var(--ease)}#site input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}#site input::placeholder{color:#a3b1af}#site input:focus-visible,#site select:focus-visible,#site textarea:focus-visible{outline:none;border-color:var(--cloth);box-shadow:0 0 0 3px #0f636029}#site select{appearance:none;cursor:pointer;padding-right:2.1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364827f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-position:calc(100% - .7rem) 50%;background-size:15px 15px;background-repeat:no-repeat}#site select:hover{border-color:#bfcdcb}#site select option{color:var(--ink);background:var(--surface)}#site input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--cloth);cursor:pointer}#site :focus-visible{outline:2px solid var(--cloth);outline-offset:2px}#site .btn.brass:focus-visible,#site .tile.brass:focus-visible,#site .seg [aria-pressed=true]:focus-visible{outline-offset:3px}.rail :focus-visible{outline-color:#cfe0de}.code-field{font-family:var(--mono)!important;font-size:1.3rem!important;font-weight:700;letter-spacing:.34em!important;text-align:center;text-transform:uppercase;padding-left:.42em!important}.setting{display:grid;grid-template-columns:minmax(7rem,30%) 1fr;align-items:center;gap:.9rem;padding:.7rem 0;border-bottom:1px solid var(--line-soft)}.setting:last-child{border-bottom:0}.setting-note{grid-column:2;margin:.3rem 0 0;font-size:.8rem;color:var(--ink-3)}.tip{position:relative;display:inline-grid;place-items:center;width:15px;height:15px;padding:0;margin-left:.35em;border:0;border-radius:50%;vertical-align:1px;cursor:help;font-family:inherit;font-size:.62rem;font-weight:700;line-height:1;color:var(--ink-3);background:var(--ground-2);transition:color .13s var(--ease),background .13s var(--ease)}.tip:hover,.tip:focus-visible{color:#fff;background:var(--cloth)}.tipcard{position:fixed;top:0;left:0;z-index:200;width:max-content;max-width:min(23rem,calc(100vw - 2rem));padding:.6rem .75rem;border-radius:7px;opacity:0;visibility:hidden;pointer-events:none;text-align:left;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.8rem;font-weight:400;line-height:1.5;color:#eaf4f3;background:#072421;box-shadow:0 12px 28px -12px #0d1a1999;transition:opacity .13s cubic-bezier(.16,1,.3,1),transform .13s cubic-bezier(.16,1,.3,1),visibility .13s}.tipcard[data-side=top]{transform:translateY(3px)}.tipcard[data-side=bottom]{transform:translateY(-3px)}.tipcard[data-side=right]{transform:translate(-3px)}.tipcard[data-side=left]{transform:translate(3px)}.tipcard.on{opacity:1;visibility:visible;transform:none}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r-sm);background:var(--ground-2);flex-wrap:wrap}.seg button{padding:.35rem .7rem;border:0;border-radius:5px;cursor:pointer;background:transparent;font-family:inherit;font-size:.83rem;font-weight:600;color:var(--ink-2);transition:color .13s var(--ease),background .13s var(--ease)}.seg button:hover:not(:disabled){color:var(--ink)}.seg button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1)}.seg button:disabled{color:#a9b7b5;cursor:not-allowed}.lobby{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(1rem,.6rem + 1.4vw,1.6rem);align-items:start}.lobby-side{display:grid;gap:clamp(1rem,.6rem + 1.4vw,1.6rem)}.lobby-wide{grid-column:1 / -1}.felt{position:relative;overflow:hidden;border-radius:var(--r);padding:clamp(1.1rem,.7rem + 1.6vw,1.9rem);color:#eaf4f3;background:radial-gradient(120% 90% at 50% -20%,rgb(255 255 255 / .14),transparent 62%),radial-gradient(100% 120% at 50% 120%,rgb(0 0 0 / .3),transparent 60%),linear-gradient(168deg,#1a7370,#0c4f4c 62%,#093f3d);box-shadow:inset 0 0 0 1px #ffffff12,0 2px 4px #0d1a191a,0 24px 44px -28px #093f3de6}.felt:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .022) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgb(0 0 0 / .03) 0 1px,transparent 1px 4px)}.felt>*{position:relative}.felt-line{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.felt-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;color:#d5e8e6;background:#ffffff1a}.felt-chip .num{font-weight:700;color:#fff}.lobby-actions{display:grid;gap:.55rem}.lobby-actions .pair{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.action{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.1rem;border:0;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;color:#eaf4f3;background:#ffffff1c;box-shadow:inset 0 1px #ffffff17;transition:background .13s var(--ease),transform 90ms var(--ease)}.action:hover:not(:disabled){background:#ffffff30}.action:active:not(:disabled){transform:translateY(1px)}.action:disabled{cursor:not-allowed;color:#eaf4f36b;background:#ffffff0d;box-shadow:none}.action .ic{flex:none;width:19px;height:19px;opacity:.9}.action.go{padding:1.05rem 1.1rem;font-size:1.08rem;color:#23190a;background:linear-gradient(180deg,#f2d795,#d8b660);box-shadow:0 1px 2px #0d1a1933,0 14px 30px -16px #d8b660f2}.action.go:hover:not(:disabled){background:linear-gradient(180deg,#f8e2ab,#e0c06c)}.join{display:flex;gap:.5rem;align-items:center;margin-top:.55rem}#site .join input{flex:1;min-width:0;color:#fff;border-color:#ffffff2e;background:#00000038}#site .join input::placeholder{color:#eaf4f373}#site .join input:focus-visible{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1f}.join .btn{flex:none;color:#eaf4f3;border-color:#ffffff29;background:#ffffff1c;box-shadow:none}.join .btn:hover:not(:disabled){background:#ffffff30;border-color:#ffffff47}.options{margin-top:1rem;border-radius:var(--r);background:#0000002e}.options>summary{display:flex;align-items:center;gap:.45rem;padding:.6rem .85rem;cursor:pointer;list-style:none;font-size:.83rem;font-weight:600;color:#b8d2d0;border-radius:var(--r)}.options>summary::-webkit-details-marker{display:none}.options>summary:hover{color:#eaf4f3}.options>summary .ic{width:15px;height:15px;transition:transform .16s var(--ease)}.options[open]>summary .ic{transform:rotate(90deg)}.options-body{padding:0 .85rem .5rem}.options .setting{border-bottom-color:#ffffff17}.options .cap-line{color:#a8c4c2}#site .options select,#site .options input{color:#fff;border-color:#ffffff29;background:#00000038}#site .options select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8d2d0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-position:calc(100% - .7rem) 50%;background-size:15px 15px;background-repeat:no-repeat}#site .options select:hover{border-color:#ffffff57}.options .seg{background:#0000003d}.options .seg button{color:#b8d2d0}.options .seg button[aria-pressed=true]{color:#0d1a19;background:#dfeceb}.options .seg button:disabled{color:#b8d2d066}.options .plate{color:#0d1a19;background:#dfeceb}.options .string{background:#00000042;box-shadow:none}.options .string:before{background:#ffffff29}.empty{display:grid;justify-items:center;gap:.5rem;padding:clamp(1.6rem,1.2rem + 2vw,3rem) 1.25rem;text-align:center;border-radius:var(--r);border:1px dashed var(--line);background:var(--ground-2)}.empty .ic{width:26px;height:26px;color:#a3b4b2}.empty h3{margin:.2rem 0 0;font-size:1rem;font-weight:700;color:var(--ink)}.empty p{margin:0;max-width:44ch;font-size:.875rem;color:var(--ink-2)}.empty .btn-row{justify-content:center;margin-top:.6rem}.phase{display:inline-flex;align-items:center;padding:.16rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:#7a6224;background:#f4e7c4}.framecard{border-radius:var(--r-sm)}.framecard .empty-rule{display:flex;align-items:center;height:34px;font-size:.83rem;color:var(--ink-3)}.framecard .empty-rule a{color:var(--cloth);font-weight:600}.framelist{margin:0;padding:0;list-style:none;display:grid;gap:2px}.framelist .fr>a,.framelist .fr>.fr-inner{display:grid;grid-template-columns:1.55rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:7px;text-decoration:none;color:inherit;background:var(--ground-2);transition:background .13s var(--ease)}.framelist .fr>a:hover,.framelist .fr>a:focus-visible{background:var(--cloth);color:#fff}.fr-mark{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1}.fr-mark.w{color:#0f5c39;background:#d3ecdd}.fr-mark.l{color:#8d3128;background:#f6dcd8}.fr-main{display:grid;gap:1px;min-width:0}.fr-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;color:var(--ink)}.fr-when{font-family:var(--mono);font-size:.7rem;color:var(--ink-3)}.fr-score{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700;color:var(--ink);white-space:nowrap}.framelist .fr>a:hover .fr-who,.framelist .fr>a:hover .fr-when,.framelist .fr>a:hover .fr-score,.framelist .fr>a:focus-visible .fr-who,.framelist .fr>a:focus-visible .fr-when,.framelist .fr>a:focus-visible .fr-score{color:#fff}.frametable{width:100%;min-width:30rem;border-collapse:collapse;font-size:.85rem}.frametable th{padding:0 .6rem .5rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:.735rem;font-weight:600;color:var(--ink-3)}.frametable td{padding:.42rem .6rem;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}.frametable tbody tr:last-child td{border-bottom:0}.frametable tbody tr:hover td{background:var(--ground-2)}.frametable .fc-date{width:1%;white-space:nowrap;font-size:.8rem;color:var(--ink-3)}.frametable td.fc-who{font-weight:600;color:var(--ink)}.frametable .fc-res{width:1%;white-space:nowrap}.frametable .fc-n{width:1%;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.frametable .fc-act{width:1%;text-align:right;white-space:nowrap}.fr-tag{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}.fr-tag.w{color:#0f5c39;background:#d3ecdd}.fr-tag.l{color:#8d3128;background:#f6dcd8}.off-screen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.framecard[data-variant=table]{overflow-x:auto}.list{margin:0;padding:0;list-style:none}.list li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;padding:.6rem 0;border-bottom:1px solid var(--line-soft)}.list li:last-child{border-bottom:0}.ball{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-family:var(--mono);font-size:.74rem;font-weight:700;color:#17110a;background:radial-gradient(circle at 33% 27%,#fff,#e6e2d6 58%,#bcb7a8);box-shadow:inset 0 -2px 3px #00000024}.ball.solid{color:#fff;background:radial-gradient(circle at 33% 27%,#2b9c97,var(--cloth) 58%,#0a4340)}.list .who{min-width:0;flex:1 1 8rem}.list .who b{display:block;font-weight:600;font-size:.9rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .who span{display:block;font-size:.78rem;color:var(--ink-3)}#route-messages .inbox-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--cloth-hi);visibility:hidden}#route-messages .list li.unread .inbox-dot{visibility:visible}#route-messages .list li.unread .who b{font-weight:700}#route-messages .list time{flex:none;font-size:.78rem;color:var(--ink-3)}.cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1rem,.6rem + 1.4vw,1.6rem);align-items:start}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,.6rem + 1.4vw,1.6rem)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.7rem}.screen-title.spaced{margin-bottom:clamp(1rem,.7rem + 1vw,1.6rem)}.gap-above{margin-top:clamp(1rem,.6rem + 1.4vw,1.6rem)}.gap-above-sm{margin-top:.55rem}.gap-above-md{margin-top:1.2rem}.gap-below{margin-bottom:clamp(1rem,.6rem + 1.4vw,1.6rem)}.centred{text-align:center}.btn-row.centred{justify-content:center}.measure{max-width:23rem;margin:clamp(1rem,6vh,5rem) auto 0;margin:clamp(1rem,6svh,5rem) auto 0}.measure-wide{max-width:46rem;margin:0 auto}.field-sm{max-width:6rem}.field-block{margin:.35rem 0 .9rem}.field-block.last{margin-bottom:1.1rem}.field-block.tight{margin:.4rem 0 .7rem}.btn-row.wide-gap{gap:.9rem}.prose.centred{margin:0 auto 1rem}.prose.flush{margin:0;font-size:.875rem}.id-code{font-size:.72rem;word-break:break-all}.invariant{display:flex;align-items:center;gap:.7rem;margin-top:clamp(1.5rem,1rem + 1.6vw,2.5rem);padding:.85rem 1rem;border-radius:var(--r);background:var(--ground-2)}.invariant .ic{flex:none;width:18px;height:18px;color:var(--ink-3)}.invariant p{margin:0;flex:1 1 20rem;font-size:.83rem;color:var(--ink-2)}.invariant em{color:var(--ink);font-style:normal;font-weight:600}.note-line{margin:.7rem 0 0;font-size:.82rem;color:var(--ink-2);min-height:1.1em}.note-line.bad{color:var(--loss)}.note-line.good{color:var(--win)}.note-line:empty{margin-top:0;min-height:0}.felt .note-line{color:#cfe3e1}.felt .note-line.bad{color:#ffb3a8}.felt .note-line.good{color:#9de9c4}.banner-stack{display:grid;gap:.6rem}.banner-stack:not(:empty){margin-bottom:clamp(1rem,.7rem + 1vw,1.6rem)}.site-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem .9rem;border:1px solid var(--line);border-left:3px solid var(--ink-3);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1);font-size:.88rem}.site-banner.bad{border-left-color:var(--loss);background:#b0443712}.site-banner.good{border-left-color:var(--win);background:#1c7a4c14}.site-banner-icon{display:inline-flex;align-items:center}.site-banner.bad .site-banner-icon{color:var(--loss)}.site-banner.good .site-banner-icon{color:var(--win)}.site-banner-text{flex:1 1 16rem;display:flex;flex-direction:column;gap:.05rem;min-width:0}.site-banner-text b{font-weight:700;color:var(--ink)}.site-banner-text span{color:var(--ink-2)}.site-banner .btn{margin-left:auto;flex:0 0 auto}.case{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none}.slot{display:grid;align-content:center;gap:.15rem;min-height:4.4rem;padding:.75rem .85rem;border-radius:var(--r-sm);border:1px dashed var(--line);background:var(--ground-2)}.slot-name{font-size:.85rem;font-weight:600;color:var(--ink-2)}.slot-note{font-size:.76rem;color:var(--ink-3)}.never{margin:0;padding:0;list-style:none}.never li{position:relative;padding:.45rem 0 .45rem 1.5rem;font-size:.875rem;color:var(--ink-2);border-bottom:1px solid var(--line-soft)}.never li:last-child{border-bottom:0}.never li:before{content:"";position:absolute;left:.15rem;top:1.05em;width:.85rem;height:1.5px;border-radius:1px;background:var(--loss)}.tally{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.8rem}.tally>div{display:grid;justify-items:center;gap:.35rem;text-align:center}.shotdeck{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1rem,.6rem + 1.4vw,1.75rem);align-items:start}.deck{min-width:0}.deck-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}.deck-arrow{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:50%;cursor:pointer;color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-1);transition:color .13s var(--ease),border-color .13s var(--ease)}.deck-arrow:hover{color:var(--cloth);border-color:var(--cloth)}.deck-dots{display:flex;flex:1;gap:.35rem;margin:0;padding:0;list-style:none}.deck-dots li{flex:1}.deck-dots button{display:block;width:100%;height:4px;padding:0;border:0;border-radius:3px;cursor:pointer;background:var(--line);transition:background .18s var(--ease)}.deck-dots button:hover{background:#b6c4c2}.deck-dots button[aria-current=true]{background:var(--cloth)}.deck-window{overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1)}.deck-track{display:flex;transition:transform .38s var(--ease)}.deck-card{flex:0 0 100%;min-width:0;padding:clamp(1rem,.7rem + 1vw,1.5rem)}.deck-card[aria-hidden=true]{visibility:hidden}.deck-card h2{margin:.25rem 0 0;font-size:clamp(1.1rem,1rem + .6vw,1.4rem);font-weight:800;letter-spacing:-.02em}.deck-summary{margin:.3rem 0 0;max-width:58ch;color:var(--ink-2);font-size:.92rem}.deck-card-body{margin-top:.9rem}.deck-how{margin:0;padding:0;list-style:none;display:grid;align-content:start;gap:.45rem;counter-reset:step}.deck-how li{position:relative;padding-left:1.75rem;color:var(--ink-2);font-size:.875rem;counter-increment:step}.deck-how li:before{content:counter(step);position:absolute;left:0;top:.08em;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;font-family:var(--mono);font-size:.65rem;font-weight:700;color:#fff;background:var(--cloth)}.demo{width:max-content;max-width:100%;margin:0 auto;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:var(--void);box-shadow:var(--shadow-2)}.demo canvas{display:block;height:clamp(190px,34vh,340px);height:clamp(190px,34svh,340px);aspect-ratio:2.79 / 1.52;width:auto;max-width:100%;margin:0 auto;background:var(--void)}.demo-bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-top:1px solid var(--line);background:var(--surface)}.review{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(1rem,.6rem + 1.4vw,1.6rem);align-items:start}.review-main{display:grid;gap:.7rem;min-width:0}.review .demo{margin:0;width:100%}.review .demo canvas{width:100%;height:auto;aspect-ratio:2.79 / 1.52;max-height:54vh;max-height:54svh}.review .demo-bar{flex-wrap:wrap;gap:.45rem}.demo-bar .spacer{flex:1}.review-racks{display:flex;flex-wrap:wrap;gap:.35rem}.rack-tab{padding:.32rem .7rem;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:var(--surface);font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ink-2);transition:color .13s var(--ease),border-color .13s var(--ease)}.rack-tab:hover{border-color:#bfcdcb;color:var(--ink)}.rack-tab[aria-selected=true]{color:#fff;border-color:transparent;background:var(--cloth)}.rack-warn{color:#f0d99a;font-weight:800}.rack-tab:not([aria-selected=true]) .rack-warn{color:var(--loss)}.review-read{padding:.8rem 1rem;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);min-height:4.4rem}.review-read b{font-size:.95rem;font-weight:700}.review-read .cap-line{margin-left:.4rem}.review-read p{margin:.3rem 0 0;font-size:.875rem;color:var(--ink-2)}.shotlist{margin:0;padding:0;list-style:none;max-height:min(52vh,30rem);max-height:min(52svh,30rem);overflow-y:auto}.shotlist button{display:grid;grid-template-columns:1.7rem minmax(0,1fr) auto auto;align-items:center;gap:.5rem;width:100%;padding:.4rem;border:0;border-radius:5px;cursor:pointer;background:transparent;text-align:left;font-family:inherit;font-size:.83rem;color:var(--ink-2);transition:background .13s var(--ease)}.shotlist button:hover{background:var(--ground-2)}.shotlist button[aria-current=true]{color:#fff;background:var(--cloth)}.shotlist .shot-n{color:var(--ink-3);font-size:.75rem}.shotlist button[aria-current=true] .shot-n,.shotlist button[aria-current=true] .shot-got{color:#ffffffbf}.shotlist .shot-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}.shotlist button[aria-current=true] .shot-who,.shotlist button[aria-current=true] .shot-what{color:#fff}.shotlist .shot-what{font-size:.78rem}.shotlist .shot-got{font-weight:700;color:var(--win)}@media(max-width:1040px){.review{grid-template-columns:minmax(0,1fr)}.shotlist{max-height:18rem}}#app[hidden]{display:none}@media(max-width:1040px){.lobby{grid-template-columns:minmax(0,1fr)}.lobby>.lobby-wide{order:-1;margin-top:0}.lobby-wide .tile-grid{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:.4rem}.lobby-wide .tile{aspect-ratio:auto;gap:.3rem;padding:.5rem .35rem}.lobby-wide .tile .ic{width:20px;height:20px}.lobby-wide .tile-label{font-size:.7rem;line-height:1.15}.lobby-wide .panel-head{padding:.5rem .7rem}.lobby-wide .panel-body{padding:.6rem}.shotdeck{grid-template-columns:minmax(0,1fr)}.shotdeck .demo canvas{height:clamp(190px,40vh,400px);height:clamp(190px,40svh,400px)}}@media(max-width:560px){.lobby-wide .panel-head{gap:.4rem;padding:.3rem .55rem}.lobby-wide .panel-head h2{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.lobby-wide .panel-head .ic{width:15px;height:15px}.lobby-wide .panel-head a{font-size:.72rem}.lobby-wide .panel-body{padding:.35rem .45rem}.lobby-wide .tile-grid{display:flex;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lobby-wide .tile-grid::-webkit-scrollbar{display:none}.lobby-wide .tile{flex:0 0 auto;display:inline-flex;align-items:center;aspect-ratio:auto;gap:.3rem;padding:.32rem .6rem;border-radius:999px;box-shadow:none;scroll-snap-align:start;text-align:left}.lobby-wide .tile .ic{width:14px;height:14px}.lobby-wide .tile-label{font-size:.72rem;white-space:nowrap}}@media(max-width:900px){.cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){#site{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.rail{order:2;flex-direction:row;align-items:center;gap:.15rem;overflow-x:auto;padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom));box-shadow:0 -8px 20px -14px #0d1a19cc}.rail-brand,.rail-spacer,.lamp-row{display:none}.rail-nav{display:flex;flex:1;gap:.15rem}.navlink{flex:1;flex-direction:column;gap:.1rem;padding:.4rem .1rem;font-size:.58rem;letter-spacing:-.01em;min-width:0}.navlink .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.navlink .ic{width:17px;height:17px}.navlink[aria-current=page]{background:#ffffff1f}.nav-count{position:absolute;top:.15rem;right:50%;margin-left:0;transform:translate(1.1rem)}.nav-crown{position:absolute;top:.15rem;left:50%;margin-left:0;transform:translate(-1.75rem)}.rail-foot{flex:none}.whoplate{flex-direction:column;gap:.1rem;padding:.4rem .35rem;font-size:.58rem;font-weight:600}.whoplate .ic{width:17px;height:17px}.whoplate span{max-width:3.6rem}.setting{grid-template-columns:minmax(0,1fr);gap:.35rem}.setting-note{grid-column:1}.lobby-actions .pair{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#site *,#site *:before,#site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rank-figure{display:flex;flex-direction:column;align-items:baseline;gap:.15rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--line)}.rank-rating{font-family:var(--mono);font-size:clamp(2.2rem,6vw,3rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rank-interval{display:flex;align-items:center;gap:.3rem;font-family:var(--mono);font-size:12px;color:var(--ink-3)}.rank-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem 1rem;margin:0 0 1rem}.rank-facts.wide{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));margin-bottom:.75rem}.rank-facts dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.rank-facts dd{margin:.15rem 0 0;font-family:var(--mono);font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.queue-box{display:flex;flex-direction:column;gap:.4rem}.ladder{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column}.ladder-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.4rem .15rem;border-bottom:1px solid var(--line);font-size:13px}.ladder-row:last-child{border-bottom:none}.ladder-row.me{background:#0f636012;border-radius:6px}.ladder-rank,.ladder-rating{font-family:var(--mono);font-variant-numeric:tabular-nums}.ladder-rank{color:var(--ink-3);text-align:right}.ladder-handle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}.ladder-row.me .ladder-handle{color:var(--cloth)}.ladder-rating{color:var(--ink);font-weight:700}.ladder-record{font-family:var(--mono);font-size:12px;color:var(--ink-3)}.ladder-empty{padding:.9rem 0;color:var(--ink-3);font-size:13px}.head-select.head-select{flex:none;width:auto;max-width:12rem;padding:.28rem 1.8rem .28rem .5rem;font-size:.8rem;font-weight:600;color:var(--ink-2);background-position:calc(100% - .5rem) 50%;background-size:13px 13px}.chart-wrap{position:relative;touch-action:pan-y}.chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:var(--line-soft);stroke-width:1}.chart-line{fill:none;stroke:var(--cloth);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#rank-chart-fade);stroke:none}.chart-fade-a{stop-color:var(--cloth);stop-opacity:.18}.chart-fade-b{stop-color:var(--cloth);stop-opacity:0}.chart-lone{fill:var(--cloth);stroke:none}.chart-tick{fill:var(--ink-3);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.chart-cursor{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.chart-cursor-dot{fill:var(--surface);stroke:var(--cloth);stroke-width:2}.chart-readout{position:absolute;top:0;right:0;margin:0;min-height:1.2em;color:var(--ink);font-family:var(--mono)}.chart-empty{margin:0;padding:2.6rem 0;text-align:center;color:var(--ink-3);font-size:.875rem}.chart-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;margin-top:.6rem;padding-top:.75rem;border-top:1px solid var(--line-soft)}.chart-delta{font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink-3)}.chart-delta.up{color:var(--win)}.chart-delta.down{color:var(--loss)}.chart-summary .cap-line b{color:var(--ink);font-weight:700}.cmp{list-style:none;margin:0;padding:0}.cmp-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.45rem .35rem;border-bottom:1px solid var(--line-soft)}.cmp-row:last-child{border-bottom:0}.cmp-row.me{background:#0f636012;border-radius:6px}.cmp-who{min-width:0}.cmp-who b{display:block;font-size:.9rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-row.me .cmp-who b{color:var(--cloth)}.cmp-tier{display:block;font-size:.72rem;color:var(--ink-3)}.cmp-h2h{font-size:.75rem;color:var(--ink-3);white-space:nowrap}.cmp-rating{min-width:2.8rem;text-align:right;font-size:.95rem;font-weight:700;color:var(--ink)}.cmp-empty{padding:.9rem 0;color:var(--ink-3);font-size:13px}.cmp-empty a{color:var(--cloth);font-weight:600}@media(max-width:460px){.cmp-h2h{display:none}}.t-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1);font-size:14px;color:var(--ink)}.t-banner .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.t-banner.urgent{border-color:var(--cloth);background:#0f636014}.t-banner.dim{color:var(--ink-3)}.t-banner.done{border-color:var(--line)}.t-queue-line{display:flex;align-items:baseline;gap:.5rem;font-size:14px;color:var(--ink)}.t-queue-line .num{font-family:var(--mono);font-size:1.2rem;font-variant-numeric:tabular-nums}.bracket-scroll{overflow-x:auto;padding-bottom:.4rem}.bracket{display:flex;gap:1.1rem;align-items:stretch;min-width:min-content}.b-round{display:flex;flex-direction:column;min-width:13rem}.b-round-name{margin:0 0 .5rem;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.b-slots{display:flex;flex-direction:column;justify-content:space-around;gap:.6rem;flex:1}.b-slot{position:relative;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:.3rem .45rem;box-shadow:var(--shadow-1)}.b-slot.pending,.b-slot.walkover,.b-slot.cancelled{opacity:.62;box-shadow:none}.b-slot.live{border-color:var(--cloth)}.b-slot.mine{border-color:var(--cloth);background:#0f63600f}.b-side{display:grid;grid-template-columns:1.4rem 1fr auto;align-items:baseline;gap:.35rem;padding:.12rem 0;font-size:13px;color:var(--ink-2)}.b-side+.b-side{border-top:1px dashed var(--line-soft)}.b-side.won .b-name{font-weight:700;color:var(--ink)}.b-side.me .b-name{color:var(--cloth)}.b-side.empty{color:var(--ink-3)}.b-seed{font-family:var(--mono);font-size:10px;color:var(--ink-3);text-align:right;vertical-align:super}.b-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-score{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.b-tag{display:flex;align-items:center;gap:.35rem;margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--line-soft);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.b-lamp{width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 6px #1c7a4ccc;animation:t-lamp 1.6s ease-in-out infinite}@keyframes t-lamp{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.b-lamp{animation:none}}.t-empty-note,.t-empty{padding:.9rem 0;color:var(--ink-3);font-size:13px}.t-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.t-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem .15rem;border-bottom:1px solid var(--line);font-size:13px}.t-row:last-child{border-bottom:none}.t-row-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.t-row-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-standings{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column}.t-standing-row{display:grid;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.35rem .15rem;border-bottom:1px solid var(--line);font-size:13px}.t-standing-row:last-child{border-bottom:none}.t-standing-row.me{background:#0f636012;border-radius:6px}.t-standing-row .t-rank{color:var(--ink-3);text-align:right}.t-standing-row .t-handle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}.t-standing-row .t-fd{color:var(--ink-3)}.btn.danger{color:var(--loss);border-color:#b0443766}.btn.danger:hover:not(:disabled){background:#b0443714}.phandle{color:inherit;font-weight:inherit;text-decoration:underline;text-decoration-color:#0f636047;text-decoration-thickness:1px;text-underline-offset:2px;border-radius:3px;transition:color .12s var(--ease),text-decoration-color .12s var(--ease)}.phandle:hover,.phandle:focus-visible{color:var(--cloth);text-decoration-color:var(--cloth);text-decoration-thickness:2px}.ladder-row.me .phandle:hover,.cmp-row.me .phandle:hover{color:var(--cloth-press)}.ball-img{object-fit:cover;background:var(--ground-2)}.pid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(.9rem,.5rem + 1.4vw,1.5rem)}@media(max-width:720px){.pid{grid-template-columns:auto minmax(0,1fr)}.pid-tally{grid-column:1 / -1}}.pid-shot{flex:none;display:grid;place-items:center;overflow:hidden;width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);border-radius:50%;border:1px solid var(--line);background:var(--ground-2);box-shadow:var(--shadow-1)}.pid-shot.letter{font-family:var(--mono);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;border-color:transparent;background:radial-gradient(circle at 33% 27%,#2b9c97,var(--cloth) 58%,#0a4340)}.pid-img{width:100%;height:100%;object-fit:cover;display:block}.pid-main{min-width:0}.pid-handle{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(1.2rem,.9rem + 1.2vw,1.7rem);font-weight:700;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}.pid-flag{font-size:1.1em;line-height:1;transform:translateY(-.05em)}.pid-name{margin:.1rem 0 0;font-size:.95rem;color:var(--ink-2)}.pid-bio{margin:.5rem 0 .4rem;max-width:46ch;color:var(--ink-2);overflow-wrap:anywhere;white-space:pre-wrap}.pid-flair{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.flairchip{padding:.15rem .5rem;border-radius:999px;border:1px solid rgb(15 99 96 / .28);background:#0f636014;color:var(--cloth-press);font-size:.72rem;font-weight:600}.pid-tally{margin:0}.ratecard{display:grid;gap:.15rem;padding:.7rem .8rem;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--ground)}.ratecard.placing{opacity:.78}.ratecard .plate{justify-self:start}.ratecard-band{font-size:.74rem;color:var(--ink-3)}.frametable .fc-n{white-space:nowrap}form+.lobby-list{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line-soft)}.perk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none}.perk{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic name" "ic line";align-content:start;gap:.1rem .7rem;height:100%;padding:.8rem .85rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-1);color:inherit;text-decoration:none;transition:border-color .13s var(--ease),transform 90ms var(--ease),box-shadow .13s var(--ease)}.perk-ic{grid-area:ic;display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--ground-2);border:1px solid var(--line-soft);color:var(--ink-2)}.perk-ic .ic{width:17px;height:17px}.perk-name{grid-area:name;font-size:.92rem;font-weight:700;color:var(--ink);padding-right:1.1rem}.perk-line{grid-area:line;font-size:.79rem;line-height:1.45;color:var(--ink-2)}.perk[data-held="1"]{border-color:#bfd4d1;background:linear-gradient(180deg,#f6faf9,var(--surface))}.perk[data-held="1"] .perk-ic{background:#e6f1ef;border-color:var(--cloth);color:var(--cloth)}.perk-mark{position:absolute;top:.55rem;right:.6rem;display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--cloth);color:#fff}.perk-mark .ic{width:12px;height:12px;stroke-width:3}@media(prefers-reduced-motion:reduce){.perk{transition:none}}.btn.equipped>span{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap}.btn.equipped{display:inline-grid;place-items:center}.btn.equipped .swap-hover{visibility:hidden}.btn.equipped:hover:not(:disabled) .swap-rest,.btn.equipped:focus-visible:not(:disabled) .swap-rest{visibility:hidden}.btn.equipped:hover:not(:disabled) .swap-hover,.btn.equipped:focus-visible:not(:disabled) .swap-hover{visibility:visible}.btn.equipped:hover:not(:disabled){color:var(--loss);border-color:currentColor;background:var(--surface)}.slot[data-held="1"]{border-style:solid;border-color:#bfd4d1;background:#f2f8f7}.slot[data-held="1"] .slot-name{color:var(--cloth)}.slot .ic{width:14px;height:14px;vertical-align:-2px}.setting-note.bad{color:var(--loss)}.spacer{flex:1 1 auto}.rooms-filters{display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding:.7rem var(--gutter, 1rem);border-bottom:1px solid var(--line-soft);background:var(--ground-2)}.rooms-filters .cap-line{display:flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap}.rooms-filters select{font:inherit;font-size:.8rem;padding:.2rem .35rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.rooms-filters .switch input{accent-color:var(--cloth)}.rooms-body{padding:0}.rooms-scroll{overflow-x:auto}.rooms-table{width:100%;min-width:62rem;border-collapse:collapse;font-size:.84rem}.rooms-table th{padding:0;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.rooms-table th button{display:block;width:100%;padding:.55rem .6rem;font:inherit;font-size:.735rem;font-weight:600;color:var(--ink-3);text-align:inherit;background:none;border:0;cursor:pointer}.rooms-table th button:hover{color:var(--ink);background:var(--ground-2)}.rooms-table th[aria-sort=ascending] button,.rooms-table th[aria-sort=descending] button{color:var(--cloth)}.rooms-table td{padding:.45rem .6rem;border-bottom:1px solid var(--line-soft);color:var(--ink-2);white-space:nowrap}.rooms-table tbody tr:last-child td{border-bottom:0}.rooms-table tbody tr:hover td{background:var(--ground-2)}.rooms-table .num-col{text-align:right;font-variant-numeric:tabular-nums}.rooms-table th.num-col button{text-align:right}.rooms-table .rt-name{width:40%;white-space:normal;font-weight:600;color:var(--ink)}.rt-lock{display:inline-block;margin-right:.25rem;color:var(--ink-3);vertical-align:-2px}.rt-lock .ic{width:13px;height:13px}.rooms-table .rt-host.masked{color:var(--ink-3);font-style:italic}.rooms-table .of{color:var(--ink-3);font-weight:400}.rt-status{font-size:.76rem;color:var(--ink-3)}.rt-status.live{color:var(--cloth);font-weight:600}.rooms-table .rt-act{text-align:right}.rooms-table .rt-act .btn+.btn{margin-left:.3rem}.code-dialog{padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2);max-width:min(22rem,calc(100vw - 2rem))}.code-dialog::backdrop{background:#0724216b}.code-form{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem 1rem}.code-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.code-dialog .cap-line{margin:0}.code-dialog .code-field{font-family:var(--mono);font-size:1.25rem;letter-spacing:.22em;text-align:center;text-transform:uppercase;padding:.5rem;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:var(--r-sm)}.code-dialog .note-line{margin:0}.btn-row.end{justify-content:flex-end}.list.roomy li{padding:.7rem 0}.list li.in-room{box-shadow:inset 2px 0 0 var(--cloth);padding-left:.55rem}.list li .btn[disabled]{opacity:.5;cursor:not-allowed}.install-chip{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:stretch;gap:0;background:var(--card, #fff);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-2);overflow:hidden}.install-chip[hidden]{display:none}.install-chip .install-go{border:0;padding:.6rem 1rem;font:inherit;font-weight:600;color:#fff;background:var(--cloth);cursor:pointer}.install-chip .install-go:hover{background:var(--cloth-hi)}.install-chip .install-no{border:0;padding:0 .8rem;font:inherit;font-size:1.05rem;color:var(--ink-dim, #5b6b69);background:transparent;cursor:pointer}.action-crown{display:inline-flex;align-items:center;margin-left:.45rem;color:var(--cloth-hi)}.action-crown .ic{width:14px;height:14px}.action:disabled .action-crown{color:var(--cloth-hi);opacity:.9}.note-line .ic{width:12px;height:12px;vertical-align:-1px;color:var(--cloth-hi)}#route-signin .forgot-line{margin:-.45rem 0 1rem;font-size:.82rem}#route-signin .or-rule{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0;color:var(--ink-3);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}#route-signin .or-rule:before,#route-signin .or-rule:after{content:"";flex:1;height:1px;background:var(--line)}#route-signin .btn.oauth .ic{width:18px;height:18px}#route-signin .btn.discord{color:#fff;border-color:transparent;background:#5865f2;box-shadow:0 1px 2px #0d1a1924,0 8px 20px -12px #5865f2cc}#route-signin .btn.discord:hover:not(:disabled){background:#4752c4;border-color:transparent}#route-signin .btn.discord:active:not(:disabled){background:#3c45a5}#route-signin .switch-line{margin:1.2rem 0 0;text-align:center;font-size:.875rem;color:var(--ink-2)}.safety-dialog{--ground: #e9efee;--ground-2: #dfe7e6;--surface: #ffffff;--line: #d2dcda;--line-soft: #e5ebea;--ink: #0d1a19;--ink-2: #4a5c5a;--ink-3: #6b7d7b;--cloth: #0f6360;--cloth-hi: #14807c;--cloth-press: #0b4e4c;--win: #1c7a4c;--loss: #b04437;--r: 10px;--r-sm: 7px;--ease: cubic-bezier(.16, 1, .3, 1);--shadow-1: 0 1px 2px rgb(13 26 25 / .06), 0 1px 3px rgb(13 26 25 / .04);--shadow-2: 0 1px 2px rgb(13 26 25 / .07), 0 10px 26px -14px rgb(13 26 25 / .28);color-scheme:light;width:min(26rem,calc(100vw - 2rem));max-width:min(26rem,calc(100vw - 2rem));margin:auto;padding:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:#0d1a19;font-family:var(--sans);font-size:15px;line-height:1.45;box-shadow:0 24px 60px -20px #07121180}.safety-dialog::backdrop{background:#0000008c}.safety-dialog .code-form{gap:.75rem;padding:1.25rem 1.35rem 1.15rem}.safety-dialog .code-title{font-size:1.15rem;color:#0d1a19}.safety-dialog .cap-line{font-size:.875rem;font-weight:400;color:#3d4f4d}.safety-dialog .note-line{font-size:.85rem;color:#3d4f4d}.safety-dialog .note-line.bad{color:var(--loss)}.safety-dialog :focus-visible{outline:2px solid var(--cloth);outline-offset:2px}.safety-label{font-size:.85rem;font-weight:600;color:#2d3e3c}.safety-select,.safety-text{font:inherit;font-size:.9375rem;color:#0d1a19;background:#fff;border:1px solid #c3d0ce;border-radius:var(--r-sm);padding:.5rem .6rem;width:100%;box-sizing:border-box}.safety-select:focus,.safety-text:focus{border-color:var(--cloth)}.safety-text{resize:vertical;min-height:3.4rem}.safety-text::placeholder{color:#7b8c8a}.safety-dialog input.safety-text{min-height:0;resize:none}.safety-dialog .btn-row{gap:.55rem;margin-top:.25rem}.safety-dialog .btn-row .btn{flex:0 1 auto;min-width:6.5rem;padding:.6rem 1.1rem;white-space:nowrap}.safety-dialog .btn{color:#0d1a19;background:#fff;border-color:#c3d0ce}.safety-dialog .btn:hover:not(:disabled){background:#f2f6f5;border-color:#a9bab8}.safety-dialog .btn.brass{color:#fff;background:var(--cloth);border-color:transparent}.safety-dialog .btn.brass:hover:not(:disabled){background:var(--cloth-hi)}.safety-dialog .btn.brass:active:not(:disabled){background:var(--cloth-press)}.safety-notice{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#3d4f4d;max-height:min(50vh,22rem);overflow-y:auto}.safety-notice p{margin:0}.safety-notice a{color:var(--cloth);font-weight:600;text-decoration:underline}.rail-legal{font-size:.72rem;color:var(--ink-3, var(--ink-2));margin-top:.4rem}.rail-legal a{color:inherit;text-decoration:none}.rail-legal a:hover{text-decoration:underline}.legal-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}.legal-tab{font-size:.85rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);text-decoration:none}.legal-tab.current{color:var(--ink);background:var(--surface);border-color:var(--ink-3, var(--line))}.legal-body{max-width:46rem;font-size:.95rem;line-height:1.55;color:var(--ink-2)}.legal-body h3{color:var(--ink);margin:1.4rem 0 .4rem;font-size:1rem}.legal-body p,.legal-body ul{margin:.5rem 0}.legal-body li{margin:.25rem 0 .25rem 1.1rem}.legal-body a{color:inherit;text-decoration:underline}.legal-body b{color:var(--ink)}.langplate{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .65rem;border:0;border-radius:var(--r-sm);font:inherit;font-size:.82rem;font-weight:600;text-align:left;color:#cfe0de;background:#ffffff0a;cursor:pointer;transition:background .13s var(--ease)}.langplate:hover{background:#ffffff1c}.langplate-flag{flex:none;width:20px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #00000059}.langplate-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langsheet{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:1.25rem}.langsheet[hidden]{display:none}.langsheet-scrim{position:absolute;inset:0;background:#091a198c;backdrop-filter:blur(2px)}.langsheet-panel{position:relative;width:min(30rem,100%);max-height:min(34rem,100%);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2);overflow:hidden}.langsheet-head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem .6rem}.langsheet-head h2{flex:1;margin:0;font-size:1rem;font-weight:700}.langsheet-x{flex:none;width:1.9rem;height:1.9rem;border:0;border-radius:var(--r-sm);font-size:1.2rem;line-height:1;color:inherit;background:transparent;cursor:pointer;opacity:.7}.langsheet-x:hover{background:var(--ground-2);opacity:1}.langsheet-note{margin:0;padding:0 1rem .75rem;font-size:.78rem;line-height:1.45;opacity:.65}.langsheet-list{display:grid;gap:2px;padding:0 .6rem .8rem;overflow-y:auto;overscroll-behavior:contain}.langopt{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .6rem;border:0;border-radius:var(--r-sm);font:inherit;text-align:left;color:inherit;background:transparent;cursor:pointer}.langopt:hover{background:var(--ground-2)}.langopt.on{background:#0f63601a}.langopt-flag{flex:none;width:26px;height:18px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #0006}.langopt-text{flex:1;min-width:0;display:grid;gap:1px}.langopt-text b{font-size:.9rem;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langopt-text small{font-size:.72rem;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langopt-tick{flex:none;width:1rem;color:var(--cloth);font-size:.95rem;font-weight:700}@media(max-width:760px){.langplate{flex-direction:column;gap:.15rem;width:auto;padding:.4rem .45rem;font-size:.55rem}.langplate-name{max-width:3.4rem}.langsheet{align-items:flex-end;padding:0}.langsheet-panel{width:100%;max-height:78vh;border-radius:var(--r) var(--r) 0 0;padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:760px){.rail-foot{display:flex;align-items:stretch;gap:.15rem}.rail-legal{display:none}}