:root{color-scheme:light;--bg: #eef3ef;--panel: #ffffff;--panel-soft: #f5f7f8;--ink: #17201d;--muted: #66736d;--line: #d8dfdc;--table: #1f7a57;--table-dark: #15553f;--felt-line: rgba(255, 255, 255, .22);--accent: #d89a2b;--accent-dark: #9b6414;--blue: #285a9f;--danger: #b33131;--shadow: 0 18px 45px rgba(20, 35, 30, .18);--card-width: clamp(52px, 4.4vw, 68px);--card-height: calc(var(--card-width) * 1.42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.4;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.menu-screen{height:100vh;min-height:0;display:grid;place-items:center;padding:clamp(6px,1.4vh,12px);overflow:hidden;background:linear-gradient(135deg,#1f7a57f0,#15553feb),repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,255,255,.08) 14px 16px)}.menu-panel{width:min(430px,100%);max-height:100%;display:grid;gap:clamp(4px,.8vh,8px);padding:clamp(10px,1.2vh,14px);border:1px solid rgba(255,255,255,.45);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow);overflow:hidden}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--table-dark)}.eyebrow{margin:0 0 2px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:.95;letter-spacing:0}.difficulty-group{display:grid;gap:4px}.profile-card,.online-card,.friends-card{display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.menu-secondary-grid{display:grid;gap:6px}.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.online-actions{display:grid;gap:4px}.join-room-row,.friend-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.friend-summary{display:grid;gap:4px}.friend-list{min-height:22px;display:flex;align-items:center;gap:5px;overflow:hidden}.friend-list-label{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.friend-identity{min-width:0;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--panel);font-size:.68rem;font-weight:850}.friend-identity strong{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-empty{min-width:0;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.friend-row{min-width:0;display:inline-flex;align-items:center;gap:4px}.friend-row-actions{display:inline-flex;align-items:center;gap:3px}.friend-row-actions button{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--panel);cursor:pointer}.friend-row-actions button:disabled{color:var(--muted);cursor:not-allowed}.friend-invite-button{min-height:22px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid var(--blue);border-radius:6px;color:#fff;background:var(--blue);cursor:pointer;font-size:.64rem;font-weight:850}.friend-invite-button:disabled{border-color:var(--line);color:var(--muted);background:var(--panel);cursor:not-allowed}.online-status{min-height:20px;display:flex;align-items:center;gap:6px;margin:0;padding:3px 6px;border-radius:8px;color:var(--muted);background:var(--panel);font-size:.68rem;font-weight:780}.online-status.error{color:#fff;background:var(--danger)}.online-status.success{color:var(--ink)}.copy-code-button{width:24px;height:22px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--panel-soft);cursor:pointer}.open-room-button{min-height:22px;margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--blue);border-radius:6px;color:#fff;background:var(--blue);cursor:pointer;font-size:.68rem;font-weight:850}.open-room-button:disabled{border-color:var(--line);color:var(--muted);background:var(--panel-soft);cursor:not-allowed}.profile-card.compact{gap:5px}.profile-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.profile-sync-row{min-height:20px;display:flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);font-size:.64rem;font-weight:820}.profile-sync-row strong{color:var(--ink)}.profile-sync-row.synced{color:var(--table-dark)}.profile-sync-row.syncing{color:var(--accent-dark)}.profile-sync-row.error{border-color:#b3313159;color:var(--danger)}.profile-sync-retry{width:20px;height:18px;margin-left:auto;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:6px;color:inherit;background:transparent;cursor:pointer}.profile-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font-size:1rem;font-weight:950}.profile-name-input{width:100%;min-height:25px;margin-top:2px;padding:3px 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);font:inherit;font-weight:800}.profile-name-input:focus{border-color:var(--blue);outline:3px solid rgba(40,90,159,.18)}.avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.avatar-option{min-height:22px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);cursor:pointer;font-size:.8rem;font-weight:900}.avatar-option.active{color:#fff;background:var(--blue);border-color:var(--blue)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.stat-tile{min-width:0;display:grid;gap:1px;padding:4px 6px;border-radius:8px;background:var(--panel)}.stat-tile strong{color:var(--ink);font-size:.82rem;line-height:1}.stat-tile span{color:var(--muted);font-size:.53rem;font-weight:820}.group-label,.player-title,.area-heading{display:flex;align-items:center;gap:5px;font-weight:800}.menu-panel .group-label{font-size:.8rem}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.difficulty-segments{grid-template-columns:repeat(4,minmax(0,1fr))}.segment,.primary-action,.icon-button,.action-button,.build-target,.stock-button,.discard-pile{border:0;border-radius:8px;cursor:pointer}.segment{min-height:24px;padding:3px 6px;color:var(--muted);background:transparent;font-size:.76rem;font-weight:800}.segment.active{color:#fff;background:var(--blue)}.primary-action{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--accent-dark);font-weight:900}.menu-panel .icon-button{min-height:30px;padding:5px 9px;font-size:.78rem}@media (min-width: 470px){.menu-panel{width:min(100%,740px)}.menu-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.online-card,.friends-card{height:100%}}.game-shell{height:100vh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:linear-gradient(180deg,#eef3eff5,#e8edebfa),repeating-linear-gradient(90deg,transparent 0 32px,rgba(31,122,87,.04) 32px 34px)}.game-shell.theme-dark{--bg: #151916;--panel: #202622;--panel-soft: #2a312d;--ink: #eef4f0;--muted: #aebbb4;--line: #3b4640;--table: #17684b;--table-dark: #104732;--shadow: 0 18px 45px rgba(0, 0, 0, .34);background:linear-gradient(180deg,#131815fa,#1b221efa),repeating-linear-gradient(90deg,transparent 0 32px,rgba(255,255,255,.035) 32px 34px);color:var(--ink)}.game-header{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;align-items:center;gap:12px;padding:10px clamp(14px,2vw,24px);border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.theme-dark .game-header{background:#202622e6}.theme-dark .game-header h1,.theme-dark .player-title,.theme-dark .area-heading,.theme-dark .group-label{color:var(--ink)}.theme-dark .area-label,.theme-dark .eyebrow,.theme-dark .pile-count,.theme-dark .pile-pattern{color:#c7d6ce}.game-header h1{font-size:clamp(1.7rem,3.1vw,2.2rem)}.status-strip,.header-actions,.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.turn-pill,.phase-pill,.winner-pill,.sync-pill{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;color:var(--ink);background:var(--panel-soft);font-size:.92rem;font-weight:800}.turn-pill.human{color:#fff;background:var(--blue)}.turn-pill.computer{color:#fff;background:var(--table-dark)}.turn-bell{animation:bell-pulse 1.25s ease-in-out infinite}.winner-pill{color:#fff;background:var(--accent-dark)}.sync-pill{color:var(--muted);background:var(--panel-soft)}.sync-pill.synced{color:#fff;background:var(--table-dark)}.sync-pill.syncing{color:var(--ink);background:#e8d09a}.sync-pill.error{color:#fff;background:var(--danger)}.icon-button,.action-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:var(--ink);background:var(--panel);border:1px solid var(--line);font-weight:850}.icon-button.active-toggle{color:#fff;background:var(--blue);border-color:var(--blue)}.icon-only-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);cursor:pointer}.icon-button:hover:not(:disabled),.action-button:hover:not(:disabled),.icon-only-button:hover:not(:disabled),.segment:hover,.stock-button:hover:not(:disabled),.discard-pile:hover:not(:disabled),.build-target:hover:not(:disabled),.card-view:hover:not(:disabled){transform:translateY(-1px)}.action-button:disabled,.icon-button:disabled,.icon-only-button:disabled,.build-target:disabled,.stock-button:disabled,.discard-pile:disabled,.card-view:disabled,.segment:disabled{cursor:not-allowed;opacity:.52}.table-grid{width:min(1800px,100%);height:100%;min-height:0;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);grid-template-rows:minmax(128px,.78fr) minmax(150px,1fr) auto minmax(140px,.82fr);gap:10px;padding:clamp(8px,1.2vw,14px);overflow:hidden}.player-panel,.center-table,.human-area,.game-log,.action-bar{min-height:0;border-radius:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 28px #0f1e1914}.player-panel{grid-column:1 / 2;display:grid;gap:8px;padding:10px 10px 22px;overflow:hidden}.player-panel.current{outline:3px solid rgba(40,90,159,.22)}.opponent-layout{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(170px,260px);align-items:stretch;gap:12px;min-height:0}.compact-pile,.draw-pile-block,.hand-area,.discard-area{display:grid;gap:5px}.compact-pile,.draw-pile-block{align-content:start;justify-items:center;min-width:calc(var(--card-width) + 18px);padding-bottom:8px}.area-label{color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hand-label{display:flex;justify-content:space-between;gap:10px}.opponent-hand{min-height:var(--card-height);display:flex;align-items:center;gap:6px;overflow:hidden}.opponent-hand .card-view{margin-right:calc(var(--card-width) * -.56)}.opponent-discards,.discard-grid{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px}.mini-pile{display:grid;justify-items:center;gap:5px;color:var(--muted);font-weight:800;padding:4px 2px}.pile-meta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:16px}.mini-pile-pattern,.pile-pattern{min-height:14px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:var(--muted)}.mini-pile-pattern svg,.pile-pattern svg{display:block}.triangle-down-icon{transform:rotate(90deg);transform-origin:center;fill:currentColor;stroke:none}.center-table{grid-column:1 / 2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#1f7a57fa,#15553ffa),repeating-linear-gradient(45deg,transparent 0 18px,var(--felt-line) 18px 20px)}.center-table .area-label,.center-table .pile-count,.center-table .area-heading{color:#ffffffd6}.build-area{min-width:0;min-height:0;display:grid;gap:8px;align-content:start}.build-piles{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;overflow:hidden;padding:5px 4px 6px;margin:-5px -4px -6px}.build-target{min-height:calc(var(--card-height) + 32px);display:grid;place-items:center;gap:5px;padding:6px;color:var(--ink);background:#ffffffeb;border:2px solid transparent}.build-target.selected,.stock-button.selected,.discard-pile.selected,.card-view.selected{border-color:var(--accent);box-shadow:0 0 0 3px #d89a2b3d}.card-view.playable,.stock-button.playable-source,.discard-pile.playable-source{border-color:#285a9fa6;box-shadow:0 0 0 3px #285a9f21}.discard-pile.valid-discard-target,.card-view.discard-target{border-color:#1f7a57b8;box-shadow:0 0 0 3px #1f7a5724}.card-view.selected,.stock-button.selected,.discard-pile.selected,.build-target.selected{border-color:var(--accent);box-shadow:0 0 0 3px #d89a2b3d}.theme-dark .card-view.playable,.theme-dark .stock-button.playable-source,.theme-dark .discard-pile.playable-source{border-color:#76b7ff;box-shadow:0 0 0 3px #76b7ff57,0 0 18px #76b7ff47}.theme-dark .discard-pile.valid-discard-target,.theme-dark .card-view.discard-target{border-color:#62e2a7;box-shadow:0 0 0 3px #62e2a752,0 0 18px #62e2a738}.theme-dark .card-view.selected,.theme-dark .stock-button.selected,.theme-dark .discard-pile.selected,.theme-dark .build-target.selected{border-color:#ffd36f;box-shadow:0 0 0 3px #ffd36f6b,0 0 20px #ffd36f38}.cards-highContrast .card-view.playable,.cards-highContrast .stock-button.playable-source,.cards-highContrast .discard-pile.playable-source{border-color:#005fcc;box-shadow:0 0 0 4px #7db7ff,0 8px #00000029}.cards-highContrast .discard-pile.valid-discard-target,.cards-highContrast .card-view.discard-target{border-color:#00733d;box-shadow:0 0 0 4px #78e8ac,0 8px #00000029}.cards-highContrast .card-view.selected,.cards-highContrast .stock-button.selected,.cards-highContrast .discard-pile.selected,.cards-highContrast .build-target.selected{border-color:#9b6414;box-shadow:0 0 0 4px #ffd36f,0 8px #00000029}.cards-cuteCats .card-view.playable,.cards-cuteCats .stock-button.playable-source,.cards-cuteCats .discard-pile.playable-source{border-color:#5d8dff;box-shadow:0 0 0 3px #5d8dff52,0 0 18px #5d8dff38}.cards-cuteCats .discard-pile.valid-discard-target,.cards-cuteCats .card-view.discard-target{border-color:#32b979;box-shadow:0 0 0 3px #32b97952,0 0 18px #32b9792e}.cards-cuteCats .card-view.selected,.cards-cuteCats .stock-button.selected,.cards-cuteCats .discard-pile.selected,.cards-cuteCats .build-target.selected{border-color:#d887a8;box-shadow:0 0 0 3px #d887a873,0 0 18px #d887a83d}.new-build{color:#fff;background:#ffffff1f;border:2px dashed rgba(255,255,255,.52)}.action-bar{grid-column:1 / 2;justify-content:center;padding:8px}.action-hint{min-height:38px;max-width:310px;display:inline-flex;align-items:center;margin:0;padding:7px 10px;border-radius:8px;color:var(--muted);background:var(--panel-soft);font-size:.86rem;font-weight:780}.action-hint.blocked{color:#fff;background:var(--danger)}.shortcut-reference{width:100%;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;order:2}.shortcut-chip{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel-soft);font-size:.72rem;font-weight:760;white-space:nowrap}.shortcut-chip kbd{min-width:22px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--panel);box-shadow:inset 0 -1px #0f1e1924;font-family:inherit;font-size:.68rem;font-weight:900;text-align:center}.action-button{min-width:min(190px,100%);min-height:38px}.end-turn{color:#fff;background:var(--table-dark);border-color:var(--table-dark)}.human-area{grid-column:1 / 2;display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(260px,.95fr);align-items:start;gap:12px;padding:10px;overflow:hidden}.human-top-row{display:contents}.stock-button,.discard-pile{display:grid;justify-items:center;gap:5px;padding:8px 6px;color:var(--ink);background:var(--panel-soft);border:2px solid transparent}.discard-pile,.hand-area{min-width:0}.hand-row{min-height:calc(var(--card-height) + 12px);display:flex;align-items:center;gap:clamp(6px,1vw,10px);overflow-x:auto;padding:5px 4px 6px}.hand-row.extended-hand{gap:0;padding-right:calc(var(--card-width) * .22)}.hand-row.extended-hand .card-view{margin-right:calc(var(--card-width) * -.2)}.hand-row.extended-hand .card-view:last-child{margin-right:0}.hand-row.extended-hand .card-view:hover,.hand-row.extended-hand .card-view:focus-visible,.hand-row.extended-hand .card-view.selected{z-index:2}.game-log{grid-column:2 / 3;grid-row:1 / 5;align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:12px;overflow:auto}.game-log p{margin:0;padding:9px 10px;border-radius:8px;color:var(--muted);background:var(--panel-soft);font-size:.9rem}.card-view{position:relative;width:var(--card-width);height:var(--card-height);flex:0 0 var(--card-width);display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:7px 5px;border:2px solid #e2e6e4;border-radius:8px;color:#111;background:#fff;box-shadow:0 7px 16px #0a161224}.theme-dark .card-view{color:#111}.cards-highContrast .card-view{border-color:#111;border-width:3px;box-shadow:0 8px #00000029}.cards-highContrast .card-rank{font-size:clamp(.95rem,1.45vw,1.12rem)}.cards-highContrast .card-suit{font-size:clamp(1.7rem,3.2vw,2.35rem)}.cards-highContrast .card-back{border-color:#111;background:linear-gradient(135deg,#6d1423,#153f74),repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.28) 8px 10px)}.cards-highContrast .empty-card{border-color:#6f7a75;background:#f8faf9}.cards-cuteCats .card-view{overflow:hidden;border-color:#d887a8;color:#2b2028;background:radial-gradient(circle at 18% 17%,rgba(255,255,255,.88) 0 6px,transparent 7px),radial-gradient(circle at 82% 17%,rgba(255,255,255,.88) 0 6px,transparent 7px),linear-gradient(180deg,#fff9fb,#ffeaf2)}.cards-cuteCats .card-view:not(.card-back):not(.empty-card):before{content:"";position:absolute;top:-2px;left:50%;width:36px;height:18px;transform:translate(-50%);background:linear-gradient(135deg,transparent 0 42%,#d887a8 43% 100%) left / 18px 18px no-repeat,linear-gradient(225deg,transparent 0 42%,#d887a8 43% 100%) right / 18px 18px no-repeat;opacity:.78}.cards-cuteCats .card-view:not(.card-back):not(.empty-card):after{content:"🐾";position:absolute;right:5px;bottom:4px;font-size:.8rem;opacity:.45}.cards-cuteCats .card-suit{filter:saturate(.9)}.cards-cuteCats .red-card{color:#c24b75}.cards-cuteCats .card-back{border-color:#d887a8;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.2) 0 22px,transparent 23px),linear-gradient(135deg,#c75686,#46397f)}.cards-cuteCats .card-back-pattern{position:relative;border-radius:46% 46% 52% 52%}.cards-cuteCats .empty-card{color:#9a6779;border-color:#efd2dd;background:repeating-linear-gradient(135deg,#fff7fa 0,#fff7fa 8px,#ffeef4 8px,#ffeef4 16px)}button.card-view{cursor:pointer}.card-rank{width:100%;font-size:clamp(.82rem,1.3vw,1rem);font-weight:950;text-align:left;line-height:1}.card-suit{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1}.card-caption{width:100%;color:var(--muted);font-size:.64rem;font-weight:800;text-align:center}.red-card{color:var(--danger)}.card-back{overflow:hidden;border-color:#8f2f38;background:linear-gradient(135deg,#8f2f38f5,#39598ef0),repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.18) 8px 10px)}.card-back-pattern{width:54%;aspect-ratio:1;border:2px solid rgba(255,255,255,.75);border-radius:50%}.empty-card{color:var(--muted);background:repeating-linear-gradient(135deg,#f5f7f8 0,#f5f7f8 8px,#edf1ef 8px,#edf1ef 16px);box-shadow:none}.empty-label{align-self:center;font-size:.72rem;font-weight:900}.pile-count{color:var(--muted);font-size:.78rem;font-weight:850;line-height:1.1;text-align:center;white-space:nowrap}.mini-pile-pattern{min-width:14px}.pile-pattern{min-width:16px}.pattern-empty{visibility:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f1e196b}.rules-dialog,.settings-dialog{width:min(560px,100%);max-height:calc(100vh - 20px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.game-over-backdrop{background:linear-gradient(135deg,#0f1e1980,#1f7a5761),#0f1e1966}.game-over-dialog{width:min(520px,100%);display:grid;justify-items:center;gap:14px;padding:24px;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.game-over-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent-dark)}.game-over-dialog h2{margin:0;font-size:2rem;line-height:1}.game-over-winner{margin:0;color:var(--accent-dark);font-size:1.15rem;font-weight:950}.game-over-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-over-stats div{display:grid;gap:2px;padding:12px;border-radius:8px;background:var(--panel-soft)}.game-over-stats span,.game-over-stats small{color:var(--muted);font-weight:800}.game-over-stats strong{font-size:1.9rem;line-height:1}.game-over-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.rules-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rules-header h2{margin:0;font-size:1.35rem;letter-spacing:0}.rules-list{display:grid;gap:8px;overflow:auto}.rules-list p{margin:0;padding:10px 12px;border-radius:8px;color:var(--muted);background:var(--panel-soft);font-weight:720}.settings-list{min-height:0;display:grid;gap:10px;overflow:auto;padding-right:2px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border-radius:8px;color:var(--ink);background:var(--panel-soft)}.settings-row span{min-width:0;display:grid;gap:2px}.settings-row strong,.settings-row small{display:block}.settings-row small{color:var(--muted);font-size:.84rem;font-weight:650}.settings-row input{width:22px;height:22px;accent-color:var(--blue)}.segmented-mini{min-width:230px;display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.settings-command{min-height:40px;min-width:150px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:#fff;background:var(--blue);cursor:pointer;font-weight:850}.settings-command:hover,.settings-command:focus-visible{outline:3px solid rgba(40,90,159,.22)}.segmented-mini button{min-height:34px;padding:6px 10px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-weight:850}.segmented-mini button.active{color:#fff;background:var(--blue)}.segmented-mini button:hover:not(.active),.segmented-mini button:focus-visible:not(.active){outline:none;background:var(--panel-soft)}.settings-row.readonly{padding-right:18px}.language-select{position:relative;min-width:148px}.language-select-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--panel);box-shadow:0 3px 10px #0f1e190f;cursor:pointer;font-weight:850}.language-select-button:hover,.language-select-button:focus-visible{border-color:var(--blue);outline:3px solid rgba(40,90,159,.18)}.language-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--muted)}.language-options{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:100%;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 16px 34px #0f1e192e}.language-option{min-height:36px;padding:8px 10px;border:0;border-radius:6px;color:var(--ink);background:transparent;cursor:pointer;font-weight:780;text-align:left}.language-option:hover,.language-option:focus-visible{outline:none;background:var(--panel-soft)}.language-option.active{color:#fff;background:var(--blue)}@keyframes bell-pulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.08)}55%{transform:rotate(9deg) scale(1.03)}}@media (max-width: 980px){.game-shell{height:auto;min-height:100vh;overflow:visible}.game-header{grid-template-columns:1fr;align-items:start}.table-grid{height:auto;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto}.player-panel,.center-table,.action-bar,.human-area,.game-log{grid-column:1;grid-row:auto}.game-log{max-height:190px}.human-area{grid-template-columns:1fr;overflow:visible}.human-top-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px}.menu-screen{height:auto;min-height:100vh;overflow:visible;padding:18px}.menu-panel{width:min(440px,100%);gap:10px;padding:16px}}@media (max-width: 720px){:root{--card-width: clamp(50px, 16vw, 66px)}.menu-panel{padding:14px}.opponent-layout,.center-table,.human-top-row{grid-template-columns:1fr}.opponent-discards,.discard-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}.action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-hint,.shortcut-reference{grid-column:1 / -1;max-width:none}.action-button,.icon-button{min-width:0}.header-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-row{align-items:stretch;flex-direction:column}.segmented-mini,.language-select{width:100%}}@media (max-height: 760px){.modal-backdrop{padding:6px}.rules-dialog,.settings-dialog{max-height:calc(100vh - 12px);gap:10px;padding:12px}.settings-list{gap:6px}.settings-row{padding:8px 12px}.settings-row small{font-size:.8rem}.segmented-mini button{min-height:30px;padding:4px 8px}.settings-command,.language-select-button{min-height:36px}}@media (max-width: 460px){.menu-secondary-grid,.action-bar,.header-actions,.segmented-control{grid-template-columns:1fr}.opponent-discards,.discard-grid{grid-template-columns:repeat(2,minmax(54px,1fr))}}