:root{font-family:Arial,Helvetica,sans-serif;color:#263e33;background:#f5f3ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.5;--green:#214f3b;--muted:#737b6e;--border:#dedfd3;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae7448;outline-offset:5px}h1,h2,h3,p{margin:0}button{color:inherit}main{max-width:1440px;margin:auto;min-height:calc(100vh - 211px)}.header{height:108px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5.6%;gap:30px;max-width:1600px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--green)}.brand-mark{display:block;width:40px;height:46px;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:8px}.brand-wordmark{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:650;letter-spacing:-1.5px;line-height:1}.brand-dot{color:#a36f40}.brand-caption{display:block;font:7px Arial,sans-serif;letter-spacing:1.5px;line-height:1.2}.header nav{display:flex;gap:35px;font-size:13px}.header nav a{padding:14px 0;position:relative}.header nav a:hover,.header nav a.active{color:#a36f40}.header nav a.active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:#a36f40}.header-tag{font-size:9px;letter-spacing:2px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:564px;padding:76px 5.6% 46px;gap:50px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600;display:block;color:#66715d}.hero .eyebrow{display:flex;align-items:center;gap:14px}.small-line{height:1px;width:29px;background:#99a18a}.hero h1{font:clamp(43px,4.5vw,65px)/1.13 var(--serif);letter-spacing:-2.4px;margin:24px 0}.hero h1 em{font-weight:400;color:#66765b}.hero-copy>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:48px;border:1px solid transparent;padding:13px 22px;font-size:12px;border-radius:4px;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{color:#f7f7eb;background:var(--green)}.primary:hover:not(:disabled){background:#153b2a}.button span{font-size:18px}.hero-note{display:block;font-size:10px;color:var(--muted);margin-top:17px}.hero-art{position:relative;align-self:center;height:424px;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse,#dce1d1 0,#e7e9dd 46%,transparent 70%);isolation:isolate}.art-orbit{position:absolute;border:1px solid #d3d9c8;border-radius:50%;inset:2%;transform:rotate(-22deg)}.orbit-two{inset:11% -5%;transform:rotate(25deg)}.art-caption{position:absolute;top:4%;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;white-space:nowrap;color:#828977}.decor-tile{position:absolute;width:119px;height:165px;border-radius:13px;border:1px solid #f5f1e4;background:linear-gradient(120deg,#fffdf2,#eeecdc);box-shadow:5px 11px #b8b798,12px 22px 28px #4860442f;display:flex;flex-direction:column;align-items:center;justify-content:center}.decor-tile>span{font:60px/.88 var(--serif);text-align:center}.decor-tile small{font-size:6px;letter-spacing:1.3px;color:#989784;position:absolute;bottom:14px}.tile-left{top:105px;left:17%;transform:rotate(-19deg);z-index:2}.tile-left .bamboo-face{font-size:48px;font-weight:700;line-height:1.1;color:#3d7150}.tile-right{top:96px;right:14%;transform:rotate(17deg);z-index:1}.character-face{color:#a85344}.tile-front{bottom:39px;left:40%;transform:rotate(-4deg);z-index:3}.dragon-face{color:#3d7150}.art-seal{position:absolute;bottom:43px;right:7%;border:1px solid #a0a58e;padding:0 7px;font:25px/1.4 serif;color:#a0a58e;transform:rotate(5deg)}.modes{margin:14px 5.6% 0;display:grid;grid-template-columns:.9fr 1fr 1fr 1fr;gap:18px;padding:33px 0 42px;border-top:1px solid var(--border)}.section-intro{padding:18px 0}.section-intro h2{font:29px var(--serif);margin:12px 0}.section-intro p{font-size:12px;color:var(--muted)}.mode-card{border:1px solid var(--border);border-radius:6px;padding:24px 20px;position:relative;min-height:214px}.active-card{background:#edf0e5;transition:background .2s;border-color:#cfd8c2}.active-card:hover{background:#e4eada}.mode-icon{font-size:27px;color:#4d684e;line-height:1}.chip{font-size:7px;letter-spacing:1px;background:#e5e8dd;color:#66715d;border:1px solid #d9dfcf;border-radius:3px;padding:5px 7px;display:inline-block;white-space:nowrap;font-family:Arial,sans-serif;vertical-align:middle}.mode-card>.chip{float:right;font-size:6px}.mode-card h3{font:22px var(--serif);margin:18px 0 10px}.mode-card p{font-size:11px;line-height:1.8;color:var(--muted)}.card-link{display:flex;justify-content:space-between;margin-top:20px;font-size:10px;color:#365d40}.future-card{background:#f1f0e9}.future-card .mode-icon{color:#888f7d}.home-footnote{display:flex;justify-content:space-between;margin:0 5.6%;padding:23px 0 39px;font-size:10px;color:#7d8576}.home-footnote>span:last-child{letter-spacing:.7px}footer{border-top:1px solid var(--border);padding:24px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:103px}footer .brand-caption{display:none}footer .brand-wordmark{font-size:24px}footer .brand-mark{width:30px;height:35px}footer>span{font:italic 13px var(--serif);color:#858a7b}.pwa-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#747e6b}.status-dot{width:5px;height:5px;border-radius:50%;background:#a7aa9d}.status-dot.ready{background:#5f8358}.pwa-status button{font-size:9px;background:none;border:0;border-left:1px solid var(--border);margin-left:4px;padding-left:10px;color:var(--green)}.skip-link{position:absolute;left:10px;top:-100px;z-index:10;background:var(--green);color:#fff;padding:10px}.skip-link:focus{top:10px}.page{padding:35px 5.6% 70px}.back-link{font-size:11px;color:var(--muted)}.page-heading{margin:40px 0 35px}.page-heading h1{font:46px/1.15 var(--serif);letter-spacing:-1.2px;margin:15px 0}.page-heading p{color:var(--muted);font-size:13px;line-height:1.8}.setup-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:42px}.setup-panel{padding:30px;background:#faf9f4;border:1px solid var(--border);border-radius:8px}.setup-panel h2{font-size:11px;color:#8b927e;margin-bottom:23px}.setup-panel h2 span{font:23px var(--serif);color:#2e4437;margin-left:13px}.setup-panel h2:not(:first-child){margin-top:35px}.ruleset-card{width:100%;text-align:left;border:1px solid var(--border);border-radius:6px;background:#faf9f4;display:flex;align-items:center;gap:19px;padding:23px}.ruleset-card.selected{background:#edf1e5;border-color:#849577}.ruleset-symbol{font:36px serif;padding:12px;background:#f6f4e7;border-radius:4px}.ruleset-card strong{display:block;font:20px var(--serif);margin-bottom:8px}.ruleset-summary{display:block;font-size:11px;color:#727c69}.ruleset-details{font-size:9px;color:#7c876f;display:block;margin-top:8px}.ruleset-card>.chip{align-self:flex-start}.field{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#52614e;margin-top:20px}select{background:#f9f8f2;border:1px solid #d4dacb;border-radius:4px;padding:12px;color:#344a3a;font-size:12px;max-width:100%}.field-note{font-size:10px;color:#7d8673;margin-top:18px}.setup-aside{background:#e7ecdf;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 35px}.aside-symbol{font:63px serif;margin-bottom:25px;color:#537450}.setup-aside h2{font:29px var(--serif);margin-bottom:20px}.setup-aside p{font-size:12px;line-height:1.9;color:#727d68;margin-bottom:20px}.setup-aside .button{margin-top:6px}.aside-note{font-size:9px;color:#7a8470;margin-top:16px}.table-page{padding:25px 4% 45px}.table-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.table-toolbar h1{font:29px var(--serif);margin-top:11px}.table-toolbar h1 .chip{margin-left:12px}.table-controls{display:flex;gap:10px}.secondary{border-color:#cfd8c5;background:#f3f3e9;gap:10px;padding:10px 15px;min-height:40px}.table-stage{height:min(62vw,590px);min-height:350px;border:1px solid #c7d0be;border-radius:10px;overflow:hidden;position:relative;background:#d8ded3}.scene-fallback{padding:60px 30px;text-align:center;color:#496046}.seat{position:absolute;pointer-events:none;font-size:8px;letter-spacing:1.5px;color:#3f5946;text-align:center;line-height:1.6;z-index:1;background:#dde3d5db;padding:7px 13px;border-radius:5px}.seat b{display:block;font-weight:400;font-size:9px;letter-spacing:0;color:#677461}.seat-north{top:13px;left:50%;transform:translate(-50%)}.seat-south{bottom:12px;left:50%;transform:translate(-50%)}.seat-west{left:12px;top:45%}.seat-east{right:12px;top:45%}.hand-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 20px}.hand-controls p{font-size:11px;margin-top:7px;color:#6b7863}.accessible-hand{display:flex;column-gap:7px;row-gap:20px;flex-wrap:wrap}.hand-tile{background:#f9f7ed;border:1px solid #d8dacb;border-bottom:3px solid #babc9f;border-radius:5px;min-width:60px;padding:12px 7px 9px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .15s;flex:0 0 clamp(60px,calc((100% - 91px)/14),90px);max-width:90px;height:132px}.hand-tile>span{font:28px serif}.hand-tile small{font-size:7px;color:#7d856f}.hand-tile.selected{transform:translateY(-5px);outline:2px solid #597749;background:#edf1df}.preview-note{font-size:10px;color:#788270;margin-top:22px}.settings-page,.help-page{max-width:1080px;margin:auto}.settings-panel{background:#faf9f3;padding:10px 30px 30px;border:1px solid var(--border);border-radius:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid var(--border)}.setting-row h3{font:22px var(--serif);margin-bottom:9px}.setting-row p{font-size:12px;color:#7b8471}.setting-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px}.volume-field{max-width:350px;gap:17px}input[type=range]{accent-color:var(--green)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid article{border:1px solid var(--border);padding:30px;border-radius:6px;background:#f9f8f1}.help-grid article>span{font-size:10px;color:#929982}.help-grid h2{font:27px var(--serif);margin:15px 0}.help-grid p{font-size:13px;color:#738169;line-height:1.9}.notice{margin:16px 5.6%;padding:10px 15px;background:#efe4d2;border:1px solid #d8c6a9;font-size:12px}@media(min-width:1450px){.hero{padding-top:95px}.hero-art{height:460px}.decor-tile{width:137px;height:185px}.tile-front{bottom:48px}.modes{margin-top:30px}}@media(max-width:1000px){.header-tag{display:none}.hero{gap:15px;padding-top:56px}.hero-art{height:380px}.decor-tile{width:101px;height:145px}.tile-left{left:10%}.tile-right{right:10%}.tile-front{left:36%;bottom:28px}.modes{grid-template-columns:repeat(3,1fr)}.section-intro{grid-column:1/-1;display:flex;align-items:baseline;gap:20px;padding:0}.section-intro h2{margin:0}.hero h1{font-size:48px}.setup-layout{gap:22px}.setup-panel{padding:24px}.setup-aside{padding:28px 22px}.ruleset-card{gap:12px;padding:16px}.ruleset-card>.chip{display:none}}@media(max-width:700px){.header{height:88px;padding:0 6%;gap:15px}.brand-wordmark{font-size:27px;letter-spacing:-1.2px}.brand-copy{gap:6px}.brand-caption{font-size:6px;letter-spacing:1px}.brand-mark{width:32px;height:37px}.header .brand-caption{display:none}.header .brand{gap:9px}.header nav{gap:17px;font-size:10px}.hero{grid-template-columns:1fr;padding:44px 6% 25px;gap:0}.hero-copy{position:relative;z-index:4}.hero h1{font-size:47px;letter-spacing:-1.8px}.hero-copy>p{font-size:13px}.hero-art{height:340px;max-width:400px;width:100%;margin:18px auto 0}.art-caption{top:8%}.tile-left{top:87px;left:18%}.tile-right{top:81px;right:15%}.tile-front{bottom:19px;left:40%}.art-seal{bottom:22px;right:11%}.modes{grid-template-columns:1fr;margin:0 6%;gap:12px;padding-top:25px}.section-intro{display:block;margin-bottom:12px}.section-intro h2{margin:10px 0}.mode-card{min-height:175px;padding:22px}.mode-card p{font-size:12px}.mode-card h3{margin-top:12px}.card-link{margin-top:14px}.home-footnote{gap:15px;flex-direction:column;margin:0 6%;padding-top:12px}footer{flex-wrap:wrap;padding:20px 6%;gap:14px}footer>span{font-size:12px}.pwa-status{flex-basis:100%;padding-top:10px}.page{padding:25px 6% 45px}.page-heading{margin-top:30px}.page-heading h1{font-size:36px}.setup-layout{grid-template-columns:1fr}.setup-panel{padding:22px}.setup-aside{padding:32px}.setup-aside .aside-symbol{font-size:46px;margin-bottom:16px}.table-page{padding:22px 4%}.table-toolbar{flex-direction:column;align-items:flex-start}.table-toolbar h1{font-size:26px}.table-stage{height:430px;min-height:0}.seat{padding:6px 8px;font-size:7px}.seat-west{left:5px}.seat-east{right:5px}.hand-controls{align-items:flex-start}.hand-controls .button{gap:8px;padding:12px;font-size:10px;min-width:135px}.accessible-hand{column-gap:5px;row-gap:18px}.hand-tile{flex:0 0 calc(14.285% - 5px);min-width:0;height:100px;padding:9px 3px}.hand-tile>span{font-size:25px}.hand-tile small{font-size:6px}.help-grid{grid-template-columns:1fr}.setting-row{gap:15px}.setting-row p{font-size:11px}.setting-row h3{font-size:20px}.settings-panel{padding:6px 20px 25px}.setting-row select{max-width:125px;padding:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.button:hover:not(:disabled){transform:none}}.hero{overflow:clip}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:25px;background:#e7ecdf;border:1px solid #cfd8c2;border-radius:6px;font-size:13px}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.score-strip>div{padding:12px 16px;border:1px solid var(--border);border-radius:5px;background:#f9f8f1}.score-strip strong{display:block;font-size:12px}.score-strip span,.score-strip small{display:block;font-size:10px;color:#65745d;margin-top:5px}.score-strip .current-seat{border-color:#7d9468;background:#e8eedf}.game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.public-melds{font-size:11px;color:#5b6d53;line-height:1.9;margin-top:18px}.round-result{padding:25px;background:#e7ecdf;border-radius:8px;margin-top:24px;border:1px solid #cfd8c2}.round-result h2{font:30px var(--serif);margin:14px 0}.round-result p{font-size:12px;line-height:1.8;margin-bottom:18px}.result-payments{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:20px 0}.result-payments b{margin-left:8px}.round-result .button{margin-top:6px}@media(max-width:700px){.score-strip{grid-template-columns:repeat(2,1fr)}.score-strip>div{padding:9px 12px}.resume-banner{flex-direction:column;align-items:flex-start}.game-actions .button{width:100%;gap:10px}.round-result h2{font-size:26px}}.update-notification{position:fixed;z-index:100;bottom:20px;right:20px;max-width:520px;display:flex;align-items:center;gap:20px;padding:20px;background:#f9f8f1;border:1px solid var(--green);border-radius:8px;box-shadow:0 8px 32px #183d3226;color:var(--green);font-size:14px}.update-notification strong{font-size:17px}.update-notification p{margin:8px 0 0;line-height:1.6;font-size:12px}.update-notification .button{flex-shrink:0}.update-notification p[role=alert]{color:#963b2d}@media(max-width:700px){.update-notification{left:12px;right:12px;bottom:12px;max-width:none;flex-wrap:wrap;padding:16px;gap:12px}}.app-version{font-family:Arial,Helvetica,sans-serif;font-size:11px;white-space:nowrap;color:var(--green);font-style:normal}@media(max-width:360px){.header{gap:10px}.header .brand-wordmark{font-size:24px}.header nav{gap:10px}.header nav a{white-space:nowrap}}.game-surface{position:relative}.fullscreen-toggle{position:absolute;top:12px;right:12px;z-index:3;padding:9px 12px;gap:8px;background:#f9f8f1;font-size:11px;box-shadow:0 2px 8px #183d3212}.fullscreen-toggle>span{font-size:18px;line-height:1}.fullscreen-error{position:absolute;top:62px;right:12px;z-index:4;max-width:260px;background:#efe4d2;padding:12px;font-size:12px}.seat-points{display:block;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--green)}.seat-bonuses{display:block;font-size:8px;letter-spacing:0}.seat.active-seat{background:#f3f6e8;border:1px solid #7d9468;box-shadow:0 2px 10px #183d3212}.game-surface:fullscreen,.game-surface.expanded{width:100%;height:100dvh;padding:16px;background:#f5f3ec;overflow:auto}.game-surface.expanded{position:fixed;inset:0;z-index:90}.game-surface:fullscreen .table-stage,.game-surface.expanded .table-stage{height:calc(100dvh - 235px);min-height:240px}.game-surface:fullscreen .fullscreen-toggle,.game-surface.expanded .fullscreen-toggle{top:28px;right:28px}.game-surface:fullscreen .hand-controls,.game-surface.expanded .hand-controls{margin:12px 0}.game-surface:fullscreen .hand-tile,.game-surface.expanded .hand-tile{height:90px}.game-surface:fullscreen .public-melds,.game-surface.expanded .public-melds{margin-top:10px}.game-surface:fullscreen::backdrop{background:#f5f3ec}@media(max-width:700px){.seat-points{font-size:11px}.fullscreen-toggle{top:9px;right:9px;padding:8px 10px;font-size:10px}.game-surface:fullscreen,.game-surface.expanded{padding:10px}.game-surface:fullscreen .table-stage,.game-surface.expanded .table-stage{height:calc(100dvh - 335px)}.game-surface:fullscreen .fullscreen-toggle,.game-surface.expanded .fullscreen-toggle{top:19px;right:19px}}.game-surface:fullscreen,.game-surface.expanded{padding:0;overflow:hidden}.game-surface:fullscreen .table-stage,.game-surface.expanded .table-stage{height:100dvh;min-height:0;width:100%;border:0;border-radius:0}.game-surface:fullscreen .hand-controls,.game-surface.expanded .hand-controls,.game-surface:fullscreen .accessible-hand,.game-surface.expanded .accessible-hand,.game-surface:fullscreen .game-actions,.game-surface.expanded .game-actions,.game-surface:fullscreen .public-melds,.game-surface.expanded .public-melds{display:none}.game-surface:fullscreen .fullscreen-toggle,.game-surface.expanded .fullscreen-toggle{top:12px;right:12px}.fullscreen-status,.fullscreen-recovery{display:none}.tile-action-overlay{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}.tile-action-line{position:absolute;inset:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 2px #183d3255)}.tile-action-line line{stroke:#f9f7ed;stroke-width:2}.tile-action-line circle{stroke:#214f3b;stroke-width:1;fill:#f9f7ed}.tile-action-panel{position:absolute;pointer-events:auto;width:max-content;min-width:min(150px,100%);max-width:340px;overflow:auto;padding:12px;background:#faf8ef;border:1px solid #c4ccb8;border-radius:8px;box-shadow:0 6px 24px #183d3233}.tile-action-caption{display:block;font-size:10px;color:#65745d;text-align:center;margin-bottom:9px}.tile-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.tile-action-buttons .button{padding:11px 15px;font-size:12px;min-height:42px}.tile-action-options{display:grid;gap:6px;margin-bottom:9px}.tile-action-options button{padding:10px;border:1px solid #c4ccb8;border-radius:4px;background:#f5f3ec;color:var(--green);font-size:11px;text-align:left;min-height:42px}.tile-action-options button[aria-pressed=true]{border-color:#597749;background:#e8eedf}.game-surface:fullscreen .fullscreen-status,.game-surface.expanded .fullscreen-status{display:block;position:absolute;top:14px;left:14px;z-index:2;font-size:11px;max-width:220px;pointer-events:none;background:#f5f3ecdd;padding:9px 12px;border-radius:5px}.fullscreen-status strong{font-weight:500}.fullscreen-status p{margin-top:5px;color:#65745d;font-size:10px}.fullscreen-camera{display:block;position:absolute;right:12px;top:64px;z-index:3;padding:9px 12px;font-size:11px;background:#f9f8f1}.game-surface:fullscreen .fullscreen-recovery,.game-surface.expanded .fullscreen-recovery{display:block;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:6;background:#efe4d2;padding:16px;max-width:calc(100% - 24px);font-size:12px}.game-surface:fullscreen .round-result,.game-surface.expanded .round-result{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:6;width:min(600px,calc(100% - 24px));max-height:65dvh;overflow:auto;margin:0;background:#faf8ef;box-shadow:0 6px 24px #183d3233}@media(max-width:700px){.game-surface:fullscreen .fullscreen-status,.game-surface.expanded .fullscreen-status{max-width:120px;font-size:10px;padding:8px}.game-surface:fullscreen .fullscreen-toggle,.game-surface.expanded .fullscreen-toggle{padding:8px;font-size:10px;max-width:108px}.fullscreen-camera{font-size:10px;padding:8px}.tile-action-buttons .button{min-height:44px}.tile-action-panel{padding:10px}}.hand-tile{position:relative}.hand-tile[data-drawn=true]{border-color:#b99b51;background:#f8f2df}.hand-tile .drawn-badge{position:absolute;right:5px;top:4px;font-size:7px;line-height:1;padding:3px 4px;background:#e6c67d;color:#214f3b;border-radius:2px;pointer-events:none}.hand-tile[data-drawn=true].selected{background:#edf1df}.hand-controls:has(+.playable-hand){margin-bottom:64px}.playable-hand{row-gap:64px}.hand-tile-slot{position:relative;flex:0 0 clamp(60px,calc((100% - 91px)/14),90px);min-width:60px;max-width:90px}.hand-tile-slot>.hand-tile{width:100%;max-width:none}.hand-discard{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);z-index:2;min-height:36px;padding:7px 10px;font-size:11px;white-space:nowrap;gap:0}.hand-discard:hover:not(:disabled){transform:translate(-50%,-1px)}@media(max-width:700px){.hand-tile-slot{flex:0 0 calc(14.285% - 5px);min-width:0}.hand-discard{min-height:44px;font-size:10px;padding:7px 8px}}