@import url("/system-tokens.css");
form{margin:22px 0}label{display:block;font-size:12px;font-weight:650;color:var(--dg-text)}input{width:100%;padding:15px 16px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:13px;color:var(--dg-text);margin:8px 0 18px;box-shadow:inset 0 2px 4px #1b353307;min-height:48px;font-size:16px}input::placeholder{color:var(--dg-muted)}input:disabled{opacity:.4}input[type=range]{padding:0;min-height:44px;box-shadow:none;border:0;accent-color:var(--dg-accent);background:transparent}output{background:var(--selected);border:1px solid var(--dg-line);border-radius:7px;padding:3px 8px;float:right;font-variant-numeric:tabular-nums}.setup-panel{padding:22px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:var(--radius);margin:24px 0;box-shadow:var(--shadow)}fieldset{border:0;padding:0;margin:24px 0;min-width:0}legend{font-size:13px;font-weight:700;margin-bottom:10px}.segments{display:flex;gap:5px;padding:5px;background:var(--inset);border:1px solid var(--dg-line);border-radius:15px;margin:8px 0 20px}.segments button{flex:1;box-shadow:none;background:transparent;border:1px solid transparent;min-height:44px;padding:9px 6px;font-size:12px;border-radius:10px}.segments [aria-pressed=true]{background:var(--selected);box-shadow:0 2px 5px #244b3520;border-color:var(--accent-edge);color:#252334}.toggle{display:flex;align-items:center;gap:12px;border-top:1px solid var(--dg-line);padding:17px 0;margin:0;font-size:13px}.toggle input{width:24px;height:24px;min-height:24px;margin:0;accent-color:var(--dg-accent);flex-shrink:0}.code{position:relative;text-align:center;background:var(--dg-panel);border:1px solid var(--dg-line);box-shadow:0 5px 0 var(--control-shadow),var(--shadow);border-radius:22px;padding:24px;margin:24px 0}.code strong{font-size:30px;font-weight:700;letter-spacing:.12em;display:block;margin:10px 0;color:var(--dg-text)}.code p{font-size:11px}.friendrow{display:flex;align-items:center;gap:12px;padding:17px 4px;border-bottom:1px solid var(--dg-line);font-size:14px}.friendrow small{display:block;color:var(--dg-muted);font-size:11px}.friendrow .ready,.friendrow>strong{margin-left:auto;font-size:12px}.avatar{border:2px solid #cfdbeb;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#d4e2f5,var(--dg-line));color:#304A75;box-shadow:0 4px 0 #617d7030,inset 0 1px 1px #fff;font:22px Georgia;flex-shrink:0}.avatar.gold{background:linear-gradient(135deg,#f5d7b1,#d8aa77)}.avatar.peach{background:linear-gradient(135deg,#f5cfc0,#d79c8c)}.avatar.blue{background:linear-gradient(135deg,#cbe1e5,#93b7c0)}.rulechips{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.rulechips span{font-size:10px;border:1px solid var(--dg-line);background:var(--inset);border-radius:8px;padding:6px 9px}
.result{padding:26px 24px 32px;text-align:center;max-width:700px;margin:auto}.victory{font:600 52px/1.2 ui-sans-serif,system-ui,sans-serif;color:var(--dg-accent);letter-spacing:-.05em;margin-top:20px;text-shadow:0 2px 0 #fff}.result-title{font-size:27px}.revealed-hand{margin:24px 0;padding:20px 13px;background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:24px;box-shadow:0 5px 0 var(--control-shadow),var(--shadow)}.revealed-hand h2{font-size:25px;overflow-wrap:anywhere}.revealed-hand>p{font-size:12px}.resultgroups{display:grid;gap:10px;margin:20px 0}.resultgroup{border:1px solid var(--dg-line);border-radius:14px;background:var(--inset);padding:14px 8px;color:var(--dg-text)}.resultgroup small{display:block;font-size:9px;letter-spacing:.09em;color:var(--dg-muted)}.result-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:10px}.result-card,.discard-card{background:linear-gradient(120deg,#fffef8,#f1ebda);border:1px solid #d3d5c3;box-shadow:0 3px 0 #c7bdb480,2px 6px 8px #1b402c10;border-radius:7px;color:#252334;padding:13px 5px;min-width:40px;font:20px Georgia}.result-card.red,.discard-card.red{color:#B53D42}.dead-group{border-style:dashed;background:var(--inset)}.score-explanation{font-size:12px;line-height:1.7}.round-score{display:block;margin-top:12px;font-size:18px}.result-columns,.result-player{display:grid;grid-template-columns:minmax(0,1fr) 43px 43px;align-items:center;gap:6px}.result-columns{font-size:8px;letter-spacing:.08em;color:var(--dg-muted);text-align:left;margin:24px 0 8px}.result-player{width:100%;min-height:78px;border:1px solid var(--dg-line);border-radius:16px;padding:12px 7px;background:var(--dg-panel);color:var(--dg-text);font-size:12px;text-align:left;margin:10px 0;box-shadow:0 3px 0 var(--control-shadow)}.result-player[aria-pressed=true]{border:2px solid var(--dg-accent);background:var(--selected);box-shadow:0 3px 0 var(--accent-edge)}.result-person{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}.result-person small{display:block;color:var(--dg-muted);font-size:10px}.result-person .avatar{width:30px;height:34px;font-size:17px;border-radius:10px}.results-list{margin-bottom:30px}
dialog{max-width:min(420px,calc(100% - 28px));max-height:85dvh;overflow:auto;border:1px solid var(--dg-line);border-radius:26px;padding:26px;background:var(--dg-bg);color:var(--dg-text);box-shadow:0 24px 100px #12333066}dialog::backdrop{background:#201b2ecc}dialog p{font-size:13px;margin:12px 0 22px}.discard-cards{display:flex;flex-wrap:wrap;gap:8px;max-height:50vh;overflow:auto;padding:4px 2px 12px}.settings-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dg-muted)}.preferences-note{font-size:11px}.dg-hidden{display:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
input[type=radio]{accent-color:var(--dg-accent)}.theme-options{display:flex;gap:12px;margin:10px 0 22px}.theme-option{display:flex;align-items:center;gap:10px;flex:1;padding:14px 12px;border:1px solid var(--dg-line);border-radius:12px;background:var(--inset);min-height:52px}.theme-option:has(:checked){border-color:var(--dg-accent);background:var(--selected)}.theme-option input{width:20px;height:20px;min-height:20px;margin:0}.theme-fieldset{margin:22px 0 10px}.theme-fieldset legend{margin:0}
[hidden]{display:none!important}.setup-heading{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;margin:0 0 16px}.setup-heading h1{margin:0!important;font-size:22px!important}.setup-heading .textbutton{text-decoration:none;font-size:12px}.round-stepper{display:grid;grid-template-columns:1fr 44px 56px 44px;align-items:center;gap:5px;margin:8px 0 0}.round-stepper .secondary{min-height:44px;padding:4px;font-size:21px}.round-stepper input{height:44px;min-height:44px!important;padding:4px!important;margin:0!important;text-align:center;font-size:15px;appearance:textfield}.round-stepper input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.setup-panel fieldset{margin:10px 0}.setup-panel legend{margin-bottom:0}.create-screen{padding-top:10px}.create-screen .setup-panel{margin-top:0}.create-screen .setup-panel>.segments{margin-bottom:10px}.setup-panel+.stack{margin-top:14px}.pile:disabled{opacity:1}.pile:disabled>span:last-child{opacity:.65}
.match-outcome{order:3;margin:7px 0;border:1px solid var(--accent-edge);border-radius:8px;padding:8px}.match-outcome h2{font-size:17px;margin:0 0 3px}.match-outcome p{font-size:12px}
.round-ready{padding:10px;border:1px solid var(--dg-line);border-radius:12px;background:var(--inset)}.round-ready p{font-size:11px;margin:0 0 8px}.round-ready button{width:100%}.ready-list{color:var(--dg-muted)}
.playing{touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;cursor:grab}.playing.dragging{opacity:.45;outline:none;cursor:grabbing}
.drag-help{font-size:10px;line-height:1.4;margin:9px 0 0;color:var(--dg-muted)}
.discard-target{position:relative;border-radius:9px;outline:1px solid transparent;outline-offset:5px}
.discard-target.can-drop{outline:2px dashed #D1B977}.discard-target.can-drop .pile>span:last-child{opacity:1;color:#F5E5B8;font-weight:600}
.discard-target.drag-active{outline:2px solid #D1B977;background:#D1B97722}.discard-target.drop-over{outline:3px solid #F6DF9D;background:#D1B97744;box-shadow:0 0 0 7px #D1B97722}
.drag-ghost{position:fixed;left:0;top:0;z-index:10000;pointer-events:none!important;opacity:.95!important;transition:none!important;animation:none!important;box-shadow:0 7px 18px #0005;cursor:grabbing}
.chat-launch{width:auto;flex-shrink:0;min-width:60px;min-height:44px;margin-left:auto;padding:8px 10px;font-size:12px}.tablehead:has(.chat-launch){gap:8px}.tablehead:has(.chat-launch) .title{min-width:0;flex:1}.tablehead:has(.chat-launch) strong{font-size:17px}.chat-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#cfb77d;color:#202820;font-weight:700}.chat-badge[hidden]{display:none}.chat-bubble{position:absolute;bottom:100%;max-width:130px;width:max-content;max-height:3.8em;overflow:hidden;overflow-wrap:anywhere;padding:7px 10px;border-radius:10px;background:var(--dg-panel);color:var(--dg-text);font:12px/1.4 system-ui;box-shadow:0 3px 16px #0003;pointer-events:none;z-index:5}
body.chat-open{overflow:hidden}#chat-dismiss{position:fixed;inset:0;z-index:29;background:transparent}.chat-view{position:fixed;top:0;left:0;right:0;z-index:30;max-width:640px;margin:auto;height:66.667dvh;display:flex;flex-direction:column;background:color-mix(in srgb,var(--dg-bg) 88%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid var(--dg-line);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 15px 36px #0004;color:var(--dg-text);padding-top:env(safe-area-inset-top)}.chat-view button{min-height:44px;min-width:44px;width:auto;color:var(--dg-text);background:none;border:0;border-radius:8px;padding:6px;font-size:12px}.chat-view button:disabled{opacity:.4}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--dg-line);flex-shrink:0}.chat-header h1{font-size:20px;margin:0;letter-spacing:-.03em}.chat-header small{color:var(--dg-muted);font-size:10px}.chat-context{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 16px;min-height:44px;border-bottom:1px solid var(--dg-line);font-size:11px}.chat-context strong{max-width:55%;overflow-wrap:anywhere}.chat-context p{font-size:10px}.chat-context button{font-size:11px;text-decoration:underline}.chat-connection{font-size:11px;color:var(--dg-muted);padding:0 16px;flex-shrink:0}.chat-connection:not(:empty){padding:6px 16px}.chat-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:10px 16px}.chat-mutes{font-size:11px;margin:0 0 12px;border:0;padding:0}.chat-mutes summary{min-height:36px}.chat-mutes p{font-size:10px;line-height:1.5;padding:5px 0}.chat-mutes button{font-size:11px;border:1px solid var(--dg-line);margin:3px;padding:7px}.chat-transcript{display:flex;flex-direction:column;gap:9px}.chat-message{max-width:88%;align-self:flex-start;background:color-mix(in srgb,var(--dg-panel) 88%,transparent);border:1px solid var(--dg-line);padding:8px 12px;border-radius:12px}.chat-message.mine{align-self:flex-end;border-color:#9d8a60}.chat-message strong{font-size:10px;color:var(--dg-muted)}.chat-message p{font-size:13px;color:var(--dg-text);white-space:pre-wrap;overflow-wrap:anywhere}.chat-message time{display:block;font-size:9px;color:var(--dg-muted)}.chat-message button{font-size:12px}.chat-empty{font-size:12px;color:var(--dg-muted);padding:15px 0}.chat-compose{flex-shrink:0;border-top:1px solid var(--dg-line);padding:6px 6px 4px;margin:0}.chat-toolbar{display:flex;align-items:center;gap:2px}.chat-toolbar>button{flex:0 0 44px}.chat-toolbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;margin:auto}.chat-field{flex:1;min-width:0;display:flex;align-items:center;border:1px solid var(--dg-line);border-radius:22px;background:var(--dg-panel)}.chat-field input{width:100%;min-width:0;min-height:44px;margin:0;border:0;border-radius:22px;box-shadow:none;background:none;color:var(--dg-text);font-size:16px;padding:8px 0 8px 12px}.chat-field button{font-size:19px;padding:0}.chat-send-status{font-size:10px;color:var(--dg-muted);min-height:18px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:0 6px}.chat-send-status button{font-size:11px;text-decoration:underline}.chat-voice-controls{font-size:11px;display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap}.chat-voice-controls button{font-size:11px;border:1px solid var(--dg-line);padding:5px}.chat-picker{background:var(--dg-panel);border:1px solid var(--dg-line);border-radius:10px;padding:10px;margin-top:10px}.chat-picker[hidden]{display:none}.chat-picker strong{display:block;font-size:11px}.chat-picker button{border:1px solid var(--dg-line);margin:3px;font-size:11px;padding:7px}.chat-view.keyboard-open{border-radius:0;padding-top:0}.voice-wave{display:flex;align-items:center;gap:3px;height:30px}.voice-wave i{display:block;width:3px;height:8px;background:var(--dg-text);animation:chat-wave .7s ease-in-out infinite alternate}.voice-wave i:nth-child(2n){height:17px;animation-delay:-.3s}.voice-wave i:nth-child(3){height:22px;animation-delay:-.5s}@keyframes chat-wave{to{transform:scaleY(.35)}}html[data-motion=reduce] .voice-wave i{animation:none}@media(prefers-reduced-motion:reduce){.voice-wave i{animation:none}}@media(max-height:550px){.chat-header{padding:2px 12px}.chat-header h1{font-size:16px}.chat-context{padding:0 12px}.chat-compose{padding-top:2px}.chat-connection:not(:empty){padding:2px 12px}.chat-header small{display:none}}
.chat-context:has([data-chat-countdown]){flex-wrap:wrap}.chat-context:has([data-chat-countdown]) strong{max-width:100%}
.hand-insertion{position:fixed;width:3px;transform:translateX(-50%);z-index:10001;pointer-events:none;background:var(--dg-text);border-radius:3px;box-shadow:0 0 0 2px var(--dg-bg)}.hand-insertion:before,.hand-insertion:after{content:"";position:absolute;left:-3px;width:9px;height:3px;background:inherit;border-radius:2px}.hand-insertion:before{top:0}.hand-insertion:after{bottom:0}
[data-profile]{cursor:pointer;min-width:44px;min-height:44px}[data-profile]:focus-visible{outline:2px solid var(--dg-text);outline-offset:3px}#social-dismiss{position:fixed;inset:0;z-index:1090;background:#0001}#social-sheet{position:fixed;left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 24px));z-index:1100;border:1px solid var(--dg-line);border-radius:16px;background:var(--dg-panel);color:var(--dg-text);box-shadow:0 12px 40px #0005;display:flex;flex-direction:column;overflow:hidden}#social-sheet header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--dg-line)}#social-sheet button{min-height:44px;min-width:44px;font-size:12px;border:1px solid var(--dg-line);border-radius:8px;background:var(--dg-panel);color:var(--dg-text);padding:6px 10px}#social-sheet header button{border:0;font-size:22px}.social-content{padding:12px;overflow:auto;overscroll-behavior:contain}.profile-identity{display:flex;gap:12px;align-items:center}.profile-identity .avatar{width:54px;height:54px;flex-shrink:0;font-size:26px}.profile-identity h3{margin:0}.profile-identity span,.profile-identity small{display:block}.profile-identity code{font-size:10px;overflow-wrap:anywhere}.profile-identity small{margin-top:6px;color:var(--dg-muted);font-size:10px}.profile-actions{display:flex;gap:6px;margin:10px 0}.profile-actions button{flex:1}.profile-stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:8px;background:var(--inset);border-radius:8px}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:24px}.profile-stats span{font-size:11px}.profile-note{font-size:10px;line-height:1.5;color:var(--dg-muted);margin:8px 0}.profile-reactions{display:flex;gap:3px;border:0;padding:0;margin:10px 0 0;flex-wrap:wrap}.profile-reactions legend{font-size:12px;margin-bottom:6px}.profile-reactions button{font-size:22px!important;padding:4px!important;flex:1}.social-content h3{font-size:15px}.social-content p{font-size:12px;line-height:1.5}.social-list{padding:0;list-style:none}.social-list li{padding:8px 0;border-bottom:1px solid var(--dg-line)}.social-list li>span{display:block;font-size:11px}.social-list li>div{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}#social-sheet footer{font-size:11px;padding:0 12px 8px}.target-reaction{position:fixed;z-index:1080;width:36px;height:36px;font-size:30px;line-height:36px;text-align:center;pointer-events:none!important;user-select:none}
.profile-identity .avatar{display:grid;place-items:center}
.public-id{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.public-id code{user-select:all}#social-sheet .public-id button{font-size:10px;padding:4px;min-width:44px;min-height:44px}.profile-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.profile-reactions legend{grid-column:1/-1}.profile-actions [data-social-op=block]{flex:0 0 64px;border-color:transparent;color:var(--dg-muted)}#social-sheet[data-layout=sheet]{border-radius:20px 20px 12px 12px}#social-sheet footer:empty{display:none}.chat-view{margin:0;border-radius:16px;border-top:1px solid var(--dg-line);padding-top:0}.chat-header{padding:6px 12px}.chat-header h1{font-size:18px}.chat-context{padding:2px 12px}.chat-scroll{padding:8px 12px}.chat-mutes{margin-bottom:8px}.chat-view.keyboard-open{border-radius:10px}.chat-view.keyboard-open .chat-scroll{padding-top:2px;padding-bottom:2px}.chat-view.keyboard-open .chat-header small{display:none}
/* Header audio controls stay visible; individual mutes/privacy remain in details. */
.chat-header{display:grid;grid-template-columns:1fr 44px;gap:0 6px}
.chat-audio-actions{grid-column:1/-1;display:flex;gap:6px;padding-top:2px}
.chat-audio-actions button{border:1px solid var(--dg-line);font-size:11px;padding:4px 8px;min-height:44px}
.chat-audio-actions button[aria-pressed=true]{background:var(--inset)}
.chat-message{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;max-width:94%;padding:8px;background:none;border:0;border-radius:0}
.chat-sender-avatar{width:32px;height:32px;border-radius:50%;border:1px solid #A18B5D;background:#243d37;color:#f1eddf;display:grid;place-items:center;font-size:14px}
.chat-message-body{min-width:0;padding:7px 10px;border:1px solid var(--dg-line);border-radius:12px;background:var(--dg-panel)}
.chat-message.mine .chat-message-body{border-color:#9d8a60}.chat-message strong{display:block;margin-bottom:3px}
.voice-message{display:flex;align-items:center;gap:6px;min-width:180px;max-width:100%;padding:3px 0}
.voice-message button{border-radius:50%;background:var(--inset);font-size:22px;flex:0 0 44px;padding:0}
.voice-message-track{min-width:0;flex:1}.voice-message-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;height:24px}
.voice-message-wave i{width:3px;height:9px;background:var(--dg-accent);border-radius:2px}.voice-message-wave i:nth-child(3n){height:20px}.voice-message-wave i:nth-child(4n){height:14px}.voice-message-wave i:nth-child(5n){height:24px}
.voice-message progress{display:block;width:100%;height:3px;accent-color:var(--dg-accent);margin:3px 0}
.voice-message-time{display:block;font-size:10px;color:var(--dg-muted);font-variant-numeric:tabular-nums}
/* Mobile profiles intentionally cover the hand and extend to the bottom edge. */
#social-sheet[data-layout=sheet]{border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);max-width:none}
#social-sheet[data-layout=sheet] .profile-identity{flex-direction:column;gap:8px;text-align:center}
#social-sheet[data-layout=sheet] .profile-identity .avatar{width:58px;height:58px;font-size:30px}
#social-sheet[data-layout=sheet] .public-id{justify-content:center}
.hand{padding-bottom:8px}


.avatar .profile-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar:has(.profile-photo){padding:0;overflow:hidden}
#community-dialog{width:min(94vw,680px);max-height:90dvh;background:var(--dg-panel,#172c30);color:var(--dg-text,#f7f1df);border:1px solid #899a93;border-radius:18px;padding:18px}#community-dialog::backdrop{background:#0009}#community-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}#community-dialog .community-content{max-height:70dvh;overflow:auto;padding:8px}#community-dialog form{display:grid;gap:12px}#community-dialog label{display:grid;gap:6px}#community-dialog button{min-height:44px}#community-dialog input,#community-dialog select{max-width:100%;box-sizing:border-box}.leaderboard-list{padding:0;list-style:none}.leaderboard-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #899a9344}.leaderboard-row button{display:flex;align-items:center;gap:10px}.leaderboard-row small{width:100%}.leaderboard-self{position:sticky;bottom:0;background:var(--dg-panel,#172c30);border:2px solid #899a93;border-radius:10px;padding:10px;list-style:none}.podium-1{border-left:4px solid #dfbd56}.podium-2{border-left:4px solid #bec9ce}.podium-3{border-left:4px solid #bb865e}.club-photo{width:96px;height:96px;border-radius:16px;object-fit:cover}

#community-dialog[open]{display:flex;flex-direction:column;box-sizing:border-box}#community-dialog>header,#community-dialog>.leaderboard-self,#community-dialog>footer{flex-shrink:0}#community-dialog .community-content{min-height:0;flex:1;max-height:none}#community-dialog>.leaderboard-self{position:static}
#community-dialog button{font:inherit;color:var(--dg-text);background:linear-gradient(var(--control-top),var(--control-bottom));border:1px solid var(--dg-line);border-radius:10px;padding:8px 12px}#community-dialog .leaderboard-row button{background:none;border-color:transparent;padding:0}#community-dialog select{font:inherit;font-size:16px;color:var(--dg-text);background:var(--dg-panel);padding:10px;border:1px solid var(--dg-line);border-radius:10px}#community-dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}#community-dialog input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:6px 0;box-shadow:none}

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button:disabled{cursor:default;opacity:.44}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-weight:780;letter-spacing:-.035em}h1{font-size:28px;line-height:1.15;margin:14px 0}h2{font-size:22px;margin:12px 0}p{color:var(--muted)}small{font-size:12px}svg{display:block}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#digu-design{max-width:1100px;margin:auto}.phone{min-height:100dvh;position:relative;background:var(--bg)}.app-chrome{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;min-height:52px;border-bottom:1px solid var(--border)}.edition,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chrome-button,.iconbtn{width:44px;height:44px;min-width:44px;border:0;background:none;color:var(--text);border-radius:12px;display:grid;place-items:center;padding:10px}.body{max-width:600px;margin:auto;padding:18px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.brand{font-size:23px;font-weight:850;letter-spacing:-1px;display:flex;align-items:center;gap:6px}.brand-mark{color:var(--primary)}.brand-dot{color:var(--primary)}.connection{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.connection:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success)}.connection.offline:before{background:var(--danger)}.brand-footer{display:none}.notice{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.small,.muted{font-size:12px;color:var(--muted)}.stack{display:grid;gap:10px;margin-top:16px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 14px;min-height:50px;width:100%;font-size:14px;font-weight:750;box-shadow:none}.primary{background:var(--primary);color:var(--on-primary);border:1px solid transparent}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.textbutton{background:none;border:0;color:var(--text);min-height:44px;padding:8px 10px;font-size:12px;text-underline-offset:3px}.error{background:var(--error-bg);color:var(--danger);border:1px solid var(--error-edge);border-radius:12px;margin:10px 14px;padding:12px}.quicklinks{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.setup-heading{display:flex;align-items:center;justify-content:space-between}.setup-heading h1{font-size:25px}.setup-panel{box-shadow:none;padding:16px;margin:14px 0;border-radius:14px}.segments button{color:var(--text)}.segments [aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--soft)}.code{box-shadow:none}.avatar,.avatar.gold,.avatar.peach,.avatar.blue{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--raised);border:2px solid #ad94cd;color:var(--primary);box-shadow:none;font:700 20px Inter,sans-serif;overflow:hidden}.avatar .profile-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.asset-atlas{width:100%;height:100%;display:block;overflow:hidden}.avatar .asset-atlas{position:absolute;inset:0}.theme-paper-social{display:none}:root[data-theme=paper-social] .theme-after-hours,:root[data-theme=light] .theme-after-hours{display:none}:root[data-theme=paper-social] .theme-paper-social,:root[data-theme=light] .theme-paper-social{display:block}.collectible-art{width:40px;height:40px}.hero-art{background:var(--hero-art) center/contain no-repeat;height:169px}.auth-art{height:160px;margin:16px 0}.friendrow{font-size:14px;padding:12px 2px}.friendrow small{font-size:12px}.rulechips span{font-size:12px}.primary-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);background:var(--nav);padding:7px 8px max(8px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:10}.primary-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:0;min-height:50px;font-size:12px;color:var(--muted);padding:3px 1px}.primary-navigation [aria-current=page]{color:var(--primary)}.nav-rank:empty{display:none}
/* Home shares the supplied hierarchy, with real balances and destinations. */
.phone:has(#app[data-screen=home]) .app-chrome{display:none}.home-screen{padding:0 18px 14px;max-width:600px}.home-topbar{height:68px;display:flex;align-items:center;justify-content:space-between}.home-brand{font-weight:870;font-size:23px;letter-spacing:-1.2px;display:flex;gap:8px;align-items:center;text-decoration:none}.home-brand .ui-icon{color:var(--primary);width:31px;height:31px}.home-utilities{display:flex;align-items:center;gap:2px}.account-avatar{background:none;border:0;padding:0;min-height:44px;min-width:44px}.home-welcome h1{font-size:25px;margin:6px 0}.home-welcome p{font-size:14px}.home-welcome .eyebrow{display:none}.home-welcome .hero-art{margin:0 -2px 8px}.home-tagline{font-weight:780;font-size:23px!important;letter-spacing:-.7px;line-height:1.13;margin:-12px 0 16px;color:var(--text)}.home-actions{display:grid;gap:10px}.play-online-card{display:block}.play-online-card>.mode-symbol,.play-online-card>div{display:none}.play-online-card .primary{justify-content:space-between;min-height:57px;font-size:17px}.ranked-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-height:66px}.ranked-card .mode-symbol{color:var(--primary)}.ranked-card h2{font-size:14px;margin:0}.ranked-card p{font-size:12px}.ranked-card>div{flex:1}.ranked-card>button{width:44px;min-width:44px;font-size:0;background:none;border:0;padding:10px}.ranked-card>button:after{content:'→';font-size:24px;color:var(--text)}.private-practice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.private-practice button{font-size:13px;text-align:left;justify-content:flex-start;min-height:64px}.home-screen #join-form{margin:12px 0;border-bottom:1px solid var(--border);padding-bottom:10px}.home-screen #join-form label{font-size:13px}.join-row{display:flex;gap:8px;align-items:center}.join-row input{min-width:0;margin:6px 0}.join-row button{width:auto;white-space:nowrap;font-size:12px}.home-help{margin-top:12px;font-size:12px}.home-account{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:10px}.home-balances{display:flex;gap:14px;padding-bottom:10px}.balance-pill{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.balance-pill .collectible-art{width:28px;height:28px}.balance-pill small{font-size:12px;color:var(--muted);font-weight:500}
/* One composition for both themes. Felt stays beneath the spatial seats. */
.phone:has(#app[data-screen=active]) .app-chrome{display:none}#app[data-screen=active]{position:relative;min-height:100svh;max-width:600px;margin:auto;display:flex;flex-direction:column}.tablehead{height:59px;min-height:59px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px}.tablehead .title{text-align:center;flex:1;min-width:0}.tablehead strong{display:block;font:750 15px/1.3 Inter,sans-serif;letter-spacing:0}.tablehead small{display:block;font-size:12px;color:var(--muted)}.tablehead .connection{position:absolute;left:54px}.tablehead #open-preferences{flex-shrink:0}.tablearea{position:relative;height:clamp(300px,calc(100svh - 493px),351px);min-height:300px;flex-shrink:0;margin:0 8px;color:var(--on-table);isolation:isolate}.tablearea:before{content:'';position:absolute;inset:21px 4px 30px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:44%/33%;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--table) 80%,#677e76),var(--table) 65%);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--bg) 55%,transparent),0 10px 22px #0003;z-index:-2}.tablearea:after{content:'';position:absolute;inset:30px 13px 39px;border:1px dashed color-mix(in srgb,var(--primary) 25%,transparent);border-radius:44%/33%;pointer-events:none;z-index:-1}.across{display:contents}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;min-width:70px;z-index:3;text-align:center}.seat.top{top:1px;left:50%;transform:translateX(-50%)}.seat.left{left:5px;top:28%}.seat.right{right:5px;top:28%}.seat.self-seat{bottom:0;left:50%;transform:translateX(-50%);color:var(--text)}.seat-trigger{display:flex;align-items:center;flex-direction:column;border:0;background:none;color:inherit;min-width:70px;min-height:44px;padding:0;gap:3px}.avatar-wrap{position:relative;display:grid;place-items:center;width:58px;height:58px}.seat .avatar{width:54px;height:54px}.avatar-timer{position:absolute;inset:0;width:58px;height:58px;transform:rotate(-90deg);pointer-events:none;opacity:0;overflow:visible}.avatar-timer circle{fill:none;stroke:var(--primary);stroke-width:2;stroke-dasharray:100}.seat.active .avatar-timer{opacity:1}.seat-shortname{font-size:12px;font-weight:650;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-count{font-size:12px;line-height:1.25;min-width:25px;padding:1px 5px;border:1px solid #a7c5c9;border-radius:9px;background:#182b33;color:white}.seat-backs{display:flex;margin-top:4px;height:15px}.seat-backs i{width:10px;height:15px;border:1px solid #c7d9d9;border-radius:2px;background:#304547;margin-left:-3px;transform:rotate(-5deg)}.seat.self-seat .seat-backs{display:none}.seat.emptyseat{display:none}.one-card{position:absolute;top:-5px;right:0;font-size:12px;color:var(--on-primary);background:var(--primary);border-radius:12px;padding:2px 6px}.piles{position:absolute;display:flex;gap:24px;left:50%;top:36.2%;transform:translateX(-50%);z-index:2;align-items:start}.pile{display:grid;justify-items:center;gap:8px;background:none;color:var(--on-table);border:0;padding:0;min-height:110px;font-size:12px;font-weight:650}.pile:disabled{opacity:1}.pile .cardback,.pile .front{position:relative;width:61px;height:87px;border:0;border-radius:6px;background:var(--card);box-shadow:0 2px 3px #0003;display:grid;place-items:center;overflow:hidden}.deck-art,.card-face{width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;display:block}.cardback .deck-art{position:absolute;inset:0}.cardback .theme-paper-social{display:none}:root[data-theme=paper-social] .cardback .theme-after-hours,:root[data-theme=light] .cardback .theme-after-hours{display:none}:root[data-theme=paper-social] .cardback .theme-paper-social,:root[data-theme=light] .cardback .theme-paper-social{display:block}.watermark{display:none;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:850;letter-spacing:4px;color:#ffffff14;z-index:-1}.direction{position:absolute;bottom:48px;left:23px;display:flex;align-items:center;gap:4px;font-size:10px;color:#e6eeee}.direction .ui-icon{width:16px;height:16px}.direction>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.handzone{display:flex;flex-direction:column;flex:1;min-width:0;padding:0 14px 18px}.turnline{height:67px;min-height:67px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;text-align:center;padding:10px 0 5px;gap:0}.turnline>div:first-child{grid-column:1/-1;grid-row:1;min-width:0}.turnline strong{display:inline;font-size:17px;font-weight:780;letter-spacing:-.35px;color:var(--primary)}.turnline .hint{font-size:12px;color:var(--muted);margin-top:3px}.turnline .timer{grid-column:3;grid-row:1;justify-self:start;margin-left:5px;font-size:14px;font-weight:750;color:var(--primary);display:flex;align-items:center;gap:3px}.timer .ui-icon{width:17px;height:17px}.turnline strong{display:flex;align-items:center;justify-content:center;gap:6px}.turnline .timer{display:inline-flex;grid-column:auto;grid-row:auto;margin:0}.turnline .timer .ui-icon{display:none}.turnline .discards-button{display:none}.turn-progress{height:0;overflow:hidden}.hand-scroll{height:169px;min-height:169px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;margin:0 -14px}.hand{--hand-card:clamp(46px,15.5vw,60px);display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) var(--hand-card);width:min(364px,calc(100% - 26px));margin:auto;min-height:148px;padding-top:27px;align-content:start;position:relative}.hand[data-count="11"]{grid-template-columns:repeat(10,minmax(0,1fr)) var(--hand-card)}.playing{position:relative;width:var(--hand-card,60px);height:calc(var(--hand-card,60px) * 1.466667);border:0;padding:0;border-radius:6px;background:var(--card);color:#142329;box-shadow:0 3px 5px #0003;transform-origin:50% 94%;transform:translateY(calc(var(--hand-curve,0px) + var(--hand-lift,0px))) rotate(var(--hand-angle,0deg));transition:transform .14s,box-shadow .14s;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.playing .card-face{border-radius:inherit}.playing:disabled{opacity:1}.playing.draw-raised:not([aria-pressed=true]){--hand-lift:-13px}.playing[aria-pressed=true]{--hand-lift:-23px;outline:2px solid var(--primary);outline-offset:2px;z-index:50}.card-selected-mark{display:none;position:absolute;bottom:3px;right:3px;background:var(--primary);color:var(--on-primary);border-radius:50%;width:18px;height:18px;place-items:center}.card-selected-mark .ui-icon{width:13px;height:13px}.playing[aria-pressed=true] .card-selected-mark{display:grid}.drawn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hand-selection{font-size:12px;text-align:center;color:var(--muted);margin:-20px 0 9px;min-height:18px}.tablefoot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:54px;min-height:54px;margin:0 0 8px}.tablefoot>.tool-button,.tablefoot>.chat-launch,.sort-menu>summary{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:12px;padding:4px;position:relative}.tablefoot .ui-icon{width:24px;height:24px;color:var(--text)}.sort-menu{border:0;padding:0;margin:0;position:relative}.sort-menu>summary{list-style:none}.sort-menu>summary::-webkit-details-marker{display:none}.sort-menu>div{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);min-width:140px;z-index:60;padding:5px}.sort-menu>div button{display:block;width:100%;text-align:left}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.thumb-actions{margin-top:auto;padding-top:15px;min-height:74px}.thumb-actions button{font-size:14px;padding:10px 6px;min-height:50px}.thumb-actions button .ui-icon{display:none}.timebank-row:empty{display:none}.timebank-row button{display:block;margin:auto;min-height:44px}.table-tools{border:0;padding:0;margin:0}.table-tools>summary{display:none!important}.table-tools[open]{position:relative;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.table-tools details{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.table-tools p{font-size:13px;line-height:1.6}.table-tools summary{font-size:14px;display:flex;align-items:center}.table-tools .drag-help{font-size:13px;white-space:normal}.accessible-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.accessible-card{min-height:60px;background:var(--card);color:#142329;border:2px solid transparent;border-radius:8px;font-size:18px}.accessible-card[aria-pressed=true]{border-color:var(--primary);outline:2px solid var(--text)}.seat-details{position:absolute;z-index:100;width:230px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:14px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.seat-details strong{display:block;font-size:15px;overflow-wrap:anywhere}.seat-details p{font-size:13px;margin:6px 0}.seat-detail-actions{display:flex;gap:6px}.seat-detail-actions button{min-height:44px;background:var(--raised);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 9px}.seat:has(.seat-details:not([hidden])){z-index:101}.discard-target.can-drop,.discard-target.drag-active{outline-color:var(--primary)}.discard-target.drop-over{outline-color:var(--primary);background:var(--soft)}.result-card,.discard-card{position:relative;padding:0;display:inline-block;width:40px;height:58px;min-width:40px;background:var(--card);border:0;box-shadow:0 2px 3px #0003;overflow:hidden}.result{padding:16px 18px;text-align:left;max-width:620px;margin:auto}.result h1{font-size:25px}.victory{font:850 36px/1.2 Inter,sans-serif;color:var(--primary);text-shadow:none;margin-top:12px}.revealed-hand{padding:12px;margin:16px 0;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:none}.revealed-hand h2{font-size:20px}.resultgroup{border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:9px 0}.resultgroup small{font-size:12px}.result-cards{gap:4px;margin-top:6px}.result-player{box-shadow:none;border-radius:12px;min-height:64px}.result-player[aria-pressed=true]{background:var(--soft);border-color:var(--primary);box-shadow:none}.result-columns{font-size:12px;letter-spacing:0}.score-explanation{font-size:13px}.round-ready{background:var(--surface)}.theme-options{flex-wrap:wrap}.theme-option{flex:1;min-width:130px;font-size:14px}.theme-option input{width:20px;min-height:20px;margin:0 8px 0 0}.theme-fieldset{margin-top:16px}.preferences-note{font-size:12px;margin:12px 0}.shop-item-art .collectible-art{width:100%;height:100%}dialog{background:var(--surface);color:var(--text);border-radius:22px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow)}dialog h2{font-size:22px}dialog p{font-size:13px}.shop-wallet .collectible-art{width:30px;height:30px}
@media(min-width:1000px) and (min-aspect-ratio:1/1) and (min-height:501px){body{padding:24px}.phone{border:1px solid var(--border);border-radius:24px;overflow:clip;min-height:calc(100dvh - 48px)}#app[data-screen=active]{max-width:none;min-height:calc(100svh - 50px);display:grid;grid-template-columns:48% 52%;grid-template-rows:59px 1fr}.tablehead{grid-column:1;grid-row:1}.tablearea{grid-column:1;grid-row:2;height:clamp(351px,calc(100svh - 160px),600px);max-height:600px;align-self:center;margin:0 8px}.handzone{grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:550px;min-height:470px;padding:20px}.hand{--hand-card:72px;width:min(450px,calc(100% - 40px))}.hand-scroll{height:205px;min-height:205px;margin:0 -20px}.turnline{margin-bottom:14px}.tablearea .seat.left,.tablearea .seat.right{top:35%}.tablearea .piles{top:42%}.tablearea .direction{bottom:72px}.home-screen{max-width:600px}.home-screen .hero-art{height:210px}.primary-navigation{max-width:600px;margin:auto}.phone:has(#app[data-screen=active]){overflow:visible}}
@media(max-height:500px) and (min-width:600px){#app[data-screen=active]{display:block;max-width:none;height:100svh;min-height:414px}.tablehead{width:48%;height:46px;min-height:46px}.tablearea{width:47%;height:352px;min-height:352px;margin:0 8px}.tablearea:before{inset:20px 3px 38px}.tablearea:after{inset:29px 12px 47px}.seat.self-seat{bottom:8px}.handzone{position:absolute;left:48%;right:0;top:24px;bottom:0;padding:0 14px 14px}.hand-scroll{margin:22px -14px 0;height:169px;min-height:169px}.hand{--hand-card:55px;width:calc(100% - 34px)}.turnline{height:65px;min-height:65px}.turnline strong{font-size:16px}.turnline .hint{font-size:12px}.tablefoot{margin-bottom:0}.thumb-actions{padding-top:12px}.tablearea .piles{top:36%}.tablehead small{font-size:11px}.tablehead strong{font-size:14px}.tablehead .connection{display:none}.handzone .table-tools[open]{position:fixed;inset:12px;z-index:105;overflow:auto}.brand-footer{display:none}.phone{min-height:100svh}.app-chrome{min-height:44px}}
@media(max-width:359px){.seat .avatar{width:46px;height:46px}.avatar-wrap,.avatar-timer{width:50px;height:50px}.seat{min-width:60px}.seat-trigger{min-width:60px}.seat-shortname{max-width:68px}.seat.left,.seat.right{top:25%}.piles{gap:17px;top:36%}.pile .cardback,.pile .front{width:52px;height:74px}.pile{min-height:98px}.tablehead{padding-left:8px;padding-right:8px}.tablehead strong{font-size:14px}.tablehead small{font-size:11px}.handzone{padding-left:12px;padding-right:12px}.hand-scroll{margin:0 -12px}.turnline strong{font-size:15px}.turnline .hint{font-size:12px}.tablefoot button,.sort-menu>summary{font-size:12px}.thumb-actions button{font-size:13px}.home-screen{padding-left:14px;padding-right:14px}.private-practice button{padding:10px;font-size:12px}.tablearea .direction{bottom:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(max-width:359px){.hand-scroll{height:136px;min-height:136px}.hand-selection{margin-top:-12px;font-size:11px}.turnline{height:60px;min-height:60px;padding-top:7px}.thumb-actions{min-height:64px;padding-top:5px}.handzone{padding-bottom:10px}.tablearea .piles{top:38%}.tablearea .seat.left,.tablearea .seat.right{top:28%}.tablearea .seat.self-seat{bottom:0}.seat-backs{height:12px}.seat-backs i{height:12px}}
.phone:has(#app[data-screen=home]) #app{min-height:100svh;display:flex;flex-direction:column}.home-screen{width:100%;flex:1}.phone:has(#app[data-screen=home]) .primary-navigation{width:100%;margin-top:auto}.hand > .playing{transform-origin:50% 94%}

.felt-material{position:absolute;inset:21px 4px 30px;border-radius:44%/33%;background:var(--felt-texture) center/cover;opacity:.28;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}.chat-launch{font-weight:inherit}.tablefoot .chat-launch{margin:0;min-width:0;font-weight:400}.tablefoot .chat-badge{position:absolute;top:-5px;right:-3px;font-size:10px;background:var(--primary);color:var(--on-primary)}

.home-friends-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:6px 0}.home-friends-title .textbutton{padding:5px}.friend-avatars{display:flex;gap:12px;overflow:auto;min-height:66px}.friend-chip{display:flex;align-items:center;flex-direction:column;gap:5px;border:0;background:none;min-width:55px;min-height:66px;padding:0;color:var(--text);font-size:12px}.friend-chip>span:last-child{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-art{width:54px;height:54px;flex-shrink:0}.result-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.result-tabs .result-player{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;margin:0;padding:7px 2px;min-width:0;font-size:12px}.result-tabs .result-player>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}.result-tabs .avatar{width:38px;height:38px}.score-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.score-table caption{text-align:left;font-weight:700;margin-bottom:7px}.score-table th,.score-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 3px}.score-table td{font-variant-numeric:tabular-nums}.score-table small{display:block;font-weight:400;color:var(--muted)}.selected-score{color:var(--primary)}
.tablearea:has(.seat-details:not([hidden])){z-index:100}.chat-header{display:grid;grid-template-columns:minmax(0,1fr) 88px 44px;gap:4px;padding:6px 10px}.chat-header>div:first-child{grid-column:1;grid-row:1;min-width:0}.chat-header>button{grid-column:3;grid-row:1}.chat-header h1{font-size:20px;white-space:nowrap}.chat-header small{display:none}.chat-audio-actions{grid-column:2;grid-row:1;padding:0;gap:0}.chat-audio-actions button{border:0;padding:10px}.chat-audio-actions .ui-icon{width:22px;height:22px}.chat-header>button{padding:10px}
/* Text can grow with the user's browser setting; full-size cards remain available. */
body{font-size:.875rem}.primary,.secondary{font-size:.875rem;min-height:3.125rem}.textbutton{font-size:.75rem}input,select{font-size:1rem}.turnline .hint,.hand-selection,.seat-shortname,.seat-count,.tablefoot>.tool-button,.tablefoot>.chat-launch,.sort-menu>summary{font-size:.75rem}.turnline strong{font-size:1.0625rem}.turnline{min-height:4.1875rem;height:auto}.seat-details strong{font-size:.9375rem}.seat-details p,.seat-detail-actions button{font-size:.8125rem}.accessible-card{font-size:1.125rem;min-height:3.75rem}.table-tools p{font-size:.8125rem}.table-tools summary{font-size:.875rem}

.playing[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary),0 5px 12px #0004}

.home-code{margin:8px 0 0;padding:0;border:0;border-bottom:1px solid var(--border)}.home-code>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;font-weight:600;list-style:none}.home-code>summary:after{content:'→';font-size:20px}.home-code>summary::-webkit-details-marker{display:none}.home-code #join-form{margin:0;padding:0;border:0}.home-code #join-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-account>[data-social=manage]{display:none}.result>.eyebrow{font-size:14px;letter-spacing:0;color:var(--text);display:block;font-weight:750;padding:4px 0 14px;border-bottom:1px solid var(--border)}.result-winner{display:flex;gap:12px;align-items:center;padding:12px 0}.result-winner-art{position:relative;width:82px;height:82px;flex-shrink:0}.result-winner-art .asset-atlas{position:absolute;inset:0}.result-winner h2{font-size:25px;margin:0;line-height:1.2}.result-winner .victory{margin:3px 0;font-size:36px}.result-math,.result-subtitle{font-size:12px}.result-subtitle{margin-top:3px}.result-tabs{margin:0 0 8px}.revealed-hand{margin:0 0 12px}.resultgroup{display:flex;align-items:center;gap:8px}.resultgroup>small{width:76px;flex-shrink:0;font-size:12px;letter-spacing:0}.result-cards{justify-content:flex-start;flex:1;margin:0;gap:4px}.resultgroups{margin:12px 0}.result-cards .result-card{width:38px;height:54px;min-width:38px}.result .round-score{font-size:16px;margin-top:6px}.result .score-explanation{font-size:12px}.phone:has(#app[data-screen=finished]) .app-chrome{min-height:44px;border:0}.phone:has(#app[data-screen=finished]) .edition{font-size:11px}

@media(max-width:359px){.turnline{min-height:3.75rem}}
.error{background:var(--surface);color:var(--danger)}

.brand-image{width:96px;height:32px;object-fit:contain}.play-online-card .primary small{font-size:11px;font-weight:600;max-width:120px;text-align:right}
.header>.chat-launch{width:auto;flex:0 0 auto;min-width:44px;margin-left:8px}.header{min-width:0}.header .connection{font-size:12px}#app[data-screen=spectator] .piles{position:static;transform:none;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:16px 0;color:var(--text);font-size:14px}
@media(max-height:500px) and (min-width:600px){.hand-scroll{height:160px;min-height:160px}}

.phone:has(#app[data-screen=finished]) .app-chrome{display:none}.result{padding:0 16px 16px}.result-header{height:65px;display:flex;align-items:center;gap:8px;margin:0 -16px 0;padding:6px 12px;border-bottom:1px solid var(--border)}.result-header>div{flex:1;min-width:0}.result-header strong{display:block;font-size:17px;font-weight:750}.result-header small{font-size:12px;color:var(--muted)}.result-winner{padding:12px 0 8px}.result-winner-art{width:76px;height:76px}.result-winner .result-subtitle{display:none}.result-tabs .result-player{min-height:70px}.revealed-hand h2{font-size:18px;margin:0 0 8px}.hand-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.resultgroups{margin:8px 0}.resultgroup>small{font-size:12px;width:74px}.resultgroup>small strong,.resultgroup>small span{display:block}.resultgroup>small strong{color:var(--text)}.resultgroup{min-height:64px;padding:5px 0}.result .score-explanation{font-size:12px;line-height:1.4}.result .round-score{font-size:14px}.score-table{font-size:12px}.score-table caption{text-align:left;font-size:12px;margin:6px 0}.score-table th,.score-table td{padding:7px 3px}.score-table th small{font-size:10px}.result .stack{gap:8px}.result .stack>.secondary{min-height:44px}.result-match{margin-top:8px;padding-top:6px}.result-match>summary{min-height:44px;display:flex;align-items:center}.result-match p{font-size:12px}

.turnline strong>.ui-icon{width:18px;height:18px}

.home-welcome{position:relative}.home-welcome .hero-art{margin-bottom:9px}.home-tagline{position:absolute;left:0;bottom:12px;margin:0;font-size:23px!important;font-weight:790;line-height:1.13;max-width:270px;padding-top:3px;background:linear-gradient(90deg,var(--bg) 40%,transparent)}.home-balances .connection{margin-left:auto;font-weight:500;white-space:nowrap;font-size:11px}.ranked-card{position:relative;min-height:66px}.ranked-card p{font-size:11px;white-space:nowrap}.ranked-card .ranked-cost{position:absolute;right:48px;top:23px;font-size:12px;color:var(--muted)}.ranked-card>div{padding-right:50px}.private-practice button{font-size:14px}.home-help-row{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-top:6px}.home-help-row .home-help{border:0;padding:0;margin:0;flex:1}.home-help-row summary{display:flex;align-items:center;gap:5px;font-size:12px;min-height:44px}.home-help-row .textbutton{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;padding:6px 0}.home-help-row .ui-icon{width:18px;height:18px}.home-account .connection{display:none}.home-account{margin-top:0}.primary-navigation [aria-current=page]{background:var(--soft);border-radius:12px}.home-help p{font-size:12px}.friend-avatars:has(>.textbutton){min-height:50px}.home-help-row:has(details[open]){flex-wrap:wrap}.home-help-row details[open]{flex-basis:100%}
@media(max-width:359px){.home-balances .connection{font-size:10px}.balance-pill{font-size:12px}.home-balances{gap:8px}.ranked-card .ranked-cost{right:42px;font-size:11px}.ranked-card>div{padding-right:25px}.ranked-card p{font-size:10px}.private-practice button{font-size:13px}}

.profile-stats{background:none;gap:10px;padding:0}.profile-stats>div{border:1px solid var(--border);border-radius:12px;padding:12px 8px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:3px}.profile-stats strong{font-size:30px}.profile-stats span{font-size:12px}.profile-stats .ui-icon{color:var(--primary)}.profile-actions{display:grid;grid-template-columns:1fr;gap:8px}.social-content>[data-social=gift]{width:100%;min-height:48px;background:var(--primary)!important;color:var(--on-primary)!important;border:0!important;border-radius:12px!important;font-weight:750;margin:0 0 10px}.profile-block{margin-top:12px;border-top:1px solid var(--border);padding-top:6px;text-align:center}.profile-block button{width:100%;border:0!important;background:none!important;color:var(--muted)!important}.profile-identity h3{font-size:18px}.profile-identity span{font-size:14px}#social-sheet .public-id code{font-size:12px}.profile-identity{margin-bottom:10px}.profile-note{font-size:12px;line-height:1.5}.profile-actions button{display:flex;justify-content:center;align-items:center;gap:7px}.profile-block button{display:flex;justify-content:center;align-items:center;gap:7px}

@media(max-height:500px) and (min-width:600px){#app[data-screen=active]{min-height:100svh}.tablearea{height:clamp(300px,calc(100svh - 62px),352px);min-height:300px}}
@media(max-height:399px) and (min-width:600px){.hand-scroll{height:144px;min-height:144px;margin-top:14px}.turnline{min-height:3.75rem}.hand-selection{margin-top:-16px}.thumb-actions{padding-top:6px;min-height:62px}}
/* Main destinations occupy the app canvas, with one visible navigation. */
.phone:has(>.destination-screen)>.app-chrome{display:none}
#community-dialog.destination-screen,#social-sheet.destination-screen{position:relative;inset:auto;left:auto;top:auto;transform:none;width:100%;max-width:none;height:100dvh;max-height:none;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--bg);display:flex;flex-direction:column;z-index:auto;overflow:hidden}
.destination-screen>header{height:65px;min-height:65px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:8px 14px}
.destination-screen>header h2,.destination-screen>header>strong{font-size:18px;font-weight:780;margin:0;flex:1}
.destination-screen>header [data-social=close],.destination-screen>header [data-community=close]{order:-1;border:0;background:none;min-width:44px;padding:10px}
.destination-screen>header [data-community=refresh]{font-size:12px;padding:6px;border:0;background:none}
.destination-screen>header [data-destination-preferences]{background:none;border:0;padding:10px;min-width:44px;min-height:44px}
#community-dialog.destination-screen .community-content,#social-sheet.destination-screen .social-content{width:100%;max-width:720px;margin:0 auto;flex:1;min-height:0;max-height:none;overflow:auto;padding:18px 16px}
.destination-screen>.primary-navigation,.destination-screen .social-navigation{flex-shrink:0;width:100%;margin:0}
.destination-screen .primary-navigation{max-width:none;position:static;width:100%;margin:0;min-height:65px}
.destination-screen footer{font-size:13px;padding:0 16px}.destination-screen footer:has(>span:empty):not(:has(button)){display:none}
.destination-screen .leaderboard-self{margin:8px 16px;font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px}
.destination-screen .leaderboard-row{font-size:15px;gap:12px;padding:14px 4px;border-color:var(--border)}.destination-screen .leaderboard-row small{font-size:12px}.destination-screen .leaderboard-list{margin-top:14px}
.destination-screen .social-list li{font-size:15px;padding:14px 0}.destination-screen .social-list li>button[data-profile]{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none!important;text-align:left;font-size:15px!important}.destination-screen .social-list li>span{font-size:12px}
.friend-tabs{margin:0 0 16px;padding:4px;background:var(--soft)}.friend-tabs button{font-size:14px;min-height:44px}.friend-tabs [aria-pressed=true]{background:var(--primary)!important;color:var(--on-primary)!important;border-color:transparent!important}
.friend-search{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin:0 0 18px}.friend-search input{border:0;box-shadow:none;padding:4px 0;margin:0;background:none;min-width:0;min-height:44px}.friend-search .ui-icon{color:var(--muted)}
.destination-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 8px;gap:20px}.destination-empty .empty-symbol{width:92px;height:92px;border:1px solid var(--border);border-radius:28px;background:var(--soft);color:var(--primary);display:grid;place-items:center}.destination-empty .empty-symbol .ui-icon{width:40px;height:40px}.destination-empty h2{font-size:25px;line-height:1.2;max-width:310px;margin:0}.destination-empty p{font-size:14px!important;line-height:1.6;max-width:330px}.destination-empty .primary{width:auto;font-size:16px!important;padding:12px 20px;background:var(--primary)!important;color:var(--on-primary)!important}
@media(min-width:1000px) and (min-aspect-ratio:1/1) and (min-height:501px){#community-dialog.destination-screen,#social-sheet.destination-screen{height:calc(100dvh - 50px);border-radius:24px}}
.balance-pill small{display:block}.balance-pill>span{line-height:1.2}.play-online-card .primary>span{margin-right:auto}.play-online-card .primary small{display:flex;align-items:center;gap:4px;white-space:nowrap}.entry-token{width:18px;height:18px}.home-code>summary{gap:10px}.home-code>summary>span{flex:1}.home-code>summary>.ui-icon{width:19px;height:19px}
.tablearea .discard-target.can-drop .pile>span:last-child,.tablearea .discard-target.drag-active .pile>span:last-child{color:var(--on-table)}
.move-recovery{border:1px solid var(--warning);background:var(--surface);border-radius:12px;padding:8px;margin:4px 0;font-size:13px}.move-recovery p{font-size:12px;margin-bottom:5px}.move-recovery button{min-height:44px;padding:8px}
#app:is([data-screen=create],[data-screen=solo],[data-screen=lobby],[data-screen=finished]){height:calc(100dvh - 60px);display:flex;flex-direction:column;overflow:hidden}#app:is([data-screen=create],[data-screen=solo],[data-screen=lobby])>.header{flex-shrink:0}
.docked-screen{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%;padding-bottom:0}.docked-screen>.screen-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:12px}.docked-screen>.screen-actions{flex-shrink:0;max-height:45dvh;overflow:auto;margin:0;padding:10px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}
#app[data-screen=finished]{height:100dvh}.result.docked-screen{padding:0 16px}.result-header{flex-shrink:0}.screen-actions .round-ready{border:0;padding:0;background:none}.screen-actions .ready-list{font-size:12px}.primary:disabled,.secondary:disabled{background:var(--raised);color:var(--muted);opacity:.55;box-shadow:none}
#shop-dialog.destination-screen{position:relative;inset:auto;width:100%;height:100dvh;max-height:none;max-width:none;border:0;border-radius:0;margin:0;padding:0;display:flex;flex-direction:column;background:var(--bg)}#shop-dialog.destination-screen .shop-content{flex:1;min-height:0;overflow:auto;padding:18px 16px;font-size:14px}#shop-dialog.destination-screen header{padding:10px 16px;min-height:65px}#shop-dialog.destination-screen .shop-wallet{padding:12px 16px}#shop-dialog.destination-screen nav{padding:0 16px}#shop-dialog.destination-screen .shop-item{padding:16px 0}#shop-dialog.destination-screen h3{font-size:17px}#shop-dialog.destination-screen .shop-item p{font-size:13px}
@media(min-width:1000px) and (min-aspect-ratio:1/1) and (min-height:501px){#app:is([data-screen=create],[data-screen=solo],[data-screen=lobby]){height:calc(100dvh - 110px)}#app[data-screen=finished],#shop-dialog.destination-screen{height:calc(100dvh - 50px)}}
.handzone:has(.move-recovery)>.thumb-actions{display:none}.handzone:has(.move-recovery)>.move-recovery{margin-top:auto}.move-recovery .primary{min-height:44px}
.destination-screen>header>div{flex:1;min-width:0}.destination-subtitle{display:block;color:var(--muted);font-size:12px;margin-top:2px}.destination-heading strong{font-size:18px}.destination-screen .segments{margin-top:0}.destination-screen .segments [aria-pressed=true]{background:var(--primary)!important;color:var(--on-primary)!important}.club-hero,.ranking-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:24px 0 30px}.club-hero .empty-symbol,.ranking-hero .empty-symbol{display:grid;place-items:center;width:112px;height:112px;border-radius:36px;border:1px solid var(--border);background:var(--soft);color:var(--primary)}.club-hero .ui-icon,.ranking-hero .empty-symbol .ui-icon{width:54px;height:54px}.club-hero h1{font-size:34px;line-height:1.12;margin:0}.club-hero p,.ranking-hero p{font-size:14px;line-height:1.6}.club-hero .eyebrow,.ranking-hero .eyebrow{color:var(--primary);font-size:12px;letter-spacing:.13em}.club-choices{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0 12px;margin:10px 0 24px}.club-choices button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;min-height:48px}.club-choices button>span{flex:1}.club-choices strong{font-size:16px}.club-choices small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.club-choices button>.ui-icon:first-child{width:24px;height:24px;padding:0;box-sizing:border-box;color:var(--primary)}.ranking-hero{gap:14px;padding:18px 0 26px}.ranking-hero h1{font-size:28px;line-height:1.2;margin:0}.ranking-hero .empty-symbol{width:96px;height:96px;border-radius:28px}.rank-scope{background:var(--soft);font-size:13px;padding:3px 10px;border-radius:9px;color:var(--muted);font-weight:700}.ranking-heading{display:flex;align-items:center;justify-content:space-between}.ranking-heading h2{font-size:18px}.ranking-heading button{display:flex;align-items:center;gap:5px;border:0!important;background:none!important;color:var(--primary)!important}.destination-screen .leaderboard-row{border-bottom:1px solid var(--border);background:var(--surface);padding:12px}.destination-screen .leaderboard-row:first-child{border-radius:18px 18px 0 0}.destination-screen .leaderboard-row:last-child{border-radius:0 0 18px 18px}.destination-screen .leaderboard-row button{flex:1}.destination-screen .leaderboard-row button>span:last-child{font-weight:700}.destination-screen .leaderboard-row .avatar{width:44px;height:44px}.destination-screen .leaderboard-list{margin:12px 0}.destination-screen .leaderboard-row small{padding-left:34px}
/* Review corrections: filled selections, shared sheets and readable recovery. */
.segments [aria-pressed=true],#shop-dialog nav [aria-pressed=true]{background:var(--primary)!important;color:var(--on-primary)!important;border-color:transparent!important}
.tablearea .discard-target.can-drop,.tablearea .discard-target.drag-active,.tablearea .discard-target.drop-over{outline-color:var(--on-table)}.table-connection-notice{position:absolute;z-index:8;top:6px;left:8px;right:8px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);font-size:14px}.table-connection-notice strong{display:flex;gap:6px;align-items:center}.table-connection-notice p{font-size:13px;margin:3px 0 8px}.table-connection-notice button{width:auto;min-height:44px;padding:8px 12px;font-size:13px}
.card-list[open]{position:fixed;inset:auto 0 0;left:50%;transform:translateX(-50%);z-index:220;width:min(100%,600px);height:min(85dvh,760px);max-height:85dvh;display:flex;flex-direction:column;margin:0!important;padding:12px 18px max(14px,env(safe-area-inset-bottom))!important;background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 0 0;box-shadow:0 -30px 0 100vmax #0008;overflow:hidden}.card-list[open]>summary{min-height:44px;font-size:19px;font-weight:750;border-bottom:1px solid var(--border);margin-bottom:8px;flex-shrink:0}.card-list[open]>p{font-size:12px;line-height:1.4;padding:4px 0}.card-list[open] .accessible-cards{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:auto;margin:8px -4px;padding:0 4px}.accessible-card-row{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--border);padding:10px 0;flex-shrink:0}.accessible-card-row .accessible-card{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:72px;padding:4px;background:transparent;color:var(--text);border-radius:10px;border:2px solid transparent;text-align:left}.accessible-card-row .accessible-card[aria-pressed=true]{border-color:var(--primary);background:var(--soft);outline:0}.accessible-card .card-face{width:42px;height:60px;flex-shrink:0;border-radius:4px}.accessible-card>span{min-width:0;flex:1}.accessible-card strong{font-size:14px;display:block}.accessible-card small{font-size:12px;color:var(--muted);display:block}.accessible-card>.ui-icon{width:18px;height:18px;color:var(--primary)}.card-row-move{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;background:var(--raised);border:1px solid var(--border);border-radius:10px}.card-list[open]>[data-action=fan-open]{order:9;flex-shrink:0;min-height:48px;width:100%;border:1px solid var(--border);background:var(--raised);border-radius:12px;margin-top:8px;font-size:14px;text-decoration:none}.card-list[open]>.actions{flex-shrink:0}.card-list[open]>.card-list-note{display:none}
.chat-view{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:24px 24px 0 0}.chat-view .chat-scroll{padding:12px 16px}.chat-header small{display:block;font-size:12px}.chat-header h1{font-size:19px}.chat-mutes{margin-bottom:8px}.chat-sender-avatar{overflow:hidden}.chat-view .chat-message-body{background:var(--raised)}
.destination-screen h2[tabindex="-1"]:focus{outline:none}.shop-section-title{font-size:17px!important;margin:16px 0 8px!important}.shop-items.essentials,.shop-items.extras{display:block}.shop-items .shop-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:14px 0!important;background:none}.shop-items .shop-item-art{width:48px;height:48px;background:none;border:0}.shop-items .shop-item h3{font-size:14px!important}.shop-items .shop-item p{font-size:12px!important;line-height:1.4}.shop-items .shop-item button{min-height:44px;font-size:12px!important;padding:8px 10px}.shop-confirm .shop-item-art{width:100px;height:100px;background:var(--soft);border:1px solid var(--border);border-radius:28px;padding:10px}.purchase-summary{display:grid;gap:0;margin:20px 0;border:1px solid var(--border);border-radius:16px;padding:4px 14px;background:var(--surface)}.purchase-summary>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.purchase-summary>div:last-child{border:0}.purchase-summary dt{color:var(--muted);text-align:left}.purchase-summary dd{margin:0;font-weight:700;text-align:right}#shop-dialog .shop-confirm .primary{background:var(--primary);color:var(--on-primary);border-color:transparent}
#social-sheet .profile-identity .avatar{width:76px;height:76px}.profile-identity h3{font-size:22px}.profile-identity>div{text-align:center}.profile-identity{flex-direction:column;text-align:center;margin:6px 0 16px}.profile-identity small{font-size:11px}.profile-identity .public-id{justify-content:center}.profile-identity code{font-size:11px!important}.profile-actions:has([data-social-op=remove]){order:8}#social-sheet .profile-actions [data-social-op=remove]{background:none;border-color:transparent;color:var(--muted);font-size:13px}.profile-actions button{min-height:48px}.social-content:has(.profile-identity){display:flex;flex-direction:column}.social-content:has(.profile-identity)>[data-social=friend-list],.social-content:has(.profile-identity)>[data-social=leaderboard-list]{align-self:flex-start;background:none!important;border:0!important;font-size:12px}.profile-stats{flex-shrink:0}.profile-block{order:9}.profile-reactions{margin-top:14px}.reef-picker{margin-top:12px}
@media(max-width:719px){dialog:not(#community-dialog):not(#shop-dialog):not(#ui-detail-dialog){position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:24px 24px 0 0;padding:22px 18px max(18px,env(safe-area-inset-bottom))}dialog:not(#community-dialog):not(#shop-dialog):not(#ui-detail-dialog):before{content:'';display:block;width:36px;height:4px;border-radius:4px;background:var(--muted);opacity:.5;margin:-12px auto 16px}.card-list[open]{width:100%}}
#social-sheet.destination-screen .primary-navigation button,#community-dialog.destination-screen .primary-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:6px 0;border:0;border-radius:12px;background:none;color:var(--muted);font-size:12px;font-weight:650}#social-sheet.destination-screen .primary-navigation [aria-current=page],#community-dialog.destination-screen .primary-navigation [aria-current=page]{background:var(--soft);color:var(--primary)}.destination-screen>header strong[tabindex="-1"]:focus{outline:none}
.card-list-body{display:flex;flex-direction:column;height:calc(100% - 52px);min-height:0;overflow:hidden}.card-list-body>p{font-size:12px;line-height:1.4;padding:4px 0;flex-shrink:0}.card-list-body>.accessible-cards{flex:1;min-height:0;overflow:auto}.card-list-body>.card-list-note{display:none}.card-list-body>.actions{flex-shrink:0}.card-list-body>[data-action=fan-open]{flex-shrink:0;min-height:48px;margin-top:8px;border:1px solid var(--border);background:var(--raised);width:100%;border-radius:12px;font-size:14px;text-decoration:none}.reef-picker{order:1}.profile-reactions{order:2}.destination-screen .friend-tabs button{font-size:14px!important;font-weight:700}.destination-screen .friend-tabs button:not([aria-selected=true]){border-color:transparent!important;background:transparent!important}
.club-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px 0 22px}.club-identity .empty-symbol{display:grid;place-items:center;width:84px;height:84px;background:var(--soft);border:1px solid var(--border);border-radius:26px;color:var(--primary)}.club-identity .empty-symbol .ui-icon{width:46px;height:46px}.club-identity h1{font-size:28px;margin:0}.club-identity p{font-size:13px}.club-identity small{font-size:12px;color:var(--muted)}.club-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin:0 0 16px}.club-panel>h3{font-size:17px!important;margin:0 0 8px}.club-panel .social-list{margin:0}.club-panel .social-list li{padding:12px 0}.club-panel .social-list li:has(>.avatar){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:center}.club-panel li>.avatar{grid-row:1/3}.club-panel li>strong,.club-panel li>.avatar+strong+span{grid-column:2}.club-panel li>button{grid-column:2}.club-back{background:none!important;border:0!important;color:var(--muted)!important}.club-panel form{margin:14px 0}.club-panel label{font-size:13px}
.card-list-body{height:calc(min(85dvh,760px) - 82px);flex:none}#shop-dialog .shop-content .shop-confirm .primary{background:var(--primary);color:var(--on-primary);border-color:transparent}#shop-dialog .shop-content .shop-confirm .primary:disabled{background:var(--raised);color:var(--muted);opacity:.55}.destination-screen .leaderboard-self{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.leaderboard-self>div{display:flex;flex-direction:column;gap:3px}.leaderboard-self small{color:var(--muted);font-size:12px}.leaderboard-self>div>strong{font-size:16px}.leaderboard-self>p{display:flex;align-items:center;gap:5px;color:var(--text)}.leaderboard-self>p>strong{font-size:28px;color:var(--primary)}.destination-screen .leaderboard-row>span{font-size:19px;font-weight:750}.destination-screen .leaderboard-row small{margin-top:-6px;padding-left:68px}
.table-tools[open]{position:fixed;inset:auto 0 0;width:min(100%,600px);height:min(72dvh,650px);max-height:72dvh;overflow:auto;z-index:180;margin:0 auto!important;padding:12px 18px max(18px,env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -30px 0 100vmax #0008;transform:none}.table-tools[open]>summary{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:-12px;min-height:56px;margin:0 -4px 10px;padding:4px 0;background:var(--surface);z-index:1;font-size:18px;border-bottom:1px solid var(--border)}.table-tools[open]>summary .iconbtn{min-width:44px}.table-tools:has(.card-list[open]){box-shadow:none;background:transparent;border-color:transparent}.table-tools>.card-list:not([open])>summary{display:none}.table-tools[open]>.card-list{border-top:0;margin:0;padding:0}
@media(max-height:500px) and (min-width:600px){.handzone .table-tools[open]{inset:auto 0 0;max-width:600px;height:85dvh;max-height:85dvh}}
.move-recovery{padding:6px;margin:0}.move-recovery p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.handzone:has(.move-recovery){padding-bottom:6px}.handzone:has(.move-recovery)>.tablefoot{margin-bottom:4px}
.home-balances .connection{border:1px solid var(--border);border-radius:12px;padding:6px 9px;min-height:29px;font-size:12px}.home-balances .connection:before{display:none}.home-balances .connection .ui-icon{width:16px;height:16px}.home-balances .connection.offline{color:var(--danger)}
@media(max-width:359px){.home-balances .connection{font-size:10px;padding:6px}.home-balances .connection .ui-icon{width:14px;height:14px}}
#shop-dialog.destination-screen>.primary-navigation{flex-shrink:0;width:100%;max-width:none;margin:0;position:static;padding:7px 8px max(8px,env(safe-area-inset-bottom))}#shop-dialog.destination-screen>.primary-navigation button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1;min-height:50px;padding:4px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:12px}#shop-dialog.destination-screen>.primary-navigation [aria-current=page]{background:var(--soft);color:var(--primary)}#shop-dialog .shop-wallet>span{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;flex:1;min-width:0;padding:12px}.shop-balance-copy{display:flex;flex-direction:column;line-height:1.25}.shop-balance-copy strong{font-size:24px!important}.shop-balance-copy small{font-size:13px;color:var(--muted)}#shop-dialog .shop-wallet .collectible-art{width:38px;height:38px}.shop-reward-teaser{display:flex;align-items:center;gap:12px;padding:12px 0 18px}.shop-reward-teaser>.ui-icon{width:34px;height:34px;color:var(--primary)}.shop-reward-teaser>div{flex:1;min-width:0}.shop-reward-teaser strong{font-size:16px}.shop-reward-teaser small{display:block;font-size:12px;color:var(--muted);margin-top:3px}#shop-dialog .shop-reward-teaser button{min-height:44px;background:var(--soft);color:var(--primary);font-weight:750;border:0;padding:8px 12px}
#social-sheet.destination-screen.confirmation-sheet{position:fixed;inset:auto 0 0;left:0;right:0;width:min(100%,600px);height:auto;max-height:85dvh;margin:0 auto;border:1px solid var(--border);border-radius:24px 24px 0 0;background:var(--surface);z-index:1100;box-shadow:0 -30px 0 100vmax #0008}#social-sheet.confirmation-sheet .social-content{display:block;flex:0 1 auto;max-height:calc(85dvh - 100px);padding:20px 18px;overflow:auto}#social-sheet.confirmation-sheet h3{font-size:22px;margin:12px 0}#social-sheet.confirmation-sheet p{font-size:14px;line-height:1.6;margin:8px 0 16px}#social-sheet.confirmation-sheet button[data-social=gift-confirm],#social-sheet.confirmation-sheet button[data-social=gift-review]{width:100%;background:var(--primary);color:var(--on-primary);border:0;min-height:48px;font-size:15px;font-weight:750;margin:14px 0 8px}#social-sheet.confirmation-sheet button[data-social=gift-cancel]{width:100%;min-height:48px;font-size:14px}#social-sheet.confirmation-sheet button[data-social=confirm-block],#social-sheet.confirmation-sheet button[data-social=cancel-block]{width:100%;min-height:48px;margin-top:8px;font-size:14px}#social-sheet.confirmation-sheet button[data-social=confirm-block]{border-color:var(--danger);color:var(--danger);font-weight:700}.gift-recipient{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--raised);margin-bottom:16px}.gift-recipient .avatar{width:54px;height:54px}.gift-recipient strong{font-size:17px}.gift-recipient small{display:block;color:var(--muted);font-size:12px}
/* Club standings use authoritative club ranks; member actions stay separate. */
.club-panel>h3{display:flex;align-items:center;gap:8px}.club-panel>h3>.ui-icon{width:20px;height:20px;color:var(--primary)}.club-ranking-note{font-size:12px;color:var(--muted);margin:0 0 10px}.club-ranking-list{list-style:none;padding:0;margin:0}.club-ranking-list>li{display:grid;grid-template-columns:32px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.club-ranking-list>li:last-child{border:0}.club-ranking-list .avatar{width:40px;height:40px}.club-rank{font-size:15px;font-weight:750;color:var(--primary);font-variant-numeric:tabular-nums}.club-ranking-list>li>strong{font-size:14px;overflow-wrap:anywhere}.club-points{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.club-points>strong{font-size:20px;color:var(--text)}.club-points>small{font-size:10px;color:var(--muted);white-space:nowrap}.club-settings>summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:650;border-radius:10px}.club-settings>summary:after{content:'+';margin-left:auto;font-size:22px;color:var(--muted)}.club-settings[open]>summary:after{content:'−'}.club-settings>summary>.ui-icon{width:20px;height:20px;color:var(--primary)}.club-settings>summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.club-danger{border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.club-danger h4{font-size:15px;margin:0 0 8px;color:var(--danger)}.club-danger p{font-size:13px;color:var(--muted);margin:0 0 16px}#community-dialog .club-danger .club-disband{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;color:var(--danger);border:1px solid var(--danger);background:var(--surface);border-radius:12px;font-weight:700}.club-disband>.ui-icon{width:20px;height:20px}#community-dialog .club-danger .club-disband:hover{background:var(--error-bg)}
@media(max-width:360px){.club-ranking-list>li{grid-template-columns:28px 32px minmax(0,1fr) auto;gap:7px}.club-ranking-list .avatar{width:32px;height:32px}.club-ranking-list>li>strong{font-size:13px}.club-points>strong{font-size:18px}}

.club-panel .club-ranking-list>li>.club-rank{grid-column:1;grid-row:1}.club-panel .club-ranking-list>li>.avatar{grid-column:2;grid-row:1}.club-panel .club-ranking-list>li>strong{grid-column:3;grid-row:1}.club-panel .club-ranking-list>li>.club-points{grid-column:4;grid-row:1}
/* Compact club detail, shared across the two supplied themes. */
.club-identity.club-identity-compact{display:flex;flex-direction:row;align-items:center;text-align:left;gap:14px;padding:4px 0 20px}.club-identity-compact .empty-symbol,.club-identity-compact .club-photo{width:56px;height:56px;min-width:56px;border-radius:17px}.club-identity-compact .empty-symbol .ui-icon{width:30px;height:30px}.club-identity-compact h1{font-size:23px;margin:0;line-height:1.2;overflow-wrap:anywhere}.club-identity-compact p{margin:5px 0 3px;font-size:12px}.club-identity-compact small{font-size:11px}.club-identity-compact>div{min-width:0}.club-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 20px;padding:4px;background:var(--raised);border:1px solid var(--border);border-radius:14px}#community-dialog .club-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:8px 4px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:13px;font-weight:700}#community-dialog .club-tabs [aria-selected=true]{background:var(--primary);color:var(--on-primary)}.club-tabs .ui-icon{width:19px;height:19px}.club-tab-panel[hidden]{display:none!important}.club-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.club-section-heading h2{font-size:18px;margin:0}.club-section-heading>span{font-size:12px;color:var(--muted)}.club-table-card{padding:16px}.club-table-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.club-table-top h3{display:flex;align-items:center;gap:7px;font-size:14px;margin:0!important}.club-table-top .ui-icon{width:19px;height:19px;color:var(--primary)}.club-table-state{font-size:11px;font-weight:650;color:var(--text);background:var(--soft);border:1px solid var(--border);border-radius:7px;padding:4px 7px}.club-table-occupancy{display:flex;align-items:center;gap:7px;margin:16px 0 6px!important;font-size:13px!important;color:var(--text)!important}.club-table-occupancy .ui-icon{width:18px;height:18px;color:var(--muted)}.club-table-meta{font-size:12px!important;color:var(--muted);margin:0 0 14px!important}.club-table-actions{display:flex;gap:8px;flex-wrap:wrap}.club-table-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:48px;font-size:12px!important}.club-table-actions .ui-icon{width:18px;height:18px}.club-table-card>small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}.club-table-card>small:empty{display:none}.club-tables-empty{text-align:center;padding:30px 20px}.club-tables-empty>.ui-icon{width:36px;height:36px;color:var(--primary)}.club-tables-empty h3{font-size:17px;margin:12px 0 6px}.club-tables-empty p{font-size:13px;line-height:1.6}.club-create>summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:48px;font-size:14px;font-weight:700}.club-create>summary>.ui-icon{width:20px;height:20px;color:var(--primary)}.club-create>summary:after{content:'+';margin-left:auto;color:var(--primary);font-size:22px}.club-create[open]>summary:after{content:'−'}#community-dialog .club-table-actions>.primary{background:var(--primary);color:var(--on-primary);border-color:transparent}
@media(max-width:360px){#community-dialog .club-tabs button{font-size:12px;gap:4px}.club-tabs .ui-icon{width:17px;height:17px}.club-identity-compact h1{font-size:21px}.club-table-top h3{font-size:13px}.club-table-actions>button{flex-basis:100%}}

.club-tabs{position:sticky;top:0;z-index:3}

/* Ranked approvals remain reachable while the small-screen lobby scrolls. */
.ranked-lobby{padding-bottom:150px}.ranked-rules{font-size:13px;margin-bottom:14px;color:var(--muted)}.ranked-rules summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--primary);font-weight:650}.ranked-rules summary:after{content:'+';margin-left:auto;font-size:20px}.ranked-rules[open] summary:after{content:'−'}.ranked-ready-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);z-index:6;background:var(--bg);border-top:1px solid var(--border);padding:12px 18px max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0001}.ranked-ready-actions>strong{display:block;font-size:14px;margin:0 0 8px;color:var(--text)}.ranked-ready-actions>div{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.ranked-ready-actions button{min-height:48px;font-size:14px}.ranked-lobby .friendrow{padding-block:12px}.ranked-lobby .friendrow .ready{font-size:12px}.ranked-rules:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:360px) and (max-height:740px){.ranked-lobby .friendrow{padding-block:6px}.ranked-lobby .friendrow>.avatar{width:36px;height:36px}.ranked-lobby .friendrow>div{font-size:13px}.ranked-lobby .friendrow small{font-size:11px}}
@media(min-width:801px){.ranked-lobby{padding-bottom:24px}.ranked-ready-actions{position:sticky;left:auto;transform:none;width:100%;margin-top:24px;padding:12px 0;box-shadow:none}}
#profile-crop-dialog{width:min(92vw,400px);max-height:92dvh;overflow:auto;padding:24px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px}#profile-crop-dialog::backdrop{background:#0009}#profile-crop-canvas{display:block;width:min(100%,256px);height:auto;aspect-ratio:1;border-radius:50%;margin:16px auto;border:3px solid var(--primary)}#profile-crop-dialog input{min-height:44px;width:100%}#profile-crop-dialog button{min-height:48px}#profile-crop-dialog label{display:block;margin:8px 0}#profile-crop-dialog .crop-status{color:var(--muted)}
.primary-navigation{grid-template-columns:repeat(5,minmax(0,1fr))}.primary-navigation button{position:relative}.primary-navigation [data-nav=play] .ui-icon{background:var(--primary);color:var(--bg);border-radius:50%;padding:8px;width:42px;height:42px;margin-top:-13px}.nav-badge{position:absolute;top:0;right:10%;font-size:10px;line-height:18px;min-width:18px;padding:0 3px;border-radius:20px;background:var(--primary);color:var(--bg)}.home-balances .balance-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);min-height:48px;padding:5px;gap:4px;font-size:14px}.home-balances .collectible-art{width:26px;height:26px}.home-balances .connection{display:none}.home-vip{display:flex;align-items:center;gap:4px;max-width:110px;font-size:11px}.home-vip .ui-icon{width:20px}.home-leaderboard{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:12px 0}.home-leaderboard .nav-rank{margin-left:auto}.home-balances{gap:6px}
.home-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.home-mode-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:108px;padding:14px;border-radius:16px}.home-mode-grid strong{font-size:14px}.home-mode-grid small{font-size:11px;line-height:1.4;color:var(--muted)}.home-mode-grid button:disabled{opacity:.55}.home-topbar{position:sticky;top:0;background:var(--bg);z-index:3}
.own-profile{display:flex;flex-direction:column;gap:14px;width:100%;max-width:600px;margin:auto}.own-profile-header{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 0}.own-profile-header .avatar{width:96px;height:96px;font-size:38px}.own-profile-header h1{font-size:26px;margin:0}.own-profile-header p{margin:0}.own-profile-header input[type=file]{max-width:240px;font-size:12px}.profile-menu{display:flex;flex-direction:column;gap:10px}.profile-menu button{display:flex;align-items:center;gap:14px;min-height:56px;text-align:left}.profile-menu button span{flex:1}.own-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.own-stat-grid section{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);padding:18px;border-radius:16px}.own-stat-grid strong{font-size:26px}.own-stat-grid span{font-size:13px;color:var(--muted)}.owned-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.owned-item>div{flex:1}.owned-item small{display:block;color:var(--muted);font-size:12px}.own-profile~.primary-navigation{width:100%;margin-top:auto}
#profile-crop-dialog{max-height:90dvh;padding:20px;overflow:auto}#profile-crop-canvas{width:min(100%,200px,30dvh);margin:10px auto}#profile-crop-dialog h2{font-size:22px;margin:0 0 10px}#profile-crop-dialog p{font-size:14px;margin:8px 0}#profile-crop-dialog label{font-size:13px;margin:3px 0}#profile-crop-dialog .stack{position:sticky;bottom:-20px;background:var(--surface);padding:10px 0;margin:0}
.club-list-card>button{display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0}.club-list-card small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.club-mini-seats{display:flex;gap:6px;margin:12px 0}.club-mini-seats .avatar,.empty-mini-seat{width:32px;height:32px;font-size:12px}.empty-mini-seat{display:block;border:1px dashed var(--muted);border-radius:50%}.club-ranking-list>li>strong small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.club-ranking-list>.club-ranking-self{background:var(--soft);border-radius:12px;padding:10px}.club-place-1 .club-rank,.club-place-2 .club-rank,.club-place-3 .club-rank{background:var(--raised);border-radius:50%;border:1px solid var(--primary);padding:6px}.club-identity [data-copy-club],.club-identity [data-open-club-settings]{font-size:11px;padding:4px;min-height:44px}
.digu-milestone{display:flex;align-items:center;gap:14px;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;margin:10px 0}.digu-milestone>div{flex:1;min-width:0}.digu-milestone h2{font-size:18px;margin:0 0 7px}.digu-milestone small,.digu-milestone progress{display:block;width:100%;margin-top:8px}.digu-milestone progress{accent-color:var(--primary);height:8px}.digu-milestone span,.digu-milestone small{font-size:12px;color:var(--muted)}#profile-rename-dialog{width:min(92vw,400px);max-height:90dvh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px}#profile-rename-dialog button{min-height:48px;margin:6px 0;width:100%}#profile-rename-dialog input{width:100%;min-height:48px}.earned-profile-frame{position:absolute;inset:0;border:4px double var(--primary);border-radius:50%;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 2px var(--bg)}
#app[data-table-skin=skin-midnight]{--table:#202a45}#app[data-table-skin=skin-sand]{--table:#9c8e64}.skin-deck-mark{display:none}#app[data-card-skin] .cardback .deck-art{display:none}#app[data-card-skin] .skin-deck-mark{display:grid;place-items:center;position:absolute;inset:4px;border:1px solid #d5c79f;border-radius:4px;font-size:10px;letter-spacing:2px;color:#e7ddc0;background:repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 5px)}#app[data-card-skin=skin-midnight] .cardback{background:#202a45}#app[data-card-skin=skin-sand] .cardback{background:#9c8e64}#app[data-card-skin=skin-sand] .playing{box-shadow:0 0 0 1px #b6a775,0 3px 8px #0003}#app[data-card-skin=skin-midnight] .playing{box-shadow:0 0 0 1px #7883a0,0 3px 8px #0003}.owned-item:has([data-profile-skin]){flex-wrap:wrap}.owned-item [data-profile-skin]{min-height:44px;font-size:12px}
.play-online-card>.primary{flex-wrap:wrap;justify-content:center;min-height:68px;gap:4px 8px}.play-online-card>.primary>small{flex-basis:100%;text-align:center;font-size:11px;white-space:normal;line-height:1.3}.play-online-card>.primary .entry-token{width:16px;height:16px;vertical-align:middle}
@media(max-width:420px){.home-actions .play-online-card>button.primary{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 7px}.home-actions .play-online-card>button.primary>small{width:100%;flex:0 0 100%;text-align:center;font-size:11px}.home-actions .play-online-card>button.primary .entry-token{display:none}}
.club-table-card h3,.club-identity h1,#app[data-screen=lobby] h1{overflow-wrap:anywhere;min-width:0}.club-table-top{min-width:0}.club-table-top h3{flex:1;min-width:0}.club-create [data-table-name]{width:100%;min-height:48px}.club-create #table-name-count{display:block;color:var(--muted);font-size:12px;margin:5px 0 14px}.tablehead .title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.own-profile .owned-item>div{flex:1;min-width:0}.own-profile .owned-item>button{width:auto;flex:0 0 auto;min-width:88px;max-width:45%;padding:10px 14px}.own-profile .digu-milestone>button{width:auto;flex:0 0 auto;min-width:80px}.owned-item>div strong{overflow-wrap:anywhere}
.community-wallet{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.community-wallet button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px;border:0;background:var(--surface);color:var(--text);border-radius:10px;min-width:0;font-size:11px}.community-wallet .collectible-art{width:22px;height:22px}.community-wallet .ui-icon{width:18px;height:18px}.community-wallet button span{white-space:nowrap}.community-wallet button:first-child span{max-width:60px;white-space:normal}
.phone:has(#app[data-screen=home]) .app-chrome{display:none}#app[data-screen=home]{height:100dvh;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.home-fixed-header{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);z-index:12;flex-shrink:0}.home-fixed-header .home-balances{display:flex;align-items:center;flex:1;min-width:0;margin:0;justify-content:space-between}.home-fixed-header #open-preferences{position:static;flex-shrink:0;min-width:36px;width:36px;padding:7px}.home-fixed-header .home-vip{max-width:85px;font-size:10px;padding:4px}.home-fixed-header .balance-pill{font-size:12px}.home-fixed-header .collectible-art{width:22px;height:22px}.home-fixed-header .home-vip[data-vip=vip-gold]{color:#b0882e}.home-fixed-header .home-vip[data-vip=vip-black]{color:var(--text);background:var(--raised)}.home-fixed-header .home-vip[data-vip=vip-signature]{color:var(--primary)}#app[data-screen=home]>.home-screen{margin:0 auto;align-self:stretch;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:24px;max-height:none}#app[data-screen=home]>.primary-navigation{position:static;margin:0 auto;width:100%;max-width:none;flex-shrink:0}.home-welcome>.home-brand{justify-content:center;width:max-content;margin:4px auto 18px;font-size:28px;letter-spacing:-1px}.home-welcome>.home-brand .ui-icon{width:36px;height:36px}.home-welcome>.account-avatar{position:absolute;right:0;top:57px}.home-welcome h1{padding-right:48px}.home-code h2{display:flex;align-items:center;gap:8px;font-size:16px}.home-code label{font-size:12px}@media(min-width:1000px){.phone:has(#app[data-screen=home]) #app{height:calc(100dvh - 48px)}}
.club-settings-screen{max-width:600px;width:100%;margin:auto}.club-settings-screen>.club-settings{border:0;padding:0}.club-settings-screen>.club-settings>summary{display:none}.club-settings-screen fieldset,#create-club fieldset{border:1px solid var(--border);border-radius:16px;padding:16px;margin:0 0 16px;min-width:0}.club-settings-screen form>h3{font-size:18px;margin:24px 0 12px}.club-choices{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.club-choices>button{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:76px;padding:12px}.club-choices>button>span{min-width:0;flex:1}.club-choices small{display:none}.club-choices .ui-icon:last-child{display:none}.my-clubs-title{display:flex;align-items:center;gap:10px;font-size:28px}.my-clubs-title small{font-size:14px;padding:6px 10px;background:var(--soft);border-radius:20px;color:var(--primary)}.club-danger{margin-top:24px}.club-ranking-list .club-place-1 .club-rank{border-color:#b68b30}.club-ranking-list .club-place-2 .club-rank{border-color:#8d9aa5}.club-ranking-list .club-place-3 .club-rank{border-color:#a66d45}
#app[hidden]{display:none!important}
.online-decision-lobby .friendrow{min-height:64px}.online-decision-lobby>details{margin:16px 0}.online-decision-lobby>details>summary{min-height:48px;display:flex;align-items:center;color:var(--primary)}.online-decision-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0}.online-decision-lobby .result{padding:8px 0}.online-decision-lobby p{line-height:1.5}

/* Home owns one bounded scroll region; shared .body auto margins must not opt it out of grid stretching. */
body:has(#app[data-screen=home]){overflow:hidden}
body:has(#app[data-screen=home]) .brand-footer{display:none}
.home-fixed-header{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
#app[data-screen=home]>.home-screen{padding-left:max(var(--home-gutter,18px),env(safe-area-inset-left));padding-right:max(var(--home-gutter,18px),env(safe-area-inset-right))}
#app[data-screen=home]>.primary-navigation{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
@media(max-width:359px){#app[data-screen=home]>.home-screen{--home-gutter:14px}}

/* Compact controls share one optical grid; numbers and names remain readable. */
.icon-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;vertical-align:middle;cursor:pointer;touch-action:manipulation}
.icon-control .ui-icon{width:22px;height:22px;flex-shrink:0}.icon-control:focus-visible,.balance-unit:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hinted{position:relative}.hinted:after{content:attr(data-hint);position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);z-index:220;width:max-content;max-width:min(230px,70vw);padding:6px 9px;background:var(--raised);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;line-height:1.4;white-space:normal;pointer-events:none;opacity:0;visibility:hidden}.hinted:focus-visible:after{opacity:1;visibility:visible}@media(hover:hover){.hinted:hover:after{opacity:1;visibility:visible}.icon-control:hover,.balance-unit:hover{background:var(--raised)}}
.balance-strip,.community-wallet.balance-strip,.shop-wallet.balance-strip,.home-balances.balance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;margin:0;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;min-width:0}
.balance-strip .balance-unit,.community-wallet.balance-strip .balance-unit,.shop-wallet.balance-strip .balance-unit{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;width:100%;height:48px;min-height:48px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.balance-unit>.ui-icon,.balance-unit>.collectible-art{width:24px;height:24px;min-width:24px;flex-shrink:0}.balance-unit>strong{font-size:14px;line-height:1;font-weight:650}.balance-unit .vip-active{display:inline-flex;margin-left:-3px;color:var(--primary)}.balance-unit .vip-active .ui-icon{width:12px;height:12px}.home-fixed-header{padding:0;gap:0}.home-fixed-header>.balance-strip{padding-top:8px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));border-bottom:0}.home-fixed-header>#open-preferences{display:none}
.ui-detail-dialog{position:fixed;inset:auto;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:0;padding:16px;border-radius:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 16px 48px #0004;overflow:auto}.ui-detail-dialog::backdrop{background:#0002}.ui-detail-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-detail-dialog h2{font-size:17px;margin:0}.ui-detail-dialog p{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0 16px}.ui-detail-dialog .secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.ui-detail-dialog .secondary .ui-icon{width:22px;height:22px}
#community-dialog .club-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}#community-dialog .club-choices>.icon-control{width:100%;height:48px;min-height:48px;min-width:48px;padding:12px;display:flex;flex-wrap:nowrap;background:var(--surface);border:1px solid var(--border)}.club-choices>.icon-control .ui-icon:last-child{display:block;width:24px;height:24px}.club-pending{padding:10px 0;margin-bottom:12px;border-bottom:1px solid var(--border)}.club-pending h3{font-size:13px;display:flex;align-items:center;gap:8px;margin:0}.club-pending h3 .ui-icon{width:18px;height:18px}.club-pending ul{margin:8px 0 0;padding-left:24px}.my-clubs-title{font-size:24px;margin:0 0 16px}.my-clubs-title small{font-size:12px}
#community-dialog .social-list>.club-list-row{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;margin:0}.club-row-open{display:flex!important;align-items:center;gap:12px;width:100%;min-height:48px;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--text);text-align:left}.club-row-open>.avatar{width:44px;height:44px;flex:0 0 44px}.club-row-open>.ui-icon{width:20px;height:20px;flex:0 0 20px;color:var(--muted)}.club-row-copy{flex:1;min-width:0}.club-row-copy>strong{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.club-row-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}.club-row-meta>span{display:inline-flex;align-items:center;gap:5px}.club-row-meta .ui-icon{width:16px;height:16px}.club-row-owner{display:flex;align-items:center;gap:8px;padding-left:56px}.club-row-owner>button:first-child{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:0;flex:1;padding:0;border:0;background:none;text-align:left;color:var(--muted);font-size:12px}.club-row-owner>button:first-child>.ui-icon{width:16px;height:16px;flex:0 0 16px}.club-row-owner>button:first-child>span{overflow-wrap:anywhere}.club-row-owner>.icon-control{flex:0 0 44px;width:44px;height:44px;min-height:44px;min-width:44px;border:0;background:none;padding:12px}.club-row-owner>.icon-control>.ui-icon{width:18px;height:18px}.club-owner-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px!important}.club-owner-line>.ui-icon,.club-owner-line>span>.ui-icon{width:16px;height:16px;flex-shrink:0}.club-owner-line>button{background:none;border:0;padding:0;min-height:44px;width:auto;font-size:13px}.club-owner-line>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.club-identity-compact .icon-control{display:inline-flex;margin:4px 4px 0 0}.club-identity-compact small{font-variant-numeric:tabular-nums}.club-settings-screen>.icon-control{margin-bottom:12px}
.home-help-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;margin-top:8px}.home-help{margin:0}.home-help summary{list-style:none}.home-help summary::-webkit-details-marker{display:none}.home-help[open]{flex:1}.home-help h3{font-size:15px;margin:12px 0 6px}.home-help p{font-size:13px}.home-account{gap:8px}.home-account>.connection{font-size:12px}.home-mode-grid>button{min-height:76px;padding:12px;gap:6px}.home-mode-grid>button>.ui-icon{width:22px;height:22px}.home-mode-grid>button>strong{font-size:14px}.home-mode-grid>button>small{font-size:11px}.home-friends-title>.icon-control{border:0;background:none}.join-row>.icon-control{flex:0 0 48px}
@media(max-width:359px){.balance-strip,.community-wallet.balance-strip,.shop-wallet.balance-strip,.home-balances.balance-strip{padding-left:14px;padding-right:14px;gap:6px}.balance-strip .balance-unit,.community-wallet.balance-strip .balance-unit,.shop-wallet.balance-strip .balance-unit{gap:5px;padding:6px}.balance-unit>strong{font-size:13px}.balance-unit>.ui-icon,.balance-unit>.collectible-art{width:22px;height:22px;min-width:22px}}
#community-dialog .social-list>.club-list-row{padding:8px 0}.club-row-open{min-height:44px}.club-row-owner{min-width:0}.club-row-counts{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.club-row-counts>span{display:inline-flex;align-items:center;gap:4px}.club-row-counts .ui-icon{width:16px;height:16px}.club-row-owner>button:first-child>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.ui-detail-dialog .hinted:after{display:none}.hinted:first-child:after{left:0;transform:none}.hinted:last-child:after{left:auto;right:0;transform:none}
#community-dialog .club-row-owner>button:first-child{border:0;background:none;padding:0;border-radius:0;width:auto;font-weight:500;line-height:1.35}#community-dialog .club-row-owner>.icon-control{border:0;background:none;padding:12px}#community-dialog .club-choices>.icon-control{border-radius:12px}#community-dialog .club-choices{border:0;background:none;border-radius:0;padding:0}.club-row-open .club-row-copy{padding:0}
/* Shared secondary actions; primary game decisions and warnings retain words. */
.player-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.player-status>.ui-icon{width:16px;height:16px;flex:0 0 16px}.friendrow>div{min-width:0;overflow-wrap:anywhere}.rule-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px;font-size:12px;color:var(--muted)}.rule-facts>[role=listitem]{display:inline-flex;align-items:center;gap:6px}.rule-facts .ui-icon{width:18px;height:18px;flex-shrink:0}.entry-note{display:flex;align-items:flex-start;gap:7px}.entry-note>.ui-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.screen-utilities{display:flex;align-items:center;gap:8px;padding:12px 0}.screen-utilities>.icon-control{width:48px;min-width:48px}.screen-utility{margin:0}.own-profile>.setup-heading{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.own-profile>.setup-heading h2{font-size:18px;text-align:center;margin:0}.owned-item .ui-icon{width:22px;height:22px;flex-shrink:0}.owned-item>.inventory-equip,.owned-item>.inventory-equip:disabled{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:90px;width:auto;padding:8px 10px;font-size:12px}.inventory-equip>.ui-icon{width:18px;height:18px}.inventory-shop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.inventory-shop>.ui-icon{width:22px;height:22px}
#social-sheet .social-list>.social-person-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none}.social-person-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 160px}.social-person-identity>button{display:flex;align-items:center;gap:10px;min-height:48px;min-width:0;max-width:100%;border:0;background:none;padding:0;text-align:left}.social-person-identity>button>span:last-child,.social-person-identity>span:last-child{display:block;min-width:0}.social-person-identity strong{display:block;overflow-wrap:anywhere;font-size:14px}.social-person-identity small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.social-person-identity .avatar{width:40px;height:40px;flex:0 0 40px}.social-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}#social-sheet .social-row-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-height:44px;padding:8px;font-size:12px}.social-row-action>.ui-icon{width:18px;height:18px;flex-shrink:0}#social-sheet footer[hidden]{display:none!important}
#community-dialog .club-row-owner>button:first-child>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}#community-dialog .club-row-owner>button:first-child{font-size:12px;min-width:0}.primary-navigation [data-nav=play]:not([aria-current=page]) .ui-icon{background:var(--surface);color:var(--muted);box-shadow:0 0 0 1px var(--border)}
#community-dialog .club-row-counts{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:52px;width:auto;padding:0;border:0;background:none;color:var(--muted);font-size:12px}
#social-sheet .social-person-identity>button{border:0;background:none;padding:0;border-radius:0;width:auto;max-width:100%;text-align:left}.own-profile>.setup-heading h1{font-size:18px!important;text-align:center;margin:0!important}.hinted:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
/* Stock/discard counts remain readable even while drawing is unavailable. */
.tablearea .pile:disabled>span:last-child{opacity:1}
.panel-loading{display:flex;align-items:center;gap:8px;color:var(--muted)}.panel-loading>.ui-icon{width:20px;height:20px;flex-shrink:0}
#shop-dialog .balance-strip .balance-unit>.collectible-art,#shop-dialog .balance-strip .balance-unit>.ui-icon{width:24px;height:24px;min-width:24px}#shop-dialog .balance-strip .balance-unit>strong{font-size:14px;line-height:1;font-weight:650}
@media(max-width:359px){#shop-dialog .balance-strip .balance-unit>.collectible-art,#shop-dialog .balance-strip .balance-unit>.ui-icon{width:22px;height:22px;min-width:22px}#shop-dialog .balance-strip .balance-unit>strong{font-size:13px}}
/* Account hierarchy: shared top actions, equal destination tabs, grouped settings. */
.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg);min-height:64px}.account-bar .home-brand{font-size:19px;letter-spacing:-.5px}.account-bar .home-brand .ui-icon{width:24px;height:24px}.account-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.account-actions .account-avatar,.account-actions .icon-control,#community-dialog .account-actions button,#social-sheet .account-actions button,#shop-dialog .account-actions button{display:grid;place-items:center;position:relative;width:48px;height:48px;min-width:48px;min-height:48px;padding:6px;border:0;background:transparent;border-radius:12px;color:var(--text)}.account-actions .avatar{width:34px;height:34px;font-size:15px}.account-actions .ui-icon{width:22px;height:22px}.account-reward-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;position:absolute;right:4px;top:4px}.phone:has(.account-bar)>.app-chrome{display:none}.home-fixed-header{display:block;padding-bottom:8px}.home-fixed-header .account-bar{border:0}.home-fixed-header .home-balances{width:100%;margin:0}.home-welcome{padding-top:14px}.home-welcome>.home-brand,.home-welcome>.account-avatar{display:none}.home-rewards{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:12px}.home-rewards span{flex:1;text-align:left}.home-rewards>.ui-icon{width:22px;height:22px}.primary-navigation,#community-dialog.destination-screen>.primary-navigation,#social-sheet.destination-screen .primary-navigation,#shop-dialog.destination-screen>.primary-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-navigation [data-nav=play] .ui-icon,.primary-navigation [data-nav=play]:not([aria-current=page]) .ui-icon{background:none;color:inherit;box-shadow:none;border-radius:0;padding:0;width:24px;height:24px;margin:0}.primary-navigation [aria-current=page]{background:var(--soft);color:var(--primary)}
#community-dialog.destination-screen>header,#social-sheet.destination-screen>header,#shop-dialog.destination-screen>header{gap:4px;flex-wrap:nowrap}#community-dialog.destination-screen>header>div:first-child,#social-sheet.destination-screen .destination-heading{min-width:0;flex:1}#community-dialog.destination-screen>header h2,#social-sheet.destination-screen>header strong,#shop-dialog.destination-screen>header h2{font-size:18px;overflow-wrap:anywhere}#community-dialog.destination-screen>header>.account-actions,#social-sheet.destination-screen>header>.account-actions,#shop-dialog.destination-screen>header>.account-actions{flex:0 0 auto}#community-dialog.destination-screen>header>[data-community=refresh]{display:none}.destination-screen .destination-subtitle{display:none}
.settings-screen{width:100%;max-width:900px;margin:0 auto!important;padding:16px!important;min-height:0}.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.settings-categories{display:grid;gap:4px}.settings-categories button,.settings-categories a,.settings-preference-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);text-align:left;text-decoration:none;width:100%}.settings-categories span,.settings-preference-row span{flex:1;min-width:0}.settings-categories strong,.settings-preference-row strong{display:block;font-size:14px}.settings-categories small,.settings-preference-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.settings-categories .ui-icon,.settings-preference-row .ui-icon{width:22px;height:22px;flex-shrink:0}.settings-categories [aria-current=page]{background:var(--soft);border-color:var(--border);color:var(--primary)}.settings-content{min-width:0}.settings-content form{margin-top:20px}.settings-content details{margin-top:20px}.settings-content summary{min-height:48px;cursor:pointer;padding:12px 0}.settings-section-heading h2{font-size:20px;margin:0 0 16px}.settings-section-heading>[data-settings-category]{display:none}.settings-intro{color:var(--muted)}
@media(max-width:719px){.settings-layout{display:block}.settings-content{display:none}.settings-screen.has-category .settings-categories{display:none}.settings-screen.has-category .settings-content{display:block}.settings-section-heading>[data-settings-category]{display:flex;align-items:center;gap:8px;min-height:48px;padding-left:0}.settings-section-heading>[data-settings-category] .ui-icon{width:20px;height:20px}.settings-categories button,.settings-categories a{border-bottom:1px solid var(--border);border-radius:0}.settings-screen>.setup-heading{margin-bottom:12px}.account-bar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
#app[data-screen=account]:has(>.account-bar){height:100dvh;min-height:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}#app[data-screen=account]:has(>.account-bar)>.body{margin:0 auto;align-self:stretch;min-height:0;overflow:auto;overscroll-behavior:contain;width:100%}#app[data-screen=account]>.account-bar{padding-top:max(8px,env(safe-area-inset-top))}.own-profile>.setup-heading{display:grid;grid-template-columns:48px minmax(0,1fr) 48px}.own-profile>.setup-heading h2{text-align:center;grid-column:2}.settings-content>.stack>[data-action=account-close]{display:none}
.settings-theme-options{display:grid;gap:8px}.settings-toggle{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 0;font-size:15px;font-weight:600}.settings-toggle input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:var(--primary)}.settings-content .theme-fieldset{margin:16px 0;border:0;padding:0}.settings-content .theme-fieldset legend{font-weight:700;font-size:15px}
#app[data-screen=account]>.primary-navigation{width:100%;max-width:none;justify-self:stretch}
@media(min-width:720px){#app[data-screen=account]:has(>.account-bar){height:calc(100dvh - 48px)}}
#community-dialog .community-content>.community-refresh{float:right;position:relative;z-index:1;margin-left:8px;margin-bottom:4px}.primary-navigation button .nav-label{font-weight:650}
.settings-toggle input{min-height:22px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;appearance:auto}.home-friends .friend-avatars:empty{display:none}
#shop-dialog .shop-inventory{display:flex;align-items:center;gap:8px;min-height:48px;margin-left:auto;font-size:14px}#shop-dialog .shop-inventory>.ui-icon{width:22px;height:22px}

/* One account-header geometry:64px including48px targets and safe-area-aware insets. */
.account-bar,.home-fixed-header .account-bar,#community-dialog.destination-screen>header,#social-sheet.destination-screen>header,#shop-dialog.destination-screen>header{height:auto;min-height:calc(56px + max(8px,env(safe-area-inset-top)));padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));box-sizing:border-box}
.account-bar,.home-fixed-header .account-bar,#community-dialog.destination-screen>header,#social-sheet.destination-screen>header,#shop-dialog.destination-screen>header{border:0;box-shadow:inset 0 -1px var(--border)}
/* Original Club Tokens use the same24px picker and36px travelling-effect geometry. */
.club-reaction-art{display:inline-block;vertical-align:middle;width:24px;height:24px;object-fit:contain;pointer-events:none;user-select:none}.target-reaction>.club-reaction-art{display:block;width:36px;height:36px}#social-sheet .profile-reactions button{display:flex;align-items:center;justify-content:center}.shop-emojis{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shop-emojis>span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}