:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0b1713;--panel:#142a22;--surface:#17382f;--text:#edf7f1;--border:#6d9585;color:var(--text);background:var(--page);font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:not(.tile){border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:8px;padding:10px 18px;font-weight:650}button:not(.tile):hover:not(:disabled){background:#254c40}button:not(.tile):disabled{color:#bbc8c1}:focus-visible{outline-offset:4px;outline:3px solid #ffd66b}a{color:#b6f4d5}.app{--tile-min:82px;min-height:100vh}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1140px;margin:auto;padding:24px 32px;display:flex}.wordmark{letter-spacing:-2px;font-size:2rem;font-weight:850;line-height:1}.wordmark span{color:#ffd66b}.site-header .table-number{font-size:1.5rem}.prototype-tag{border:1px solid #6c8074;border-radius:30px;padding:4px 12px;font-size:.85rem}main{max-width:1140px;margin:auto;padding:38px 32px}h1{letter-spacing:-1.5px;margin:10px 0 16px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}h2{margin:0 0 16px;font-size:1.25rem;line-height:1.35}p{margin:0 0 16px}.intro{margin-bottom:32px}.intro>p:last-child{font-size:1.15rem}.eyebrow{letter-spacing:2px;font-size:.75rem;font-weight:750}.game-info{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:28px;padding:22px 26px}.facts{flex-wrap:wrap;gap:45px;margin:0 0 14px;display:flex}.facts dt{font-size:.85rem}.facts dd{margin:2px 0 0;font-size:1.15rem;font-weight:700}.prototype-note{max-width:75ch;margin:0;font-size:.9rem}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.count{font-size:.9rem}#rack-help{max-width:85ch;font-size:.95rem}.selection-summary{margin-bottom:10px;font-weight:650}.rack-surface{background:#103e33;border-bottom:12px solid #80552b;border-radius:16px;padding:24px;position:relative;overflow-x:auto;box-shadow:0 4px #513619}.row-markers{color:#e4eee7;pointer-events:none;font-size:.75rem;position:absolute;top:6px;left:24px;right:24px}.row-markers span:last-child{position:absolute;top:171px;left:0}.rack-grid{gap:32px;min-width:818px;padding-top:2px;display:grid}.rack-row{grid-template-columns:repeat(9, minmax(var(--tile-min), 1fr));gap:10px;display:grid}.rack-cell{min-width:0}.tile{color:#202832;background:#fffdf4;border:3px solid #f0e6ca;border-bottom-width:7px;border-radius:9px;width:100%;height:139px;padding:8px 3px;position:relative;box-shadow:0 3px #051e17}.tile-content{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.tile-name{font-size:.85rem;font-weight:750}.tile-number{font-size:2.8rem;font-weight:800;line-height:1.1}.tile-badge{min-height:20px;font-size:.7rem;font-weight:700}.tile-red{color:#9a2020}.tile-blue{color:#1757a3}.tile-yellow{color:#775100}.tile-joker{color:#534068}.tile:hover{background:#fcf4da}.tile:focus-visible{outline-offset:4px;z-index:1;outline:4px solid #ffd66b}.tile.is-selected{border-color:#71d9d0;box-shadow:0 0 0 2px #052921}.tile.is-selected .tile-badge{color:#053c32;background:#a8ece4;border-radius:3px;width:calc(100% - 6px)}.tile.is-empty{color:#e4eee7;box-shadow:none;background:0 0;border:2px dashed #a2bfb0}.rack-actions,.control-buttons{flex-wrap:wrap;gap:10px;display:flex}.game-toolbar{align-items:stretch;gap:12px;margin-bottom:20px;display:flex}.incoming-discard{border:2px solid var(--border);border-radius:8px;flex:0 0 150px;padding:12px}.incoming-discard h3{margin:0 0 8px;font-size:1rem}.incoming-discard p{margin:0;font-weight:700}.controls-top .control-buttons{flex-direction:row-reverse;flex:1;align-content:start;min-width:0}.controls-top .toolbar-rack-actions,.controls-top .rack-actions{display:contents}.controls-top .control-buttons button{min-height:48px}@media (width<=500px){.game-toolbar{gap:6px}.incoming-discard{flex-basis:110px;padding:8px}}.rack-actions{margin:20px 0 26px}.last-discard{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:22px;margin-bottom:24px;padding:16px 0;display:flex}.last-discard h2,.last-discard p{margin:0}.controls{margin-bottom:32px}.below-rack{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:22px}.panel>p:last-child{margin-bottom:0;font-size:.9rem}main>.panel{margin-bottom:24px}form{gap:10px;max-width:540px;margin:18px 0;display:grid}form input,form select{border:1px solid var(--border);background:var(--page);width:100%;min-height:48px;color:var(--text);border-radius:6px;padding:10px}input::placeholder{color:#bbc8c1;opacity:1}.side-panels{align-content:start;gap:20px;display:grid}.room-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;display:grid}.room-options legend{margin-bottom:10px;font-weight:700}.room-option{border:1px solid var(--border);background:var(--page);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.room-option.is-current{border:2px solid #71d9d0;padding:15px}.room-option input{accent-color:#71d9d0;flex-shrink:0;width:24px;height:24px}.room-details{font-size:.9rem;display:block}.shortcuts{margin:0 0 20px}.shortcuts>div{border-bottom:1px solid var(--border);grid-template-columns:145px 1fr;gap:10px;padding:10px 0;display:grid}.shortcuts dt{font-size:.85rem;font-weight:750}.shortcuts dd{margin:0;font-size:.9rem}.checkbox-label{align-items:center;gap:12px;min-height:48px;display:flex}.checkbox-label input{accent-color:#71d9d0;width:22px;height:22px}.sound-settings{border:0;border-top:1px solid var(--border);min-width:0;margin:18px 0;padding:16px 0 0}.sound-settings legend{padding-right:12px;font-weight:750}.sound-settings label:not(.checkbox-label){margin:12px 0 4px;display:block}.sound-settings input[type=range]{accent-color:#71d9d0;width:100%;min-height:44px}.sound-settings select{background:var(--page);width:100%;max-width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.sound-settings button{margin:12px 0}.sound-settings p{font-size:.9rem}.announcement{min-height:2em;padding-top:26px;font-weight:650}footer{border-top:1px solid var(--border);text-align:center;padding:22px 32px;font-size:.85rem}.skip-link{background:var(--surface);z-index:10;padding:12px;position:fixed;top:-120px;left:16px}.skip-link:focus{top:12px}.chat-dialog{border:2px solid var(--border);background:var(--panel);width:min(600px,100% - 32px);max-height:calc(100vh - 32px);color:var(--text);border-radius:12px;padding:24px;overflow-y:auto}.chat-dialog::backdrop{background:#000000bf}.large-text{--tile-min:108px;font-size:1.25rem}.large-text .tile{height:160px}.large-text .tile-name{font-size:1.05rem}.large-text .tile-number{font-size:3.2rem}.large-text .tile-badge,.large-text .shortcuts dt,.large-text .shortcuts dd,.large-text .panel p,.large-text #rack-help{font-size:1rem}.large-text .rack-grid{min-width:1052px}.large-text .row-markers span:last-child{top:192px}.high-contrast{--page:#000;--panel:#000;--surface:#000;--text:#fff;--border:#fff;background:var(--page);color:var(--text)}.high-contrast .panel,.high-contrast .game-info,.high-contrast button:not(.tile){border-width:2px}.high-contrast .tile{border-color:#fff}.high-contrast .tile.is-selected{border-color:#71d9d0}@media (width<=740px){.room-options{grid-template-columns:1fr}.site-header{padding:20px}main{padding:28px 20px}.below-rack{grid-template-columns:1fr}.facts{gap:18px 26px}.rack-surface{padding:24px 16px}.row-markers{left:16px}.shortcuts>div{grid-template-columns:115px 1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (forced-colors:active){.tile,.tile.is-empty{border:2px solid buttontext}.tile.is-selected{outline-offset:-6px;outline:3px dashed highlight}.tile:focus-visible{outline-offset:4px;outline:4px solid highlight}.tile.is-selected .tile-badge{color:highlighttext;forced-color-adjust:none;background:highlight}}
