/* Shared interaction cues. Geometry stays the same in both looks. */
.style-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:30px;background:var(--paper);flex-shrink:0}
.style-switch button{background:transparent;border-radius:24px;min-height:33px;padding:6px 12px;font-size:11px;font-weight:700;color:var(--muted);touch-action:manipulation}
.style-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.topbar .top-right{gap:12px}.help-copy{white-space:nowrap}
.turn-bar.your-turn{background:#245f40;color:#fff;border:2px solid #123c2b;font-weight:600;box-shadow:0 2px 0 #143d2920}
.turn-bar.your-turn strong{font-size:14px;letter-spacing:.07em}.turn-bar.your-turn .turn-dot{background:#d8f9ae;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff20}
.your-turn-arrow{font-size:20px;line-height:1;margin-left:auto}.your-turn-badge{position:absolute;left:50%;top:-14px;transform:translateX(-50%);padding:4px 10px;background:#21583e;color:white;border:2px solid #f7f6e7;border-radius:20px;font:800 9px/1.2 'DM Sans',sans-serif;letter-spacing:.1em;white-space:nowrap;z-index:5}
body[data-your-turn=true] .hero-seat{outline:3px solid #31875a;outline-offset:3px;box-shadow:0 0 0 7px #8fcf6b30}
body[data-your-turn=true] .controls{border:2px solid #378c59;background:#f4fbea}
body[data-your-turn=true] .hero-seat .hero-hand{transform:translateY(-2px)}
.turn-bar.sending{background:#f5e8c9;border-color:#d0b268;color:#604a21;font-weight:600}.sending strong{overflow:hidden;text-overflow:ellipsis}
.action-spinner{display:inline-block;flex:0 0 auto;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:action-spin .7s linear infinite}
.controls[aria-busy=true]{opacity:.85}.button.is-pending{opacity:1;background:#f0dca2;border-color:#c5a465;color:#43331a}.button:active,.entry-button:active,.table-quick-bets button:active{transform:translateY(2px);box-shadow:none}
.turn-nudge{animation:turn-arrival .7s ease-out 2}
@keyframes turn-arrival{50%{box-shadow:0 0 0 8px #66b77a55}}@keyframes action-spin{to{transform:rotate(360deg)}}
html[data-layout=phone] .style-switch button{padding:5px 9px;min-height:32px;font-size:10px}
html[data-layout=phone] .topbar:has(.style-switch) .help-copy{display:none}
html[data-layout=phone] .topbar:has(.style-switch) .game-help{gap:0;min-width:30px}
html[data-layout=phone] .topbar:has(.style-switch) .top-right{gap:6px}
html[data-layout=phone] .turn-bar.your-turn strong{font-size:12px}
html[data-layout=phone] .your-turn-badge{font-size:8px;padding:3px 9px;top:-12px}
html[data-layout=phone] body[data-your-turn=true] .hero-seat{outline-width:2px;outline-offset:2px}
/* Classy: original after-hours editorial lounge, with the same play-chip game. */
html[data-visual-style=classy]{--cream:#0d1214;--paper:#171f21;--ink:#f1e9d9;--muted:#a5aba6;--green:#cbb17a;--deep:#cbb17a;--line:#35403e;--orange:#a25b49;--shadow:0 10px 30px #0004;background:#0d1214;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
html[data-visual-style=classy] body{background:radial-gradient(ellipse at 30% 0,#28342b55,transparent 65%),#0d1214}
html[data-visual-style=classy] h1,html[data-visual-style=classy] h2,html[data-visual-style=classy] h3,html[data-visual-style=classy] h4,html[data-visual-style=classy] .brand{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.03em}
html[data-visual-style=classy] .brand{color:#d2b77f;letter-spacing:-.06em}
html[data-visual-style=classy] .brand-mark{filter:sepia(1) saturate(.5) brightness(.85)}
html[data-visual-style=classy] .topbar{border-color:#7b6d4740}
html[data-visual-style=classy] .eyebrow,html[data-visual-style=classy] .section-label,html[data-visual-style=classy] .quiet-label{color:#b6a47b;letter-spacing:.17em}
html[data-visual-style=classy] .hero h1{letter-spacing:-.045em;font-weight:500;line-height:1.05}
html[data-visual-style=classy] .hero h1 em{font-weight:400;color:#cbb17a}
html[data-visual-style=classy] .hero-sub{color:#b6b8ad}
html[data-visual-style=classy] .welcome-card,html[data-visual-style=classy] .panel,html[data-visual-style=classy] .room-card,html[data-visual-style=classy] .sidebar-panel,html[data-visual-style=classy] .log-panel{background:linear-gradient(140deg,#1d2929,#171e20);border:1px solid #6e634849;border-radius:12px;box-shadow:0 14px 40px #0002}
html[data-visual-style=classy] .sticker{background:#c1a16b;color:#161c1c;border-color:#e5d3ac;box-shadow:0 3px 8px #0003;border-radius:3px;transform:rotate(-3deg);letter-spacing:.1em}
html[data-visual-style=classy] .button,html[data-visual-style=classy] .entry-button{font-family:'DM Sans',sans-serif;background:linear-gradient(135deg,#d7c08b,#bfa06a);color:#171d1e;border-color:#d3bc86;border-radius:7px;box-shadow:0 3px 0 #75633e;font-weight:700}
html[data-visual-style=classy] .button:hover,html[data-visual-style=classy] .entry-button:hover{filter:brightness(1.08)}
html[data-visual-style=classy] .button.soft,html[data-visual-style=classy] .entry-button.secondary{background:#263331;color:#e8dcc2;border:1px solid #6d7156;box-shadow:0 3px 0 #111b1a}
html[data-visual-style=classy] .button.danger{background:#563c36;color:#f7dfd2;border-color:#8a5c4d}
html[data-visual-style=classy] .entry-button strong{font-family:Georgia,serif;font-weight:500}
html[data-visual-style=classy] .entry-button small{color:inherit;opacity:.8}
html[data-visual-style=classy] .input-wrap,html[data-visual-style=classy] input:not([type=range]):not([type=checkbox]),html[data-visual-style=classy] select{background:#10191b;color:#eee6d5;border-color:#4c5750}
html[data-visual-style=classy] input::placeholder{color:#909a92}
html[data-visual-style=classy] .input-wrap:focus-within{border-color:#cbb17a;box-shadow:0 0 0 3px #cbb17a20}
html[data-visual-style=classy] #nickname-dice,html[data-visual-style=classy] .tiny-face{background:#293931;color:#cfbc93}
html[data-visual-style=classy] .small-divider,html[data-visual-style=classy] .lineup-row,html[data-visual-style=classy] .audio-row+.audio-row{border-color:#35423c}
html[data-visual-style=classy] .resume,html[data-visual-style=classy] .choose-avatar,html[data-visual-style=classy] .home-avatar-choice{color:#dfd3b8;background:#1c2927;border-color:#435448}
html[data-visual-style=classy] .feature-icon{background:#302c22;color:#ceb47b;border-radius:6px}
html[data-visual-style=classy] .feature p,html[data-visual-style=classy] .muted{color:#a5aba6}
html[data-visual-style=classy] .hero-preview strong,html[data-visual-style=classy] .opponent-card h3{color:#ebdfc7}
html[data-visual-style=classy] .opponent-card{background:#172122;border:1px solid #475247;border-radius:9px;box-shadow:0 4px 0 #091213}
html[data-visual-style=classy] .opponent-card[aria-pressed=true]{background:#263b32;border:2px solid #bba16b;box-shadow:0 4px 0 #756640}
html[data-visual-style=classy] .selected-tick{background:#c4aa72;color:#162021}
html[data-visual-style=classy] .role-label,html[data-visual-style=classy] .tags span{color:#bbaa87;background:transparent}
html[data-visual-style=classy] .avatar-option,html[data-visual-style=classy] .avatar-more,html[data-visual-style=classy] .counter,html[data-visual-style=classy] .mode-tabs,html[data-visual-style=classy] .sng-options{background:#1c2928;border-color:#46534a}
html[data-visual-style=classy] .avatar-option[aria-pressed=true],html[data-visual-style=classy] .counter button[aria-pressed=true],html[data-visual-style=classy] .mode-tabs button[aria-pressed=true],html[data-visual-style=classy] .sng-option[aria-pressed=true]{background:#374938;border-color:#cbb17a;color:#f5e8cc}
html[data-visual-style=classy] .pill{background:#24322c;color:#c4bea9;border-color:#4d5c45}
html[data-visual-style=classy] .table-wrap{background:radial-gradient(ellipse,#243431,#121d1c 72%);border-color:#635739;border-radius:15px}
html[data-visual-style=classy] .table-wrap:before,html[data-visual-style=classy] .table-wrap:after{color:#9d8855;opacity:.4}
html[data-visual-style=classy] .felt{background:radial-gradient(ellipse at 45% 35%,#285343,#153c31 75%);border-color:#45362c;box-shadow:0 0 0 2px #a08855,inset 0 0 0 2px #8b815a,inset 0 15px 35px #020d1266,0 8px 0 #080d0d}
html[data-visual-style=classy] .felt:after{border-color:#a59c72;opacity:.35}
html[data-visual-style=classy] .pot-label,html[data-visual-style=classy] .street-label{color:#c1c5aa}
html[data-visual-style=classy] .pot-number{color:#f1e1b7;font-family:Georgia,serif}
html[data-visual-style=classy] .table-wordmark{color:#a69b6c;letter-spacing:.1em;font-family:Georgia,serif;font-weight:400}
html[data-visual-style=classy] .seat-avatar{background:#101a1c}
html[data-visual-style=classy] .seat-name{color:#f1e6ce}
html[data-visual-style=classy] .seat-stack,html[data-visual-style=classy] .seat-action,html[data-visual-style=classy] .table-bet strong{background:#13221d;color:#e6dbc1;border-color:#65734f}
html[data-visual-style=classy] .seat.acting .seat-avatar{border-color:#c9b27c;box-shadow:0 0 0 3px #b89e6430}
html[data-visual-style=classy] .hero-seat{background:#172725;border-color:#776e4b;box-shadow:0 4px 0 #0a1312}
html[data-visual-style=classy] .hero-seat .seat-stack{color:#ddc590;background:transparent}
html[data-visual-style=classy] .card{background:#f0e8d5;color:#172e28;border-color:#c9bc9b;border-radius:4px;box-shadow:0 3px 0 #08161066;font-family:Georgia,serif}
html[data-visual-style=classy] .card.red{color:#a74742}
html[data-visual-style=classy] .card.blank{background:#1d4638;border-color:#6f8261}
html[data-visual-style=classy] .card.back{background:repeating-linear-gradient(45deg,#28383c,#28383c 3px,#33474b 3px,#33474b 6px);border-color:#c1ac78}
html[data-visual-style=classy] .card.back span{color:#c1ac78;border-color:#8f8057}
html[data-visual-style=classy] .avatar-wins,html[data-visual-style=classy] .dealer-chip{background:#d1bd89;color:#162a24;border-color:#eadbb5}
html[data-visual-style=classy] .avatar-wins b{color:#20372e}
html[data-visual-style=classy] .timer-ring{stroke:#c8af74}
html[data-visual-style=classy] .timer-track{stroke:#42574a}
html[data-visual-style=classy] .controls{background:#172323;border-color:#4a5649;border-radius:10px}
html[data-visual-style=classy] .turn-bar{background:#1d2b28;color:#c4c4b2;border-color:#414e41}
html[data-visual-style=classy] .turn-bar.your-turn{background:#cbb17a;color:#14201c;border-color:#e5cd96}
html[data-visual-style=classy] .turn-bar.your-turn .turn-dot{background:#203d2c;box-shadow:0 0 0 4px #182f1b20}
html[data-visual-style=classy] .your-turn-badge{background:#d2b67b;color:#17231e;border-color:#152321}
html[data-visual-style=classy] body[data-your-turn=true] .hero-seat{outline-color:#cfb373;box-shadow:0 0 0 7px #bca46125}
html[data-visual-style=classy] body[data-your-turn=true] .controls{border-color:#cbb17a;background:#21312a}
html[data-visual-style=classy] .turn-bar.sending{background:#3c3526;color:#ebd8af;border-color:#96814d}
html[data-visual-style=classy] .table-quick-bets button,html[data-visual-style=classy] .raise-presets button,html[data-visual-style=classy] .desktop-settings,html[data-visual-style=classy] .table-tools button,html[data-visual-style=classy] .game-navigation button{background:#263831;color:#e3d5b5;border-color:#627251}
html[data-visual-style=classy] .table-quick-bets small{color:#b9bfaa}
html[data-visual-style=classy] dialog{background:#172122;color:#eee2cc;border-color:#a28d5e;border-radius:13px;box-shadow:0 25px 90px #0009}
html[data-visual-style=classy] dialog::backdrop{background:#03080bd1}
html[data-visual-style=classy] .help-close{background:#2c3932;color:#e9dabc}
html[data-visual-style=classy] .audio-settings,html[data-visual-style=classy] .sheet-stats>div,html[data-visual-style=classy] .stat{background:#20312a;border-color:#4e5e45;color:#e6dcc3}
html[data-visual-style=classy] .audio-master,html[data-visual-style=classy] .audio-mute{background:#304134;color:#eadab7;border-color:#6b7857}
html[data-visual-style=classy] .host-choices button,html[data-visual-style=classy] .join-tabs button{background:#24322e;color:#e4d8be;border-color:#576247}
html[data-visual-style=classy] .host-choices button[aria-pressed=true],html[data-visual-style=classy] .join-tabs button[aria-pressed=true]{background:#454733;border-color:#cdb47a}
html[data-visual-style=classy] .room-note,html[data-visual-style=classy] .invite-summary,html[data-visual-style=classy] .table-lifecycle,html[data-visual-style=classy] .person-state{background:#21342b;color:#d6ccaf;border-color:#526347}
html[data-visual-style=classy] .source-label{color:#b6c0ad}
html[data-visual-style=classy] .table-badge,html[data-visual-style=classy] .sng-hud,html[data-visual-style=classy] .blind-hud{background:#14271ee8;color:#d8cbab;border-color:#5b6e48}
html[data-visual-style=classy] .tournament-winner,html[data-visual-style=classy] .winning-panel{color:#ece0c6}
html[data-visual-style=classy] .podium-place{background:#263c2e;border-color:#947e4b;color:#eee0b9}
html[data-visual-style=classy] #toast{background:#d0b780;color:#18251e}
html[data-visual-style=classy] .style-switch{background:#15201f;border-color:#7c6a45}
html[data-visual-style=classy] .style-switch button[aria-pressed=true]{background:#cbb17a;color:#14221c}
@media(prefers-reduced-motion:reduce){.turn-nudge,.action-spinner{animation:none}.hero-hand{transform:none!important}}

#request-feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 4px 20px #0003;font-size:13px;white-space:nowrap}#request-feedback:not([hidden]){display:flex}.room-look-note{color:var(--muted);font-size:12px;margin-top:8px}
html[data-layout=phone] .your-turn-arrow{font-size:17px}
html[data-visual-style=classy] .mode-picker,html[data-visual-style=classy] .tournament-settings,html[data-visual-style=classy] .winning-hand{background:#20302a;border-color:#526247;color:#e7ddc8}
html[data-visual-style=classy] .sng-formats button{background:#1d2e29;border-color:#536147;color:#e5d9bd}
html[data-visual-style=classy] .sng-formats button[aria-pressed=true]{background:#424734;border-color:#cbb17a}
html[data-visual-style=classy] .sng-formats button small{color:#b6beaa}
html[data-visual-style=classy] .victory-podium>div{background:linear-gradient(#2e3b33,#1c2a25);border-color:#8a7851;color:#e6dcc3}
html[data-visual-style=classy] .victory-podium>div:first-child{background:linear-gradient(#dcc996,#b99a5b);color:#222c26;border-color:#f0d89c;box-shadow:0 8px 30px #c5a66b26}
html[data-visual-style=classy] .difficulty-easy{background:#2d4939;color:#b6d4aa}
html[data-visual-style=classy] .difficulty-average{background:#49422a;color:#e2ce94}
html[data-visual-style=classy] .difficulty-hard{background:#49352f;color:#e5b5a1}
html[data-visual-style=classy] .seat-name,html[data-visual-style=classy] .seat-stack,html[data-visual-style=classy] .role-label,html[data-visual-style=classy] .table-quick-bets button,html[data-visual-style=classy] .host-choices button,html[data-visual-style=classy] .mode-tabs button{font-family:'DM Sans',sans-serif}
html[data-visual-style=classy] input{accent-color:#cbb17a}
html[data-visual-style=classy] .source-label{background:#2a3a32;color:#c4ccb6}
html[data-visual-style=classy] .source-random{background:#4b3a2d;color:#e2c5a1}
html[data-visual-style=classy] .source-bot{background:#393342;color:#c8bed7}
html[data-visual-style=classy] .rebuy-request button{background:#304431;color:#e1d7b8;border-color:#71815a}
