:root{color-scheme:dark;--bg:#0c1220;--panel:#131c2b;--line:#293448;--text:#f4f1e9;--muted:#96a3b9;--gold:#e8c985;--aqua:#79c6d1;--or:#f1c86f;--violet:#b99aef;--vert:#80cda7;--rouge:#f18d88;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .18s,border-color .18s,opacity .18s,transform .18s}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.ambient{position:fixed;z-index:-1;pointer-events:none;width:600px;height:600px;filter:blur(120px);border-radius:50%;opacity:.11}.ambient-one{background:#536fbc;top:-280px;left:15%}.ambient-two{background:#488fa0;right:-350px;top:300px}.topbar{height:100px;max-width:1460px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09}.brand{display:flex;gap:14px;align-items:center;letter-spacing:.25em;font-size:25px;font-weight:500}.brand small{display:block;letter-spacing:.24em;font-size:8px;font-weight:600;color:var(--muted);margin-top:1px}.brand-orbit{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b99b5c5c;border-radius:50%;color:var(--gold);font-size:30px;position:relative}.brand-orbit:after{content:"";position:absolute;inset:5px;border:1px solid #b99b5c30;border-radius:50%}.nav-right{display:flex;align-items:center;gap:28px}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.connection i,.live-indicator{width:6px;height:6px;border-radius:50%;background:var(--vert);box-shadow:0 0 12px #80cda74d}.connection.offline i{background:var(--rouge)}.quiet{padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#d2d8e2;min-height:40px}.quiet:hover{background:#ffffff08}.quiet span{color:var(--gold);padding-left:8px}#home{max-width:1390px;margin:56px auto 0;padding:0 48px;display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:45px;align-items:start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--gold)}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h1{font-family:Georgia,"Times New Roman",serif}.hero-copy h1{font-size:clamp(35px,4vw,57px);line-height:1.16;letter-spacing:-.035em;margin:17px 0}.hero-copy h1 em{font-weight:400;font-style:italic;color:var(--gold)}.hero-copy>p{max-width:430px;color:var(--muted);line-height:1.8;font-size:14px}.hero-tags{display:flex;gap:22px;margin:22px 0;color:#c5cede;font-size:11px}.preview-wrap{max-width:625px;margin-top:30px;position:relative}.preview-caption{display:flex;justify-content:space-between;color:#7f8fa5;font-size:9px;letter-spacing:.13em;margin-bottom:14px}.preview-caption span+span{letter-spacing:0}.preview-foot{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin-top:12px}#preview-board{display:grid;grid-template-columns:repeat(15,1fr);gap:1px;padding:13px;background:linear-gradient(135deg,#202b41,#101a2b);border:1px solid #39465d;border-radius:10px;aspect-ratio:1;max-height:440px;width:min(100%,440px);box-shadow:0 18px 55px #0005;transform:perspective(1500px) rotateX(8deg) rotateZ(-3deg);margin:10px auto 20px}#preview-board .preview-cell{position:relative;border:1px solid #25324780;border-radius:1px;background:#111b2c;display:grid;place-items:center}#preview-board .preview-cell.room{background:#2c6170;border-color:#67919a30}#preview-board .chip{width:85%;height:85%}.panel{background:linear-gradient(135deg,#172132c9,#111a28e8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px #00000012}.entry-panel{padding:28px;margin-top:22px}.entry-heading h2{font-family:Georgia,serif;font-size:29px;letter-spacing:-.03em;margin:12px 0 8px}.entry-heading>p{font-size:12px;color:var(--muted)}.entry-tabs{display:flex;padding:4px;background:#0b1321;border:1px solid #233047;border-radius:10px;margin:26px 0 24px}.entry-tabs button{flex:1;font-size:12px;min-height:39px;border-radius:6px;color:var(--muted)}.entry-tabs .selected{color:var(--text);background:#29354a;box-shadow:0 2px 4px #0003}label{display:block;color:#cbd2dd;font-size:11px;margin:0 0 9px;font-weight:500}input,select{background:#0e1726;border:1px solid #334054;border-radius:8px;min-height:46px;width:100%;padding:12px;color:var(--text);outline:none}input:focus,select:focus{border-color:#aa945f}input::placeholder{color:#6e7d93;font-size:12px}#create-options,#join-options{margin-top:21px}.capacity-choice{display:flex;gap:9px}.capacity-choice button{flex:1;border:1px solid #344056;border-radius:9px;height:66px;display:flex;gap:5px;justify-content:center;align-items:baseline;padding-top:15px}.capacity-choice b{font-size:22px;font-weight:500}.capacity-choice span{font-size:10px;color:var(--muted)}.capacity-choice .selected{border-color:var(--gold);background:#e8c9850b}.capacity-choice .selected b{color:var(--gold)}.capacity-choice button:last-child{flex:.8}.field-note{font-size:10px;color:var(--muted);margin-top:10px}.primary{background:var(--gold);color:#201d17;padding:13px 18px;border-radius:8px;min-height:47px;font-weight:600;font-size:12px;display:inline-flex;gap:18px;justify-content:space-between;align-items:center;box-shadow:0 2px 7px #0002}.primary:hover:not(:disabled){background:#f5dca5}.full{width:100%}.form-error{font-size:11px;color:#ffa6a0;min-height:24px;margin:9px 0 3px}.entry-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;text-align:center;color:var(--muted);font-size:10px;line-height:1.8}.entry-footer span{display:block;color:var(--gold);font-size:21px;margin-bottom:6px}#resume-button{margin-top:15px}#room-code{text-transform:uppercase;letter-spacing:.25em;font-weight:600}.home-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:28px}.home-bottom>div{display:flex;gap:15px}.home-bottom>div>span{font-family:Georgia,serif;color:var(--gold);font-size:25px}.home-bottom p{font-size:11px;color:var(--muted);line-height:1.8}.home-bottom b{display:block;color:var(--text);font-size:12px;font-weight:500}.site-footer{max-width:1390px;margin:45px auto 0;padding:24px 48px 28px;display:flex;justify-content:space-between;gap:20px;color:#718097;font-size:9px;letter-spacing:.03em}.site-footer a:hover{color:var(--gold)}#table{max-width:1500px;margin:28px auto 0;padding:0 40px}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.table-heading h1{font-size:30px;letter-spacing:-.025em;margin-top:7px}.table-actions{display:flex;align-items:center;gap:10px}.invite-button{border:1px solid #746643;background:#e8c98508;border-radius:8px;padding:10px 14px;font-size:11px;min-height:42px;color:var(--gold)}#invite-code{display:inline-block;letter-spacing:.16em;font-weight:600;padding:0 9px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.board-panel{overflow:hidden}.board-toolbar{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.board-description{display:flex;align-items:center;gap:9px;color:#d3dce5;font-size:11px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%}.aqua{background:var(--aqua)}.gold{background:var(--gold)}.zoom-controls{display:flex;align-items:center;gap:5px;background:#0c1421;border:1px solid #2b3749;border-radius:7px;padding:2px}.zoom-controls button{font-size:20px;min-height:32px;width:32px;border-radius:5px}.zoom-controls button:hover{background:#ffffff10}.zoom-controls output{font-size:10px;width:44px;text-align:center;color:var(--muted)}#zoom-fit{border-left:1px solid var(--line);border-radius:0;margin-left:3px;font-size:21px}.board-viewport{height:min(65vw,680px);max-height:72vh;min-height:300px;overflow:auto;background:radial-gradient(ellipse at 50% 50%,#192940,#0c1421);touch-action:none;overscroll-behavior:contain;position:relative;scrollbar-width:thin;scrollbar-color:#41506b #0d1523;cursor:grab;user-select:none;-webkit-user-select:none}.board-viewport.dragging{cursor:grabbing}.board-surface{position:relative;width:600px;height:600px;padding:24px;margin:0 auto;flex:none}.board-grid{width:100%;height:100%;display:grid;border:1px solid #617b855c;gap:1px;background:#3d5062;border-radius:3px;box-shadow:0 0 45px #0005}.cell{min-width:0;min-height:0;position:relative;display:grid;place-items:center;border:0;border-radius:0;padding:0;background:linear-gradient(135deg,#17243a,#132033);aspect-ratio:auto;cursor:inherit;isolation:isolate}.cell.room{background:linear-gradient(140deg,#31636f,#28525e)}.cell.room:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 50%,#a8f4ef07 51%);pointer-events:none}.cell.room[data-room="F"]{background:linear-gradient(140deg,#4b7880,#315d69)}.cell.home{box-shadow:inset 0 0 0 2px var(--player-color);z-index:1}.cell.home:after{content:"";position:absolute;inset:12%;border:1px solid var(--player-color);opacity:.5;border-radius:50%;z-index:-1}.cell.legal{background:#c4c78030;cursor:pointer;box-shadow:inset 0 0 0 1px #e8c9856b}.cell.legal:after{content:"";width:17%;height:17%;border-radius:50%;background:var(--gold);opacity:.8;position:absolute;box-shadow:0 0 8px #e8c9854a;pointer-events:none}.cell.legal:has(.chip):after{width:95%;height:95%;background:transparent;border:2px solid var(--gold);border-radius:50%}.cell.source{box-shadow:inset 0 0 0 2px white}.cell.own{cursor:pointer}.cell.last{outline:1px solid #fff7;outline-offset:-3px}.cell.pending{box-shadow:inset 0 0 0 2px var(--gold);background:#bcac5b55}.cell.pending .chip{opacity:.68}.cell.pending:after{display:none}.cell.hover-room{filter:brightness(1.3)}.chip{--player-color:var(--or);width:82%;height:82%;border-radius:50%;position:relative;display:block;background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--player-color) 75%,white),var(--player-color) 48%,color-mix(in srgb,var(--player-color) 75%,#1a2235));border:1px solid #ffffff42;box-shadow:0 2px 0 color-mix(in srgb,var(--player-color) 42%,#080e16),0 3px 4px #0009,inset 0 0 0 2px #ffffff0b;z-index:2;flex-shrink:0}.chip.stacked{box-shadow:0 3px 0 #24303a,0 5px 0 var(--under-color),0 6px 2px #000,inset 0 0 0 2px #ffffff24;transform:translateY(-2px)}.chip .pip{position:absolute;width:15%;height:15%;border-radius:50%;background:#fdfcf0;box-shadow:0 0 2px #fff8;transform:translate(-50%,-50%)}.board-axis{position:absolute;display:grid;pointer-events:none;color:#8294aa;font-size:9px;text-align:center}.axis-top{left:24px;right:24px;top:6px;height:14px}.axis-left{top:24px;bottom:24px;left:4px;width:14px;align-items:center}.board-legend{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:11px 18px;font-size:9px;color:#9fadc0;border-top:1px solid var(--line)}.board-legend>span{display:flex;align-items:center;gap:6px}.board-legend i{width:8px;height:8px;display:inline-block;border-radius:2px}.legend-room{background:#487f8a}.legend-path{background:#25374c}.legend-target{background:var(--gold)}.gesture-help{margin-left:auto;font-size:9px;color:#708198}.hand-panel{min-height:112px;padding:18px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;background:#19233680}.hand-message{flex:1;min-width:0}.hand-message h3{font-size:15px;font-weight:500;line-height:1.45;margin-bottom:5px}.hand-message p{font-size:11px;line-height:1.7;color:var(--muted)}.hand-message .eyebrow{font-size:9px;margin-bottom:5px}.face-choice{display:flex;gap:9px;flex-shrink:0;align-items:center}.face-button{border:1px solid #3c485a;background:#111b2b;padding:7px;border-radius:12px;width:62px;min-height:73px;display:flex;align-items:center;flex-direction:column;gap:4px}.face-button .chip{width:40px;height:40px}.face-button small{font-size:9px;color:var(--muted)}.face-button.selected{border-color:var(--gold);background:#e8c9850c}.hand-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hand-buttons .primary{justify-content:center;white-space:nowrap}.hand-panel .quiet{font-size:10px}.sidebar{display:grid;gap:16px}.sidebar .panel{padding:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-heading h2{font-size:12px;font-weight:500}.section-heading>span{font-size:9px;color:var(--muted)}.player{display:flex;align-items:center;gap:11px;padding:11px 8px;margin:0 -5px;border-radius:8px;position:relative;border:1px solid transparent}.player.active{background:#e8c98508;border-color:#e8c98538}.player-avatar{width:32px;height:32px;border:1px solid var(--player-color);background:color-mix(in srgb,var(--player-color) 13%,transparent);border-radius:50%;color:var(--player-color);display:grid;place-items:center;font-size:12px;position:relative;flex-shrink:0}.player-avatar:after{content:"";width:5px;height:5px;border-radius:50%;background:#5a6576;position:absolute;bottom:-1px;right:0;box-shadow:0 0 0 3px #17202f}.player.online .player-avatar:after{background:var(--vert)}.player-name{flex:1;font-size:12px;min-width:0;overflow-wrap:anywhere}.player-name small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.player-name .you-label{display:inline;font-size:9px;margin-left:5px;color:#74869f}.player-score{text-align:right;color:var(--player-color);font-size:17px}.player-score small{display:block;color:var(--muted);font-size:8px}.player.empty{border:1px dashed #334155;margin-top:8px;color:#6e7d92;font-size:11px;padding:13px}.player.empty>span{font-size:20px;margin-right:5px}#lobby-controls{border-top:1px solid var(--line);margin-top:12px;padding-top:15px}.color-options{display:flex;gap:10px;margin:7px 0 14px}.color-options button{width:29px;height:29px;background:var(--player-color);border-radius:50%;border:3px solid #16202f;outline:1px solid transparent}.color-options button.selected{outline-color:var(--player-color)}#lobby-controls select{font-size:10px;min-height:38px;padding:7px;margin-bottom:14px}#lobby-controls>p{font-size:10px;color:var(--muted);margin:9px 0}.kick-button{font-size:14px;color:#8c9bb0;padding:5px}.room-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ffffff06;font-size:10px;gap:6px}.room-label{color:#9faec1;white-space:nowrap}.room-label span{color:var(--gold)}.room-values{display:flex;gap:5px;align-items:center}.room-value{min-width:25px;text-align:center;padding:2px 5px;border-radius:5px;color:var(--player-color);background:color-mix(in srgb,var(--player-color) 7%,transparent);font-size:10px}.room-value.leader{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player-color) 60%,transparent)}.muted{color:var(--muted);font-size:11px}.score-note{font-size:9px;line-height:1.8;padding-top:10px}.activity-list{max-height:165px;min-height:40px;overflow:auto;scrollbar-width:thin}.activity-line{font-size:10px;line-height:1.7;color:#8e9eb4;padding:4px 0;overflow-wrap:anywhere}.activity-line.chat{color:#d7dee8}.activity-line b{font-weight:500;color:var(--gold)}#chat-form{display:flex;margin-top:13px;position:relative}#chat-input{padding:10px 35px 10px 10px;font-size:10px;min-height:38px}#chat-form button{position:absolute;right:3px;top:3px;bottom:3px;width:32px;font-size:19px;color:var(--gold)}.results-panel{padding:28px;margin-top:24px}.results-panel h2{font-family:Georgia,serif;font-size:29px;color:var(--gold);margin:6px 0 12px}.results-panel p{font-size:12px;color:var(--muted);margin-bottom:18px}.score-table-wrap{overflow:auto}.score-table{border-collapse:collapse;width:100%;font-size:11px;min-width:400px;margin:16px 0}.score-table th,.score-table td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line)}.score-table th{font-weight:500;color:var(--muted)}.score-table tfoot{font-weight:600;color:var(--gold)}dialog{max-width:620px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;background:#172132;color:var(--text);border:1px solid #455169;border-radius:18px;padding:28px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#050a14bf;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-top .quiet{font-size:16px}dialog h2{font-family:Georgia,serif;font-size:33px;color:var(--gold);margin:15px 0}dialog>p{font-size:12px;color:#aab7ca;line-height:1.8}.rules-list{padding-left:23px;margin:22px 0;font-size:12px;line-height:1.85;color:#aebbd0}.rules-list li{padding-left:6px;margin:14px 0}.rules-list b{display:block;color:var(--text);font-weight:500}.rules-end{margin-bottom:15px}.text-link{display:inline-block;color:var(--gold);font-size:11px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;padding:13px 22px;max-width:calc(100% - 30px);width:max-content;background:#e8c985;color:#201d17;font-size:12px;border-radius:10px;box-shadow:0 5px 40px #0008}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1550px){.board-viewport{height:710px;max-height:none}}
@media(max-width:1100px){#home{padding:0 28px;gap:28px;grid-template-columns:minmax(0,1fr) 330px}.entry-panel{padding:23px}.topbar{padding:0 28px}.play-layout{grid-template-columns:minmax(0,1fr) 265px;gap:15px}#table{padding:0 22px}.hand-panel{flex-wrap:wrap;gap:13px;padding:16px}.hand-message{min-width:180px}.hand-buttons{margin-left:auto}.gesture-help{display:none}.sidebar .panel{padding:15px}}
@media(max-width:1000px){.topbar{height:80px;padding:0 20px}.nav-right{gap:12px}.connection{font-size:10px}.brand{font-size:21px}.brand small{font-size:7px}.brand-orbit{width:35px;height:35px;font-size:24px}.nav-right .quiet{font-size:10px;padding:8px 10px}#home{grid-template-columns:1fr 310px;margin-top:30px;padding:0 20px;gap:23px}.hero-copy h1{font-size:35px}.hero-copy>p{font-size:12px}.hero-tags{gap:12px;flex-wrap:wrap;font-size:10px}.entry-panel{margin-top:0;padding:21px}.entry-heading h2{font-size:25px}.preview-caption{font-size:8px}.home-bottom{gap:20px}.home-bottom p{font-size:10px}.home-bottom>div>span{font-size:21px}.play-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:15px}.activity-panel{grid-column:1/-1}.activity-list{max-height:140px}.board-viewport{height:calc(100vw - 80px);max-height:75vh;min-height:300px}.hand-panel{flex-wrap:nowrap}.hand-message{min-width:0}.hand-buttons{flex-direction:column;align-items:stretch}.table-heading h1{font-size:25px}.site-footer{padding:24px 22px;font-size:8px}.table-actions .quiet{font-size:10px}.zoom-controls button{min-height:38px;width:38px}.board-toolbar{padding:10px 13px}.invite-button{font-size:10px}.board-description{font-size:10px}}
@media(max-width:600px){.topbar{padding:0 16px;height:73px}.nav-right .connection{display:none}.brand{gap:10px}#home{display:flex;flex-direction:column;gap:25px;margin-top:28px;padding:0 18px}.hero{display:contents}.hero-copy{order:0}.hero-copy h1{font-size:39px;line-height:1.15;margin:14px 0}.hero-copy>p{font-size:13px;max-width:330px}.hero-tags{gap:18px;font-size:10px;margin:18px 0 0}.entry-panel{order:1;width:100%;padding:23px}.entry-heading h2{font-size:28px}.entry-tabs{margin:20px 0}.entry-footer{margin-top:20px;padding-top:14px}.entry-footer span{display:inline;margin-right:5px}.preview-wrap{order:2;width:100%;margin-top:5px}#preview-board{max-height:360px;width:min(90%,360px)}.home-bottom{order:3;display:flex;flex-direction:column;gap:20px;width:100%;margin-top:7px;padding-top:24px}.home-bottom p{font-size:11px}.home-bottom b{font-size:12px}.site-footer{margin-top:25px;flex-direction:column;gap:9px;padding:22px 18px}.table-heading{align-items:start;flex-wrap:wrap;gap:14px;margin-bottom:17px}.table-heading h1{font-size:27px}.table-heading .eyebrow{font-size:8px}.table-actions{justify-content:space-between;width:100%}#table{margin-top:22px;padding:0 10px}.play-layout{gap:13px}.board-panel{border-radius:13px}.board-viewport{height:calc(100vw - 18px);max-height:68dvh;min-height:275px}.board-description{font-size:9px;gap:5px}.zoom-controls{gap:0}.zoom-controls output{font-size:9px;width:37px}.zoom-controls button{width:34px;min-height:36px}.board-toolbar{padding:8px 9px}.board-legend{padding:9px 12px;font-size:8px;gap:14px}.hand-panel{padding:15px 13px;gap:13px;flex-wrap:wrap}.hand-message{flex-basis:calc(100% - 155px)}.hand-message h3{font-size:13px}.hand-message p{font-size:10px}.face-button{width:58px;min-height:70px}.hand-buttons{width:100%;flex-direction:row;align-items:stretch;gap:8px;margin-top:2px}.hand-buttons .primary{flex:1}.hand-buttons .quiet{min-height:43px}.sidebar{gap:11px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sidebar .panel{padding:13px 10px;border-radius:13px}.section-heading{margin-bottom:10px;gap:3px}.section-heading h2{font-size:10px}.section-heading>span{font-size:8px}.player{gap:7px;padding:10px 3px}.player-avatar{width:25px;height:25px;font-size:10px}.player-name{font-size:10px}.player-name small{font-size:8px}.player-name .you-label{display:block;margin-left:0}.player-score{font-size:14px}.player-score small{font-size:7px}.room-row{font-size:8px;gap:2px}.room-values{gap:2px}.room-value{min-width:17px;font-size:8px;padding:2px}.room-label{font-size:8px}.score-note{font-size:8px}.color-options{gap:8px}.color-options button{width:24px;height:24px}.player.empty{font-size:9px;padding:10px 5px}.player.empty>span{font-size:15px}.score-panel .section-heading>span{display:none}.results-panel{padding:20px 15px}.results-panel h2{font-size:26px}dialog{padding:22px}.dialog-top .eyebrow{font-size:8px}.hand-message .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.add-bot-row{display:flex;gap:7px;align-items:stretch;margin-bottom:16px}.add-bot-row select{flex:1;min-width:0!important;width:40%;margin-bottom:0!important}.add-bot-row .quiet{font-size:10px;white-space:nowrap;padding:8px}.player .player-name small{line-height:1.55}
@media(max-width:600px){.add-bot-row{flex-direction:column}.add-bot-row select{width:100%}.add-bot-row .quiet{min-height:40px}}
@media(max-width:1000px){input,select{font-size:16px!important}input::placeholder{font-size:12px}}