:root{--paper:#f4ecd8;--paper-deep:#ece0c2;--paper-soft:#f9f3e2;--ink:#1c1612;--ink-soft:#3a2f26;--ink-mute:#6b5a4a;--ink-fade:#9a8770;--rule:#c9b894;--rouge:#a8302a;--rouge-deep:#7a1f1b;--rouge-soft:#c25548;--brass:#b8893e;--brass-deep:#8a6428;--brass-soft:#d4ab67;--felt:#3a5a3f;--felt-deep:#25402a;--felt-soft:#557856;--bone:#fffcf0;--noir:#0f0b07;--display:"Playfair Display", "DM Serif Display", Georgia, serif;--body:"Cormorant Garamond", "EB Garamond", Georgia, serif;--sans:"Work Sans", system-ui, sans-serif;--mono:"JetBrains Mono", "Courier New", monospace}[data-theme=dark]{--paper:#1a1410;--paper-deep:#120e0b;--paper-soft:#221c17;--ink:#f0e6d3;--ink-soft:#c8b89a;--ink-mute:#8a7460;--ink-fade:#5a4a3a;--rule:#3a2e24;--rouge:#c24a42;--rouge-deep:#8a2820;--rouge-soft:#d46a62;--brass:#c49a4a;--brass-deep:#c49a4a;--brass-soft:#e0ba78;--felt:#2a4a2e;--felt-deep:#5a9462;--felt-soft:#4a7850;--bone:#2a2018;--noir:#0a0806}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:17px;line-height:1.4}body{background-image:radial-gradient(circle at 20% 10%,#b8893e0d,#0000 60%),radial-gradient(circle at 80% 80%,#a8302a0a,#0000 60%),repeating-linear-gradient(0deg,#0000,#0000 2px,#1c161203 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 2px,#1c161203 2px 3px);background-color:var(--paper);min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.display{font-family:var(--display);letter-spacing:-.02em;font-weight:900;line-height:.95}.serif{font-family:var(--body)}.mono{font-family:var(--mono)}.sans{font-family:var(--sans)}.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-mute);font-size:.7rem;font-weight:600}.smallcaps{font-family:var(--display);font-variant:small-caps;letter-spacing:.06em}.card{background:var(--paper-soft);border:1px solid var(--rule);border-radius:4px;position:relative}.card-stamp:before{content:"";border:1px solid var(--rule);pointer-events:none;border-radius:2px;position:absolute;inset:6px}.hr-orn{color:var(--ink-fade);align-items:center;gap:12px;display:flex}.hr-orn:before,.hr-orn:after{content:"";background:var(--rule);flex:1;height:1px}.btn{font-family:var(--display);letter-spacing:.02em;border:1px solid;border-radius:2px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:var(--rouge);border-color:var(--rouge)}.btn-rouge{background:var(--rouge);color:var(--paper);border-color:var(--rouge)}.btn-rouge:hover{background:var(--rouge-deep);border-color:var(--rouge-deep)}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-link{text-underline-offset:4px;font-family:var(--body);border:none;padding:.25rem 0;font-style:italic;text-decoration:underline;text-decoration-thickness:1px}.btn-link:hover{color:var(--rouge)}.input{font-family:var(--body);border:none;border-bottom:1px solid var(--ink-soft);color:var(--ink);background:0 0;outline:none;width:100%;padding:.5rem .25rem;font-size:1.1rem;transition:border-color .15s}.input:focus{border-color:var(--rouge)}.input::placeholder{color:var(--ink-fade);font-style:italic}.field-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-mute);margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.chip{background:radial-gradient(circle at 30% 30%, var(--brass-soft), var(--brass) 60%, var(--brass-deep));width:2rem;height:2rem;color:var(--noir);font-family:var(--display);box-shadow:0 2px 0 #00000040, inset 0 0 0 3px var(--brass-deep);border:2px dashed #fffcf066;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:inline-flex;position:relative}.chip-stack{align-items:flex-end;display:inline-flex}.chip-stack>.chip+.chip{margin-left:-1.4rem}:root{--die-size:4rem;--die-pip-size:.62rem}.gameroom-piste-stage{--die-size:clamp(2.4rem, 12cqi, 4.2rem);--die-pip-size:clamp(.38rem, 1.85cqi, .65rem);container-type:size}.die-paper{width:var(--die-size);height:var(--die-size);background:var(--bone);border:1px solid var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-areas:"a.c"".g.""d.f";gap:2px;padding:.5rem;transition:transform .15s;display:grid;position:relative;box-shadow:0 4px #1c1612d9,0 6px 16px #1c161240}.die-paper:hover{transform:translateY(-2px)}.die-paper .pip{background:var(--ink);width:var(--die-pip-size);height:var(--die-pip-size);border-radius:50%;place-self:center}.die-paper[data-keep=true]{background:var(--brass-soft);border-color:var(--brass-deep);box-shadow:0 8px 0 var(--brass-deep), 0 12px 20px #b8893e66;transform:translateY(-4px)}.die-paper[data-keep=true] .pip{background:var(--noir)}.die-paper[data-val="1"] .pip:first-child{grid-area:g}.die-paper[data-val="2"] .pip:first-child{grid-area:a}.die-paper[data-val="2"] .pip:nth-child(2){grid-area:f}.die-paper[data-val="3"] .pip:first-child{grid-area:a}.die-paper[data-val="3"] .pip:nth-child(2){grid-area:g}.die-paper[data-val="3"] .pip:nth-child(3){grid-area:f}.die-paper[data-val="4"] .pip:first-child{grid-area:a}.die-paper[data-val="4"] .pip:nth-child(2){grid-area:c}.die-paper[data-val="4"] .pip:nth-child(3){grid-area:d}.die-paper[data-val="4"] .pip:nth-child(4){grid-area:f}.die-paper[data-val="5"] .pip:first-child{grid-area:a}.die-paper[data-val="5"] .pip:nth-child(2){grid-area:c}.die-paper[data-val="5"] .pip:nth-child(3){grid-area:g}.die-paper[data-val="5"] .pip:nth-child(4){grid-area:d}.die-paper[data-val="5"] .pip:nth-child(5){grid-area:f}.die-paper[data-val="6"] .pip:first-child{grid-area:1/a}.die-paper[data-val="6"] .pip:nth-child(2){grid-area:c}.die-paper[data-val="6"] .pip:nth-child(3){grid-area:g/1}.die-paper[data-val="6"] .pip:nth-child(4){grid-area:g/3}.die-paper[data-val="6"] .pip:nth-child(5){grid-area:d}.die-paper[data-val="6"] .pip:nth-child(6){grid-area:f}.die-mini{background:var(--bone);border:1px solid var(--ink);border-radius:3px;flex-shrink:0;grid-template-areas:"a.c"".g.""d.f";gap:1px;width:1.6rem;height:1.6rem;padding:2px;display:inline-grid;box-shadow:0 1px #1c161299}.die-mini .pip{background:var(--ink);border-radius:50%;place-self:center;width:4px;height:4px}.die-mini[data-val="1"] .pip:first-child{grid-area:g}.die-mini[data-val="2"] .pip:first-child{grid-area:a}.die-mini[data-val="2"] .pip:nth-child(2){grid-area:f}.die-mini[data-val="3"] .pip:first-child{grid-area:a}.die-mini[data-val="3"] .pip:nth-child(2){grid-area:g}.die-mini[data-val="3"] .pip:nth-child(3){grid-area:f}.die-mini[data-val="4"] .pip:first-child{grid-area:a}.die-mini[data-val="4"] .pip:nth-child(2){grid-area:c}.die-mini[data-val="4"] .pip:nth-child(3){grid-area:d}.die-mini[data-val="4"] .pip:nth-child(4){grid-area:f}.die-mini[data-val="5"] .pip:first-child{grid-area:a}.die-mini[data-val="5"] .pip:nth-child(2){grid-area:c}.die-mini[data-val="5"] .pip:nth-child(3){grid-area:g}.die-mini[data-val="5"] .pip:nth-child(4){grid-area:d}.die-mini[data-val="5"] .pip:nth-child(5){grid-area:f}.die-mini[data-val="6"] .pip:first-child{grid-area:1/a}.die-mini[data-val="6"] .pip:nth-child(2){grid-area:c}.die-mini[data-val="6"] .pip:nth-child(3){grid-area:g/1}.die-mini[data-val="6"] .pip:nth-child(4){grid-area:g/3}.die-mini[data-val="6"] .pip:nth-child(5){grid-area:d}.die-mini[data-val="6"] .pip:nth-child(6){grid-area:f}@keyframes tumble{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(180deg)translateY(-12px)scale(1.1)}50%{transform:rotate(360deg)translateY(0)}75%{transform:rotate(520deg)translateY(-6px)scale(.95)}to{transform:rotate(720deg)translateY(0)}}.die-tumble{animation:.65s cubic-bezier(.4,1.6,.6,.95) tumble}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s both fade-up}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.pulse-soft{animation:1.6s ease-in-out infinite pulse-soft}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes glow-421{0%,to{box-shadow:0 0 #a8302a00}50%{box-shadow:0 0 40px #a8302a99}}.glow-421{animation:1.6s ease-in-out infinite glow-421}.avatar{background:var(--paper);border:1.5px solid var(--ink);width:2.6rem;height:2.6rem;font-family:var(--display);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex;position:relative}.avatar.is-active{background:var(--rouge);color:var(--paper);border-color:var(--rouge-deep);box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--rouge)}.avatar.is-self:after{content:"";border:1px dashed var(--brass-deep);border-radius:50%;position:absolute;inset:-3px}.piste{background:radial-gradient(circle at 50% 40%, var(--felt-soft), var(--felt) 50%, var(--felt-deep) 100%);box-shadow:inset 0 0 0 8px var(--brass-deep), inset 0 0 0 12px var(--paper-deep), inset 0 0 0 14px var(--brass-deep), inset 0 0 60px #0006, 0 12px 40px #0000004d;border-radius:50%;position:relative;overflow:hidden}.piste:before{content:"";pointer-events:none;border:1px dashed #f4ecd82e;border-radius:50%;position:absolute;inset:24px}.piste:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 3px,#0000000a 3px 4px),repeating-linear-gradient(-45deg,#0000 0 3px,#0000000a 3px 4px);position:absolute;inset:0}.piste.octagon{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border-radius:0}.piste.parquet{background:radial-gradient(circle at 50% 40%, var(--felt-soft), var(--felt) 60%), repeating-linear-gradient(90deg, var(--felt) 0 40px, var(--felt-deep) 40px 41px);border-radius:12px}.tag{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.tag-rouge{color:var(--rouge);background:#a8302a0f}.tag-brass{color:var(--brass-deep);background:#b8893e1a}.tag-felt{color:var(--felt-deep);background:#3a5a3f1a}.tag-ink{color:var(--ink);background:#1c16120f}.ticket{background:var(--paper-soft);border:1px solid var(--rule);padding:1.5rem;position:relative}.ticket:before,.ticket:after{content:"";background-image:radial-gradient(circle, var(--paper) 4px, transparent 4px);background-repeat:repeat-x;background-size:16px 8px;height:8px;position:absolute;left:0;right:0}.ticket:before{top:-4px}.ticket:after{bottom:-4px;transform:rotate(180deg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brass)}.fleuron:before{content:"❦";color:var(--brass);margin:0 .5rem;display:inline-block}.divider-fleuron{color:var(--brass);align-items:center;gap:12px;margin:1rem 0;font-size:1.2rem;display:flex}.divider-fleuron:before,.divider-fleuron:after{content:"";background:linear-gradient(90deg, transparent, var(--rule), transparent);flex:1;height:1px}.stamp{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--rouge);border:2px solid;padding:.3rem .8rem;font-size:.75rem;font-style:italic;font-weight:700;display:inline-block;transform:rotate(-3deg)}.note{font-family:var(--body);color:var(--ink-mute);font-size:.95rem;font-style:italic}.toggle{background:var(--paper-deep);border:1px solid var(--ink-soft);cursor:pointer;border-radius:999px;flex-shrink:0;width:48px;height:24px;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .18s,background .15s;position:absolute;top:2px;left:2px}.toggle[data-on=true]{background:var(--rouge)}.toggle[data-on=true]:after{background:var(--paper);border-color:var(--rouge-deep);transform:translate(24px)}.code-block{font-family:var(--mono);letter-spacing:.3em;color:var(--ink);background:var(--paper-deep);border:2px dashed var(--ink-soft);padding:.8rem 1.5rem;font-size:2.5rem;font-weight:700;display:inline-block}.topbar{border-bottom:1px solid var(--rule);background:var(--paper-soft);z-index:30;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex;position:sticky;top:0}.topbar-logo{color:inherit;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.topbar-logo-badge{background:var(--ink);width:38px;height:38px;color:var(--paper);font-family:var(--display);letter-spacing:-.04em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:flex}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-link{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);border-bottom:2px solid #0000;padding:.4rem .9rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s}.topbar-link.active{color:var(--rouge);border-bottom-color:var(--rouge)}.topbar-link:hover:not(.active){color:var(--ink)}.topbar-lang{border:1px solid var(--rule);border-radius:2px;display:flex;overflow:hidden}.topbar-theme-btn{border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:2px;padding:.4rem .7rem;font-size:.9rem;line-height:1}.topbar-rule{background:var(--rule);flex-shrink:0;width:1px;height:24px;margin:0 4px}.topbar-user-dropdown{background:var(--paper-soft);border:1px solid var(--rule);z-index:50;border-radius:3px;min-width:160px;position:absolute;top:110%;right:0;box-shadow:0 6px 20px #1c16122e}.topbar-burger{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.burger-icon{pointer-events:none;flex-direction:column;gap:5px;width:18px;display:flex}.burger-icon span{background:var(--ink);transform-origin:50%;border-radius:1px;height:1.5px;transition:transform .22s,opacity .15s;display:block}.burger-icon.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.burger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-icon.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.topbar-drawer{display:none}@media (width<=880px){.topbar{padding:1rem 1.25rem;position:relative}.topbar-nav{display:none}.topbar-burger{display:flex}.topbar-drawer{background:var(--paper-soft);border-bottom:2px solid var(--rule);z-index:29;clip-path:inset(0 0 100%);flex-direction:column;transition:clip-path .22s;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 28px #1c161221}.topbar-drawer.open{clip-path:inset(0 0 0%);display:flex}.topbar-drawer>nav{border-bottom:1px solid var(--rule);flex-direction:column;padding:.4rem 0;display:flex}.topbar-drawer-link{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);padding:.9rem 1.5rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .15s,background .12s;display:block}.topbar-drawer-link.active{color:var(--rouge)}.topbar-drawer-link:hover{background:var(--paper-deep);color:var(--ink)}.topbar-drawer-controls{border-bottom:1px solid var(--rule);flex-direction:column;padding:.25rem 0;display:flex}.topbar-drawer-row{justify-content:space-between;align-items:center;padding:.7rem 1.5rem;display:flex}.topbar-drawer-footer{padding:.85rem 1.25rem}.topbar-drawer-logout{text-align:left;text-transform:uppercase;letter-spacing:.14em;width:100%;color:var(--rouge);cursor:pointer;padding:.5rem .25rem;font-size:.78rem;font-weight:600;display:block}}.lobby-rooms-header,.lobby-rooms-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:1rem 1.4rem;display:grid}.lobby-rooms-header{background:var(--paper-deep);border-bottom:1px solid var(--rule);padding:.8rem 1.4rem}.lobby-rooms-row+.lobby-rooms-row{border-top:1px dashed var(--rule)}.lobby-rooms-row-meta{display:contents}@media (width<=640px){.lobby-rooms-header{display:none}.lobby-rooms-row{grid-template-columns:1fr;gap:12px;padding:1rem 1.1rem}.lobby-rooms-row-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lobby-rooms-row .btn{justify-content:center;width:100%}}@media (width<=399px){.gameroom-turn-hint{display:none!important}}@keyframes mobile-opp-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.gameroom-mobile-opponent-toast:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.gameroom-piste-seat-name{box-shadow:0 0 0 1px var(--paper), 0 2px 6px #0000002e}.gameroom-piste-seat.piste-seat-active .gameroom-piste-seat-name{text-shadow:0 1px 2px #00000073}