:root{--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif;--app-bg: #1d5f8a;--panel-bg: #ffffff;--panel-ink: #2b2b2b;--panel-line: #e2e2e2;--accent: #2a9d8f;--accent-ink: #ffffff;--board-mat: #3d9cd2;--board-mat-edge: #2a76a5;--chip-bg: #f1f1f1;--banner-ink: #ffffff;--header-bg: rgba(0, 0, 0, .35);--spot: #ffffff;--spot-ring: #2a9d8f;--motion-snap: cubic-bezier(.2, .8, .25, 1);--motion-enter: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#04121b2e,#020c146b),url(/tiles/ocean-page.webp) center / cover;background-attachment:fixed;color:var(--banner-ink);min-height:100vh;font-family:var(--font-body)}.board-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:#ecdfc0b8;font:600 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.board-loading-mark{width:24px;aspect-ratio:1;border:1px solid rgba(220,180,94,.46);background:#05121b9e;clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%);animation:loading-breathe .9s ease-in-out infinite alternate}@keyframes loading-breathe{to{opacity:.42;transform:scale(.86)}}h1,h2,h3,.banner,button.primary{font-family:var(--font-display)}button{font:inherit;font-family:var(--font-display);border:none;border-radius:8px;padding:8px 14px;background:var(--chip-bg);color:var(--panel-ink);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;transition:filter .1s ease,transform .1s var(--motion-snap),border-color .1s ease,opacity .1s ease}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:disabled{opacity:.45;cursor:default}button.primary:not(.plate){background:var(--accent);color:var(--accent-ink)}button.link{background:none;color:inherit;text-decoration:underline;font-weight:400;padding:4px}button small{display:block;font-weight:400;font-size:11px;width:100%}input,select{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid var(--panel-line)}.lobby-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px;background:radial-gradient(circle at 50% 44%,rgba(77,159,180,.12),transparent 44%),linear-gradient(#03111b14,#020b1252),url(/tiles/ocean-page.webp) center / cover}.lobby-panel{width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px;padding:26px 26px 18px;border-radius:18px;background:linear-gradient(#101f29e0,#08121aed);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(201,162,74,.28);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0d;color:#e6eef2;text-align:center;animation:dock-in .18s var(--motion-enter)}.lobby-panel.wide{max-width:780px;text-align:left}.lobby-panel.waiting-panel{max-width:1040px;gap:18px;padding:30px 34px 22px;border-radius:16px;background:radial-gradient(circle at 31% 48%,rgba(201,162,74,.065),transparent 31%),linear-gradient(145deg,#081c27f0,#05121bf7);border-color:#c9a24a7a;box-shadow:0 32px 90px #01090f9e,inset 0 1px #ffffff0e,inset 0 0 0 4px #020b1238}.lobby-panel h1{margin:0;font-size:24px;font-weight:700;letter-spacing:.05em;color:#f0e5cd}.lobby-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.lobby-head .tagline{margin:0}.lobby-head .eyebrow{margin:0 0 4px;color:#dcb45e;opacity:.72;font:600 9px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase}.waiting-panel .lobby-head h1{font-size:34px;letter-spacing:.08em}.room-label{margin:0 0 3px;font-size:13px;opacity:.72}.lobby-hero{display:flex;flex-direction:column;align-items:center}.lobby-hero.band,.lobby-hero.poster{position:relative;margin:-26px -26px 2px;border-radius:18px 18px 0 0;overflow:hidden;isolation:isolate}.lobby-hero.band img,.lobby-hero.poster img{display:block;width:100%;height:190px;object-fit:cover;object-position:50% 42%}.lobby-hero.poster img{height:246px;object-position:50% 50%}.lobby-hero.band:after,.lobby-hero.poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#060e1400 24%,#060e149e 66%,#08121af0)}.lobby-hero.poster:after{background:linear-gradient(#060e1400 46%,#060e1457 72%,#08121ae6)}.hero-words{position:absolute;inset:auto 0 0;z-index:1;padding:0 20px 14px}.lobby-hero.band .tagline,.lobby-hero.poster .tagline{margin-top:5px;font-size:13.5px}.lobby-hero.poster .hero-words{padding-bottom:16px}.lobby-hero.poster .hero-words h1,.lobby-hero.poster .hero-words .kicker,.lobby-hero.poster .hero-words .tagline{text-shadow:0 2px 18px rgba(2,8,12,.85),0 1px 3px rgba(2,8,12,.7)}.lobby-hero.mark img{width:118px;height:118px;object-fit:contain;margin-bottom:-2px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}.hero-pieces{display:flex;justify-content:center;margin-bottom:2px}.hero-pieces img{height:56px;width:auto;margin:0 -8px;filter:drop-shadow(0 7px 9px rgba(0,0,0,.55));transform:rotate(calc((var(--i) - 1.5) * 4deg))}.lobby-hero h1{font-size:46px;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5)}.lobby-hero .kicker{margin:1px 0 0;font-size:11px;font-weight:600;letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:#dcb45e}.tagline{margin:8px 0 0;opacity:.72;font-size:14.5px}.invite-note{margin:0;font-size:13.5px;line-height:1.5;padding:9px 12px;border-radius:10px;background:#e0b55817;border:1px solid rgba(201,162,74,.3)}.room-code{font-family:ui-monospace,monospace;letter-spacing:3px;font-weight:700;color:#f4d998;background:#00000057;border:1px solid rgba(201,162,74,.3);padding:2px 8px;border-radius:6px}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;opacity:.5}.lobby-panel input,.lobby-panel select{font:inherit;color:inherit;background:#00000052;border:1px solid rgba(160,205,220,.18);border-radius:9px;padding:10px 12px}.lobby-panel input:focus,.lobby-panel select:focus{outline:none;border-color:#e8c4708c}.lobby-panel input::placeholder{color:#e6eef24d}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0;text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:3px}.plate.block{width:100%;padding:11px 14px;font-size:14.5px}.dim-link{font-size:12.5px;opacity:.5}.dim-link:hover{opacity:.9}.error{color:#f0a38a;margin:0;font-size:13px}.lobby-cols{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.waiting-panel .lobby-cols{grid-template-columns:minmax(0,1.28fr) minmax(310px,.88fr);gap:36px;align-items:stretch}.waiting-panel .lobby-seats{position:relative;padding-right:36px;border-right:1px solid rgba(201,162,74,.34)}.waiting-panel .lobby-seats:after{content:"";position:absolute;z-index:-1;left:50%;top:54%;width:220px;aspect-ratio:1;transform:translate(-58%,-50%);border-radius:50%;opacity:.14;background:radial-gradient(circle,transparent 0 13%,rgba(220,180,94,.9) 14% 15%,transparent 16% 33%,rgba(220,180,94,.7) 34% 35%,transparent 36% 100%),conic-gradient(from 22.5deg,transparent 0 10%,rgba(220,180,94,.8) 10.5% 11%,transparent 11.5% 23.5%,rgba(220,180,94,.8) 24% 24.5%,transparent 25% 100%)}.waiting-panel .seat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lobby-seats h5,.lobby-rules h5{margin:0 0 8px;padding-bottom:5px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.5;border-bottom:1px solid rgba(184,214,226,.14)}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 9px;border-radius:12px;background:#0000003d;border:1px solid rgba(160,205,220,.1);box-shadow:inset 3px 0 0 var(--seat, transparent)}.waiting-panel .seat-row{position:relative;min-height:112px;display:grid;grid-template-columns:66px minmax(0,1fr);align-content:center;gap:14px;padding:14px 15px;border-radius:14px;background:linear-gradient(145deg,#10252fe0,#05121be6);border:1px solid color-mix(in srgb,var(--seat, #b9ced6) 48%,transparent);box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000029}.seat-piece{width:66px;height:66px;display:grid;place-items:center;clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%);background:linear-gradient(145deg,#e2c27f29,#00000052);border-radius:18px}.seat-row img{width:45px;height:49px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.seat-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.seat-copy small{font-size:11px;opacity:.38}.seat-tags{display:flex;gap:5px;flex-wrap:wrap}.seat-row .name{font-weight:600;font-size:15px}.seat-row .tag{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;opacity:.6;border:1px solid rgba(255,255,255,.18);padding:1px 7px;border-radius:999px}.seat-row .tag.host{color:#f4d998;border-color:#dcb45e73;opacity:.9}.seat-row .kick{margin-left:auto;padding:0 5px;font-size:17px;line-height:1;opacity:.4;text-decoration:none}.waiting-panel .seat-row .kick{position:absolute;top:7px;right:8px;margin:0;padding:2px 5px}.seat-row .kick:hover{opacity:1;color:#f0a38a}.seat-row .link{font-size:12.5px}.seat-row.empty{border-style:solid;background:#020e166b;color:#e6eef26b}.seat-row.empty .seat-piece{opacity:.42}.seat-row.empty img{filter:grayscale(1);opacity:.2}.seat-row.empty .name{font-weight:400;font-style:italic}.waiting-panel .seat-row.empty .link{position:absolute;right:12px;bottom:10px;margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#e3c879;opacity:.64}.lobby-rules .rule{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7.5px 0;font-size:14px}.lobby-rules .rule+.rule{border-top:1px solid rgba(184,214,226,.08)}.lobby-rules .rule>span{display:flex;flex-direction:column;gap:1px}.lobby-rules .rule small{font-size:11.5px;opacity:.45}.lobby-rules .rule strong{font-weight:600;color:#f0e5cd}.lobby-rules select{appearance:none;padding:6px 26px 6px 10px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6'><path d='M1 1l3 3 3-3' stroke='%23d8c596' fill='none' stroke-width='1.4' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 9px center}.lobby-rules .hint{margin:8px 0 0}.lobby-foot{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px}.waiting-panel .lobby-foot{margin-top:0}.waiting-panel .lobby-foot .plate{min-height:48px;letter-spacing:.08em;text-transform:uppercase}.lobby-foot .hint{margin:0}@media(max-width:680px){.lobby-cols{grid-template-columns:1fr}}@media(max-width:880px){.lobby-panel.waiting-panel{max-width:620px;padding:24px 22px 18px}.waiting-panel .lobby-cols{grid-template-columns:1fr;gap:24px}.waiting-panel .lobby-seats{padding-right:0;padding-bottom:24px;border-right:0;border-bottom:1px solid rgba(201,162,74,.3)}}@media(max-width:520px){.waiting-panel .seat-list{grid-template-columns:1fr}.waiting-panel .waiting-invite{flex-direction:column;align-items:stretch}.waiting-panel .waiting-invite button{width:100%}}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;border:2px solid rgba(0,0,0,.4);vertical-align:-1px}.piece-in{transform-box:fill-box;transform-origin:center bottom;animation:piece-pop .2s var(--motion-enter)}@keyframes piece-pop{0%{transform:translateY(-8px) scale(.78);opacity:0}72%{transform:translateY(1px) scale(1.025);opacity:1}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.piece-in{animation:none}}.end-back{padding:24px}.end{width:min(940px,100%);max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:26px 30px 24px;border-radius:20px;color:#e6eef2;background:radial-gradient(120% 90% at 50% -10%,rgba(224,181,88,.11),transparent 60%),linear-gradient(#101f29f7,#071017fb);border:1px solid rgba(201,162,74,.3);box-shadow:0 40px 100px #000000a8,inset 0 1px #ffffff0f;animation:end-rise .22s var(--motion-enter) both}@keyframes end-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.end{animation:none}}.end-head{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(201,162,74,.2)}.end-laurel{flex:0 0 auto;line-height:0;color:#e0b558;filter:drop-shadow(0 3px 12px rgba(0,0,0,.55))}.end-title h2{margin:0;font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.01em}.end-title p{margin:5px 0 0;font-size:13.5px;opacity:.55}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:780px){.end-grid{grid-template-columns:1fr}}.end-panel{padding:15px 17px 16px;border-radius:13px;background:#ffffff09;border:1px solid rgba(184,214,226,.09)}.end-panel-head{display:flex;align-items:baseline;gap:10px;margin-bottom:13px}.end-panel-head h3{margin:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.55}.end-panel-head span{margin-left:auto;font-size:11px;opacity:.38}.ladder{list-style:none;margin:0;padding:0;display:grid;gap:3px}.rung{display:grid;grid-template-columns:18px minmax(0,1fr) 74px 30px;align-items:center;gap:11px;padding:7px 0}.rung+.rung{border-top:1px solid rgba(184,214,226,.07)}.rung-place{font-family:var(--font-display);font-size:13px;font-weight:700;opacity:.3;font-variant-numeric:tabular-nums}.rung.first .rung-place{opacity:1;color:#e8c877}.rung-name{min-width:0;display:flex;flex-direction:column;gap:1px}.rung-name b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rung.first .rung-name b{color:#fbf3df}.rung-name em{font-style:normal;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#e2c07d;opacity:.78}.rung-bar{height:6px;border-radius:3px;overflow:hidden;background:#ffffff12;box-shadow:inset 0 1px 1px #00000059}.rung-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--seat) 62%,#000),var(--seat))}.rung-vp{text-align:right;font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1;color:#f2e8cf;font-variant-numeric:tabular-nums}.rung.first .rung-vp{color:#f7dfa4}.roll-chart svg{display:block;width:100%;height:auto;overflow:visible}.rc-count{font-size:8.5px;font-weight:700;fill:#dfeaef;opacity:.72;font-family:var(--font-body)}.rc-num{font-size:10px;font-weight:600;fill:#cfe0e7;opacity:.5;font-family:var(--font-body)}.rc-num.hot{fill:#eda877;opacity:.9}.rc-expected{stroke:#e0b558;stroke-width:1.5;stroke-dasharray:4 3;stroke-linejoin:round;opacity:.85}.rc-dot{fill:#f0d69a;opacity:.9}.rc-key{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:10.5px;opacity:.45}.rc-key-bar{width:10px;height:10px;border-radius:2px;background:linear-gradient(#7fc0d8,#2e6c85)}.rc-key-line{width:16px;height:0;margin-left:8px;border-top:1.5px dashed #e0b558}.harvest{display:grid;gap:8px}.harvest-row{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:10px}.harvest-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harvest-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,0 1px 3px #0006}.harvest-bar i{display:grid;place-items:center;min-width:0;font-style:normal}.harvest-bar i+i{box-shadow:inset 1px 0 #00000047}.harvest-bar b{font-size:9.5px;font-weight:700;color:#000000b8;text-shadow:0 1px 0 rgba(255,255,255,.18)}.harvest-total{text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.72}.pace{display:grid;gap:8px}.pace-row{display:grid;grid-template-columns:46px minmax(0,1fr) 40px 64px;align-items:center;gap:9px}.pace-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pace-bar{height:6px;border-radius:3px;overflow:hidden;background:#ffffff12}.pace-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--seat) 55%,#000),var(--seat));opacity:.82}.pace-avg{text-align:right;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.pace-range{text-align:right;font-size:10.5px;opacity:.36;font-variant-numeric:tabular-nums}.end-actions{display:flex;align-items:center;gap:14px;padding-top:4px}.end-actions .plate{flex:0 0 auto}.end-actions .link{margin-left:auto;background:none;border:0;padding:6px 2px;color:inherit;font:inherit;font-size:13px;opacity:.5;text-decoration:none;cursor:pointer}.end-actions .link:hover{opacity:.9;text-decoration:underline}.end-actions .hint{margin:0;font-size:12.5px;opacity:.5}.turn-timer{font-variant-numeric:tabular-nums;font-weight:700;padding:2px 8px;border-radius:6px;background:#ffffff1f}.turn-timer.urgent{color:#ffb3b3;animation:timer-pulse .8s ease-in-out infinite}@keyframes timer-pulse{50%{background:#ff505059}}main{min-width:0;min-height:0;display:flex}.board{width:100%;height:100%}.res-icon{vertical-align:-3px}.clickable{cursor:pointer}.spot{fill:var(--spot);stroke:none;opacity:.3;transition:opacity 90ms ease,transform 90ms var(--motion-snap)}.clickable:hover .spot,.spot.clickable:hover{opacity:.85;transform:scale(1.25);transform-box:fill-box;transform-origin:center}.modal-backdrop{position:fixed;inset:0;background:#03090ea8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10;animation:veil-in .14s ease-out both}.modal{background:linear-gradient(#101f29f5,#08121afa);color:#e6eef2;border:1px solid rgba(201,162,74,.26);box-shadow:0 30px 80px #0009;border-radius:16px;padding:22px 26px;max-width:500px;width:calc(100% - 32px);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;animation:panel-in .18s var(--motion-enter) both}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2,.modal h3{margin:4px 0}.stepper-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stepper{display:flex;align-items:center;gap:4px;background:#00000047;border:1px solid rgba(160,205,220,.14);border-radius:10px;padding:4px 6px}.stepper .count{min-width:18px;text-align:center;font-weight:700}.res-pick{text-transform:capitalize}.picked-row{display:flex;align-items:center;gap:4px;justify-content:center}.connection-notices{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:30;display:grid;gap:6px;pointer-events:none}.connection-notice{padding:9px 14px;border-radius:999px;background:#23262df0;color:#fff;box-shadow:0 5px 20px #00000059;font-size:13px;animation:notice-in .17s var(--motion-enter) both}.connection-notice.leaving{animation:notice-out .16s ease-in both}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notice-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px) scale(.98)}}.connection-notice>span{color:#e1a15d}.connection-notice.rejoined>span{color:#70c992}.toast.quiet{background:linear-gradient(#122029f0,#0a141cf5);border:1px solid rgba(160,205,220,.16);color:#e6eef2;cursor:default;animation:toast-in .17s var(--motion-enter) both}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#c1272d;color:#fff;padding:10px 18px;border-radius:8px;cursor:pointer;z-index:20;box-shadow:0 4px 16px #0006;animation:toast-in .17s var(--motion-enter) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.studio{position:relative;height:100vh;overflow:hidden}.table{position:relative;height:100vh;overflow:hidden;--rail: 470px;--strip: 148px}.table-board{position:absolute;top:0;left:0;right:var(--rail);bottom:var(--strip);display:flex;padding:14px 10px 6px 18px}.table-board>*{flex:1;min-width:0;min-height:0}.table-right{position:absolute;top:10px;right:10px;bottom:10px;width:calc(var(--rail) - 20px);display:flex;flex-direction:column;gap:8px}.tr-pane{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.tr-pane.tr-bank,.tr-pane.tr-scores{flex:0 1 auto}.tr-pane:first-child{flex:1.55 1 0}.table-bottom{position:absolute;left:10px;right:var(--rail);bottom:10px;height:calc(var(--strip) - 20px);overflow:hidden}.tr-pane,.table-bottom,.dice-dock,.dock{background:linear-gradient(#0c1820a8,#060f16bd);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(160,205,220,.13);box-shadow:0 10px 34px #0000006b,inset 0 1px #ffffff0d;border-radius:14px;color:#e6eef2}.tr-pane,.table-bottom{padding:10px 12px}.pane{display:flex;flex-direction:column;height:100%;min-height:0}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.scroll:hover{scrollbar-color:rgba(224,236,242,.22) transparent}.scroll::-webkit-scrollbar{width:7px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.scroll:hover::-webkit-scrollbar-thumb{background:#e0ecf233}.scroll:hover::-webkit-scrollbar-thumb:hover{background:#e0ecf257}.pane-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 7px;padding-bottom:5px;border-bottom:1px solid rgba(184,214,226,.16)}.table h4{margin:0;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;opacity:.62;font-weight:700}.table .dim{font-style:normal;opacity:.5;font-weight:400;letter-spacing:0;text-transform:none}.act-log{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0;list-style:none;overflow-y:auto;font-size:12.5px;line-height:1.5;min-height:0}.act-log li{padding:1px 0;opacity:.85}.log-roll{display:inline-flex;align-items:center;gap:3px}.log-dice{width:27px;height:16px;margin:0 2px 0 1px;vertical-align:-3px;overflow:visible}.log-dice rect{fill:#efe4ca;stroke:#1b1208b8;stroke-width:.8}.log-dice circle{fill:#392718}.act-chat{flex:1 1 auto;font-size:12.5px;line-height:1.45;min-height:0}.act-chat p{margin:0 0 3px}.chat-send{margin-top:8px}.chat-send input{width:100%;padding:6px 9px;border-radius:9px;border:1px solid rgba(160,205,220,.16);background:#00000047;color:inherit;font:inherit;font-size:12.5px}.chat-send input::placeholder{color:#e6eef259}.bank{flex:0 0 auto}.bank .pane-head .dim{font-size:9.5px;letter-spacing:.05em;opacity:.3}.bank-row{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:2px 1px 9px}.bank-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:1 1 0;min-width:0;max-width:58px;line-height:0}.bank-div{flex:0 0 1px;align-self:stretch;margin:4px 6px 14px;background:linear-gradient(#b8d6e200,#b8d6e257,#b8d6e200)}.bank-pile{position:relative;display:block}.bank-face{position:relative;z-index:2;display:block;width:100%;height:auto;aspect-ratio:34 / 52;border-radius:4px;box-shadow:0 3px 9px #0000008c;object-fit:cover}.bank-card.dev .bank-face{border-radius:5px}.bank-edge{position:absolute;inset:0;border-radius:4px;background:linear-gradient(#8b7549,#4e4026);border:1px solid rgba(28,19,5,.6);box-shadow:0 2px 6px #00000073;transition:transform .18s var(--motion-enter),opacity .18s ease}.bank-edge.near{transform:translate(3.5px,-3.5px);z-index:1}.bank-edge.far{transform:translate(7px,-7px);z-index:0;opacity:.82}.bank-card.dev .bank-edge{background:linear-gradient(#3a2d55,#1f1830)}.bank-swatch{display:grid;place-items:center;border:1px solid rgba(255,255,255,.12)}.bank-swatch.dev-back{background:linear-gradient(#4a3a6b,#2c2242)}.bank-card i{position:absolute;z-index:3;right:-5px;bottom:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:linear-gradient(#e8c877,#b8892f);border:1px solid rgba(58,40,10,.55);box-shadow:0 1px 4px #00000080;color:#2b1e07;font-style:normal;font-size:11.5px;font-weight:700;line-height:19px;text-align:center;font-variant-numeric:tabular-nums}.bank-level{display:block;height:2.5px;border-radius:2px;overflow:hidden;background:#ffffff17}.bank-level b{display:block;height:100%;background:linear-gradient(90deg,#b8892f,#e8c877);transition:width .18s var(--motion-enter)}.bank-card.out{opacity:.34}.bank-card.out i{background:#6b6357;color:#efe8d8}.scores{display:flex;flex-direction:column;height:100%;min-height:0}.score-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:center}.score-rows{flex:0 1 auto;min-height:0;display:grid;grid-template-columns:fit-content(140px) 34px repeat(3,minmax(0,1fr));column-gap:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.score-rows.scrolling{scrollbar-color:rgba(224,236,242,.26) transparent}.score-rows::-webkit-scrollbar{width:6px}.score-rows::-webkit-scrollbar-track{background:transparent}.score-rows::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.score-rows.scrolling::-webkit-scrollbar-thumb{background:#e0ecf242}.score-row{min-height:72px;padding:5px 10px;border-radius:9px}.score-row+.score-row{border-top:1px solid rgba(184,214,226,.08)}.score-row.active{background:linear-gradient(90deg,#ffffff16,#ffffff05)}.score-row{transition:background .15s ease}.score-row .who{display:flex;align-items:center;gap:7px;min-width:0}.score-row .swatch{flex:0 0 auto;align-self:center;width:11px;height:11px;border-radius:50%;background:var(--seat);border:1px solid rgba(0,0,0,.55);box-shadow:0 1px 3px #00000080,inset 0 1px 1px #ffffff59}.score-row .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}.score-row .score{position:relative;display:flex;align-items:baseline;justify-content:center;min-width:0;font-size:14px;font-weight:400;line-height:1.1;color:#f6eeda;font-variant-numeric:tabular-nums}.score-row .score.lead{color:#f4d998}.score-row .score em{position:absolute;left:calc(50% + 7px);white-space:nowrap;font-style:normal;font-size:14px;font-weight:400;opacity:.42;color:#e6eef2}.score-row .col{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;line-height:0}.cards-stack{position:relative;display:inline-block;line-height:0}.cs-flat{display:block;height:44px;width:auto}.cs-fan{position:relative;display:block;width:62px;height:52px}.cs-fan img{position:absolute;left:50%;bottom:4px;height:42px;width:auto;border-radius:2.5px;box-shadow:0 1px 4px #0009;transform-origin:50% 100%}.cards-stack.empty img{filter:grayscale(1) brightness(.35) contrast(.7);opacity:.42}.cards-stack.empty i{background:#6b6357;color:#efe8d8;border-color:#0006}.muster{display:flex;flex-direction:column;align-items:center;line-height:0}.muster-row{display:flex;gap:2.5px}.muster-row+.muster-row{margin-top:2px}.muster img{display:block;width:auto;filter:grayscale(1) brightness(0) invert(1);opacity:.27;transition:filter .17s ease,opacity .17s ease}.muster img{height:19px}.muster img.lit{filter:none;opacity:1}.muster.best img.lit{filter:sepia(.72) saturate(2.1) hue-rotate(-12deg) brightness(1.14) drop-shadow(0 0 3px rgba(232,186,92,.55))}.lane{position:relative;display:block;width:62px;height:48px}.lane-meter{display:block;width:100%;height:100%;overflow:visible}.lane-meter path{fill:none;stroke-linecap:round;stroke-linejoin:round}.lane-slot-edge,.lane-slot,.lane-fill-edge,.lane-fill,.lane-fill-highlight{stroke-dasharray:7 3}.lane-slot-edge{stroke:#02080cb3;stroke-width:7.5}.lane-slot{stroke:#c7d6dc33;stroke-width:5}.lane-fill-edge{stroke:color-mix(in srgb,var(--seat) 68%,#11191d);stroke-width:7}.lane-fill{stroke:var(--seat);stroke-width:5}.lane-fill-highlight{stroke:color-mix(in srgb,var(--seat) 76%,#f4ead5);stroke-width:1.25;opacity:.58;transform:translateY(-.7px)}.lane.light .lane-fill-edge,.lane.light .lane-fill,.lane.light .lane-fill-highlight{stroke-dasharray:6 4}.lane-reveal{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:butt;transition:stroke-dasharray .22s var(--motion-enter)}.lane i,.cards-stack i,.over-count{position:absolute;right:-3px;bottom:-3px;min-width:19px;height:19px;border-radius:10px;background:linear-gradient(#e8c877,#b8892f);border:1px solid rgba(58,40,10,.55);box-shadow:0 1px 4px #0000008c;color:#2b1e07;font-style:normal;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.over-count{right:-1px;bottom:0}.t-hand{display:flex;align-items:stretch;height:100%}.hand-group{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding:0 14px}.hand-group>:not(h6){margin-top:auto}.hand-group:first-child{padding-left:4px}.hand-group+.hand-group{border-left:1px solid rgba(160,205,220,.14)}.hand-trade{margin-left:auto}.card-row{display:flex;align-items:flex-end;gap:7px}.hand-empty{margin:0;font-size:12.5px;opacity:.32;padding-bottom:30px}.hand-card{position:relative;padding:0;border:0;background:none;border-radius:8px;cursor:pointer;line-height:0;transition:transform .12s ease}.hand-card:hover{transform:translateY(-6px)}.card-face{border-radius:6px;box-shadow:0 4px 12px #00000073;display:block}.hand-card .count{position:absolute;right:-5px;bottom:-5px;min-width:20px;height:20px;border-radius:10px;background:linear-gradient(#e8c877,#b8892f);border:1px solid rgba(58,40,10,.55);color:#2b1e07;font-size:11.5px;font-weight:700;line-height:19px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #00000080}.hand-card .count,.bank-count{animation:count-settle .14s var(--motion-enter) both}@keyframes count-settle{0%{opacity:.45;transform:translateY(-2px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.dev-back{display:block;border-radius:6px;background:linear-gradient(#4a3a6b,#2c2242);border:1px solid rgba(255,255,255,.12)}.hand-total{display:flex;flex-direction:column;justify-content:flex-end;margin-left:5px;padding-bottom:3px;line-height:1}.hand-total b{font-family:var(--font-display);font-size:21px;line-height:1}.hand-total span{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;opacity:.5;margin-top:3px}.plate,.build,.seg button,.modal button:not(.link),.stepper button{--plate-face: linear-gradient(rgba(60, 48, 33, .72), rgba(34, 26, 17, .86));--plate-rim: rgba(201, 162, 74, .34);font:inherit;color:#f0e5cd;cursor:pointer;border:1px solid var(--plate-rim);background:var(--plate-face);box-shadow:inset 0 1px #fff0cd17,0 2px 6px #00000059}.plate{padding:8px 14px;border-radius:9px;font-size:13px;white-space:nowrap}.plate:hover:not(:disabled),.build:hover:not(:disabled),.modal button:not(.link):hover:not(:disabled),.stepper button:hover:not(:disabled){--plate-rim: rgba(224, 186, 98, .62);--plate-face: linear-gradient(rgba(76, 61, 41, .8), rgba(45, 35, 22, .9))}.plate:disabled,.build:disabled,.modal button:disabled,.stepper button:disabled{opacity:.32;cursor:default}.plate.wide{min-width:104px;text-align:center}.plate.primary,.modal button.primary{--plate-face: linear-gradient(#e5bd64, #c2903a);--plate-rim: rgba(70, 48, 12, .5);color:#2a1e07;font-weight:700}.modal button:not(.link){padding:8px 14px;border-radius:9px;font-size:13px}.stepper button{padding:2px 9px;border-radius:7px;font-size:14px}.btn-row{display:flex;gap:6px}.hand-trade .btn-row{flex-direction:column;gap:5px;height:84px}.hand-trade .plate{flex:1 1 0;padding:0 14px;text-align:center;display:flex;align-items:center;justify-content:center}.build{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;width:76px;height:84px;padding:0;border-radius:12px}.build-art{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 35%,#fff4dc17,#00000029);box-shadow:inset 0 -1px #0000004d}.build-art svg,.build-card{display:block}.build-piece{display:block;max-width:86%;max-height:86%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.build-piece.road{max-width:92%;transform:rotate(-19deg)}.build-left{position:absolute;top:3px;right:4px;font-style:normal;font-size:10px;font-weight:700;line-height:1;padding:2px 4px;border-radius:5px;color:#f0e2bd;background:#0000006b;font-variant-numeric:tabular-nums}.build-left.none{color:#f2b48a;background:#5e1e0c80}.build-label{padding:3px 2px 4px;font-size:10px;letter-spacing:.03em;line-height:1.1;text-align:center;opacity:.9;background:linear-gradient(#0000002e,#0000004d)}.build.on{--plate-face: linear-gradient(rgba(224, 181, 88, .3), rgba(160, 118, 40, .24));--plate-rim: rgba(232, 196, 112, .85)}.build.poor{opacity:.36}.build.poor:hover{opacity:.55}.build-card{border-radius:3px;box-shadow:0 2px 6px #0000008c}.build-row{display:flex;gap:7px}.sheet-back{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#03090eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:veil-in .14s ease-out both}.sheet{display:flex;gap:26px;align-items:center;padding:24px 30px;border-radius:18px;background:linear-gradient(#0e1b24f0,#071018f5);border:1px solid rgba(170,210,225,.18);box-shadow:0 30px 80px #0009;animation:panel-in .18s var(--motion-enter) both}.sheet .card-face{box-shadow:0 18px 44px #0009;border-radius:12px}.sheet-text{max-width:300px}.sheet-text h3{margin:0 0 2px;font-size:22px}.sheet-text h5{margin:16px 0 5px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;opacity:.5}.sheet-text ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}.sheet-text .dim{margin:0;font-size:13px}.seat{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid rgba(0,0,0,.35)}.seat.on{outline:3px solid var(--accent)}.hint{font-size:12px;opacity:.7}.gallery{overflow-y:auto;padding:12px 20px}.gallery h2{margin:12px 0 6px}.gallery-row{display:flex;flex-wrap:wrap;gap:10px}.gallery-cell{margin:0;background:var(--panel-bg);color:var(--panel-ink);border-radius:10px;padding:8px;text-align:center}.gallery-cell figcaption{font-size:12px;opacity:.7;margin-top:2px}@media(max-width:900px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.side.left{order:3}main{order:1;min-height:45vh}.side.right{order:2}.table{--rail: 0px;--strip: 250px}.table-right{inset:auto 10px 8px;width:auto;height:110px;flex-direction:row}.table-bottom{bottom:126px;height:116px}.tr-pane{flex:1 1 0}.tr-pane.tr-bank{flex:0 0 auto}.table-board{padding:10px 10px 4px}}.door-page{min-height:100vh;padding:34px 26px 48px;color:#e6eef2}.door-head{max-width:760px;margin:0 auto 26px;text-align:center}.door-head h1{margin:0;font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:.02em}.door-head p{margin:7px 0 0;font-size:14px;opacity:.6}.door-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:1320px;margin:0 auto}.door{display:flex;flex-direction:column;gap:11px;padding:11px;border-radius:22px;border:1px solid transparent}.door.on{border-color:#e0b55880;background:#e0b5580f}.door-panel{pointer-events:none;padding:26px 26px 18px;border-radius:18px;background:linear-gradient(#101f29e0,#08121aed);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(201,162,74,.28);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0d;text-align:center}.door-foot{display:flex;align-items:center;gap:14px;padding:0 4px}.door-foot>div{min-width:0;display:flex;flex-direction:column;gap:2px}.door-foot b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e8c877}.door-foot span{font-size:12.5px;opacity:.55;line-height:1.4}.door-foot .plate{margin-left:auto;flex:0 0 auto}.preview-page{height:100vh;overflow:hidden;background:#0d1117;display:flex;flex-direction:column}.preview-bar{display:flex;align-items:center;gap:16px;padding:10px 18px}.preview-bar .banner{font-size:17px;font-weight:700}.preview-stage{flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;padding:8px 18px 22px}.dice-dock{position:absolute;right:calc(var(--rail) + 6px);bottom:calc(var(--strip) + 10px);z-index:5;display:grid;grid-template-columns:152px 48px 1fr;align-items:center;column-gap:12px;box-sizing:border-box;width:360px;padding:10px 16px}.dice-roll{grid-column:1;width:152px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.dice-roll .dice-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#e8c877}.dice-roll:hover svg{transform:translateY(-2px) scale(1.03)}.dice-roll svg{transition:transform .1s var(--motion-snap)}.dice-roll:disabled{cursor:default}.dice-pair{display:block;width:152px;height:82px;line-height:0;transform-origin:50% 68%;will-change:transform,opacity,filter}.dice-pair .die{filter:drop-shadow(0 5px 7px rgba(0,0,0,.5))}.dice-hiding .dice-pair{animation:dice-away .14s ease-in both}.dice-waiting .dice-pair{opacity:0;transform:translateY(3px) scale(.84)}.dice-revealing .dice-pair{animation:dice-back .22s var(--motion-enter) both}@keyframes dice-away{to{opacity:0;transform:translateY(3px) scale(.84);filter:blur(1px)}}@keyframes dice-back{0%{opacity:0;transform:translateY(-5px) scale(.9);filter:blur(1px)}72%{opacity:1;transform:translateY(1px) scale(1.025);filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes die-land{0%{transform:translateY(-9px) scale(1.1)}to{transform:translateY(0) scale(1)}}.dice-total{animation:die-land .2s var(--motion-enter) both}.flights{position:fixed;inset:0;z-index:60;pointer-events:none}.flight{position:fixed;width:36px;height:54px;margin:-27px 0 0 -18px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.62)) drop-shadow(0 0 1.5px rgba(238,247,248,.72));animation:flight .38s cubic-bezier(.22,.72,.24,1) both}.flight.dev{border-radius:3px}@keyframes flight{0%{transform:translate(0) scale(.9) rotate(-7deg);opacity:.35}22%{transform:translate(calc(var(--dx) * .16),calc(var(--dy) * .12 - 24px)) scale(1.08) rotate(-4deg);opacity:1}78%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.66) rotate(8deg);opacity:0}}@media(prefers-reduced-motion:reduce){.dice-total{animation:none}.flight{animation-duration:1ms}}.dice-total{font-size:30px;font-weight:700;line-height:1;padding-left:12px;border-left:1px solid rgba(160,205,220,.18)}.t-hand h6{margin:0;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;opacity:.4}.build.poor{opacity:.34}.build.poor:hover{opacity:.5}.seg{display:flex;border-radius:9px;overflow:hidden;border:1px solid rgba(160,205,220,.2)}.seg button{padding:6px 12px;font-size:12px;border:0;cursor:pointer;background:#ffffff0a;color:inherit}.seg button.on{background:#e0b558d9;color:#241a06;font-weight:700}.undo-backdrop{z-index:100}.undo-vote{text-align:center;max-width:420px}.undo-clock{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-weight:700;font-variant-numeric:tabular-nums}.undo-vote-actions{display:flex;justify-content:center;gap:8px}.hud{position:absolute;z-index:6;top:14px;left:18px;right:calc(var(--rail) + 14px);display:flex;align-items:flex-start;gap:14px;pointer-events:none}.hud>*{pointer-events:auto}.hud-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.hud-gear{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;color:#e6d9b8;opacity:.5;background:linear-gradient(#14242fb3,#09131bcc);border:1px solid rgba(201,162,74,.26);cursor:pointer}.hud-gear:hover{opacity:1;border-color:#e0ba6299}.hud .banner{padding:7px 18px;border-radius:999px;background:linear-gradient(#0e1b24c7,#071018db);border:1px solid rgba(201,162,74,.28);box-shadow:0 4px 16px #0006;font-size:14px;font-weight:500;color:#f4ead2;white-space:nowrap}.modal.settings{width:480px;max-width:calc(100% - 32px);gap:0;padding:0}.modal.settings header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid rgba(184,214,226,.12)}.modal.settings h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;opacity:.8}.modal.settings .x{width:28px;height:28px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;color:inherit;opacity:.45;background:none;border:1px solid transparent;cursor:pointer}.modal.settings .x:hover{opacity:1;border-color:#c9a24a66}.modal.settings section{padding:15px 20px}.modal.settings section+section{border-top:1px solid rgba(184,214,226,.09)}.modal.settings h5{margin:0 0 10px;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;opacity:.42;font-weight:600}.modal.settings .dim{margin:9px 0 0;font-size:12px;line-height:1.5}.modal.settings .dim b{color:#e8c877;font-weight:600}.copy-row{display:flex;gap:8px;align-items:stretch}.copy-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border-radius:9px;background:#0000004d;border:1px solid rgba(160,205,220,.14);font-family:ui-monospace,monospace;font-size:12px;display:flex;align-items:center}.switch{display:flex;align-items:center;gap:11px;padding:0;background:none;border:0;color:inherit;cursor:pointer;font:inherit;font-size:13.5px}.switch i{width:38px;height:21px;border-radius:999px;position:relative;background:#0006;border:1px solid rgba(160,205,220,.18);transition:background .14s ease,border-color .14s ease}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#9aa8b0;transition:transform .14s ease,background .14s ease}.switch.on i{background:#e0b5584d;border-color:#e8c470b3}.switch.on i:after{transform:translate(17px);background:#f0d79a}.wide-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 12px;border-radius:10px;background:none;border:1px solid transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.wide-row+.wide-row{margin-top:3px}.wide-row:hover{background:#ffffff0d;border-color:#c9a24a42}.wide-row span{font-size:13.5px}.wide-row em{font-style:normal;font-size:11.5px;opacity:.45}.settings .danger .wide-row:hover{border-color:#e0825a73}.prompt{position:absolute;z-index:7;left:calc((100% - var(--rail)) / 2);transform:translate(-50%);bottom:calc(var(--strip) + 18px);display:flex;align-items:center;gap:16px;padding:12px 18px;border-radius:15px;background:linear-gradient(#101f29eb,#08121af2);border:1px solid rgba(170,210,225,.2);box-shadow:0 14px 40px #0000008c;font-size:14px;animation:prompt-in .17s var(--motion-enter) both}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.prompt.incoming{border-color:#e8c47080}.prompt h4{margin:0;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;opacity:.62;font-weight:700}.prompt .swatch{width:11px;height:11px;border-radius:50%;margin-right:7px;border:1px solid rgba(0,0,0,.5)}.prompt .plate{display:flex;align-items:center}.dock{position:absolute;z-index:8;left:16px;bottom:calc(var(--strip) + 12px);width:566px;padding:13px 16px 14px;border-radius:15px;animation:dock-in .17s var(--motion-enter)}@keyframes dock-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dock{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.dock header{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid rgba(184,214,226,.14)}.dock header h4{margin:0;flex:0 0 auto;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;opacity:.6}.dock header .seg{margin-left:auto}.dock header .tally{margin-left:auto;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.6}.dock header .tally.done{opacity:1;color:#f0d79a}.dock header h4+.x{margin-left:auto}.dock header .x{width:24px;height:24px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1;background:none;border:1px solid transparent;color:inherit;opacity:.4;cursor:pointer}.dock header .x:hover{opacity:1;border-color:#c9a24a66}.dock footer{display:flex;align-items:center;gap:10px;margin-top:13px}.dock footer .plate{margin-left:auto}.dock-note{margin:0 0 11px;font-size:12.5px;line-height:1.5;opacity:.6}.dock-trade{display:flex;align-items:flex-start;gap:10px}.dock-side{flex:1;min-width:0}.dock-side h5{margin:0 0 7px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.4;font-weight:600}.dock-arrow{align-self:center;margin-top:12px;opacity:.3;font-size:17px}.dock.offer-dock{width:auto;min-width:330px;max-width:566px}.dock-trade.offer .dock-side{flex:0 0 auto}.dock-trade.offer{gap:18px}.chip-face.flat{cursor:default}.chip.picked .chip-face.flat{border-color:#a0cddc2e;background:linear-gradient(#0006,#0009),var(--res-bg, rgba(0, 0, 0, .26));box-shadow:none}.dock-note.wait{margin:0;opacity:.5;font-style:italic}.dock-note.dim{margin:10px 0 0;font-size:11.5px;opacity:.4}.dock footer .btn-row{margin-left:auto}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.chip-face{display:grid;place-items:center;padding:0;border-radius:11px;cursor:pointer;background:linear-gradient(#0006,#0009),var(--res-bg, rgba(0, 0, 0, .26));border:1px solid rgba(160,205,220,.15);transition:transform .1s var(--motion-snap),border-color .1s ease,background .1s ease}.chip-face img{display:block;object-fit:contain}.chip-swatch{width:60%;height:60%;border-radius:6px}.chip-face:hover:not(:disabled){transform:translateY(-2px);border-color:#e0ba6299;background:linear-gradient(#00000038,#0000006b),var(--res-bg, rgba(0, 0, 0, .26))}.chip.picked .chip-face{border-color:#e8c470e6;background:linear-gradient(#e0b5584d,#00000057),var(--res-bg, rgba(0, 0, 0, .26));box-shadow:0 0 0 1px #e8c4704d}.chip.off{opacity:.28}.chip.off .chip-face{cursor:default}.chip em{font-style:normal;font-size:9px;letter-spacing:.04em;opacity:.42;white-space:nowrap}.chip-n{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;border-radius:9px;background:linear-gradient(#e8c877,#b8892f);border:1px solid rgba(58,40,10,.55);color:#2b1e07;font-style:normal;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.chip-sub{position:absolute;left:-5px;top:-5px;width:18px;height:18px;padding:0;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:13px;background:#16232c;color:#e8eef2;border:1px solid rgba(184,214,226,.3);cursor:pointer}.chip-sub:hover{background:#243845}.aim{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.aim>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;opacity:.4;font-weight:600;margin-right:2px}.aim button{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font:inherit;font-size:11.5px;background:#0000003d;color:inherit;border:1px solid rgba(160,205,220,.15);cursor:pointer}.aim button:hover{border-color:#e0ba6280}.aim button.on{background:#e0b55833;border-color:#e8c470cc}.aim button i{width:8px;height:8px;border-radius:50%}.dev-face{position:relative;display:block;line-height:0}.dev-name{position:absolute;left:7%;right:7%;bottom:10%;text-align:center;line-height:1.05;color:#4b3a1c;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.res-icon{vertical-align:-.22em;display:inline-block}.dock-warn{margin:0;font-size:12px;color:#f0b075;opacity:.9}.chip.off{opacity:.34}