:root{color:#15201a;background:#f4f7f1;font-family:Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:1px solid #b8c6bb;border-radius:8px;background:#fff;color:#15201a;padding:10px 14px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input{width:100%;border:1px solid #b8c6bb;border-radius:8px;padding:10px 12px;background:#fff}.primary-button{background:#166534;color:#fff;border-color:#166534}.auth-page,.lobby-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);background:#fff;border:1px solid #d8e1d9;border-radius:8px;padding:28px;box-shadow:0 20px 45px #1f382a1f}.auth-panel h1{margin:0 0 20px;font-size:30px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.segmented button.active{background:#e8f4eb;border-color:#166534}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:6px;color:#526158}.error-box,.status-line,.toast{border:1px solid #e2b8b8;background:#fff0f0;color:#8a1f1f;border-radius:8px;padding:10px 12px}.lobby-page{align-content:start;place-items:stretch;max-width:960px;margin:0 auto}.topbar,.game-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.topbar div,.game-header div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lobby-actions{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;background:#fff;border:1px solid #d8e1d9;border-radius:8px;padding:20px}.join-room{display:grid;grid-template-columns:1fr auto;gap:8px}.game-page{min-height:100vh;display:grid;grid-template-rows:auto minmax(360px,1fr) auto;padding:12px 16px;gap:12px}.game-header{border-bottom:1px solid #d8e1d9}.timer{min-width:54px;text-align:center;font-weight:700;color:#166534}.timer-danger{color:#b42318}.table{position:relative;min-height:430px;border-radius:8px;background:radial-gradient(circle at center,#1e7a4a,#17633d 58%,#10462d);border:1px solid #0f3f2a;overflow:hidden}.seat-position{position:absolute;width:210px}.seat-0{left:50%;bottom:18px;transform:translate(-50%)}.seat-1{right:20px;top:50%;transform:translateY(-50%)}.seat-2{left:50%;top:18px;transform:translate(-50%)}.seat-3{left:20px;top:50%;transform:translateY(-50%)}.player-seat{display:grid;gap:6px;padding:12px;border-radius:8px;background:#ffffffeb;border:2px solid transparent}.seat-turn{border-color:#facc15}.seat-me{background:#f3ffe8}.seat-name{font-weight:700}.seat-meta{display:flex;gap:8px;color:#526158;font-size:13px}.seat-count{font-size:20px;font-weight:700}.seat-finished{color:#166534;font-weight:700}.play-area{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(460px,42vw);min-height:150px;padding:18px;border-radius:8px;background:#ffffffe6;text-align:center}.play-title{font-weight:700;margin-bottom:8px}.play-meta,.passes,.empty-play{color:#526158}.played-cards,.mini-cards,.tribute-cards{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bottom-panel{display:grid;gap:10px;background:#fff;border:1px solid #d8e1d9;border-radius:8px;padding:12px}.hand-toolbar{display:flex;gap:8px;flex-wrap:wrap}.hand{display:flex;align-items:flex-end;gap:4px;min-height:120px;overflow-x:auto;padding:8px 2px}.card{position:relative;flex:0 0 62px;width:62px;height:92px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;border:1px solid #bbc7bd;border-radius:8px;background:#fff;box-shadow:0 4px 10px #14241c1f;padding:7px 4px}.card-compact{flex-basis:42px;width:42px;height:62px;padding:4px 2px;font-size:12px}.card-selected{transform:translateY(-16px);border-color:#166534;box-shadow:0 12px 22px #16653440}.card-red{color:#b42318}.card-black{color:#17201a}.card-wild{background:#fff7d6}.card-rank{font-weight:800}.card-suit{font-size:22px}.card-badge{position:absolute;right:4px;bottom:4px;border-radius:999px;background:#166534;color:#fff;padding:1px 4px;font-size:11px}.groups-row{display:flex;gap:10px;overflow-x:auto}.card-group{min-width:160px;border:1px solid #d8e1d9;border-radius:8px;padding:8px}.card-group-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0d1e1580;padding:20px}.tribute-modal{width:min(640px,100%);background:#fff;border-radius:8px;padding:22px}.toast{position:fixed;right:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));text-align:left}@media (max-width: 760px){.lobby-actions,.join-room{grid-template-columns:1fr}.game-page{grid-template-rows:auto minmax(420px,1fr) auto;padding:8px}.seat-position{width:150px}.play-area{width:min(320px,78vw)}.card{flex-basis:50px;width:50px;height:78px}}