.badge{--badge-color:#5b6168;--badge-color-2:var(--badge-color);--badge-text:#fff;--badge-rainbow:linear-gradient(100deg, #ff4d6d 0%, #ffa24b 8%, #ffe14b 16%, #5fd97a 24%, #4bc8f0 32%, #7b6bff 41%, #ff4d6d 50%, #ffa24b 58%, #ffe14b 66%, #5fd97a 74%, #4bc8f0 82%, #7b6bff 91%, #ff4d6d 100%);--badge-sheen:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0000003d;--badge-drop:0 1px 2px #0000004d;--badge-glow-color:var(--badge-color);--badge-shimmer:#fff9;border-radius:var(--radius-control,999px);max-width:100%;font-family:var(--font-display,"Barlow Condensed", "Arial Narrow", sans-serif);font-kerning:normal;letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;vertical-align:middle;color:var(--badge-text);background-color:var(--badge-color);background-image:linear-gradient(135deg, var(--badge-color) 0%, var(--badge-color-2) 100%);box-shadow:var(--badge-sheen), var(--badge-drop);text-shadow:0 1px 1px #00000047;isolation:isolate;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;gap:.04em;padding:.18rem .6rem;font-size:.85rem;font-weight:700;line-height:1.15;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.badge--sm{letter-spacing:.06em;padding:.1rem .44rem;font-size:.7rem}.badge--md{padding:.18rem .6rem;font-size:.85rem}.badge__letter{will-change:transform;display:inline-block}.badge--pulse{animation:2.8s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.045)}}.badge--bounce .badge__letter{animation:1.6s ease-in-out infinite badge-bounce;animation-delay:calc(var(--badge-index,0) * 55ms)}@keyframes badge-bounce{0%,46%,to{transform:translateY(0)}16%{transform:translateY(-.2em)}28%{transform:translateY(.04em)}}.badge--wave .badge__letter{animation:2.4s ease-in-out infinite badge-wave;animation-delay:calc(var(--badge-index,0) * -140ms)}@keyframes badge-wave{0%,to{transform:translateY(-.06em)}50%{transform:translateY(.1em)}}.badge--rainbow{background-image:var(--badge-rainbow);text-shadow:0 1px 2px #00000073;background-position:0%;background-size:200% 100%;animation:4s linear infinite badge-rainbow}@keyframes badge-rainbow{0%{background-position:0%}to{background-position:100%}}.badge--shimmer:after{content:"";background:linear-gradient(115deg, transparent 38%, var(--badge-shimmer) 50%, transparent 62%);opacity:0;pointer-events:none;animation:3.8s ease-in-out infinite badge-shimmer;position:absolute;top:-60%;bottom:-60%;left:-25%;right:-25%;transform:translate(-70%)}@keyframes badge-shimmer{0%,10%{opacity:0;transform:translate(-70%)}28%{opacity:.9}55%,to{opacity:0;transform:translate(70%)}}.badge--glow{box-shadow:var(--badge-sheen), var(--badge-drop), 0 0 10px -2px var(--badge-glow-color);animation:2.6s ease-in-out infinite badge-glow}@keyframes badge-glow{0%,to{filter:drop-shadow(0 0 2px var(--badge-glow-color))}50%{filter:drop-shadow(0 0 7px var(--badge-glow-color))}}@media (prefers-reduced-motion:reduce){.badge,.badge__letter,.badge:after{animation:none!important}.badge--shimmer:after{content:none}.badge--glow{filter:drop-shadow(0 0 4px var(--badge-glow-color))}}.user-name{align-items:center;gap:var(--space-2,8px);min-width:0;max-width:100%;font-family:var(--font-body,system-ui, sans-serif);vertical-align:middle;line-height:1.25;display:inline-flex}.user-name--sm{gap:var(--space-1,4px) var(--space-2,8px);font-size:.9rem}.user-name--md{font-size:1rem}.user-name__avatar{object-fit:cover;background:var(--table-line,#2c566d);border-radius:50%;flex:none;width:1.6em;height:1.6em;box-shadow:0 0 0 1px #ffffff1f}.user-name--md .user-name__avatar{width:1.7em;height:1.7em}.user-name__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-name__suffix{opacity:.75;white-space:nowrap;flex:none;font-size:.85em;font-weight:600}.user-name__badges{align-items:center;gap:var(--space-1,4px);flex-wrap:wrap;min-width:0;max-width:100%;display:inline-flex}.badge-preview{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.badge-preview__panel{gap:var(--space-4,16px);padding:var(--space-4,16px);border-radius:var(--radius-note,8px);display:grid}.badge-preview__panel--dark{background:var(--table,#16303f);color:var(--on-table,#eef3f1)}.badge-preview__panel--light{background:var(--paper,#fbf8ef);color:var(--ink,#23262b)}.badge-preview__title{font-family:var(--font-display,"Barlow Condensed", sans-serif);letter-spacing:.1em;text-transform:uppercase;opacity:.72;margin:0;font-size:.8rem;font-weight:700}.badge-preview__grid{align-items:center;gap:var(--space-3,12px) var(--space-4,16px);flex-wrap:wrap;display:flex}.badge-preview__item{align-items:center;gap:var(--space-2,8px);display:inline-flex}.badge-preview__caption{font-family:var(--font-body,system-ui, sans-serif);opacity:.65;font-size:.75rem}.badge-preview__names{gap:var(--space-2,8px);flex-direction:column;min-width:0;display:flex}.coin-amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:inherit;white-space:nowrap;vertical-align:middle;align-items:center;gap:.35em;font-weight:700;line-height:1;display:inline-flex}.coin-amount--sm{font-size:var(--step--1)}.coin-amount--md{font-size:var(--step-0)}.coin-amount--lg{font-size:var(--step-2)}.coin-amount__coin{background:radial-gradient(circle at 35% 30%, #ffffff8c 0 14%, transparent 15%), var(--gold);border-radius:50%;flex:none;width:1.05em;height:1.05em;box-shadow:inset 0 0 0 .12em #0000002e,inset 0 -.08em #00000040,0 1px 2px #00000059}.coin-amount__coin-img{object-fit:contain;flex:none;width:1.05em;height:1.05em}.coin-amount--gain .coin-amount__coin{animation:coin-flip .9s var(--ease-out) 1}.coin-amount--gain .coin-amount__coin-img{animation:coin-flip-img .9s var(--ease-out) 1}@keyframes coin-flip{0%{transform:translateY(-.4em)scaleX(.2)}50%{transform:translateY(0)scaleX(1)}70%{transform:scaleX(.3)}to{transform:scaleX(1)}}@keyframes coin-flip-img{0%{transform:translateY(-.4em)scaleX(.2)}50%{transform:translateY(0)scaleX(1)}70%{transform:scaleX(.3)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.coin-amount--gain .coin-amount__coin,.coin-amount--gain .coin-amount__coin-img{animation:none}}.coin-payout{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;font-family:var(--font-display);font-weight:600;display:flex}.app-shell{--page-gutter:clamp(12px, 3vw, 48px);height:100vh;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-shell--noscroll{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.app-shell--noscroll .app-main{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.app-bar{z-index:20;align-items:center;gap:var(--space-2) var(--space-4,16px);padding:var(--space-2) var(--page-gutter);background:var(--table-raised);border-bottom:1px solid var(--table-line);color:var(--on-table);flex-wrap:wrap;flex-shrink:0;display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:var(--space-2);color:inherit;font-family:var(--font-display);font-size:var(--step-1);white-space:nowrap;font-weight:700;text-decoration:none;display:inline-flex}.app-brand img{border-radius:50%}.app-menu-toggle{width:40px;height:40px;color:var(--on-table);cursor:pointer;border-radius:var(--radius-control);background:0 0;border:none;justify-content:center;align-items:center;display:none}.app-menu-toggle:hover{background:var(--table)}.app-nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.app-nav a{padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);color:var(--on-table-soft);font-family:var(--font-display);font-size:var(--step-0);font-weight:600;text-decoration:none}.app-nav a:hover{color:var(--on-table)}.app-nav a.active{background:var(--table);color:var(--gold)}.app-bar-end{align-items:center;gap:var(--space-3);min-width:0;margin-left:auto;display:flex}.app-account{min-width:0;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.app-account-initial,.app-nav-account{display:none}.app-coins{padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);background:var(--table);color:var(--gold);align-items:center;display:inline-flex;box-shadow:inset 0 -2px #0000004d}.app-main{width:100%;min-height:0;padding:var(--space-3,12px) var(--page-gutter) var(--space-3,12px);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-main--bleed{padding:0;overflow:hidden}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3,12px);flex-wrap:wrap;flex-shrink:0;display:flex}.page-title{font-family:var(--font-display);font-size:var(--step-4);color:var(--on-table);margin:0;line-height:1.05}.page-subtitle{margin:var(--space-1) 0 0;color:var(--on-table-soft)}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-nav a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-brand:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-account:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-menu-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-bar-logout:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-nav-logout:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (max-width:899px){.app-bar{gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--page-gutter);flex-wrap:nowrap}.app-brand{flex-shrink:0}.app-menu-toggle{flex-shrink:0;display:flex}.app-nav{background:var(--table-raised);border-bottom:1px solid var(--table-line);padding:var(--space-3) var(--page-gutter);gap:var(--space-1);z-index:10;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 8px #0000004d}.app-nav.app-nav--open{display:flex}.app-nav a{padding:var(--space-2) var(--space-3);font-size:var(--step-0);border-radius:var(--radius-card)}.app-bar-end{gap:var(--space-2);flex-shrink:1}.app-coins{padding:var(--space-1) var(--space-2);flex-shrink:0}.app-bar-end .app-bar-logout{display:none}.app-bar-end .app-account{border-radius:50%;flex-shrink:0}.app-bar-end .app-account .user-name{gap:0}.app-bar-end .app-account .user-name__label,.app-bar-end .app-account .user-name__badges,.app-bar-end .app-account .user-name__suffix{display:none}.app-bar-end .app-account .user-name__avatar{width:28px;height:28px}.app-bar-end .app-account-initial{background:var(--table);border:1px solid var(--table-line);width:28px;height:28px;color:var(--on-table);font-family:var(--font-display);font-size:var(--step--1);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.app-bar-login{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app-nav-account{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--table-line);flex-wrap:wrap;min-width:0;display:flex}.app-nav a.app-nav-user{min-width:0;padding:var(--space-1) var(--space-2);color:var(--on-table);font-family:var(--font-body);flex:140px;align-items:center;font-weight:500;display:inline-flex}.app-nav-logout{flex-shrink:0}}@media (max-width:640px){.app-brand span{display:none}.page-header{margin-bottom:var(--space-2)}.page-title{font-size:var(--step-2)}}.art-style-toggle{background:var(--table);border-radius:var(--radius-control);gap:2px;padding:2px;display:inline-flex}.art-style-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--on-table-soft);font-family:var(--font-body);font-size:var(--step--1);border-radius:calc(var(--radius-control) - 2px);cursor:pointer;white-space:nowrap;transition:color .12s var(--ease-out), background .12s var(--ease-out);background:0 0;border:none;font-weight:500;display:inline-flex}.art-style-btn:hover{color:var(--on-table);background:var(--table-raised)}.art-style-btn.is-active{color:var(--gold);background:var(--table-raised);box-shadow:inset 0 -1px #0003}.art-style-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-nav .art-style-toggle{display:none}@media (max-width:899px){.app-bar-end .art-style-toggle{display:none}.app-nav .art-style-toggle{display:inline-flex}.art-style-toggle{width:100%;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--table-line);justify-content:center}.art-style-btn{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.art-style-btn{transition:none}}.mode-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mode-option{column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3) var(--space-4,16px);text-align:left;background:var(--panel-dark-raised);color:var(--text-on-dark);border:2px solid var(--panel-dark-line);border-radius:var(--radius-note);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;transition:border-color .15s,box-shadow .15s;display:grid}.mode-option:hover:not(:disabled){border-color:var(--text-on-dark-soft)}.mode-option.is-selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.mode-option:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mode-option:disabled{opacity:.6;cursor:not-allowed}.mode-option-icon{grid-row:span 2;width:48px}.mode-option-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:32px;display:block}.mode-option.is-selected .mode-option-icon{color:var(--logo-red)}.mode-option-title{font-family:var(--font-display);font-size:var(--step-1);font-weight:700}.mode-option-text{font-size:var(--step--1);color:var(--text-on-dark-soft)}@media (prefers-reduced-motion:reduce){.mode-option{transition:none}}.tv-join-hint{gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);text-align:center;justify-items:center;display:grid}.tv-join-hint h3{font-family:var(--font-display);font-size:var(--step-1);text-transform:uppercase;letter-spacing:.04em;color:var(--text-on-dark);margin:0}.tv-join-step{overflow-wrap:anywhere;color:var(--text-on-dark-soft);margin:0}.tv-join-code-large{font-family:var(--font-display);font-size:var(--step-5);letter-spacing:.18em;color:var(--gold);padding-left:.18em;font-weight:700;line-height:1}.tv-hint-prominent .tv-join-hint{box-shadow:0 0 0 2px var(--gold), var(--shadow-lift)}.tv-join-hint img[alt*=QR],.tv-join-hint img[src*=qr],.tv-join-hint img[src*=chart],.tv-join-hint .qr-code{border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--panel-dark-line);background:#fff;padding:8px}html.tv-route,html.tv-route body,html.tv-route #root{background:var(--table,#16303f);width:100%;height:100%;margin:0;padding:0;overflow:hidden}html.tv-route--illustrated body{background:linear-gradient(#0a161273, #0a161273), url(/art/bg/tv-lobby.webp) center / cover no-repeat, var(--table,#16303f)}.tv-lobby{width:100%;height:100vh;height:100dvh;max-height:100vh;box-sizing:border-box;background:radial-gradient(circle at 50% 20%, var(--table-raised,#1e3f52) 0%, var(--table,#16303f) 100%);max-height:100dvh;color:var(--on-table,#eef3f1);font-family:var(--font-body,system-ui, sans-serif);flex-direction:column;padding:clamp(12px,2.5vh,24px) clamp(16px,3vw,32px);display:flex;overflow:hidden}.tv-lobby__header{text-align:center;margin-bottom:var(--space-4,16px);flex-shrink:0}.tv-lobby__game-title{font-family:var(--font-display,sans-serif);font-size:var(--step-1,1.2rem);letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#f2b134);margin-bottom:var(--space-1,4px);font-weight:700;display:inline-block}.tv-lobby__title{font-family:var(--font-display,sans-serif);font-size:var(--step-4,2.488rem);letter-spacing:.02em;color:var(--on-table,#eef3f1);margin:0;font-weight:800}.tv-lobby__subtitle{font-size:var(--step-1,1.2rem);color:var(--on-table-soft,#9fb7c2);margin:var(--space-1,4px) 0 0}.tv-lobby__content{gap:var(--space-5,24px);flex:1;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;min-height:0;display:grid}.tv-lobby__panel{border:1px solid var(--table-line,#2c566d);border-radius:var(--radius-note,8px);padding:var(--space-5,24px);box-shadow:var(--shadow-lift,0 10px 24px -12px #0000008c);background:#1e3f528c;flex-direction:column;min-height:0;display:flex}.tv-lobby__panel-title{font-family:var(--font-display,sans-serif);font-size:var(--step-2,1.44rem);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4,16px);color:var(--on-table,#eef3f1);border-bottom:1px solid var(--table-line,#2c566d);padding-bottom:var(--space-2,8px);font-weight:700}.tv-lobby__qr-panel{text-align:center;background:#1e3f52d9;border-color:#f2b13459;justify-content:center;align-items:center}.tv-lobby__qr-box{padding:var(--space-4,16px);background:var(--paper,#fbf8ef);border-radius:var(--radius-note,8px);margin-bottom:var(--space-4,16px);display:inline-block;box-shadow:0 12px 32px #00000073}.tv-lobby__qr-box svg{width:auto;max-width:min(240px,28vh);height:auto;max-height:min(240px,28vh)}.tv-lobby__code-info{align-items:center;gap:var(--space-1,4px);flex-direction:column;display:flex}.tv-lobby__code-label{font-size:var(--step-0,1rem);text-transform:uppercase;letter-spacing:.1em;color:var(--on-table-soft,#9fb7c2);font-weight:600}.tv-lobby__code-val{font-family:var(--font-display,monospace);letter-spacing:.15em;color:var(--gold,#f2b134);font-size:clamp(2rem,5vh,3.583rem);font-weight:900;line-height:1}.tv-lobby__url-val{font-size:var(--step-0,1rem);color:var(--on-table-soft,#9fb7c2);word-break:break-all;max-width:90%;margin-top:var(--space-1,4px)}.tv-lobby__rules-panel{overflow-y:auto}.tv-lobby__rules-list{gap:var(--space-3,12px);flex-direction:column;margin:0;padding:0;display:flex}.tv-lobby__rule-item{padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-card,3px);border-left:3px solid var(--gold,#f2b134);justify-content:space-between;align-items:baseline;gap:var(--space-2,8px);background:#16303f80;display:flex}.tv-lobby__rule-label{font-weight:600;font-size:var(--step-0,1rem);color:var(--on-table,#eef3f1);margin:0}.tv-lobby__rule-value{font-size:var(--step-0,1rem);color:var(--on-table-soft,#9fb7c2);text-align:right;margin:0}.tv-lobby__empty-rules,.tv-lobby__waiting-hint{color:var(--on-table-soft,#9fb7c2);font-style:italic;font-size:var(--step-0,1rem);text-align:center;margin:auto}.tv-lobby__players-panel{overflow-y:auto}.tv-lobby__players-header{border-bottom:1px solid var(--table-line,#2c566d);padding-bottom:var(--space-2,8px);margin-bottom:var(--space-4,16px);justify-content:space-between;align-items:center;display:flex}.tv-lobby__players-header .tv-lobby__panel-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.tv-lobby__player-count-badge{background:var(--table,#16303f);color:var(--gold,#f2b134);font-size:var(--step--1,.833rem);border-radius:var(--radius-control,999px);border:1px solid var(--table-line,#2c566d);padding:2px 10px;font-weight:700}.tv-lobby__players-list{gap:var(--space-3,12px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@keyframes tvLobbyPlayerEnter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tv-lobby__player{align-items:center;gap:var(--space-3,12px);padding:var(--space-2,8px) var(--space-3,12px);border:1px solid var(--table-line,#2c566d);border-radius:var(--radius-card,3px);animation:tvLobbyPlayerEnter var(--dur-med,.26s) var(--ease-spring,cubic-bezier(.3, 1.45, .45, 1)) backwards;background:#16303f99;display:flex}@media (prefers-reduced-motion:reduce){.tv-lobby__player{animation:none}}.tv-lobby__player-avatar-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.tv-lobby__avatar-img{object-fit:cover;border:2px solid var(--paper,#fbf8ef);border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #0000004d}.tv-lobby__initials{width:52px;height:52px;font-family:var(--font-display,sans-serif);font-size:var(--step-1,1.2rem);color:#fff;text-shadow:0 1px 2px #0009;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 2px 8px #0000004d}.tv-lobby__color-pip{border:2px solid var(--table,#16303f);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #00000080}.tv-lobby__player-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tv-lobby__player-name-row{align-items:center;gap:var(--space-2,8px);display:flex}.tv-lobby__player-piece{align-items:center;gap:var(--space-1,4px);font-size:var(--step--1,.833rem);color:var(--on-table-soft,#9fb7c2);display:flex}.tv-lobby__piece-emoji{font-size:1.1em}.tv-lobby__piece-img{object-fit:contain;width:1.6em;height:1.6em}.tv-lobby--illustrated{background:linear-gradient(#0a161273, #0a161273), url(/art/bg/tv-lobby.webp) center / cover no-repeat, var(--table,#16303f);background-position:50%;background-size:cover}.tv-lobby__piece-name{font-weight:500}@media (max-width:900px) and (orientation:portrait){:not(.tv-route) .tv-lobby{overflow-y:auto}:not(.tv-route) .tv-lobby__content{grid-template-columns:1fr}:not(.tv-route) .tv-lobby__qr-panel{order:-1}}.ticket{justify-content:space-between;align-items:center;gap:var(--space-4,16px);padding:var(--space-5,20px) var(--space-6,24px);background:radial-gradient(circle at 0 50%, var(--table,#1b3d36) 14px, transparent 15px), radial-gradient(circle at 100% 50%, var(--table,#1b3d36) 14px, transparent 15px), var(--gold,#dca842);color:var(--ink,#1b1e22);border-radius:var(--radius-note,10px);flex-wrap:wrap;display:flex}.ticket-stub{flex-direction:column;display:flex}.ticket-label{letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:600}.ticket-code{font-family:var(--font-display,"Barlow Condensed", sans-serif);letter-spacing:.14em;font-size:clamp(2.4rem,8vw,3.6rem);font-weight:800;line-height:1}.ticket-actions{gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.ticket .btn-primary{background:var(--ink,#1b1e22);color:var(--gold,#dca842)}.ticket .btn-ghost{border:1px solid var(--ink,#1b1e22);color:var(--ink,#1b1e22)}@media (max-width:640px){.ticket{padding:var(--space-2,8px) var(--space-4,16px);gap:var(--space-2,8px)}.ticket-code{font-size:2rem}.ticket .btn{min-height:32px;padding:0 var(--space-2,8px);font-size:var(--step--1)}}.game-top-bar{align-items:center;gap:var(--space-3,12px);padding:var(--space-2,8px) var(--space-4,16px);background:var(--table-head,#142e29);border-bottom:1px solid var(--table-line,#285449);color:var(--text-on-dark,#e8f0ed);box-sizing:border-box;min-height:48px;font-family:var(--font-body,system-ui, sans-serif);display:flex}.game-top-bar__brand{align-items:center;gap:var(--space-2,8px);white-space:nowrap;font-weight:700;display:flex}.game-top-bar__icon{align-items:center;font-size:1.25rem;display:inline-flex}.game-top-bar__name{font-family:var(--font-display,"Barlow Condensed", sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--gold,#dca842);font-size:1.25rem}.game-top-bar__room{color:var(--text-on-dark-soft,#8db5b0);white-space:nowrap;font-size:.9rem}.game-top-bar__room-code{color:var(--text-on-dark,#e8f0ed);letter-spacing:.05em;font-weight:700}.game-top-bar__subtitle{color:var(--text-on-dark-soft,#8db5b0);margin-left:var(--space-1,4px);font-size:.85rem}.game-top-bar__spacer{flex:auto}.game-top-bar__extra,.game-top-bar__actions--desktop{align-items:center;gap:var(--space-2,8px);display:flex}.game-top-bar__menu-btn{min-width:36px;min-height:36px;padding:0 var(--space-2,8px);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:none}.game-top-bar__menu-btn:focus-visible{outline:2px solid var(--focus,#f2b134);outline-offset:2px}.game-top-bar__sheet :focus-visible{outline:2px solid var(--focus,#f2b134);outline-offset:2px}.game-top-bar__sheet{padding:0}.game-top-bar__sheet-body{gap:var(--space-3,12px);padding:var(--space-2,8px) 0;flex-direction:column;display:flex}.game-top-bar__sheet-row,.game-top-bar__sheet-extra{align-items:center;gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.game-top-bar__sheet-subtitle{color:var(--text-on-dark-soft,#8db5b0);font-size:.9rem}.game-top-bar__sheet .audio{width:100%}.game-top-bar__sheet .audio-pop{width:100%;margin-top:var(--space-2,8px);box-sizing:border-box;position:static}.game-top-bar__sheet-actions{gap:var(--space-2,8px);flex-direction:column;display:flex}.game-top-bar__sheet-action{text-align:center;justify-content:center;width:100%}@keyframes game-top-bar-sheet-in{0%{transform:translateY(100%)}}@media (max-width:719px){.game-top-bar{gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-3,12px);flex-wrap:nowrap}.game-top-bar__brand{min-width:0;overflow:hidden}.game-top-bar__name{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.game-top-bar__room{white-space:nowrap;flex-shrink:0}.game-top-bar__subtitle,.game-top-bar__extra,.game-top-bar__actions--desktop{display:none}.game-top-bar__menu-btn{display:inline-flex}.game-top-bar__sheet{border-radius:var(--radius-note,8px) var(--radius-note,8px) 0 0;width:100vw;max-width:100vw;max-height:85dvh;animation:game-top-bar-sheet-in var(--dur-med,.26s) var(--ease-out,ease-out);margin:0;position:fixed;top:auto;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){.game-top-bar__sheet{transition:none!important;animation:none!important}}.end-game-dialog{gap:var(--space-3,12px);padding:var(--space-2,8px) 0;flex-direction:column;display:flex}.end-game-dialog__message{margin:0;font-size:1.05rem}.end-game-dialog__hint{margin:0;font-size:.9rem;line-height:1.4}.end-game-dialog__actions{gap:var(--space-2,8px);margin-top:var(--space-3,12px);flex-direction:column;display:flex}.game-over-unrated{font-family:var(--font-display,"Barlow Condensed", sans-serif);letter-spacing:.04em;color:var(--gold,#dca842);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-control,4px);text-align:center;margin:var(--space-2,8px) 0;background:#0003;font-size:1.25rem;font-weight:700}@media (min-width:480px){.end-game-dialog__actions{flex-flow:wrap;justify-content:flex-end}}.host-badge{font-family:var(--font-display,"Barlow Condensed", sans-serif);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-control,999px);background:var(--gold,#f2b134);color:var(--ink,#23262b);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 -2px #0003,0 2px 4px #00000026}.host-badge--sm{font-size:var(--step--1);padding:1px 8px;line-height:1.2}.host-badge--md{font-size:var(--step-0);padding:2px 10px;line-height:1.3}@media (prefers-reduced-motion:reduce){.host-badge{box-shadow:inset 0 -2px #0003}}.segmented{border:2px solid var(--table-line,#2c566d);border-radius:var(--radius-control,999px);display:inline-flex;overflow:hidden}.segmented button{min-width:48px;min-height:32px;color:var(--text-on-dark,#e8f0ed);font-family:var(--font-display,"Barlow Condensed", sans-serif);cursor:pointer;background:0 0;border:0;font-weight:700}.segmented button.is-on{background:var(--on-table,#eef3f1);color:var(--table,#16303f)}.game{width:100%;height:100vh;box-sizing:border-box;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.game-body{gap:var(--space-4,16px);min-height:0;padding:var(--space-4,16px);box-sizing:border-box;flex:1;grid-template:"board side"minmax(0,1fr)/min(100dvh - 85px,100vw - 340px) minmax(260px,1fr);display:grid}.board-wrap{grid-area:board;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.board-box{aspect-ratio:1;width:min(100cqw,100cqh);max-width:min(100%,100dvh - 85px);height:min(100cqw,100cqh);max-height:min(100%,100dvh - 85px)}.game-side{gap:var(--space-3,12px);height:100%;min-height:0;padding-right:var(--space-1,4px);flex-direction:column;grid-area:side;display:flex;overflow-y:auto}.game-home-grid{gap:var(--space-5,24px);flex:1;grid-template-columns:minmax(0,1fr);align-items:start;width:100%;min-height:0;display:grid;overflow-y:auto}@media (min-width:900px){.game-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-home-grid.game-home-grid--single{grid-template-columns:1fr;max-width:480px;margin:0 auto}.game-home-panel{box-sizing:border-box;width:100%}.game-home-panel.home-join{width:100%;min-width:0;max-width:none}.game-join-wrap{padding:var(--space-6,32px) var(--space-2,8px);justify-content:center;display:flex}.game-join-card{width:min(100%,440px)}.create-lobby-layout{width:100%;max-width:1200px;padding:var(--space-4);box-sizing:border-box;margin:0 auto}.create-lobby-header{margin-bottom:var(--space-4)}.create-lobby-form{gap:var(--space-5);grid-template-columns:1fr;width:100%;display:grid}.create-lobby-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.create-lobby-fields{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.create-lobby-fields .field{gap:var(--space-2);flex-direction:column;display:flex}.create-lobby-fields label{font-size:var(--step-0);color:var(--text-on-dark-soft);font-weight:600}.create-lobby-fields .input{box-sizing:border-box;width:100%}.create-rules-field .create-rules-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--panel-dark-raised);border-radius:var(--radius-control);border:1px solid var(--panel-dark-line);display:flex}.create-rules-summary{font-size:var(--step--1);color:var(--text-on-dark-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.create-rules-toggle{flex-shrink:0}.create-submit-btn{width:100%;margin-top:var(--space-2)}@media (min-width:900px){.create-lobby-form{grid-template-columns:minmax(340px,1fr) minmax(400px,1.3fr);align-items:start}.create-lobby-main{top:var(--space-4);max-height:calc(100vh - var(--space-4) * 2);position:sticky;overflow-y:auto}.create-lobby-rules-desktop{top:var(--space-4);max-height:calc(100vh - var(--space-4) * 2);display:block;position:sticky;overflow-y:auto}.create-rules-panel{box-sizing:border-box;width:100%}.create-lobby-layout .create-rules-field{display:none}}@media (max-width:899px){.create-lobby-rules-desktop{display:none}}.mobile-rules-overlay{z-index:100;animation:fadeIn var(--dur-fast) var(--ease-out);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-rules-panel{border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:100%;max-height:85vh;box-shadow:var(--shadow-lift), 0 -4px 20px #0006;animation:slideUp var(--dur-med) var(--ease-spring);box-sizing:border-box;flex-direction:column;display:flex}.mobile-rules-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--panel-dark-line);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mobile-rules-header h2{font-family:var(--font-display);font-size:var(--step-2);color:var(--text-on-dark);margin:0}.mobile-rules-close{width:40px;height:40px;color:var(--text-on-dark-soft);border-radius:var(--radius-control);cursor:pointer;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-rules-close:hover{color:var(--text-on-dark);background:var(--panel-dark-raised)}.mobile-rules-close:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mobile-rules-content{min-height:0;padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.mobile-rules-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--panel-dark-line);flex-shrink:0;justify-content:flex-end;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-rules-overlay,.mobile-rules-panel{animation:none}}.segmented-switch{border:2px solid var(--table-line);border-radius:var(--radius-control);background:var(--table);display:inline-flex;overflow:hidden}.segmented-switch--vertical{flex-direction:column}.segmented-switch__button{min-width:56px;min-height:40px;font-family:var(--font-display);font-weight:700;font-size:var(--step--1);color:var(--on-table-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:var(--space-1);white-space:nowrap;padding:0 var(--space-3);background:0 0;border:0;display:flex;position:relative}.segmented-switch__button:not(:last-child):after{content:"";background:var(--table-line);width:2px;position:absolute;top:20%;bottom:20%;right:0}.segmented-switch--vertical .segmented-switch__button:not(:last-child):after{width:auto;height:2px;top:auto;bottom:0;left:20%;right:20%}.segmented-switch__button:hover:not(:disabled):not(.is-on){color:var(--on-table);background:#1e3f52cc;background:color-mix(in srgb, var(--table-raised) 80%, transparent)}.segmented-switch__button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;z-index:1}.segmented-switch__button.is-on{color:var(--table);background:var(--gold);box-shadow:inset 0 -3px #0003,0 0 0 3px #f2b13438}.segmented-switch__button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.segmented-switch__button{transition:none}}.color-picker-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(70px,1fr));display:grid}.color-choice-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border:2px solid var(--panel-dark-line);border-radius:var(--radius-note);background:var(--panel-dark-raised);color:var(--text-on-dark);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.color-choice-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.color-choice-btn:hover:not(:disabled){border-color:var(--btn-color,var(--ink));transform:translateY(-2px)}.color-choice-btn.is-selected{border-color:var(--btn-color,var(--ink));background:var(--panel-dark-line);box-shadow:0 0 0 2px var(--btn-color,var(--ink)), var(--shadow-lift)}.color-choice-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6);border-color:var(--panel-dark-line)}.color-swatch-circle{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -3px #00000040,0 2px 4px #00000026}.color-choice-btn.is-selected .color-swatch-circle{box-shadow:inset 0 -3px 0 #00000040, 0 0 0 3px #fff, 0 0 0 5px var(--btn-color,var(--ink))}.color-name{font-size:var(--step-0);color:var(--text-on-dark);text-align:center;font-weight:600}.check-mark{background:var(--gold);width:18px;height:18px;color:var(--ink-fixed);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}