@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#2d2823;--muted:#746c62;--paper:#f7f0e4;--paper-deep:#eadfce;--cream:#fffaf0;--felt:#17695d;--felt-dark:#0e5148;--coral:#ef674e;--gold:#e0a73c;--line:#42332629;--shadow:0 18px 45px #31271c24;--header-height:72px;--board-gap:18px;--opponents-height:156px;--shared-height:370px;--shared-draw-width:15%;--current-meta-width:15%;--personal-piles-width:clamp(360px, 42%, 520px)}*{box-sizing:border-box}html{background:var(--paper);min-height:100dvh}body{background:radial-gradient(circle at 10% 0%, #ef674e14, transparent 30rem), var(--paper);min-height:100dvh;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.topbar{border-bottom:1px solid var(--line);min-height:var(--header-height);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf0f0;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand,.player-heading{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:14px 14px 6px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:800;display:flex;transform:rotate(-3deg);box-shadow:0 5px #bc4935}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:20px;display:block}.brand span,.player-heading span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.room-chip{color:#315e52;background:#e8f3ed;border:1px solid #c8e2d8;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#43a06d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #43a06d21}.header-actions{justify-content:flex-end;gap:8px;display:flex}.quiet-button,.new-game-button,.primary-button{cursor:pointer;border:0;border-radius:10px;font-weight:750}.quiet-button{background:0 0;padding:10px 13px}.quiet-button:hover{background:var(--paper-deep)}.new-game-button{background:var(--ink);color:#fff;padding:10px 15px}.game-board{max-width:1540px;padding:24px clamp(16px, 3.5vw, 54px) max(56px, calc(28px + env(safe-area-inset-bottom)));margin:0 auto}.opponents{margin-bottom:var(--board-gap);grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;display:grid}.opponent-panel,.your-area,.activity-strip{border:1px solid var(--line);background:#fffaf0e0;border-radius:18px;box-shadow:0 8px 24px #372c200f}.opponent-panel{min-height:var(--opponents-height);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.avatar{color:#fff;letter-spacing:.02em;border:3px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px 8px #30261c26}.avatar-large{width:46px;height:46px}.player-heading strong{font-size:14px}.opponent-piles{align-items:flex-end;gap:17px;display:flex}.pile-with-count,.draw-area,.building-slot,.discard-group{position:relative}.pile-label,.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:850;display:block}.stack-wrap{position:relative}.stack-back{top:-4px;left:-4px;transform:rotate(-3deg);position:absolute!important}.count-badge{background:var(--ink);color:#fff;z-index:4;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 5px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:-7px;right:-7px}.discard-row{gap:6px;display:flex}.discard-slot,.building-slot{background:0 0;border:0;margin:0;padding:0}.discard-slot{border-radius:8px;position:relative}.discard-slot:disabled{color:inherit}.discard-slot:not(:disabled){cursor:pointer}.discard-shadow{background:#d6c8b5;border:1px solid #b8aa98;border-radius:8px;width:100%;height:calc(100% - 1px);position:absolute;top:-3px;left:-3px}.tiny-count{border:1px solid var(--line);z-index:4;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:900;display:flex;position:absolute;bottom:-5px;right:-4px}.center-table{background:radial-gradient(circle at 50% 45%, #ffffff12, transparent 28rem), repeating-linear-gradient(105deg, #ffffff04 0 1px, transparent 1px 6px), var(--felt);box-shadow:inset 0 0 0 2px #ffffff21, inset 0 0 50px #00000026, var(--shadow);color:#fff;min-height:var(--shared-height);border:7px solid #6c4b32;border-radius:28px;padding:clamp(20px,3vw,34px)}.table-heading{justify-content:space-between;align-items:flex-start;display:flex}.table-heading .eyebrow,.center-table .pile-label{color:#ffffffa3}.table-heading h1,.your-meta h2,.modal h2,.pass-card h2{font-family:Georgia,Times New Roman,serif}.table-heading h1{margin:0;font-size:clamp(25px,3vw,38px);line-height:1}.turn-pill{color:#ffffffad;text-align:right;text-transform:uppercase;background:#00000029;border:1px solid #ffffff2b;border-radius:12px;padding:9px 12px;font-size:10px}.turn-pill strong{color:#fff;text-transform:none;margin-top:3px;font-size:12px;display:block}.shared-piles{grid-template-columns:var(--shared-draw-width) minmax(0, 1fr);place-items:flex-end center;gap:clamp(24px,5vw,72px);width:100%;max-width:950px;margin:36px auto 4px;display:grid}.draw-area{justify-self:end}.building-area{justify-self:start;gap:clamp(10px,2.3vw,30px);display:flex}.building-slot{color:#fff;border-radius:13px;min-width:92px;transition:transform .16s;position:relative}.building-slot.playable{cursor:pointer;filter:drop-shadow(0 0 12px #ffe079d1);transform:translateY(-5px)}.building-slot.playable:hover{transform:translateY(-9px)}.play-hint{background:var(--gold);color:#4f3517;white-space:nowrap;z-index:6;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.wild-value{white-space:nowrap;z-index:5;background:#755caa;border:2px solid #fff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.card{aspect-ratio:.68;color:#fff;background:#f8f2e7;border:2px solid #fff;border-radius:12px;width:92px;height:136px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px #00000021,0 8px 16px #1f18122e}.card:after{content:"";pointer-events:none;border:1px solid #ffffff6e;border-radius:7px;position:absolute;inset:3px}.card-1{background:#e65e46}.card-2{background:#d89b2f}.card-3{background:#247b72}.card-wild{background:linear-gradient(145deg,#0000 0 40%,#ffffff1f 40% 52%,#0000 52%),#7358a3}.card-back{background:repeating-linear-gradient(45deg,#0000 0 8px,#ffffff0d 8px 10px),#283b46;justify-content:center;align-items:center;display:flex}.card-back span{color:#fff;border:2px solid #ffffffb3;border-radius:50%;padding:10px 6px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:900;transform:rotate(-8deg)}.card-corner{font-size:15px;font-weight:900;line-height:1;position:absolute;top:7px;left:8px}.card-corner-bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.card-center{text-shadow:0 2px #0000001a;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:900;display:flex;position:absolute;inset:0}.card-center strong{font-size:29px;line-height:1;transform:rotate(-7deg)}.card-center small{letter-spacing:.15em;margin-top:3px;font-family:Arial,Helvetica,sans-serif;font-size:8px}.card-clickable{cursor:pointer;transition:transform .14s,box-shadow .14s}.card-clickable:hover{transform:translateY(-7px)rotate(-1deg)}.card-selected{box-shadow:0 0 0 4px var(--gold), 0 11px 18px #1f181247;transform:translateY(-9px)}.card-compact,.opponent-panel .card{border-width:2px;border-radius:8px;width:58px;height:86px}.opponent-panel .card:after,.card-compact:after{border-radius:4px;inset:3px}.opponent-panel .card-center,.card-compact .card-center{font-size:34px}.opponent-panel .card-center strong,.card-compact .card-center strong{font-size:18px}.opponent-panel .card-corner,.card-compact .card-corner{font-size:8px;top:6px;left:6px}.opponent-panel .card-corner-bottom,.card-compact .card-corner-bottom{inset:auto 6px 6px auto}.card-empty{box-shadow:none;color:#ffffff9e;text-align:center;background:#ffffff17;border:2px dashed #fff6;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.card-empty:after{display:none}.your-area{margin-top:var(--board-gap);padding:clamp(18px,2.5vw,30px)}.your-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:17px;display:flex}.your-meta h2{margin:0;font-size:25px;line-height:1}.your-meta .eyebrow{margin-bottom:7px}.turn-help{color:var(--muted);text-align:right;max-width:460px;margin:0;font-size:12px}.your-layout{grid-template-columns:var(--personal-piles-width) minmax(0, 1fr);align-items:flex-end;gap:clamp(26px,5vw,80px);display:grid}.personal-piles{align-items:flex-end;gap:28px;display:flex}.target-ready{box-shadow:0 0 0 3px #e0a73cb3}.hand-area{min-width:0}.hand-heading{justify-content:space-between;align-items:center;display:flex}.hand-heading>span:last-child{color:var(--muted);font-size:11px}.hand{gap:clamp(8px,1.5vw,18px);display:flex}.activity-strip{grid-template-columns:auto 1fr;align-items:flex-start;gap:22px;margin-top:18px;padding:16px 20px;display:grid}.activity-strip>.eyebrow{margin-top:8px}.activity-items{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.activity-items p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.activity-items p span{color:var(--ink);text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:850;display:block}.privacy-screen,.modal-backdrop{height:100dvh;padding:max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211b16b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.pass-card,.modal{background:var(--cream);text-align:center;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:510px;padding:42px;position:relative;box-shadow:0 28px 80px #00000047}.pass-icon{color:var(--felt);background:#e1efe8;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 24px;font-size:31px;display:flex}.pass-card h2,.modal h2{margin:7px 0 13px;font-size:34px;line-height:1.1}.pass-card p{color:var(--muted);margin:0 0 24px;font-size:14px}.primary-button{background:var(--coral);color:#fff;padding:13px 20px;box-shadow:0 5px #bd4c38}.primary-button:hover{transform:translateY(-1px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #bd4c38}.winner-card{background:radial-gradient(circle at top, #e0a73c33, transparent 14rem), var(--cream)}.confetti{color:var(--gold);text-shadow:25px -8px 0 var(--coral), -27px 6px 0 var(--felt);margin-bottom:12px;font-size:65px;display:block}.modal{text-align:left;max-height:calc(100dvh - 44px);overflow-y:auto}@media (min-width:761px) and (max-width:1100px) and (max-height:760px){.topbar{min-height:56px;padding-block:7px}.brand-mark{border-radius:11px 11px 5px;width:35px;height:35px;font-size:16px;box-shadow:0 3px #bc4935}.brand strong{font-size:18px}.brand span{display:none}.game-board{padding-bottom:max(28px, calc(16px + env(safe-area-inset-bottom)));padding-top:12px}.opponents{gap:10px;margin-bottom:10px}.opponent-panel{min-height:104px;padding:9px 12px}.opponent-piles{gap:11px}.opponent-panel .card,.opponent-panel .card-compact{width:45px;height:66px}.center-table{border-width:5px;min-height:240px;padding:16px 22px 22px}.table-heading h1{font-size:27px}.shared-piles{gap:34px;margin-top:19px}.building-area{gap:14px}.center-table .card{width:65px;height:96px}.center-table .card-center{font-size:30px}.center-table .card-corner{font-size:9px;top:7px;left:7px}.center-table .card-corner-bottom{inset:auto 7px 7px auto}.building-slot{min-width:67px}.your-area{margin-top:10px;padding:13px 17px 15px}.your-meta{margin-bottom:12px;padding-bottom:10px}.your-meta h2{font-size:21px}.your-layout{gap:28px}.personal-piles{gap:18px}.your-area .card{width:63px;height:92px}.your-area .card-center{font-size:30px}.your-area .card-corner{font-size:9px;top:7px;left:7px}.your-area .card-corner-bottom{inset:auto 7px 7px auto}.hand{gap:8px}.activity-strip{display:none}}.close-button{background:var(--paper-deep);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;display:flex;position:absolute;top:18px;right:18px}.rules-modal ol{gap:15px;margin:26px 0 30px;padding-left:22px;display:grid}.rules-modal li{color:var(--muted);padding-left:7px;font-size:13px;line-height:1.45}.rules-modal li strong{color:var(--ink)}.setup-grid,.name-fields{grid-template-columns:1fr 1fr;gap:13px;margin:25px 0;display:grid}.name-fields{border-top:1px solid var(--line);padding-top:24px}.setup-modal label{color:var(--muted);font-size:11px;font-weight:800}.setup-modal input,.setup-modal select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.setup-modal input:focus,.setup-modal select:focus{border-color:var(--felt);box-shadow:0 0 0 3px #17695d1f}@media (max-width:1050px){.opponent-panel{min-height:142px}.your-layout{grid-template-columns:1fr;align-items:start}.hand{padding:8px 5px 16px;overflow-x:auto}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;padding-inline:16px}.room-chip,.quiet-button{display:none}.game-board{padding-inline:12px;padding-top:14px}.opponents{padding-bottom:8px;display:flex;overflow-x:auto}.opponent-panel{flex:0 0 310px}.center-table{border-width:5px;min-height:350px;padding:20px 14px 27px;overflow:hidden}.table-heading h1{font-size:25px}.shared-piles{grid-template-columns:auto 1fr;gap:15px;margin-top:30px}.building-area{grid-template-columns:repeat(4,1fr);gap:16px 9px;width:100%;display:grid}.building-slot{min-width:0}.center-table .card{border-radius:8px;width:64px;height:94px}.center-table .card-center{font-size:30px}.center-table .card-corner{font-size:9px;top:7px;left:7px}.center-table .card-corner-bottom{inset:auto 7px 7px auto}.draw-area .count-badge{right:-4px}.your-meta{align-items:flex-start;gap:15px}.turn-help{max-width:180px}.personal-piles{gap:20px}.your-area .discard-row{gap:4px}.your-area .discard-slot .card{width:64px;height:94px}.hand{gap:8px}.hand .card{flex:0 0 75px;width:75px;height:110px}.activity-strip{display:block}.activity-items{grid-template-columns:1fr}.activity-items p:nth-child(n+3){display:none}.pass-card,.modal{padding:34px 24px}.pass-card h2,.modal h2{font-size:29px}}@media (max-width:460px){.brand span{display:none}.opponent-panel{flex-basis:290px}.shared-piles{grid-template-columns:1fr;place-items:start}.draw-area{display:none}.building-area{justify-self:stretch}.your-meta{display:block}.turn-help{text-align:left;max-width:none;margin-top:12px}.personal-piles{align-items:flex-end;padding:5px 5px 14px;overflow-x:auto}.setup-grid,.name-fields{grid-template-columns:1fr}}@media (min-width:761px) and (max-width:1100px) and (max-height:760px){.opponent-panel{min-height:104px}.your-layout{grid-template-columns:auto 1fr;align-items:flex-end}.hand{padding:0 0 4px;overflow-x:auto}}@media (min-width:700px) and (max-width:1600px){:root{--header-height:54px;--board-gap:8px;--opponents-height:clamp(96px, 16dvh, 112px);--shared-height:clamp(190px, 28dvh, 240px);--shared-draw-width:15%;--current-meta-width:15%;--personal-piles-width:49%}html,body{overscroll-behavior:none;height:100dvh;overflow:hidden}.app-shell{grid-template-rows:var(--header-height) minmax(0, 1fr);height:100dvh;min-height:0;padding-bottom:0;display:grid;overflow:hidden}.topbar{height:var(--header-height);min-height:var(--header-height);padding-block:6px;position:relative}.brand-mark{border-radius:11px 11px 5px;width:34px;height:34px;font-size:15px;box-shadow:0 3px #bc4935}.brand strong{font-size:17px}.brand span,.room-chip{display:none}.quiet-button,.new-game-button{padding-block:8px}.game-board{gap:var(--board-gap);grid-template-rows:var(--opponents-height) var(--shared-height) minmax(146px, 1fr);height:100%;min-height:0;padding:8px 12px max(8px, env(safe-area-inset-bottom));display:grid;overflow:hidden}.opponents{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;min-height:0;margin:0;padding:0;display:grid;overflow:hidden}.opponent-panel{flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:4px;min-width:0;height:100%;min-height:0;padding:6px 8px;overflow:hidden}.opponent-panel .player-heading{gap:6px}.opponent-panel .avatar{border-width:2px;width:27px;height:27px;font-size:9px}.opponent-panel .player-heading strong{font-size:11px}.opponent-panel .player-heading span{margin-top:0;font-size:9px}.opponent-piles{justify-content:center;gap:7px;min-width:0}.opponent-panel .pile-label{margin-bottom:2px;font-size:7px}.opponent-panel .discard-row{gap:3px}.opponent-panel .card,.opponent-panel .card-compact{width:45px;height:66px}.opponent-panel .count-badge{min-width:19px;height:19px;font-size:8px;bottom:1px;right:-4px}.opponent-panel .tiny-count{display:none}.center-table{border-width:5px;height:100%;min-height:0;padding:12px 18px 16px;overflow:hidden}.table-heading h1{font-size:clamp(21px,3vw,27px)}.turn-pill{padding:6px 9px}.shared-piles{grid-template-columns:var(--shared-draw-width) minmax(0, 1fr);gap:clamp(20px,5vw,52px);max-width:760px;margin:10px auto 0}.building-area{gap:clamp(8px,2vw,17px)}.building-slot{min-width:59px}.center-table .card{border-radius:8px;width:67px;height:98px}.center-table .card-center{font-size:39px}.center-table .card-center strong{font-size:22px}.center-table .card-corner{font-size:8px;top:6px;left:6px}.center-table .card-corner-bottom{inset:auto 6px 6px auto}.center-table .pile-label{margin-bottom:3px;font-size:8px}.play-hint{padding:3px 6px;font-size:8px;bottom:-10px}.your-area{grid-template-columns:var(--current-meta-width) minmax(0, 1fr);align-items:center;gap:10px;height:100%;min-height:0;margin:0;padding:8px 12px;display:grid;overflow:hidden}.your-meta{border-bottom:0;border-right:1px solid var(--line);height:100%;margin:0;padding:8px 10px 8px 0;display:block}.your-meta .avatar{display:none}.your-meta h2{font-size:19px}.turn-help{text-align:left;max-width:none;margin-top:8px;font-size:9px;line-height:1.35}.your-layout{grid-template-columns:var(--personal-piles-width) minmax(0, 1fr);align-items:end;gap:12px;min-width:0;display:grid}.personal-piles{gap:10px;min-width:0}.your-area .pile-label{margin-bottom:3px;font-size:8px}.your-area .discard-row{gap:3px}.your-area .card,.your-area .discard-slot .card,.hand .card{border-radius:7px;flex:0 0 55px;width:55px;height:80px}.your-area .card-center{font-size:34px}.your-area .card-center strong{font-size:18px}.your-area .card-corner{font-size:7px;top:5px;left:5px}.your-area .card-corner-bottom{inset:auto 5px 5px auto}.your-area .count-badge{min-width:19px;height:19px;font-size:8px;bottom:-4px;right:-4px}.your-area .tiny-count{display:none}.hand-area{min-width:0}.hand-heading>span:last-child{font-size:9px}.hand{justify-content:flex-start;gap:clamp(3px,.8vw,7px);padding:0;overflow:visible}.activity-strip{display:none}}.welcome-shell,.lobby-shell{min-height:100dvh}.welcome-shell{background:radial-gradient(circle at 18% 12%, #ef674e2e, transparent 28rem), radial-gradient(circle at 82% 90%, #17695d29, transparent 30rem), var(--paper);padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.welcome-card,.loading-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf0f2;border-radius:24px}.welcome-card{width:100%;max-width:500px;padding:clamp(26px,5vw,46px)}.loading-card{color:var(--muted);padding:28px 34px;font-weight:750}.welcome-brand{margin-bottom:34px}.welcome-copy h1,.lobby-title h1,.group-card h2,.lobby-panel h2{font-family:Georgia,Times New Roman,serif}.welcome-copy h1{margin:8px 0 14px;font-size:clamp(31px,7vw,43px);line-height:1.02}.welcome-copy p,.lobby-title p{color:var(--muted);font-size:14px;line-height:1.55}.google-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:12px 16px;font-weight:750;display:flex}.google-button span{color:#4285f4;font-size:18px;font-weight:900}.or-line{border-top:1px solid var(--line);text-align:center;margin:25px 0 20px}.or-line span{background:var(--cream);color:var(--muted);padding:0 10px;font-size:11px;position:relative;top:-8px}.auth-form,.lobby-panel{gap:14px;display:grid}.auth-form label,.lobby-panel label{color:var(--muted);letter-spacing:.04em;gap:6px;font-size:11px;font-weight:800;display:grid}.auth-form input,.lobby-panel input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;min-height:44px;padding:10px 12px}.auth-form .primary-button{width:100%;margin-top:4px}.form-message,.lobby-message,.game-alert{color:#71501b;background:#fff2d8;border:1px solid #ebcf92;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.4}.text-button,.practice-link{color:var(--felt);cursor:pointer;background:0 0;border:0;margin:17px auto 0;padding:5px;font-size:12px;font-weight:750;display:block}.practice-link{color:var(--muted);text-underline-offset:3px;margin-top:7px;text-decoration:underline}.lobby-header{border-bottom:1px solid var(--line);background:#fffaf0f0;justify-content:space-between;align-items:center;min-height:72px;padding:10px clamp(18px,4vw,56px);display:flex}.lobby-user{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.lobby-content{max-width:1100px;margin:0 auto;padding:clamp(34px,7vw,72px) 20px 60px}.lobby-title{max-width:650px}.lobby-title h1{margin:8px 0 15px;font-size:clamp(34px,6vw,55px);line-height:1}.group-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin:32px 0;display:grid}.group-card,.lobby-panel{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 24px #372c200f}.group-card{gap:18px;display:grid}.group-card h2,.lobby-panel h2{margin:0 0 7px;font-size:24px}.group-card p{color:var(--muted);margin:0;font-size:12px}.family-code{background:var(--paper-deep);border-radius:11px;padding:10px 13px}.family-code span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850;display:block}.family-code strong,.code-input{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.family-code strong{margin-top:3px;font-size:22px;display:block}.lobby-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.lobby-panel .new-game-button{justify-self:start}.lobby-message{margin-top:16px}.game-alert{margin-bottom:12px}button:disabled{cursor:not-allowed;opacity:.58}.game-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 8px;display:grid}.game-choice{background:var(--cream);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:13px;padding:18px;display:grid}.game-choice h2{margin:0 0 5px;font-family:Georgia,Times New Roman,serif;font-size:23px}.game-choice p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.game-choice .practice-link{grid-column:1/-1;justify-self:start;margin:0}.game-icon{background:var(--felt);color:#fff;border-radius:12px 12px 4px;justify-content:center;align-items:center;width:42px;height:50px;font-family:Georgia,serif;font-size:21px;font-weight:900;display:flex}.game-choice-bar .game-icon{background:var(--coral)}.game-choice-21 .game-icon{background:#292624}.game-choice-mahjong .game-icon{background:#9b2c22}.table-game-buttons{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.table-game-buttons button{background:var(--felt);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 5px;font-size:12px;font-weight:800}.mini-standings{background:var(--paper);border-radius:11px;padding:10px 12px}.mini-standings>div{justify-content:space-between;align-items:center;padding:3px 0;font-size:11px;display:flex}.mini-standings>div span{color:var(--muted)}.mini-standings .text-button{margin:6px 0 0;padding:2px 0;font-size:10px}.game-page-shell{height:100dvh;overflow:hidden}.game-page-header{border-bottom:1px solid var(--line);background:#fffaf0f5;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:8px clamp(14px,3vw,40px);display:grid}.game-page-header .brand{color:inherit;text-decoration:none}.game-page-header .brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.game-page-header>:last-child{justify-self:end}.quiet-link{color:var(--ink);padding:10px;font-size:12px;font-weight:800;text-decoration:none}.playing-card{color:#26211d;background:#fffdf8;border:1px solid #2d282340;border-radius:10px;flex:none;width:78px;height:112px;position:relative;overflow:hidden;box-shadow:0 4px 10px #231c1621}.playing-card-red{color:#cf3f3b}.playing-card>strong{font-family:Georgia,serif;font-size:30px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.playing-card-suit{font-size:22px;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.playing-card-corner{font-family:Georgia,serif;font-size:14px;font-weight:900;line-height:.85;position:absolute;top:7px;left:7px}.playing-card-corner small{margin-top:3px;font-size:11px;display:block}.playing-card-corner-bottom{inset:auto 7px 7px auto;transform:rotate(180deg)}.playing-card-back{color:#fff;background:repeating-linear-gradient(45deg,#145f55,#145f55 6px,#1a7467 6px 12px);border:4px solid #fff;justify-content:center;align-items:center;font-weight:900;display:flex}.playing-card-back span{background:#0000002e;border-radius:50%;padding:10px 8px}.playing-card-compact{border-radius:6px;width:46px;height:66px}.playing-card-compact>strong{font-size:19px}.playing-card-compact .playing-card-suit{font-size:13px;bottom:12px}.playing-card-compact .playing-card-corner{font-size:10px;top:4px;left:4px}.playing-card-compact .playing-card-corner small,.playing-card-compact .playing-card-corner-bottom{display:none}.bar-board{height:calc(100dvh - 64px);padding:12px clamp(12px, 2.5vw, 34px) max(12px, env(safe-area-inset-bottom));gap:12px;display:grid;overflow:auto}.bar-status-card{background:var(--felt-dark);color:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:130px;padding:10px 22px;display:grid}.bar-status-card .eyebrow{color:#ffffffb3}.bar-status-card h1{margin:2px 0 5px;font-family:Georgia,serif;font-size:clamp(23px,3vw,34px)}.bar-status-card p{color:#ffffffc2;margin:0;font-size:12px}.bar-status-card p.bar-no-undo-note{margin-top:6px;font-size:11px}.bar-undo-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:8px;margin-top:8px;padding:6px 9px;font-size:10px;font-weight:800}.bar-player-block{background:var(--cream);border:1px solid var(--line);border-radius:17px;padding:10px 13px 13px}.bar-player-heading{align-items:center;gap:10px;margin-bottom:8px;display:flex}.bar-player-heading span{color:var(--muted);font-size:11px}.bar-player-heading b{color:var(--felt);margin-left:auto}.bar-hand-grid{grid-template-columns:repeat(5,minmax(110px,1fr));gap:9px;display:grid}.bar-hand{background:var(--paper);border:1px solid var(--line);color:inherit;text-align:left;border-radius:12px;min-height:102px;padding:7px}.bar-hand-target{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);cursor:pointer}.bar-hand-title{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:10px;font-weight:850;display:flex}.bar-hand-title b{color:var(--felt)}.bar-hand-cards{height:68px;display:flex}.bar-hand-cards .playing-card+.playing-card{margin-left:-24px}.bar-empty-card{border:1px dashed #2d282333;border-radius:6px;width:22px;height:66px}.bar-hand small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:8px;display:block}.bar-opponents{gap:9px;display:grid}.bar-wait-card{background:var(--cream);border:1px solid var(--line);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:11px 14px;display:grid}.bar-wait-card span{color:var(--muted);text-align:right;font-size:11px}.bar-wait-card div{background:var(--paper-deep);border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.bar-wait-card i{background:var(--coral);height:100%;display:block}.twenty-one-board{height:calc(100dvh - 64px);padding:16px clamp(14px,4vw,56px) max(16px,env(safe-area-inset-bottom));background:radial-gradient(circle,#247469,#0e5148);grid-template-rows:auto 1fr auto;gap:14px;display:grid}.dealer-area{color:#fff;justify-content:center;align-items:center;gap:25px;min-height:135px;display:flex}.dealer-area h1{margin:2px 0;font-size:32px}.standard-card-row{justify-content:center;gap:8px;min-height:112px;display:flex}.blackjack-players{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;gap:14px;display:grid}.blackjack-player{background:#fffaf0f0;border:2px solid #0000;border-radius:18px;padding:14px}.blackjack-active{border-color:#f2c45a;box-shadow:0 0 0 4px #f2c45a38}.blackjack-player header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.blackjack-player header span{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:10px;display:block}.blackjack-player header>b{font-family:Georgia,serif;font-size:30px}.blackjack-result{text-align:center;text-transform:uppercase;border-radius:8px;margin-top:8px;padding:7px;font-weight:900}.result-win{color:#23613b;background:#dff2e4}.result-loss{color:#873a2b;background:#f5ddd7}.result-push{background:#eee8d9}.blackjack-controls{background:var(--cream);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:9px;display:flex}@media (max-width:1100px){.game-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.game-library{grid-template-columns:1fr}.table-game-buttons{grid-template-columns:repeat(2,1fr)}.game-page-header{grid-template-columns:1fr auto}.game-page-header .room-chip{display:none}.bar-status-card{min-height:112px;padding:8px 12px}.bar-status-copy p{display:none}.bar-hand-grid{grid-template-columns:repeat(5,minmax(95px,1fr));overflow-x:auto}.playing-card{width:66px;height:96px}.playing-card-compact{width:42px;height:60px}.standard-card-row{min-height:96px}}@media (max-width:640px){.lobby-actions{grid-template-columns:1fr}.lobby-user>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.mj-page{position:relative}.mj-select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:8px 6px;font-size:12px;font-weight:750}.mj-alert{z-index:30;margin:0;position:absolute;top:70px;left:12px;right:12px}.mj-rules{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);z-index:25;border-radius:16px;width:min(380px,100% - 24px);max-height:calc(100dvh - 90px);padding:14px 16px;font-size:13px;line-height:1.45;position:absolute;top:72px;right:12px;overflow:auto}.mj-rules h2{margin:0 0 8px;font-family:Georgia,serif;font-size:19px}.mj-rules p{margin:0 0 8px}.mj-rules-close{float:right;padding:6px 8px;font-size:12px}.mj-board{--mj-w-normal:clamp(30px, min(calc((100vw - 60px) / 15.6), 8.6dvh), 74px);--mj-w-small:clamp(24px, min(2.9vw, 4.6dvh), 44px);--mj-w-meld:clamp(20px, min(2.5vw, 4dvh), 36px);--mj-w-pond:clamp(20px, min(2.4vw, 3.9dvh), 36px);--mj-w-tiny:clamp(14px, min(1.9vw, 3dvh), 28px);--mj-cjk:"PingFang TC", "PingFang SC", "Hiragino Sans", "Noto Sans CJK TC", "Noto Sans CJK SC", "Microsoft JhengHei", "Microsoft YaHei", serif;height:calc(100dvh - 64px);padding:6px 6px max(6px, env(safe-area-inset-bottom));background:radial-gradient(circle,#247469,#0e5148);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"left top right""center center center""me me me";gap:6px;display:grid;position:relative;overflow:hidden}.mj-tile{--w:var(--mj-w-normal);border-radius:calc(var(--w) * .14);box-shadow:0 calc(var(--w) * .07) 0 #d4bf96, 0 2px 4px #00000038;color:var(--ink);font-size:var(--w);height:calc(var(--w) * 1.34);width:var(--w);background:linear-gradient(#fffdf7,#f2e8d2);border:1px solid #2d28234d;flex:none;align-items:stretch;padding:0;line-height:1;transition:transform .12s;display:inline-flex;position:relative}.mj-tile-small{--w:var(--mj-w-small)}.mj-tile-meld{--w:var(--mj-w-meld)}.mj-tile-tiny{--w:var(--mj-w-tiny);box-shadow:0 1px #d4bf96,0 1px 2px #0003}.mj-face{flex-direction:column;justify-content:center;align-items:center;gap:.06em;width:100%;height:100%;padding-bottom:.06em;display:flex}.mj-num{font-family:Georgia,Times New Roman,serif;font-size:.72em;font-weight:900}.mj-cjk{font-family:var(--mj-cjk);font-size:.6em;font-weight:800}.mj-big-cjk{font-size:.8em}.mj-dot{background:radial-gradient(circle,#c8392f 0 30%,#0000 34%);border:.07em solid #2a5ea8;border-radius:50%;flex:none;width:.32em;height:.32em}.mj-stick{background:linear-gradient(#2f8a4a 0 42%,#e3f0dc 42% 54%,#2f8a4a 54%);border-radius:.05em;flex:none;width:.13em;height:.36em}.mj-wan{color:#c8392f;font-family:var(--mj-cjk);font-size:.4em;font-style:normal;font-weight:800}.mj-corner{color:#5d554c;font-size:.26em;font-weight:850;position:absolute;top:.08em;left:.1em}.mj-sub{letter-spacing:.02em;font-size:.28em;font-weight:900}.mj-k-dots:after,.mj-k-bamboo:after,.mj-k-characters:after{content:"";border-radius:99px;height:.045em;position:absolute;bottom:.07em;left:22%;right:22%}.mj-k-dots:after{background:#2a5ea8}.mj-k-bamboo:after{background:#2f8a4a}.mj-k-characters:after{background:#c8392f}.mj-k-flower{background:linear-gradient(#fff4f9,#f6dceb)}.mj-k-season{background:linear-gradient(#fff7ee,#f6e1c7)}.mj-white-frame{border:.06em solid #2a5ea8;border-radius:.07em;width:.62em;height:.86em;box-shadow:inset 0 0 0 .05em #fffdf7,inset 0 0 0 .1em #2a5ea8}.mj-ink-blue{color:#24539a}.mj-ink-green{color:#23794a}.mj-ink-navy{color:#1f2f5c}.mj-ink-red{color:#c8392f}.mj-ink-flower{color:#b0367f}.mj-ink-season{color:#c2671b}.mj-tile-tiny .mj-corner,.mj-tile-tiny .mj-sub,.mj-tile-tiny:after{display:none}.mj-tile-back{box-shadow:0 calc(var(--w) * .07) 0 #f5ecd8, 0 1px 3px #00000040;background:linear-gradient(135deg,#e7b545,#c98d22);border-color:#9c6b17}.mj-tile-button{cursor:pointer}.mj-tile-button:disabled{cursor:default;opacity:1}.mj-tile-selected{box-shadow:0 0 0 2px var(--gold), 0 6px 12px #0000004d;transform:translateY(-22%)}.mj-tile-highlight{box-shadow:0 0 0 2px var(--coral), 0 2px 6px #0000004d}.mj-tile-dim{opacity:.32}.mj-seat{color:#fff;background:#00000029;border-radius:12px;flex-direction:column;gap:5px;min-width:0;padding:6px;display:flex;overflow:hidden}.mj-seat-left{grid-area:left}.mj-seat-top{grid-area:top}.mj-seat-right{grid-area:right}.mj-seat-active{box-shadow:0 0 0 2px #f2c45a,0 0 0 5px #f2c45a38}.mj-tag{align-items:center;gap:4px;min-width:0;font-size:12px;display:flex}.mj-tag-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mj-tag-score{margin-left:auto;padding-left:4px;font-family:Georgia,serif;font-size:14px}.mj-wind-badge{background:var(--cream);color:var(--ink);font-family:var(--mj-cjk,serif);border-radius:6px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;font-size:13px;font-weight:800;display:inline-flex}.mj-tag-active .mj-wind-badge{background:#f2c45a}.mj-badge{text-transform:uppercase;background:#fff3;border-radius:4px;flex:none;padding:2px 4px;font-size:9px;font-weight:850}.mj-badge-dealer{background:var(--gold);color:var(--ink)}.mj-concealed{min-height:calc(var(--mj-w-tiny) * 1.34 + 2px);flex-wrap:nowrap;display:flex;overflow:hidden}.mj-concealed .mj-tile-back+.mj-tile-back{margin-left:calc(var(--w) * -.5)}.mj-concealed-revealed{flex-wrap:wrap;gap:1px}.mj-melds{flex-wrap:wrap;align-items:flex-end;gap:4px 6px;display:flex}.mj-meld{gap:1px;display:inline-flex}.mj-bonus{margin-left:2px}.mj-set{background:#fffaf029;border:1px solid #fffaf059;border-radius:8px;flex-direction:column;gap:2px;min-width:0;max-width:100%;padding:2px 3px 4px;display:inline-flex}.mj-set-label{color:#ffffffeb;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:850;line-height:1.1;overflow:hidden}.mj-set-label small{letter-spacing:0;opacity:.85;text-transform:none;font-size:10px;font-weight:700}.mj-me .mj-set{background:#f2ead8;border-color:#2d282338}.mj-me .mj-set-label{color:var(--ink)}.mj-center{flex-direction:column;grid-area:center;gap:6px;min-height:0;display:flex;overflow:auto}.mj-ponds{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"info info""top top""left right""bottom bottom";gap:6px;display:grid}.mj-pond{min-height:calc(var(--mj-w-pond) * 1.34 + 24px);background:#00000024;border-radius:10px;min-width:0;padding:4px 6px 6px}.mj-pond-top{grid-area:top}.mj-pond-left{grid-area:left}.mj-pond-right{grid-area:right}.mj-pond-bottom{grid-area:bottom}.mj-pond-label{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:10px;font-weight:750;display:block;overflow:hidden}.mj-pond-tiles{flex-wrap:wrap;gap:2px;display:flex}.mj-pond-tiles .mj-tile{--w:var(--mj-w-pond)}.mj-info{color:var(--ink);background:#fffaf0f0;border-radius:12px;grid-area:info;align-items:center;gap:10px;padding:5px 10px;display:flex}.mj-info-wind{color:#c8392f;font-family:var(--mj-cjk);font-size:26px;font-weight:900;line-height:1}.mj-info-text{flex-wrap:wrap;gap:1px 10px;font-size:11px;display:flex}.mj-info-text b{width:100%;font-size:13px}.mj-log{color:#ffffffc7;background:#0003;border-radius:10px;margin:auto 0 0;padding:5px 10px;font-size:11px;line-height:1.35;list-style:none}.mj-log li:last-child{color:#fff;font-weight:750}.mj-me{background:#fffaf0f5;border-radius:14px;flex-direction:column;grid-area:me;gap:4px;min-width:0;padding:6px 6px 8px;display:flex}.mj-me .mj-badge{background:var(--paper-deep)}.mj-me .mj-badge-dealer{background:var(--gold)}.mj-me .mj-wind-badge{background:var(--felt);color:#fff}.mj-me .mj-tag-active .mj-wind-badge{background:var(--coral)}.mj-me-head{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.mj-me-head .mj-tag{flex:auto}.mj-hand{align-items:flex-end;gap:calc(var(--mj-w-normal) * .3) 3px;min-height:calc(var(--mj-w-normal) * 1.34 + 4px);padding-top:calc(var(--mj-w-normal) * .3);flex-wrap:wrap;justify-content:center;display:flex}.mj-drawn{margin-left:calc(var(--mj-w-normal) * .28);display:inline-flex}.mj-actions{justify-content:center;align-items:center;min-height:46px;display:flex}.mj-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.mj-status{color:var(--ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:750;display:inline-flex}.mj-action{background:var(--felt);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:9px 16px;font-size:15px;font-weight:850;box-shadow:0 4px #0b3e37}.mj-action:active{transform:translateY(3px);box-shadow:0 1px #0b3e37}.mj-action-win{background:var(--coral);box-shadow:0 4px #bd4c38}.mj-action-pass{background:var(--ink);box-shadow:0 4px #000}.mj-action-chow{align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.mj-chow-tiles{gap:1px;display:inline-flex}.mj-claim{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.mj-claim-prompt{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.mj-countdown{background:var(--coral);color:#fff;border-radius:99px;margin-left:4px;padding:2px 8px;font-size:12px}.mj-result-backdrop{z-index:5;background:#08201c8c;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.mj-result{background:var(--cream);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:10px;width:min(660px,100%);max-height:100%;padding:14px 16px;display:flex;overflow:auto}.mj-result-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mj-result-head h2{margin:2px 0;font-family:Georgia,serif;font-size:clamp(21px,3vw,28px)}.mj-result-head p{color:var(--muted);margin:0;font-size:12px}.mj-result-hide{flex:none;font-size:12px}.mj-result-hand{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.mj-faan-list{margin:0;padding:0;font-size:13px;list-style:none}.mj-faan-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:4px 0;display:flex}.mj-faan-list .mj-faan-total{border-bottom:0;font-weight:850}.mj-ranking{margin:0;padding-left:22px;font-size:14px}.mj-ranking li{padding:2px 0}.mj-ranking li span{min-width:120px;display:inline-block}.mj-totals-wrap{overflow-x:auto}.mj-totals{border-collapse:collapse;text-align:right;width:100%;font-size:12px}.mj-totals th,.mj-totals td{border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:90px;padding:4px 6px;overflow:hidden}.mj-totals th:first-child,.mj-totals td:first-child{text-align:left}.mj-totals tfoot th{border-bottom:0;font-size:13px}.mj-totals-current{background:#fff2d8}.mj-plus{color:#23613b}.mj-minus{color:#a03b2b}.mj-result-foot{justify-content:center;padding-top:2px;display:flex}@media (min-width:761px){.mj-board{padding:10px 14px max(10px, env(safe-area-inset-bottom));grid-template-columns:minmax(150px,17%) minmax(0,1fr) minmax(150px,17%);grid-template-areas:"left top right""left center right""me me me";gap:10px}.mj-ponds{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"top top top""left info right""bottom bottom bottom"}.mj-info{text-align:center;flex-direction:column;justify-content:center;gap:4px}.mj-info-text{flex-direction:column}.mj-tag{font-size:13px}.mj-me{padding:8px 12px 10px}}@media (max-width:760px){.mj-page .game-page-header .brand>div:last-child{display:none}.mj-header-actions{align-items:center;gap:4px}.mj-header-actions .quiet-link{display:none}.mj-page .new-game-button{padding:8px 10px;font-size:12px}.mj-header-actions .quiet-button{padding:8px;font-size:12px}.mj-page .quiet-button{display:inline-block}.mj-header-actions{min-width:0}.mj-select{min-width:0;max-width:104px;padding:8px 4px}.mj-board{--mj-w-normal:clamp(34px, calc((100vw - 34px) / 7.6), 58px);--mj-w-small:clamp(22px, 7vw, 32px);--mj-w-pond:clamp(21px, 6.6vw, 30px);--mj-w-meld:clamp(19px, 5.9vw, 26px);--mj-w-tiny:clamp(13px, 4.3vw, 19px)}.mj-concealed .mj-tile-back+.mj-tile-back{margin-left:calc(var(--w) * -.62)}.mj-seat .mj-set-label small{display:none}.mj-seat .mj-melds{gap:3px}.mj-seat .mj-tag{align-items:flex-start}.mj-seat .mj-tag-name{overflow-wrap:anywhere;white-space:normal;padding-top:2px;line-height:1.15}.mj-seat .mj-tag-score{padding-top:2px;font-size:13px}.mj-action{min-height:40px;padding:8px 13px;font-size:14px}}.mj-learn-layout{grid-template-columns:minmax(0,1fr) clamp(320px,28vw,420px);gap:0;display:grid}.mj-learn-layout .mj-board{--mj-w-normal:clamp(30px, min(calc((100vw - 60px - clamp(320px, 28vw, 420px)) / 15.6), 8.6dvh), 74px)}.mj-coach{background:var(--cream);border-left:1px solid var(--line);flex-direction:column;gap:10px;height:calc(100dvh - 64px);padding:12px 14px 18px;display:flex;overflow:auto}.mj-coach h2{margin:0;font-family:Georgia,serif;font-size:20px}.mj-coach h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 2px;font-size:12px}.mj-coach-now{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}.mj-coach-now>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.mj-hint-button{min-width:88px;padding:8px 14px;font-size:14px}.mj-hint{background:#fff4d9;border:1px solid #e0a73c99;border-radius:12px;margin-top:8px;padding:8px 10px}.mj-hint>strong{margin-bottom:2px;font-size:15px;display:block}.mj-coach-note{color:var(--muted);margin:2px 0;font-size:13px}.mj-coach-lines{flex-direction:column;gap:5px;margin:4px 0 0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.mj-coach-lines li{gap:1px;display:grid}.mj-topic{color:var(--felt);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.mj-topic-claim .mj-topic,.mj-topic-order .mj-topic,.mj-topic-meld .mj-topic{color:var(--coral)}.mj-topic-pairs .mj-topic,.mj-topic-faan .mj-topic{color:#a5701a}.mj-feed{flex-direction:column;gap:6px;display:flex}.mj-lesson{border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 10px}.mj-lesson>summary{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:750;list-style-position:outside;display:flex}.mj-lesson>summary .mj-tile{--w:26px;flex:none}.mj-lesson-tiles{flex:none;gap:1px;display:inline-flex}.mj-lesson-you{border-color:#17695d73}.mj-lesson-claim,.mj-lesson-resolve{border-color:#ef674e80}.mj-lesson-handEnd,.mj-lesson-handStart{background:#f2f7f5}.mj-intro{justify-content:center;align-items:center;min-height:calc(100dvh - 64px);padding:16px;display:flex}.mj-intro-card{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:640px;padding:22px 24px;display:flex}.mj-intro-card h1{margin:0;font-family:Georgia,serif;font-size:clamp(26px,4vw,36px)}.mj-intro-card p{margin:0;font-size:16px;line-height:1.5}.mj-intro-tiles{--mj-w-normal:clamp(40px, 10vw, 68px);--mj-cjk:"PingFang TC", "PingFang SC", "Hiragino Sans", "Noto Sans CJK TC", "Noto Sans CJK SC", "Microsoft JhengHei", "Microsoft YaHei", serif;flex-wrap:wrap;gap:6px;display:flex}.mj-intro-dots{gap:6px;display:flex}.mj-intro-dots i{background:var(--paper-deep);border-radius:50%;width:8px;height:8px}.mj-intro-dots i.on{background:var(--felt)}.mj-intro-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.mj-intro-actions>span{gap:8px;display:flex}.mj-coach .mj-tile,.mj-intro .mj-tile{--mj-w-tiny:18px;--mj-w-normal:clamp(40px, 10vw, 68px)}.mj-coach{--mj-cjk:"PingFang TC", "PingFang SC", "Hiragino Sans", "Noto Sans CJK TC", "Noto Sans CJK SC", "Microsoft JhengHei", "Microsoft YaHei", serif}.game-choice-links{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.game-choice .game-choice-links .practice-link{grid-column:auto}.mj-intro-actions button{white-space:nowrap}@media (max-width:900px){.mj-learn-layout{grid-template-columns:minmax(0,1fr)}.mj-learn-layout .mj-board{--mj-w-normal:clamp(30px, min(calc((100vw - 60px) / 15.6), 8.6dvh), 74px);height:auto;min-height:0}.mj-learn-layout .mj-result-backdrop{z-index:40;position:fixed}.mj-coach{border-left:0;border-top:1px solid var(--line);height:auto;overflow:visible}}@media (max-width:760px){.mj-header-actions .quiet-link.mj-learn-link{display:inline-flex}.mj-learn-layout .mj-board{--mj-w-normal:clamp(34px, calc((100vw - 34px) / 7.6), 58px)}.mj-intro-card{padding:18px 16px}.mj-intro-tiles{--mj-w-normal:clamp(34px, 10.4vw, 52px);gap:4px}.mj-intro-actions .quiet-button,.mj-intro-actions .primary-button{padding-left:12px;padding-right:12px}}.mj-k-joker{box-shadow:0 calc(var(--w) * .07) 0 #2a1142, inset 0 0 0 calc(var(--w) * .05) #e9c25a, 0 2px 4px #00000040;color:#ffd862;background:linear-gradient(#5b2a86,#3d1a5e);border-color:#c99a2e}.mja-joker-star{color:#ffd862;text-shadow:0 0 .08em #0006;font-size:.62em;line-height:.9}.mja-joker-word{color:#fff3c4;letter-spacing:.04em;font-family:system-ui,sans-serif;font-size:.2em;font-weight:900}.mja-k-flower-season{background:linear-gradient(#fff7ee,#f6e1c7)}.mja-flower-mark{letter-spacing:.02em;font-size:.24em;font-weight:900}.mj-tile-tiny .mja-flower-mark{display:none}.mj-tile-tiny .mja-joker-word{letter-spacing:0;font-size:.24em}.mja-variant{background:var(--paper-deep);border-radius:10px;flex:none;gap:2px;padding:2px;display:inline-flex}.mja-variant a{color:var(--ink);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800;text-decoration:none}.mja-variant a[aria-current=page]{color:var(--felt);background:#fff;box-shadow:0 1px 2px #00000026}.mja-variant-row{display:none}.group-card .table-game-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.group-card .table-game-buttons button{grid-column:span 2;min-width:0}.group-card .table-game-buttons .table-game-mahjong{grid-column:span 3}.mja-card{background:var(--cream);color:var(--ink);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mja-card-modal{box-shadow:var(--shadow);border-radius:18px;width:min(720px,100%);max-height:calc(100dvh - 24px);overflow:auto}.mja-card-backdrop{z-index:50;background:#08201c99;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.mja-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mja-card-head h2{margin:2px 0 4px;font-family:Georgia,serif;font-size:clamp(21px,3vw,28px)}.mja-card-legend{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.mja-card .mja-card-close{flex:none;font-size:12px;display:inline-block}.mja-card-family h3{border-bottom:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 2px;padding-bottom:2px;font-size:12px}.mja-card-family ul{margin:0;padding:0;list-style:none}.mja-card-hand{border-bottom:1px solid var(--line);padding:5px 4px}.mja-card-hand-close{background:#fff2c9;border-radius:6px}.mja-card-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.mja-hand-groups{letter-spacing:.02em;word-spacing:.35em;min-width:0;font-family:Courier New,ui-monospace,monospace;font-size:clamp(14px,3.6vw,18px);font-weight:900;line-height:1.5;display:inline}.mja-group{color:#3a3530;white-space:nowrap}.mja-suit-A{color:#1f5fbf}.mja-suit-B{color:#1f8a45}.mja-suit-C{color:#c8302a}.mja-card-meta{flex:none;align-items:center;gap:6px;display:inline-flex}.mja-card-points{text-align:right;min-width:24px;font-family:Georgia,serif;font-size:15px}.mja-card-cx{border:1.5px solid var(--ink);border-radius:4px;padding:2px 4px;font-size:11px;line-height:1}.mja-card-c{background:var(--ink);color:#fff}.mja-card-note{color:var(--muted);margin:1px 0 0;font-size:11.5px}.mja-close-tag{background:var(--gold);color:var(--ink);text-transform:uppercase;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:10px;font-weight:850}.mja-card-closest{background:#fff8e4;border:1px solid #e0a73c99;border-radius:12px;padding:6px 10px}.mja-card-closest h3{border-bottom-color:var(--gold)}.mja-card-button{background:var(--felt);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:2px;padding:5px 12px;font-size:12px;font-weight:850}.mja-info-mark{color:#6a3496}.mja-badge-dead{color:#ffd9d2;background:#5b1f1a}.mj-me .mja-badge-dead{color:#fff;background:#a03b2b}.mja-seat-dead{opacity:.82}.mja-dead-note{background:#a03b2b24;border-left:3px solid #a03b2b;border-radius:6px;margin:0;padding:4px 8px;font-size:12px;line-height:1.35}.mj-seat .mja-dead-note{color:#ffe2dc;background:#00000040;border-left-color:#ffb3a6;font-size:11px}.mja-set-jokers{border-color:#e9c25acc}.mja-board .mj-tile-selected.mj-tile-highlight{box-shadow:0 0 0 2px var(--coral), 0 0 0 5px var(--gold), 0 6px 12px #0000004d}.mja-charleston{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.mja-step-title{color:var(--felt);font-family:Georgia,serif;font-size:clamp(15px,2vw,18px)}.mja-panel-text{color:var(--ink);margin:0;font-size:13px}.mja-blind{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.mja-seg{background:var(--paper-deep);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.mja-seg-button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:32px;padding:5px 9px;font-size:12px;font-weight:800}.mja-seg-button.on{background:var(--felt);color:#fff}.mja-joker-note{color:#ffd862;background:#3d1a5e;border-radius:6px;width:100%;padding:2px 8px;font-size:12px}.mja-action-kill{outline-offset:-5px;background:#8e2a1f;outline:2px dashed #ffb3a6;box-shadow:0 4px #561812}.mja-kill-confirm{color:#5b1f1a;background:#fde3dd;border:2px solid #a03b2b;border-radius:12px;flex-direction:column;gap:6px;max-width:560px;padding:8px 10px;font-size:13px;display:flex}.mja-kill-confirm p{margin:0}.mja-swaps{width:100%}.mja-swap{text-align:left;font-size:13px}.mja-coach-hint{background:#fff4d9;border:1px solid #e0a73c99;border-radius:10px;padding:6px 10px;font-size:13px;line-height:1.4}.mja-result-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.mja-result-card-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.mja-result-card small{color:var(--muted);font-size:12px}.mja-result-played{color:var(--ink);font-size:13px;font-weight:700}.mja-result-groups{gap:4px 8px}.mja-result-exposed{background:#17695d1f;border-radius:6px;padding:2px 2px 4px;box-shadow:inset 0 -3px #17695d80}.mja-not-ready{max-width:520px;margin:40px auto}.mja-board .mj-result-hide{display:inline-block}@media (max-width:760px){.mj-header-actions .mja-variant,.mj-header-actions .mja-header-card{display:none}.mja-variant-row{border-bottom:1px solid var(--line);box-sizing:border-box;background:#fffaf0f5;height:36px;padding:3px 10px;display:flex}.mja-variant-row .mja-variant{width:100%;display:flex}.mja-variant-row .mja-variant a{flex:1;justify-content:center;align-items:center;padding:0 9px;display:flex}.mja-variant-row~.mj-board{height:calc(100dvh - 100px)}.mja-variant-row~.mj-alert{top:106px}.mja-variant-row~.mj-rules{max-height:calc(100dvh - 126px);top:108px}.mja-variant-row~.mj-intro{min-height:calc(100dvh - 100px)}.mj-seat .mja-badge-dead,.mja-board-charleston .mj-pond{display:none}.mja-card{padding:12px}.mja-card-modal{max-height:calc(100dvh - 16px)}.mja-card-backdrop{padding:8px}.mja-swap{font-size:12px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}