:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:#282620;--paper:#f4eee2;--surface:#fffdf8;--surface-2:#ebe3d5;--ink:#282620;--muted:#716b62;--line:#d8d0c3;--indigo:#263d63;--indigo-dark:#1c2f4f;--vermilion:#d95746;--vermilion-dark:#b84335;--gold:#d7a13d;--success:#2d7968;--danger:#b9423c;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-card:0 5px 16px #322a1c24;--shadow-modal:0 18px 55px #1e19123d;background:#f4eee2;font-family:ui-rounded,Hiragino Sans,Yu Gothic UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%, #d9574614, transparent 28rem), radial-gradient(circle at 90% 85%, #263d6317, transparent 30rem), var(--paper);min-height:100dvh}body:before{z-index:-1;content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#2826202e .6px,#0000 .6px);background-size:9px 9px;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,100% - 40px);margin-inline:auto}.center-page{place-items:center;min-height:100dvh;padding:28px 18px;display:grid}.paper-panel{border-radius:var(--radius-lg);width:min(100%,540px);box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8ed;border:1px solid #7e6b4c38;padding:clamp(26px,5vw,48px)}.eyebrow{color:var(--vermilion);letter-spacing:.18em;margin-bottom:8px;font-size:.72rem;font-weight:850}.lead{color:var(--muted);line-height:1.65}.nana-mark{aspect-ratio:1;color:#fff8e7;background:var(--vermilion);width:72px;box-shadow:8px 8px 0 var(--indigo);border-radius:24px 8px;place-items:center;margin-inline:auto;font-family:Georgia,serif;font-size:3rem;font-weight:800;display:grid;transform:rotate(-4deg)}.nana-mark span{transform:rotate(4deg)}.brand-kana{color:var(--vermilion);letter-spacing:.5em;text-align:center;margin:26px 0 0;font-size:.72rem;font-weight:800}.brand-title{color:var(--indigo);letter-spacing:.08em;text-align:center;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,10vw,4.6rem);line-height:1}.access-panel{text-align:center;max-width:430px}.access-panel .lead{margin:13px 0 30px}.access-panel form{text-align:left}.field-label,.avatar-fieldset legend{color:var(--ink);justify-content:space-between;margin:22px 0 8px;font-size:.86rem;font-weight:750;display:flex}.field-label span{color:var(--muted);font-weight:500}.text-input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--ink);background:#fff;padding:0 15px;transition:border-color .14s,box-shadow .14s}.text-input:hover,.text-input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #263d6314}.password-field{position:relative}.password-field .text-input{padding-right:65px}.password-field button{height:42px;color:var(--indigo);background:0 0;border:0;font-size:.78rem;font-weight:750;position:absolute;top:4px;right:4px}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:780;transition:transform .14s,box-shadow .14s,background .14s,opacity .14s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--vermilion);box-shadow:0 6px 14px #b9423c2e}.button--primary:not(:disabled):hover{background:var(--vermilion-dark);transform:translateY(-1px);box-shadow:0 8px 20px #b9423c42}.button--secondary{border-color:var(--indigo);color:var(--indigo);background:0 0}.button--secondary:not(:disabled):hover{color:#fff;background:var(--indigo)}.button--ghost{border-color:var(--line);color:var(--muted);background:#ffffff73}.button--ghost:not(:disabled):hover{border-color:var(--ink);color:var(--ink);background:#fff}.button--full{width:100%;margin-top:20px}.button--grow{flex:1}.button--wide{min-width:210px}.button--small{min-height:38px;padding-inline:14px;font-size:.82rem}.form-error,.floating-error,.game-error{color:var(--danger);margin:12px 0 0;font-size:.85rem;font-weight:650}.form-actions{gap:12px;margin-top:24px;display:flex}.profile-panel h1{color:var(--indigo);margin-bottom:8px;font-size:clamp(1.7rem,5vw,2.35rem)}.avatar-fieldset{border:0;padding:0}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.avatar-option{background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-size:.68rem;transition:transform .14s,border-color .14s,background .14s;display:flex;position:relative}.avatar-option:hover{background:var(--surface-2)}.avatar-option.is-selected{border-color:var(--indigo);background:#263d6312;transform:translateY(-2px)}.avatar-option.is-selected:after{content:"✓";color:#fff;background:var(--indigo);border-radius:50%;place-items:center;width:18px;height:18px;font-size:.65rem;display:grid;position:absolute;top:3px;right:5px}.avatar{border:2px solid #ffffffc7;border-radius:36% 50% 42% 48%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden;box-shadow:0 3px 8px #2820162e}.avatar--small{width:36px;height:36px;font-size:1.25rem}.avatar--medium{width:48px;height:48px;font-size:1.65rem}.avatar--large{width:64px;height:64px;font-size:2.25rem}.splash-screen{align-content:center;justify-items:center;gap:20px;min-height:100dvh;display:grid}.splash-word{color:var(--indigo);letter-spacing:.24em;font-family:Georgia,serif;font-size:2rem;font-weight:800}.loading-dots,.resolving-dots{gap:5px;display:flex}.loading-dots i,.resolving-dots i{background:var(--vermilion);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite alternate dot-bounce}.loading-dots i:nth-child(2),.resolving-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3),.resolving-dots i:nth-child(3){animation-delay:.36s}@keyframes dot-bounce{to{opacity:.45;transform:translateY(-6px)}}.app-page{min-height:100dvh}.topbar{border-bottom:1px solid #716b622e;justify-content:space-between;align-items:center;min-height:76px;display:flex}.compact-brand{color:var(--indigo);letter-spacing:.11em;align-items:center;gap:9px;font-family:Georgia,serif;font-weight:900;text-decoration:none;display:inline-flex}.compact-brand>span{color:#fff;background:var(--vermilion);letter-spacing:0;border-radius:10px 4px;place-items:center;width:31px;height:31px;font-size:1.2rem;display:grid}.profile-chip{border:1px solid var(--line);background:#fffdf8b8;border-radius:30px;align-items:center;gap:9px;min-height:48px;padding:5px 10px 5px 6px;font-size:.84rem;font-weight:720;display:flex}.connection-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.connection-dot.is-online{background:#45a273;box-shadow:0 0 0 3px #45a27324}.lobby-hero{grid-template-columns:1.15fr .85fr;align-items:center;min-height:330px;display:grid}.lobby-hero h1{max-width:720px;color:var(--indigo);margin-bottom:17px;font-family:Georgia,Yu Mincho,serif;font-size:clamp(2.35rem,5.2vw,4.9rem);font-weight:650;line-height:1.06}.lobby-hero h1 em{color:var(--vermilion);font-style:normal}.lobby-hero p{max-width:580px;color:var(--muted);line-height:1.7}.hero-cards{min-height:260px;position:relative}.hero-card{aspect-ratio:5/7;color:#fff9ed;background:var(--indigo);border:5px solid #fff9ed;border-radius:19px;place-items:center;width:124px;font-family:Georgia,serif;font-size:3.7rem;font-weight:800;display:grid;position:absolute;top:38px;left:50%;box-shadow:0 20px 32px #332b2238}.hero-card:after{content:"";border:1px solid #ffffff5c;border-radius:11px;position:absolute;inset:10px}.hero-card--one{background:var(--gold);transform:translate(-115%)rotate(-14deg)}.hero-card--two{z-index:2;background:var(--vermilion);transform:translate(-50%)translateY(-20px)rotate(1deg)}.hero-card--three{transform:translate(15%)rotate(15deg)}.action-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.action-card{border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;min-height:104px;box-shadow:var(--shadow-card);background:#fffdf8c2;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:20px 22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.action-card:not(:disabled):hover{border-color:var(--indigo);transform:translateY(-3px);box-shadow:0 11px 28px #322a1c2b}.action-card:disabled{opacity:.5}.action-card--create{color:#fff;border-color:var(--indigo);background:var(--indigo)}.action-icon{opacity:.82;border:1px solid;border-radius:14px;place-items:center;width:50px;height:50px;font-size:1.6rem;font-weight:300;display:grid}.action-card strong,.action-card small{display:block}.action-card strong{margin-bottom:5px;font-size:1.08rem}.action-card small{color:var(--muted)}.action-card--create small{color:#ffffffab}.action-card .arrow{font-size:1.4rem}.rooms-section{padding-block:60px 80px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{color:var(--indigo);margin:0;font-size:clamp(1.3rem,3vw,1.75rem)}.empty-state{border-radius:var(--radius-md);color:var(--muted);text-align:center;background:#fffdf859;border:1px dashed #c7bdad;padding:38px}.empty-state h3{color:var(--ink);margin:10px 0 6px}.empty-state p{margin:0}.empty-seven{color:#c9bdac;font-family:Georgia,serif;font-size:2.8rem;font-weight:800}.room-list{gap:10px;display:grid}.room-row{border:1px solid var(--line);background:#fffdf8bf;border-radius:12px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:16px;min-height:84px;padding:12px 16px;display:grid}.room-number{color:#fff;background:var(--indigo);border-radius:8px;place-items:center;width:48px;height:58px;font-family:Georgia,serif;font-size:1.45rem;font-weight:750;display:grid}.room-info h3{margin:0 0 4px;font-size:1rem}.room-info p{color:var(--muted);margin:0;font-size:.78rem}.ruleset-pill,.ready-badge{color:var(--success);background:#2d79681a;border-radius:20px;padding:5px 9px;font-size:.7rem;font-weight:750}.ruleset-pill.is-extension{color:#9a6712;background:#d7a13d26}.room-capacity{color:var(--muted);font-size:.82rem;font-weight:750}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#191f278f;place-items:center;padding:18px;animation:.17s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow-modal);border:1px solid #fff9;padding:34px;animation:.22s ease-out dialog-in;position:relative}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.dialog h2{color:var(--indigo);margin-bottom:8px;font-size:1.7rem}.dialog-close{width:36px;height:36px;color:var(--muted);background:var(--surface-2);border:0;border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:13px;right:13px}.code-input{color:var(--indigo);letter-spacing:.24em;text-align:center;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:1.4rem;font-weight:800}.inline-note{color:var(--muted);background:var(--surface-2);border-radius:9px;margin:14px 0 0;padding:11px 13px;font-size:.78rem;line-height:1.55}.inline-note--warning{color:#76500d;background:#fff2d5}.back-button{min-height:44px;color:var(--muted);background:0 0;border:0;font-weight:700}.topbar-spacer{width:100px}.waiting-header{justify-content:space-between;align-items:center;gap:30px;padding-block:45px 30px;display:flex}.waiting-header h1{color:var(--indigo);margin-bottom:7px;font-size:clamp(2rem,4vw,3.2rem)}.waiting-header p{color:var(--muted);margin:0}.invite-code{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:290px;box-shadow:var(--shadow-card);grid-template-columns:1fr auto;align-items:center;padding:14px 16px;display:grid}.invite-code span{color:var(--muted);font-size:.7rem}.invite-code strong{color:var(--indigo);letter-spacing:.15em;grid-row:2;font-family:ui-monospace,monospace;font-size:1.65rem}.invite-code button{min-height:38px;color:var(--vermilion);background:0 0;border:0;grid-row:1/3;font-size:.78rem;font-weight:750}.room-warning{margin-bottom:24px}.seats-section{padding-bottom:150px}.waiting-pulse{color:var(--muted);align-items:center;gap:7px;font-size:.76rem;display:flex}.waiting-pulse i{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.7s infinite pulse;box-shadow:0 0 #2d796859}.waiting-tools{justify-content:flex-end;align-items:center;gap:14px;display:flex}.bot-add-button{gap:7px}.bot-add-button>span{color:var(--vermilion);font-family:ui-monospace,monospace;font-size:.72rem;font-weight:900}@keyframes pulse{70%{box-shadow:0 0 0 8px #2d796800}}.seat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.seat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8c7;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:118px;padding:18px;display:grid;position:relative;box-shadow:0 3px 10px #322a1c12}.seat-card.is-disconnected{opacity:.55}.seat-card.is-bot{background:linear-gradient(135deg,#263d630d,#0000 60%),#fffdf8d1;border-color:#263d6347}.seat-avatar-wrap{position:relative}.host-crown{color:var(--gold);filter:drop-shadow(0 2px 1px #fff);font-size:1.2rem;position:absolute;top:-11px;right:-8px;transform:rotate(14deg)}.bot-avatar-badge{border:2px solid var(--surface);color:#fff;background:var(--indigo);border-radius:8px;place-items:center;min-width:26px;height:20px;padding-inline:5px;font-family:ui-monospace,monospace;font-size:.58rem;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-7px}.bot-remove-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.15rem;transition:color .14s,background .14s;display:grid;position:absolute;top:8px;right:8px}.bot-remove-button:not(:disabled):hover{color:var(--danger);background:#b9423c17}.bot-remove-button:disabled{opacity:.4}.seat-details h3{margin:0 0 4px;font-size:.95rem}.seat-details h3 small{color:var(--vermilion);background:#d9574617;border-radius:5px;margin-left:6px;padding:2px 5px;font-size:.62rem}.seat-details p{color:var(--muted);margin:0;font-size:.74rem}.ready-badge{color:var(--muted);background:var(--surface-2);position:absolute;bottom:10px;right:12px}.ready-badge.is-ready{color:var(--success);background:#2d79681a}.seat-card--empty{color:#9d9588;box-shadow:none;background:#fff3;border-style:dashed;flex-direction:column;justify-content:center;gap:7px;display:flex}.seat-card--empty p{margin:0;font-size:.75rem}.empty-seat-icon{border:1px dashed;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.25rem;display:grid}.waiting-actions{z-index:10;padding:17px 0 max(17px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8ed;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #322a1c14}.waiting-actions-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.waiting-actions-inner strong,.waiting-actions-inner span{display:block}.waiting-actions-inner strong{margin-bottom:4px;font-size:.9rem}.waiting-actions-inner span{color:var(--muted);font-size:.74rem}.floating-error{color:#fff;background:var(--danger);width:fit-content;box-shadow:var(--shadow-card);border-radius:20px;margin:auto;padding:9px 14px;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.bot-dialog{width:min(100%,580px);max-height:min(860px,100dvh - 36px);overflow-y:auto}.bot-dialog-heading{position:absolute;top:29px;right:64px}.bot-dialog-icon{width:42px;height:31px;color:var(--indigo);letter-spacing:.08em;background:#263d6312;border:1px solid #263d633d;border-radius:10px;place-items:center;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:900;display:grid}.bot-dialog-lead{max-width:460px;margin-bottom:22px;font-size:.86rem}.bot-difficulty-fieldset{border:0;min-width:0;padding:0}.bot-difficulty-fieldset legend{margin-bottom:9px;font-size:.86rem;font-weight:750}.bot-difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bot-difficulty-option{border:1px solid var(--line);background:#ffffff8c;border-radius:11px;flex-direction:column;gap:8px;min-width:0;min-height:112px;padding:12px 10px;transition:border-color .14s,background .14s,transform .14s;display:flex}.bot-difficulty-option:hover{border-color:var(--indigo);transform:translateY(-1px)}.bot-difficulty-option.is-selected{border-color:var(--indigo);box-shadow:inset 0 0 0 1px var(--indigo);background:#263d6312}.bot-difficulty-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bot-difficulty-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.bot-difficulty-mark{width:26px;height:26px;color:var(--indigo);background:#263d6317;border-radius:50%;place-items:center;font-size:.7rem;font-weight:850;display:grid}.bot-difficulty-option.is-selected .bot-difficulty-mark{color:#fff;background:var(--indigo)}.bot-difficulty-option strong,.bot-difficulty-option small{display:block}.bot-difficulty-option strong{color:var(--ink);margin-bottom:3px;font-size:.86rem}.bot-difficulty-option small{color:var(--muted);font-size:.67rem;line-height:1.4}.bot-password-note{color:var(--muted);margin:7px 0 0;font-size:.7rem;line-height:1.45}.room-chat-preview-wrap{z-index:2;width:min(1180px,100% - 40px);margin:13px auto 0;position:relative}.room-chat-preview-wrap--light+.waiting-header{padding-top:28px}.room-chat-preview-wrap--game{width:min(1180px,100% - 28px);margin-top:10px}.room-chat-preview-wrap--game+.player-rail{margin-top:9px}.room-chat-preview{border:1px solid var(--line);width:100%;height:48px;min-height:48px;color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8d6;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:4px 8px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;overflow:hidden;box-shadow:0 5px 16px #322a1c17}.room-chat-preview:not(:disabled):hover{border-color:#263d637a;transform:translateY(-1px);box-shadow:0 8px 22px #322a1c21}.room-chat-preview--game{color:#f9f5eb;background:#081a1f6b;border-color:#ffffff24;box-shadow:0 6px 19px #0000001f}.room-chat-preview--game:not(:disabled):hover{background:#081a1f8f;border-color:#d7a13d7a;box-shadow:0 8px 23px #00000029}.room-chat-preview-heading{border-right:1px solid #716b622e;align-items:center;gap:9px;min-width:110px;padding:0 5px 0 1px;display:flex}.room-chat-preview--game .room-chat-preview-heading{border-right-color:#ffffff1f}.room-chat-preview-icon{border:1.5px solid var(--vermilion);width:26px;height:24px;color:var(--vermilion);letter-spacing:-.08em;border-radius:9px 9px 9px 3px;flex:none;place-items:center;font-family:ui-monospace,monospace;font-size:.64rem;line-height:1;display:grid}.room-chat-preview--game .room-chat-preview-icon{color:#f4c86f;border-color:#f4c86f}.room-chat-preview-heading>span:last-child,.room-chat-preview-copy{min-width:0;display:block}.room-chat-preview-heading strong,.room-chat-preview-heading small{white-space:nowrap;display:block}.room-chat-preview-heading strong{color:var(--indigo);font-size:.72rem}.room-chat-preview--game .room-chat-preview-heading strong{color:#fff6df}.room-chat-preview-heading small{color:var(--muted);margin-top:3px;font-size:.57rem}.room-chat-preview--game .room-chat-preview-heading small{color:#ffffff78}.room-chat-preview-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;gap:7px;min-width:0;display:grid}.room-chat-preview-message{background:#ffffff94;border:1px solid #716b621f;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:2px 6px;display:grid}.room-chat-preview-message.is-mine{background:#263d630d;border-color:#263d632b}.room-chat-preview--game .room-chat-preview-message{background:#ffffff0d;border-color:#ffffff1a}.room-chat-preview--game .room-chat-preview-message.is-mine{background:#d7a13d14;border-color:#d7a13d40}.room-chat-preview-message .avatar--small{flex:none;width:25px;height:25px;font-size:.96rem}.room-chat-preview-copy strong,.room-chat-preview-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.room-chat-preview-copy strong{color:var(--indigo);margin-bottom:2px;font-size:.62rem}.room-chat-preview--game .room-chat-preview-copy strong{color:#f7d995}.room-chat-preview-copy>span{font-size:.7rem}.room-chat-preview--game .room-chat-preview-copy>span{color:#ffffffc7}.room-chat-preview-message time{color:var(--muted);white-space:nowrap;align-self:start;font-size:.53rem}.room-chat-preview--game .room-chat-preview-message time{color:#ffffff5e}.room-chat-preview-empty{min-width:0;color:var(--muted);align-items:center;padding:0 8px;font-size:.7rem;display:flex}.room-chat-preview--game .room-chat-preview-empty{color:#ffffff87}.room-chat-preview-action{justify-content:flex-end;align-items:center;gap:5px;min-width:28px;display:flex}.room-chat-preview-unread{color:#fff;background:var(--vermilion);border-radius:12px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:.58rem;font-weight:850;line-height:1;display:grid}.room-chat-preview-arrow{color:var(--vermilion);font-size:1.45rem;line-height:1}.room-chat-preview--game .room-chat-preview-arrow{color:#f4c86f}.room-chat-trigger{border:1px solid var(--line);min-height:40px;color:var(--indigo);background:#fffdf8b8;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.8rem;font-weight:780;transition:border-color .14s,background .14s,transform .14s;display:inline-flex;position:relative}.room-chat-trigger:not(:disabled):hover{border-color:var(--indigo);background:#fff;transform:translateY(-1px)}.room-chat-trigger--game{gap:6px}.room-chat-trigger-icon{letter-spacing:-.08em;border:1.5px solid;border-radius:6px;place-items:center;width:19px;height:16px;font-family:ui-monospace,monospace;font-size:.55rem;line-height:1;display:grid}.room-chat-unread{border:2px solid var(--surface);color:#fff;background:var(--vermilion);border-radius:12px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.59rem;font-weight:850;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.room-chat-trigger--game .room-chat-unread{border-color:#15383b}.chat-backdrop{z-index:180;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12181f7a;justify-content:flex-end;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.room-chat-drawer{width:min(430px,100% - 24px);height:100dvh;min-height:0;max-height:100dvh;color:var(--ink);background:var(--surface);border-left:1px solid #ffffffad;flex-direction:column;animation:.21s ease-out chat-drawer-in;display:flex;box-shadow:-16px 0 46px #14171d40}@keyframes chat-drawer-in{0%{opacity:0;transform:translate(30px)}}.room-chat-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0, #d957461a, transparent 12rem), var(--surface);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;min-height:112px;padding:24px 22px 18px;display:flex}.room-chat-header .eyebrow{margin-bottom:4px;display:block}.room-chat-header h2{color:var(--indigo);margin:0;font-size:1.35rem}.room-chat-header p{color:var(--muted);margin:4px 0 0;font-size:.72rem}.room-chat-close{width:38px;height:38px;color:var(--muted);background:var(--surface-2);border:0;border-radius:50%;flex:none;place-items:center;font-size:1.35rem;display:grid}.room-chat-close:hover{color:var(--ink);background:#ded5c6}.room-chat-messages{overscroll-behavior:contain;scrollbar-color:#716b6259 transparent;background:radial-gradient(#2826201a .5px,#0000 .5px) 0 0/9px 9px,#f3ede2;flex:auto;min-height:0;padding:19px 17px 24px;overflow-y:auto}.room-chat-empty{min-height:100%;color:var(--muted);text-align:center;align-content:center;justify-items:center;display:grid}.room-chat-empty>span{border:1px solid var(--line);width:51px;height:43px;color:var(--vermilion);background:#ffffff94;border-radius:15px 15px 15px 4px;place-items:center;margin-bottom:13px;font-family:Georgia,serif;font-size:1.35rem;display:grid}.room-chat-empty strong{color:var(--ink);font-size:.84rem}.room-chat-empty p{margin:6px 0 0;font-size:.72rem}.room-chat-message{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.room-chat-message.is-mine{justify-content:flex-end}.room-chat-message .avatar--small{flex:none;width:31px;height:31px;font-size:1rem}.room-chat-message-content{max-width:min(78%,300px)}.room-chat-message-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 3px 5px;font-size:.61rem;display:flex}.room-chat-message-meta strong{max-width:150px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.room-chat-message.is-mine .room-chat-message-meta{flex-direction:row-reverse}.room-chat-message-content>p{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #716b6229;border-radius:4px 14px 14px;margin:0;padding:10px 12px;font-size:.81rem;line-height:1.55;box-shadow:0 3px 10px #322a1c12}.room-chat-message.is-mine .room-chat-message-content>p{border-color:var(--indigo);color:#fff;background:var(--indigo);border-radius:14px 4px 14px 14px}.room-chat-composer{padding:13px 15px max(13px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex:none}.room-chat-composer textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:64px;max-height:130px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 11px;font-size:.82rem;line-height:1.45;display:block}.room-chat-composer textarea:disabled{color:var(--muted);background:var(--surface-2)}.room-chat-composer-footer{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-top:8px;display:flex}.room-chat-composer-footer>div{gap:2px;min-width:0;display:grid}.room-chat-composer-footer span{color:var(--muted);font-size:.63rem}.room-chat-composer-footer span.is-near-limit,.room-chat-composer-footer strong{color:var(--danger)}.room-chat-composer-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:650;overflow:hidden}.game-page{--hand-dock-height:calc(127px + max(9px, env(safe-area-inset-bottom)));min-height:100dvh;padding-bottom:calc(var(--hand-dock-height) + 18px);color:#f9f5eb;background:radial-gradient(circle at 50% 35%,#3f655bd1,#0000 46rem),linear-gradient(135deg,#173b38,#102d35 56%,#1b3348)}.game-page:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(#fff .65px,#0000 .65px);background-size:11px 11px;position:fixed;inset:0}.game-topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09202359;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:8px max(20px,50vw - 590px);display:grid;position:relative}.game-topbar .compact-brand{color:#fff}.game-top-actions{justify-self:end;gap:7px;display:flex}.game-top-actions .button{color:#ffffffb3;background:0 0;border-color:#fff3;justify-self:end}.game-room-meta{text-align:center}.game-room-meta strong,.game-room-meta span{display:block}.game-room-meta strong{font-size:.84rem}.game-room-meta span{color:#ffffff91;letter-spacing:.08em;margin-top:2px;font-size:.68rem}.connection-banner{z-index:20;color:#60420b;text-align:center;background:#ffe29e;padding:8px 16px;font-size:.76rem;font-weight:700;position:sticky;top:0}.player-rail{z-index:2;overscroll-behavior-inline:contain;scrollbar-width:none;justify-content:safe center;gap:9px;width:min(1180px,100% - 28px);margin:16px auto 8px;display:flex;position:relative;overflow-x:auto}.player-rail::-webkit-scrollbar{display:none}.game-player{background:#081a1f57;border:1px solid #ffffff24;border-radius:13px;flex:1 0 182px;min-width:0;max-width:230px;padding:10px 10px 9px;transition:border-color .18s,box-shadow .18s,background .18s,opacity .18s}.game-player.is-turn{border-color:var(--gold);background:#4c3a1961;box-shadow:0 0 0 2px #d7a13d2e,0 8px 25px #00000024}.game-player.is-me:not(.is-turn){border-color:#ffffff45}.game-player.is-edge-selectable{box-shadow:0 7px 22px #0000001f}.game-player.is-disconnected{opacity:.48}.game-player-heading{justify-content:space-between;align-items:flex-start;gap:7px;min-width:0;display:flex}.game-player-main{align-items:center;gap:9px;min-width:0;display:flex}.game-player-main>div{min-width:0}.game-player-main strong,.game-player-main span{text-overflow:ellipsis;white-space:nowrap;max-width:105px;display:block;overflow:hidden}.game-player-main strong{font-size:.76rem}.game-player-main span{color:#ffffff8c;margin-top:3px;font-size:.64rem}.turn-badge{color:#ffe7ad;letter-spacing:.04em;background:#d7a13d2b;border:1px solid #fadda473;border-radius:999px;flex:none;padding:4px 6px;font-size:.56rem;font-weight:800;line-height:1}.captured-sets{align-items:center;gap:5px;min-height:24px;margin-top:7px;display:flex}.captured-sets .captured-label{color:#ffffff6e;margin-right:2px;font-size:.57rem;font-weight:700}.captured-sets .captured-value{color:#382d18;background:var(--gold);border:1px solid #f8deb0;border-radius:6px;place-items:center;width:24px;height:24px;font-family:Georgia,serif;font-size:.72rem;font-weight:800;display:grid}.captured-sets i{color:#ffffff57;font-size:.6rem;font-style:normal}.edge-picker{border-top:1px solid #ffffff1a;margin-top:7px;padding-top:6px}.edge-picker.is-active{border-top-color:#d7a13d4f}.edge-picker-heading{color:#ffffff6e;justify-content:space-between;align-items:center;min-height:17px;font-size:.56rem;font-weight:700;display:flex}.edge-picker.is-active .edge-picker-heading span{color:#ffe2a4}.edge-picker-heading i{color:#ffe2a4a6;font-size:.53rem;font-style:normal;font-weight:600}.edge-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:3px;display:grid}.edge-actions button{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-content:center;gap:1px;min-height:44px;padding:5px 4px;display:grid}.edge-actions button small,.edge-actions button strong{display:block}.edge-actions button small{color:#ffffff5e;letter-spacing:.11em;font-size:.48rem;font-weight:800}.edge-actions button strong{font-size:.66rem;font-weight:760}.edge-actions button:not(:disabled):hover{border-color:var(--gold);color:#fff;background:#d7a13d2b}.edge-actions button:not(:disabled){color:#fff5dc;background:#d7a13d1f;border-color:#d7a13d8a;box-shadow:inset 0 0 0 1px #ffffff08}.edge-actions button:not(:disabled) small{color:#ffe2a4a6}.edge-actions button:disabled{opacity:.38}.table-area{z-index:1;grid-template-columns:.72fr 1.28fr;grid-template-areas:"prompt prompt""challenge center";gap:16px 28px;width:min(1080px,100% - 30px);margin:0 auto;padding:14px 0 28px;display:grid;position:relative}.turn-status-area{grid-area:prompt;justify-items:center;gap:10px;width:100%;display:grid}.turn-prompt{background:#07191d61;border:1px solid #ffffff21;border-radius:28px;align-items:center;gap:9px;width:fit-content;min-width:min(100%,350px);margin-inline:auto;padding:7px 15px 7px 7px;display:flex;box-shadow:0 8px 25px #00000017}.turn-prompt.is-mine{background:#573e134d;border-color:#d7a13d99}.turn-prompt strong,.turn-prompt p{margin:0;display:block}.turn-prompt strong{font-size:.76rem}.turn-prompt p{color:#ffffff96;margin-top:2px;font-size:.65rem}.turn-prompt .resolving-dots{margin-left:auto}.turn-prompt .resolving-dots i{background:var(--gold);width:5px;height:5px}.mismatch-confirmation{color:#493716;background:#fff3d5;border:1px solid #d7a13db8;border-radius:14px;align-items:center;gap:11px;width:min(100%,680px);min-height:68px;padding:10px 11px;animation:.22s ease-out mismatch-in;display:flex;box-shadow:0 10px 28px #00000026}@keyframes mismatch-in{0%{opacity:0;transform:translateY(-6px)}}.mismatch-confirmation.is-mine{background:#fff7e4;border-color:#f3c15e}.mismatch-mark{color:#fff;background:var(--vermilion);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:1.55rem;font-weight:800;display:grid}.mismatch-confirmation>div{flex:auto;min-width:0}.mismatch-confirmation strong,.mismatch-confirmation p{margin:0;display:block}.mismatch-confirmation strong{font-size:.79rem}.mismatch-confirmation p{color:#765e31;margin-top:3px;font-size:.66rem;line-height:1.45}.mismatch-confirmation .button{flex:none;min-width:118px}.challenge-zone,.center-zone{background:#05191b29;border:1px solid #ffffff17;border-radius:18px;min-width:0;padding:14px}.challenge-zone{grid-area:challenge}.center-zone{grid-area:center}.zone-label{color:#ffffff80;letter-spacing:.14em;margin-bottom:12px;font-size:.62rem;font-weight:800}.zone-label span{color:var(--gold);letter-spacing:0;margin-left:7px}.reveal-tray{justify-content:center;align-items:flex-start;gap:clamp(7px,1.3vw,14px);min-height:135px;display:flex}.revealed-card-wrap{flex-direction:column;align-items:center;gap:4px;animation:.32s ease-out card-reveal;display:flex}@keyframes card-reveal{0%{opacity:0;transform:translateY(12px)rotateY(80deg)}}.revealed-card-wrap small{color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.57rem;overflow:hidden}.reveal-placeholder{aspect-ratio:5/7;color:#ffffff29;border:1px dashed #ffffff38;border-radius:11px;place-items:center;width:clamp(54px,7vw,76px);font-family:Georgia,serif;font-size:1.5rem;display:grid}.center-grid{grid-template-columns:repeat(4,minmax(48px,76px));justify-content:center;gap:clamp(8px,1.5vw,15px);display:grid}.playing-card{aspect-ratio:5/7;font-variant-numeric:tabular-nums;border:3px solid #f8f0dd;border-radius:clamp(9px,1.2vw,14px);place-items:center;width:clamp(54px,7vw,76px);padding:0;font-family:Georgia,serif;transition:transform .17s,box-shadow .17s,opacity .17s;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 16px #00000038}.playing-card.is-face-up{color:var(--indigo);background:radial-gradient(circle,#d7a13d21,#0000 47%),#fffaf0}.playing-card.is-hidden{color:#ffffff38;background:linear-gradient(45deg, transparent 46%, #ffffff1f 47% 53%, transparent 54%) 0 0 / 13px 13px, linear-gradient(-45deg, transparent 46%, #ffffff17 47% 53%, transparent 54%) 0 0 / 13px 13px, var(--vermilion)}.playing-card.is-hidden:after{content:"";border:1px solid #ffffff40;border-radius:7px;position:absolute;inset:6px}.playing-card:not(:disabled):hover{box-shadow:0 12px 22px #0000004d, 0 0 0 2px var(--gold);transform:translateY(-6px)}.playing-card:disabled:not(.is-claimed){cursor:default}.playing-card.is-selected{opacity:.28;transform:translateY(-4px)}.playing-card.is-claimed{visibility:hidden}.playing-card.is-compact{border-width:2px;width:clamp(43px,5.2vw,60px)}.card-center{font-size:clamp(1.65rem,4vw,2.6rem);font-weight:750}.playing-card.is-compact .card-center{font-size:clamp(1.35rem,3vw,2rem)}.card-corner{font-size:clamp(.62rem,1.2vw,.82rem);font-weight:800;position:absolute}.card-corner--top{top:5px;left:6px}.card-corner--bottom{bottom:5px;right:6px;transform:rotate(180deg)}.my-hand{z-index:12;min-height:var(--hand-dock-height);padding:8px max(20px, calc((100vw - 1180px) / 2)) max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07191ee0;border-top:1px solid #ffffff21;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000002b}.my-hand-heading{align-items:center;gap:15px;min-height:32px;display:flex}.my-hand-identity{align-items:center;gap:7px;min-width:max-content;display:flex}.my-hand-heading strong{font-size:.78rem}.my-hand-heading span,.my-hand-heading p{color:#ffffff73;font-size:.62rem}.my-hand-heading p{text-align:right;margin:0 0 0 auto}.hand-help-mobile{display:none}.hand-boundaries{align-items:center;gap:6px;display:flex}.hand-boundaries>span{background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;flex:none;align-items:baseline;gap:4px;min-height:25px;padding:3px 7px;display:flex}.hand-boundaries small{color:#ffffff6b;white-space:nowrap;font-size:.53rem}.hand-boundaries b{color:#ffe4aa;font-family:Georgia,serif;font-size:.78rem}.hand-boundaries>i{background:#ffffff40;width:11px;height:1px}.hand-scroll{overscroll-behavior-inline:contain;scrollbar-color:#ffffff3b transparent;scrollbar-width:thin;justify-content:safe center;gap:clamp(4px,1vw,10px);min-height:87px;padding:5px 5px 6px;display:flex;overflow:auto hidden}.hand-scroll::-webkit-scrollbar{height:4px}.hand-scroll::-webkit-scrollbar-thumb{background:#ffffff3b;border-radius:999px}.hand-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-radius:8px}.hand-scroll .playing-card{flex:none}.no-cards{color:#ffffff6b;margin:auto;font-size:.75rem}.game-error{z-index:30;color:#fff;background:var(--danger);max-width:min(360px,100% - 36px);box-shadow:var(--shadow-modal);border-radius:9px;padding:10px 14px;position:fixed;bottom:146px;right:18px}.result-backdrop{color:var(--ink)}.rules-dialog{color:var(--ink);text-align:left}.rules-dialog ol{color:var(--muted);padding-left:1.3rem;font-size:.84rem;line-height:1.7}.rules-dialog li+li{margin-top:7px}.rules-dialog h3{color:var(--indigo);margin:24px 0 10px;font-size:.95rem}.rules-win-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.rules-win-grid span{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px 8px;font-size:.68rem;line-height:1.45}.rules-win-grid b{color:var(--vermilion);margin-bottom:4px;font-family:Georgia,serif;font-size:1.3rem;display:block}.result-dialog{text-align:center;overflow:hidden}.result-dialog>:not(.result-rays){z-index:2;position:relative}.result-rays{background:repeating-conic-gradient(#d7a13d24 0 8deg, transparent 8deg 18deg);width:420px;height:420px;animation:18s linear infinite slow-spin;position:absolute;top:-180px;left:50%;transform:translate(-50%)}@keyframes slow-spin{to{transform:translate(-50%)rotate(360deg)}}.winner-avatar{border:2px solid var(--gold);background:var(--surface);border-radius:42%;width:fit-content;margin:4px auto 19px;padding:7px;box-shadow:0 0 0 6px #d7a13d24}.draw-mark{width:64px;height:64px;color:var(--indigo);place-items:center;font-family:Georgia,serif;font-size:2.4rem;font-weight:800;display:grid}.result-dialog h2{margin:4px 0 8px;font-size:2rem}.result-dialog>p{color:var(--muted)}.result-sets{justify-content:center;gap:9px;margin:20px 0 8px;display:flex}.result-sets span{aspect-ratio:5/7;color:#fff;background:var(--vermilion);width:48px;box-shadow:var(--shadow-card);border:2px solid #fff2cf;border-radius:9px;place-items:center;font-family:Georgia,serif;font-size:1.4rem;font-weight:800;display:grid}@media (width<=900px){.room-chat-preview-message:first-child:nth-last-child(3){display:none}.lobby-hero{grid-template-columns:1fr .65fr}.hero-card{width:95px}.seat-grid{grid-template-columns:repeat(2,1fr)}.table-area{grid-template-columns:1fr;grid-template-areas:"prompt""challenge""center"}.challenge-zone,.center-zone{width:min(100%,620px);margin-inline:auto}.reveal-tray{min-height:116px}}@media (width<=700px){.container{width:min(100% - 24px,1180px)}.room-chat-preview-wrap{width:calc(100% - 24px);margin-top:8px}.room-chat-preview-wrap--light+.waiting-header{padding-top:23px}.room-chat-preview-wrap--game{width:calc(100% - 14px)}.room-chat-preview-message:not(:last-child){display:none}.room-chat-preview-heading{min-width:100px}.paper-panel{padding:24px 20px}.avatar-grid{grid-template-columns:repeat(3,1fr)}.topbar{min-height:64px}.lobby-hero{grid-template-columns:1fr;min-height:auto;padding-block:42px 35px}.lobby-hero h1{font-size:clamp(2.35rem,13vw,3.7rem)}.hero-cards{display:none}.action-grid{grid-template-columns:1fr;gap:10px}.action-card{min-height:88px;padding:15px}.action-icon{width:45px;height:45px}.rooms-section{padding-block:44px 70px}.room-row{grid-template-columns:auto 1fr auto;gap:10px}.room-row .ruleset-pill,.room-capacity{display:none}.room-number{width:41px;height:50px}.dialog{padding:28px 20px max(24px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;align-self:end}.modal-backdrop{place-items:end center;padding:0}.chat-backdrop{align-items:flex-end}.room-chat-drawer{border:0;border-radius:22px 22px 0 0;width:100%;height:min(88dvh,720px);animation:.21s ease-out chat-sheet-in}@keyframes chat-sheet-in{0%{opacity:0;transform:translateY(28px)}}.room-chat-header{min-height:98px;padding:18px 17px 14px}.room-chat-messages{padding-inline:13px}.waiting-header{flex-direction:column;align-items:stretch;padding-block:30px 20px}.section-heading:has(+.seat-grid){align-items:flex-start}.waiting-tools{flex-direction:column;align-items:flex-end;gap:9px}.bot-add-button{min-height:36px}.invite-code{min-width:0}.seat-grid{gap:9px}.seat-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:7px;min-height:154px;padding:13px 8px 34px}.bot-dialog{max-height:min(92dvh,760px)}.bot-dialog-heading{top:27px}.bot-difficulty-grid{grid-template-columns:1fr}.bot-difficulty-option{flex-direction:row;align-items:center;min-height:68px;padding:10px}.ready-badge{right:50%;transform:translate(50%)}.waiting-actions-inner{flex-direction:column;align-items:stretch;gap:10px}.waiting-actions-inner>div{text-align:center}.waiting-actions-inner .button{width:100%}.seats-section{padding-bottom:205px}.game-page{--hand-dock-height:calc(116px + max(8px, env(safe-area-inset-bottom)));padding-bottom:calc(var(--hand-dock-height) + 12px)}.game-topbar{grid-template-columns:auto 1fr auto;min-height:55px;padding-inline:10px}.game-topbar .compact-brand{font-size:0}.game-topbar .compact-brand>span{width:30px;height:30px}.game-top-actions .button{min-height:36px;padding-inline:9px}.game-top-actions .room-chat-trigger>span:nth-child(2){display:none}.game-top-actions .room-chat-trigger{width:38px;min-width:38px;padding-inline:7px}.player-rail{scroll-snap-type:x mandatory;width:calc(100% - 14px);margin-block:8px 2px;scroll-padding-inline:1px}.game-player{scroll-snap-align:start;flex-basis:158px}.game-player .avatar--medium{width:39px;height:39px;font-size:1.35rem}.table-area{gap:9px;width:calc(100% - 12px);padding-top:7px}.turn-prompt{width:calc(100% - 10px);min-width:0}.mismatch-confirmation{flex-wrap:wrap;width:calc(100% - 10px);padding:10px}.mismatch-mark{width:38px;height:38px}.mismatch-confirmation .button{width:100%;min-width:0}.challenge-zone,.center-zone{border-radius:13px;padding:10px}.reveal-tray{min-height:101px}.center-grid{grid-template-columns:repeat(4,minmax(41px,57px));gap:7px}.playing-card,.reveal-placeholder{width:clamp(43px,14vw,58px)}.playing-card.is-compact{width:44px}.my-hand{min-height:var(--hand-dock-height);padding:6px 7px max(8px, env(safe-area-inset-bottom))}.my-hand-heading{gap:8px;min-height:31px}.my-hand-heading p{flex:0 108px;max-width:108px;margin-left:auto;font-size:.54rem;line-height:1.25;display:block}.hand-help-desktop{display:none}.hand-help-mobile{display:inline}.my-hand-identity .avatar--small{width:27px;height:27px;font-size:.9rem}.my-hand-heading strong{font-size:.72rem}.hand-boundaries{gap:4px}.hand-boundaries>span{min-height:24px;padding-inline:6px}.hand-scroll{scroll-snap-type:x mandatory;justify-content:flex-start;min-height:74px;padding:4px 10px 5px}.hand-scroll .playing-card{scroll-snap-align:center;flex:none}.game-error{bottom:calc(var(--hand-dock-height) + 10px)}.result-dialog{border-radius:var(--radius-lg);align-self:center;width:min(100% - 24px,430px)}}@media (width<=390px){.room-chat-preview{gap:7px}.room-chat-preview-heading{gap:6px;min-width:87px}.room-chat-preview-heading small,.room-chat-preview-message time{display:none}.avatar-grid{grid-template-columns:repeat(3,1fr)}.seat-grid{grid-template-columns:1fr 1fr}.center-grid{grid-template-columns:repeat(4,43px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}