@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f5f4f0;--paper-2:#ecebe5;--ink:#20231f;--muted:#747971;--line:#dedfd8;--card:#fffefa;--acid:#d7f557;--orange:#ff815b;--blue:#6a83ff;--lavender:#cfc7ff;--shadow:0 18px 45px rgba(35,38,30,.08);--radius:24px;color:var(--ink);font-family:'DM Sans','PingFang SC',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 0%,#fffef6 0,var(--paper) 38rem)}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.app-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding-bottom:106px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.brand-lockup,.top-actions,.profile-chip,.section-heading,.row-between,.room-meta,.player-row,.wallet-row{display:flex;align-items:center}.brand-lockup{gap:10px}.brand-lockup strong{display:block;font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.brand-lockup small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.16em}.brand-mark{display:flex;align-items:end;gap:3px;width:26px;height:26px;padding:4px;border-radius:9px;background:var(--ink);transform:rotate(-8deg)}.brand-mark span{display:block;width:4px;border-radius:4px;background:var(--acid)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:18px}.top-actions{gap:12px}.icon-button,.profile-chip{background:transparent;color:var(--ink)}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--card)}.notification-dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border:2px solid var(--card);border-radius:50%;background:var(--orange)}.profile-chip{gap:8px;padding:0;text-align:left}.profile-chip-copy strong,.profile-chip-copy small{display:block}.profile-chip-copy strong{font-size:12px}.profile-chip-copy small{color:var(--muted);font-size:10px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:14px;color:var(--ink);font-weight:700}.avatar-sun{background:var(--acid)}.avatar-blue{background:var(--lavender)}.avatar-orange{background:#ffd0b9}.avatar-dark{background:var(--ink);color:var(--acid)}#app{padding:10px 24px 0;animation:page-in .35s ease both}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0 0 9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.page-title{margin:0;font:700 clamp(29px,5vw,50px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em}.page-subtitle{max-width:520px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.section{margin-top:28px}.section-heading{justify-content:space-between;margin-bottom:13px}.section-heading h2{margin:0;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.text-button{padding:0;color:var(--ink);background:transparent;font-size:12px;font-weight:700}.text-button::after{content:' →';color:var(--orange)}.card{border:1px solid rgba(180,183,170,.44);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;min-height:290px;padding:25px;background:var(--ink);color:#fffef5}.hero-card:before,.hero-card:after{position:absolute;content:'';border-radius:50%;filter:blur(2px)}.hero-card:before{top:-85px;right:-42px;width:230px;height:230px;border:34px solid rgba(215,245,87,.82)}.hero-card:after{right:12%;bottom:-90px;width:190px;height:190px;border:2px solid rgba(255,129,91,.7);box-shadow:0 0 0 18px rgba(255,129,91,.16),0 0 0 36px rgba(255,129,91,.08)}.hero-copy{position:relative;z-index:1;max-width:440px}.hero-card .eyebrow{color:var(--acid)}.hero-card h1{max-width:420px;margin:0;font:700 clamp(31px,6vw,58px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.08em}.hero-card p{max-width:330px;margin:15px 0 22px;color:#c6c9be;font-size:13px;line-height:1.5}.hero-game{position:relative;z-index:1;display:flex;align-items:center;gap:12px;align-self:end}.game-tile{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#faaf62,#ec5a54 58%,#4b307d);font:700 24px 'Space Grotesk';box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.game-tile:after{position:absolute;right:-8px;bottom:-15px;width:40px;height:40px;border:5px solid rgba(255,255,255,.38);border-radius:50%;content:''}.game-tile span{position:relative;z-index:1}.game-cover{position:relative;overflow:hidden;display:grid;place-items:center;height:116px;border-radius:17px;color:#fff;font:700 32px 'Space Grotesk';letter-spacing:-.08em;background:linear-gradient(145deg,#faaf62,#ec5a54 58%,#4b307d)}.game-cover-blue{background:linear-gradient(145deg,#58d2d2,#4261d2 55%,#25284d)}.game-cover-green{background:linear-gradient(145deg,#b7eb75,#4b9b83 55%,#1a4c4d)}.game-cover-pink{background:linear-gradient(145deg,#ff9caa,#9a55c1 55%,#25214b)}.game-cover:after{position:absolute;right:-8px;bottom:-15px;width:40px;height:40px;border:5px solid rgba(255,255,255,.38);border-radius:50%;content:''}.game-cover span{position:relative;z-index:1}.game-cover small{position:absolute;left:10px;bottom:9px;color:rgba(255,255,255,.75);font:600 9px 'DM Sans';letter-spacing:.07em;text-transform:uppercase}.hero-game strong{display:block;font-size:14px}.hero-game small{display:block;margin-top:4px;color:#acb1a6;font-size:11px}.hero-action{position:relative;z-index:1;align-self:end;margin-top:21px}.primary-button,.secondary-button,.ghost-button{min-height:46px;padding:0 18px;border-radius:14px;font-weight:700;transition:transform .2s,background .2s}.primary-button{color:var(--ink);background:var(--acid)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero-card .primary-button{width:100%}.secondary-button{color:var(--ink);background:var(--acid)}.ghost-button{color:var(--ink);border:1px solid var(--line);background:transparent}.balance-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.balance-card{padding:14px 16px;text-align:left}.balance-card span,.metric span{display:block;color:var(--muted);font-size:10px}.balance-card strong{display:block;margin-top:6px;font:700 22px 'Space Grotesk',sans-serif}.balance-card strong:before{content:'◈ ';color:var(--orange);font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card{overflow:hidden;padding:8px;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);box-shadow:0 20px 35px rgba(35,38,30,.13)}.game-card-copy{display:flex;align-items:start;justify-content:space-between;gap:5px;padding:11px 5px 6px}.game-card-copy strong{font-size:12px}.game-card-copy span{color:var(--muted);font-size:10px;white-space:nowrap}.game-card-copy span:before{content:'◈ ';color:var(--orange)}.filters{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.filter-chip{flex:0 0 auto;padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:transparent;font-size:11px;font-weight:600}.filter-chip.is-active{border-color:var(--ink);color:var(--acid);background:var(--ink)}.rooms-list,.message-list,.history-list{display:grid;gap:10px}.room-card{display:flex;align-items:center;gap:12px;padding:13px}.room-card-copy{min-width:0;flex:1}.room-card-copy strong,.room-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-copy strong{font-size:13px}.room-card-copy small{margin-top:5px;color:var(--muted);font-size:10px}.room-badge{padding:5px 8px;border-radius:8px;color:#61730b;background:#eff8bc;font-size:9px;font-weight:700}.room-join{padding:9px 10px;border-radius:10px;color:var(--ink);background:var(--paper-2);font-size:10px;font-weight:700}.room-join:hover{background:var(--acid)}.party-hero{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;padding:24px;background:var(--orange)}.party-hero h1{max-width:360px;margin:0;font:700 37px/.98 'Space Grotesk';letter-spacing:-.08em}.party-hero p{max-width:290px;margin:13px 0 0;color:#6c3022;font-size:12px;line-height:1.5}.party-orbit{display:grid;place-items:center;width:105px;height:105px;border:1px solid rgba(32,35,31,.3);border-radius:50%;font:700 21px 'Space Grotesk';transform:rotate(11deg)}.party-orbit span{display:block;font-size:9px;text-align:center;letter-spacing:.12em}.family-card{padding:22px;background:var(--lavender)}.family-card h1,.profile-card h1{margin:0;font:700 34px/1 'Space Grotesk';letter-spacing:-.08em}.family-card p{margin:9px 0 20px;color:#5c5877;font-size:12px}.family-meta{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(32,35,31,.15)}.family-meta strong{display:block;font:700 20px 'Space Grotesk'}.family-meta span{display:block;margin-top:2px;color:#5c5877;font-size:10px}.rank-row{display:grid;grid-template-columns:30px 38px 1fr auto;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-number{color:var(--muted);font:700 13px 'Space Grotesk'}.rank-copy strong,.rank-copy small{display:block}.rank-copy strong{font-size:12px}.rank-copy small{margin-top:3px;color:var(--muted);font-size:10px}.rank-score{font:700 13px 'Space Grotesk'}.rank-score:before{content:'◈ ';color:var(--orange)}.message-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.message-row:last-child{border-bottom:0}.message-row-copy{flex:1;min-width:0}.message-row-copy strong,.message-row-copy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-copy strong{font-size:13px}.message-row-copy p{margin:5px 0 0;color:var(--muted);font-size:11px}.message-time{align-self:start;color:var(--muted);font-size:10px}.unread{position:relative}.unread:after{position:absolute;top:17px;left:31px;width:7px;height:7px;border:2px solid var(--card);border-radius:50%;background:var(--orange);content:''}.profile-card{display:flex;align-items:center;gap:14px;padding:22px;background:var(--ink);color:#fffef5}.profile-card .avatar{width:60px;height:60px;border-radius:20px;font-size:21px}.profile-card p{margin:8px 0 0;color:#aeb2a7;font-size:11px}.profile-card .secondary-button{margin-left:auto;color:var(--ink);background:var(--acid);font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:16px 12px}.metric strong{display:block;margin-top:7px;font:700 20px 'Space Grotesk'}.metric small{display:block;margin-top:2px;color:#54a66e;font-size:10px}.wallet-card{padding:18px}.wallet-row{justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.wallet-row:last-child{border-bottom:0}.wallet-row-copy{display:flex;align-items:center;gap:10px}.wallet-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--ink);background:var(--acid);font-size:15px}.wallet-row strong{display:block;font-size:12px}.wallet-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.wallet-value{font:700 14px 'Space Grotesk'}.positive{color:#55a66e}.negative{color:var(--orange)}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,1180px);margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(180,183,170,.6);background:rgba(255,254,250,.92);box-shadow:0 -12px 35px rgba(35,38,30,.07);backdrop-filter:blur(20px)}.nav-item{position:relative;display:grid;justify-items:center;gap:6px;padding:5px 2px;color:var(--muted);background:transparent;font-size:10px;font-weight:600}.nav-item.is-active{color:var(--ink)}.nav-item.is-active:before{position:absolute;top:-12px;width:22px;height:3px;border-radius:99px;background:var(--orange);content:''}.nav-badge{position:absolute;top:1px;margin-left:2px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;color:white;background:var(--orange);font-size:8px;font-style:normal}.icon,.nav-icon{position:relative;display:inline-block;width:18px;height:18px}.icon:before,.icon:after,.nav-icon:before,.nav-icon:after{position:absolute;content:''}.icon-bell:before{top:3px;left:4px;width:9px;height:10px;border:1.7px solid currentColor;border-radius:7px 7px 3px 3px}.icon-bell:after{bottom:2px;left:7px;width:4px;height:2px;border-radius:5px;background:currentColor}.icon-gamepad{border:1.8px solid currentColor;border-radius:6px;transform:rotate(-3deg)}.icon-gamepad:before{top:6px;left:3px;width:6px;height:2px;background:currentColor;box-shadow:2px -2px 0 -.4px currentColor,2px 2px 0 -.4px currentColor}.icon-gamepad:after{top:5px;right:3px;width:2px;height:2px;border-radius:50%;background:currentColor;box-shadow:-3px 2px 0 currentColor}.icon-mic:before{top:1px;left:6px;width:6px;height:11px;border:1.7px solid currentColor;border-radius:7px}.icon-mic:after{bottom:1px;left:4px;width:10px;height:7px;border:1.7px solid currentColor;border-top:0;border-radius:0 0 8px 8px;box-shadow:4px 5px 0 -3px currentColor}.icon-users:before{top:2px;left:6px;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%;box-shadow:-6px 2px 0 -1px var(--paper),-6px 2px 0 .5px currentColor,6px 2px 0 -1px var(--paper),6px 2px 0 .5px currentColor}.icon-users:after{bottom:1px;left:3px;width:12px;height:7px;border:1.5px solid currentColor;border-radius:9px 9px 3px 3px}.icon-message{border:1.7px solid currentColor;border-radius:5px}.icon-message:after{bottom:-4px;left:3px;width:5px;height:5px;border-left:1.7px solid currentColor;transform:skew(-25deg)}.icon-user:before{top:1px;left:6px;width:6px;height:6px;border:1.7px solid currentColor;border-radius:50%}.icon-user:after{bottom:1px;left:3px;width:12px;height:8px;border:1.7px solid currentColor;border-radius:9px 9px 4px 4px}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;align-items:end;background:rgba(20,22,19,.55);animation:fade-in .2s ease both}.modal{width:min(100%,540px);max-height:92vh;overflow:auto;margin:0 auto;padding:24px;border-radius:28px 28px 0 0;background:var(--card);animation:sheet-up .28s ease both}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.modal h2{margin:0;font:700 25px 'Space Grotesk';letter-spacing:-.06em}.modal p{color:var(--muted);font-size:12px;line-height:1.5}.close-button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--ink);background:var(--paper-2);font-size:20px}.modal-game-preview{display:flex;align-items:center;gap:12px;margin:20px 0;padding:12px;border-radius:17px;background:var(--paper)}.modal-game-preview .game-cover{width:66px;height:66px;flex-basis:66px}.modal-game-preview .game-cover small{display:none}.modal-game-preview strong,.modal-game-preview small{display:block}.modal-game-preview small{margin-top:4px;color:var(--muted);font-size:10px}.choice-label{display:block;margin:19px 0 10px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amount-option{padding:14px 4px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--card);font:700 14px 'Space Grotesk'}.amount-option small{display:block;margin-top:4px;color:var(--muted);font:10px 'DM Sans'}.amount-option.is-selected{border-color:var(--ink);color:var(--acid);background:var(--ink)}.amount-option.is-selected small{color:#c6c9be}.modal .primary-button{width:100%;margin-top:20px}.demo-note{margin:12px 0 0;color:var(--muted);font-size:10px;text-align:center}.match-state{padding:28px 5px 10px;text-align:center}.match-orb{display:grid;place-items:center;width:106px;height:106px;margin:0 auto 19px;border:1px solid var(--ink);border-radius:50%;background:var(--acid);font:700 24px 'Space Grotesk';animation:pulse-orb 1.3s infinite alternate}.match-state h3{margin:0;font:700 23px 'Space Grotesk'}.match-state p{margin:9px auto 0;max-width:290px}.match-progress{height:6px;margin:22px 0 4px;overflow:hidden;border-radius:99px;background:var(--paper-2)}.match-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:var(--orange);animation:progress 1.8s ease both}.match-found{display:flex;justify-content:center;margin:20px 0}.versus{display:flex;align-items:center;gap:15px}.versus .avatar{width:50px;height:50px}.versus b{color:var(--orange);font:700 18px 'Space Grotesk'}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes sheet-up{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-orb{from{transform:scale(.94);box-shadow:0 0 0 0 rgba(215,245,87,.3)}to{transform:scale(1.04);box-shadow:0 0 0 16px rgba(215,245,87,0)}}@keyframes progress{from{width:0}to{width:62%}}.toast-root{position:fixed;z-index:60;right:18px;bottom:92px;left:18px;display:grid;justify-items:center;pointer-events:none}.toast{max-width:380px;padding:12px 15px;border-radius:13px;color:#fffef5;background:var(--ink);box-shadow:var(--shadow);font-size:12px;animation:toast-in .25s ease both}.toast strong{color:var(--acid)}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:700px){.topbar{padding-right:0;padding-left:0}.app-shell{padding-bottom:38px}.bottom-nav{position:static;width:auto;margin:38px 0 0;border:1px solid var(--line);border-radius:18px;box-shadow:none}.nav-item.is-active:before{top:auto;bottom:-8px}.hero-card{grid-template-columns:1.1fr .9fr;min-height:330px;padding:34px}.hero-game{align-self:center;justify-content:center}.hero-action{align-self:center}.hero-card .primary-button{width:auto}.game-grid{grid-template-columns:repeat(4,1fr)}.rooms-list{grid-template-columns:repeat(2,1fr)}.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:28px}.party-hero{min-height:240px;padding:34px}.metrics-grid{max-width:650px}}

.language-toggle{min-width:42px;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:var(--card);font-size:10px;font-weight:700;letter-spacing:.08em}.language-toggle:hover{border-color:var(--ink);background:var(--acid)}.game-card-meta{display:block;padding:0 5px 8px;color:var(--muted);font-size:9px}.insight-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:var(--acid)}.insight-card .eyebrow{margin-bottom:5px;color:#667515}.insight-card strong{display:block;font-size:13px}.insight-card p{margin:6px 0 0;color:#65711d;font-size:10px}.pulse-number{font:700 35px 'Space Grotesk';letter-spacing:-.08em}.pulse-number span{font-size:15px}.party-create h2,.schedule-card h2{margin:0;font:700 19px 'Space Grotesk';letter-spacing:-.05em}.party-create p{margin:7px 0 0;color:var(--muted);font-size:11px}.schedule-card{padding:20px}.schedule-line{display:flex;align-items:center;gap:12px;margin-top:10px}.schedule-line strong{font:700 22px 'Space Grotesk'}.schedule-line span{flex:1;color:var(--muted);font-size:11px}.schedule-line .ghost-button{min-height:34px;padding:0 10px;font-size:10px}.family-progress{padding:18px 20px}.family-progress strong{display:block;margin-top:4px;font:700 19px 'Space Grotesk'}.progress-tag{padding:6px 9px;border-radius:9px;color:#596a0c;background:#eff8bc;font:700 11px 'Space Grotesk'}.progress-track{height:8px;margin-top:15px;overflow:hidden;border-radius:99px;background:#e4e2ed}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--ink)}.rank-list{padding:6px 18px}.family-task{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fff3d8}.family-task strong{display:block;font:700 18px 'Space Grotesk';letter-spacing:-.05em}.family-task p{margin:7px 0 0;color:var(--muted);font-size:11px}.task-icon{font-size:29px}.page-title-row{align-items:end}.page-title-row .page-subtitle{margin-bottom:0}.message-filters{margin-bottom:13px}.message-card{padding:4px 18px}.history-card{padding:4px 18px}.game-table{display:grid;place-items:center;min-height:240px;margin:20px 0;background:var(--ink);color:white}.game-table .match-orb{width:75px;height:75px;margin-bottom:14px}.game-table p{margin-bottom:0;color:#aeb2a7}.wallet-modal-card{margin-top:20px}.chat-bubble{margin:20px 0;padding:14px;background:var(--paper)}.chat-bubble p{margin:0;color:var(--ink)}
.mimoon-ui-polish{--acid-deep:#a9c932;--focus-ring:0 0 0 4px rgba(106,131,255,.2);--shadow-lift:0 22px 44px rgba(35,38,30,.14)}
:root{--acid-deep:#a9c932;--focus-ring:0 0 0 4px rgba(106,131,255,.2)}
::selection{color:var(--ink);background:var(--acid)}
button,input{-webkit-tap-highlight-color:transparent}button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}button:active{transform:translateY(1px)}button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.45;transform:none!important;box-shadow:none!important}button:focus-visible,input:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(106,131,255,.2)}
.icon-button:hover,.close-button:hover{border-color:var(--ink);background:var(--acid)}.profile-chip:hover .avatar{box-shadow:0 0 0 3px var(--acid)}.primary-button:hover,.secondary-button:hover{background:var(--acid-deep);box-shadow:0 9px 20px rgba(169,201,50,.2)}.ghost-button:hover{border-color:var(--ink);background:var(--paper-2)}
.hero-card{border:0;box-shadow:0 26px 55px rgba(32,35,31,.2)}.hero-card .primary-button{box-shadow:0 10px 0 rgba(32,35,31,.22)}.hero-card .primary-button:hover{box-shadow:0 7px 0 rgba(32,35,31,.22)}.game-card:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(106,131,255,.2),0 22px 44px rgba(35,38,30,.14)}.game-card:active{transform:scale(.985)}.game-card .game-cover{transition:transform .25s ease,filter .25s ease}.game-card:hover .game-cover{transform:scale(1.025);filter:saturate(1.08)}.filter-chip:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}.filter-chip.is-active:hover{color:var(--acid);background:var(--ink)}
.room-card{min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.room-card:hover{transform:translateY(-2px);border-color:rgba(32,35,31,.26);box-shadow:0 12px 25px rgba(35,38,30,.09)}.room-join:active{transform:scale(.96)}.party-hero,.family-card,.profile-card,.insight-card,.family-task{box-shadow:var(--shadow)}
.message-row{border-radius:13px;transition:background-color .18s ease,padding .18s ease}.message-row:hover{padding-right:8px;padding-left:8px;background:var(--paper)}.message-row:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(106,131,255,.2)}.nav-item:hover{color:var(--ink);background:var(--paper-2);border-radius:10px}.nav-item.is-active:hover{background:transparent}.nav-item:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(106,131,255,.2)}
.modal-backdrop{padding:0;overscroll-behavior:contain}.modal{box-shadow:0 -20px 70px rgba(20,22,19,.22)}.modal:before{display:block;width:42px;height:4px;margin:-10px auto 18px;border-radius:99px;background:var(--line);content:''}.modal h2{line-height:1.05}.amount-option:hover{border-color:var(--ink);background:var(--paper)}.amount-option.is-selected:hover{color:var(--acid);background:var(--ink)}.modal-game-preview{border:1px solid transparent;transition:border-color .18s ease,background-color .18s ease}.modal-game-preview:hover{border-color:var(--line);background:var(--paper-2)}.match-state{min-height:300px;display:flex;flex-direction:column;justify-content:center}.match-progress{background:#e5e5dd;box-shadow:inset 0 1px 2px rgba(32,35,31,.08)}.chat-bubble{border:1px solid var(--line);border-radius:16px 16px 16px 4px}.toast{border:1px solid rgba(215,245,87,.2)}
@media (max-width:699px){#app{padding-right:16px;padding-left:16px}.topbar{padding-right:16px;padding-left:16px}.profile-chip-copy{display:none}.page-title-row{align-items:flex-start}.page-title-row .language-toggle{margin-top:1px}.section{margin-top:24px}.hero-card{min-height:360px;padding:23px 20px}.hero-card h1{max-width:290px}.hero-action{width:100%;margin-top:auto}.party-hero{min-height:190px;padding:22px 20px}.party-hero h1{font-size:32px}.party-orbit{width:82px;height:82px;font-size:17px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:14px 10px}.metric strong{font-size:17px}.profile-card{align-items:flex-start;flex-wrap:wrap}.profile-card .secondary-button{margin-left:auto}.amount-grid{grid-template-columns:repeat(2,1fr)}.modal{max-height:88vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.toast-root{bottom:104px}}
@media (min-width:700px){.modal-backdrop{padding:28px}.modal{max-height:86vh}.modal:before{display:none}.hero-card{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)}.party-hero{grid-template-columns:minmax(0,1fr) 150px}.party-orbit{width:128px;height:128px}.message-card,.history-card{padding-right:22px;padding-left:22px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.match-entry{position:relative;overflow:hidden;padding:17px 19px;background:var(--card);box-shadow:0 14px 35px rgba(35,38,30,.07)}.match-entry:after{position:absolute;right:-30px;bottom:-64px;width:170px;height:170px;border:24px solid var(--acid);border-radius:50%;content:'';opacity:.65}.match-entry-top{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.match-entry-top .eyebrow{margin:0;color:var(--muted);font-size:9px}.match-live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,129,91,.14)}.match-entry-stat{margin-left:auto;color:var(--muted);font-size:10px}.match-entry-body{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:17px}.match-entry-copy{min-width:0}.match-entry-copy h1{margin:0;font:700 clamp(25px,4vw,38px)/1 'Space Grotesk';letter-spacing:-.08em}.match-entry-copy>p{margin:7px 0 14px;color:var(--muted);font-size:11px}.match-entry-game{display:flex;align-items:center;gap:9px}.match-entry-game>div:not(.match-entry-cover){min-width:0}.match-entry-game strong,.match-entry-game small{display:block;white-space:nowrap}.match-entry-game strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.match-entry-game small{margin-top:3px;color:var(--muted);font-size:9px}.match-entry-game .text-button{margin-left:4px;color:var(--muted);font-size:9px;white-space:nowrap}.match-entry-cover{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#58d2d2,#4261d2 55%,#25284d);font:700 12px 'Space Grotesk'}.match-entry-action{display:flex;align-items:center;gap:9px;min-width:106px;height:52px;padding:0 14px;border-radius:16px;color:var(--ink);background:var(--acid);font-size:11px;font-weight:700;box-shadow:0 6px 0 rgba(32,35,31,.13)}.match-entry-action b{font-size:18px}.match-entry-action:hover{background:var(--acid-deep);transform:translateY(-2px);box-shadow:0 8px 0 rgba(32,35,31,.13)}.game-filters{margin-bottom:13px}.party-game-grid{display:grid;grid-template-columns:1fr;gap:10px}.party-game-card{position:relative;display:flex;align-items:center;gap:11px;padding:9px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.party-game-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(35,38,30,.12)}.party-game-card .game-cover{width:64px;height:64px;flex:0 0 auto;border-radius:16px;font-size:18px}.party-game-card .game-cover small{display:none}.party-game-card>div:not(.game-cover){min-width:0;flex:1}.party-game-card strong,.party-game-card small{display:block}.party-game-card strong{font-size:13px}.party-game-card small{margin-top:5px;color:var(--muted);font-size:10px}.party-game-card>span:last-child{color:var(--orange);font-size:20px}.party-game-modal-art .game-cover{height:150px;margin-top:20px;border-radius:20px}.party-game-modal-art .game-cover small{font-size:10px}.party-game-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.party-game-facts span{padding:11px;border-radius:13px;background:var(--paper);color:var(--muted);font-size:10px}.party-game-facts b{display:block;margin-top:4px;color:var(--ink);font:700 15px 'Space Grotesk'}.game-cover-coral{background:linear-gradient(145deg,#ffbd79,#ee6e6b 56%,#722f5f)}.game-cover-gold{background:linear-gradient(145deg,#ffe17d,#e6a33e 55%,#77502f)}.game-cover-sky{background:linear-gradient(145deg,#8ee9f6,#4d9bd0 55%,#274b7c)}.game-cover-violet{background:linear-gradient(145deg,#ddb5ff,#9366dc 55%,#403177)}.game-cover-lime{background:linear-gradient(145deg,#e6f875,#72be63 55%,#24624d)}
@media (min-width:700px){.party-game-grid{grid-template-columns:repeat(3,1fr)}.match-entry{padding:20px 24px}.match-entry-body{align-items:center}.match-entry-action{min-width:132px}.party-game-card .game-cover{width:76px;height:76px}}
.room-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0;background:transparent;color:inherit;text-align:left}.room-main:focus-visible{outline:0;box-shadow:var(--focus-ring)}.room-detail-heading{display:flex;align-items:center;gap:11px;margin:20px 0 13px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.room-detail-heading>div{min-width:0;flex:1}.room-detail-heading strong,.room-detail-heading small{display:block}.room-detail-heading strong{font-size:13px}.room-detail-heading small{margin-top:4px;color:var(--muted);font-size:10px}.seat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.seat{display:flex;align-items:center;gap:8px;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.seat.empty{justify-content:center;flex-direction:column;border-style:dashed;color:var(--muted)}.seat.empty>span{font-size:20px}.seat span:not(.avatar){font-size:10px}.seat span small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.room-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.family-meta button,.metric,.rank-row,.family-task,.wallet-row{border:0;background:transparent;color:inherit;text-align:left}.family-meta button{padding:0;cursor:pointer}.metric,.rank-row,.family-task,.wallet-row{width:100%;cursor:pointer}.metric:hover,.rank-row:hover,.family-task:hover,.wallet-row:hover{background:var(--paper)}
.topbar .language-toggle{display:none}
.settings-modal .language-toggle,.settings-modal .language-option,.settings-modal [data-language],.language-options button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:76px;padding:0 14px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--card);font-size:12px;font-weight:700;cursor:pointer}
.settings-modal .language-toggle:hover,.settings-modal .language-option:hover,.settings-modal [data-language]:hover,.language-options button:hover{border-color:var(--ink);background:var(--acid)}
.settings-modal .language-toggle[aria-pressed="true"],.settings-modal .language-option.is-active,.settings-modal [data-language].is-active,.language-options button.is-active{border-color:var(--ink);color:var(--acid);background:var(--ink)}
.language-options,.language-picker,.settings-language{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.modal-backdrop{place-items:center;padding:18px;overflow:auto}.modal{width:min(100%,480px);max-height:min(82vh,660px);border:1px solid rgba(180,183,170,.55);border-radius:26px;box-shadow:0 24px 80px rgba(20,22,19,.28)}
.modal.modal-compact,.compact-modal{width:min(100%,420px);max-height:min(76vh,560px);padding:20px}.modal.modal-drawer,.drawer-modal{width:min(100%,540px);max-height:min(84vh,700px)}.message-detail-modal,.message-drawer{width:min(100%,430px);max-height:min(76vh,560px)}
.play-mode,.play-modes,.watch-actions,.room-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.play-mode button,.play-modes button,.watch-actions button{min-height:44px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--card);font-size:11px;font-weight:700}.play-mode .is-active,.play-modes .is-active,.watch-actions .is-active{border-color:var(--ink);color:var(--acid);background:var(--ink)}
.status-live,.status-entered,.status-watching,.status-joined{color:#53680d;background:#eff8bc}.status-idle,.status-left,.status-not-joined,.status-muted{color:var(--muted);background:var(--paper-2)}.status-live,.status-entered,.status-watching,.status-joined,.status-idle,.status-left,.status-not-joined,.status-muted{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:700}.status-live:before{width:6px;height:6px;border-radius:50%;background:var(--orange);content:''}
.party-room-header,.live-room-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.party-room-header h2,.live-room-header h2{margin:0;font:700 21px 'Space Grotesk';letter-spacing:-.06em}.live-room-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:10px}
.mic-grid,.party-seats,.seat-grid--13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mic-seat,.party-seat{position:relative;display:flex;align-items:center;gap:8px;min-height:64px;padding:9px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.mic-seat.is-live,.party-seat.is-live,.seat.is-speaking{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,129,91,.16)}.mic-seat.is-muted,.party-seat.is-muted,.seat.is-muted{opacity:.7}.mic-seat.is-empty,.party-seat.is-empty{justify-content:center;color:var(--muted);border-style:dashed;background:rgba(236,235,229,.42)}.mic-seat .seat-copy,.party-seat .seat-copy{min-width:0;display:grid;gap:3px}.mic-seat strong,.party-seat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mic-seat small,.party-seat small{color:var(--muted);font-size:9px}.mic-state{position:absolute;right:8px;top:8px;color:var(--muted);font-size:11px}.live-room-actions,.mic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.live-room-actions button,.mic-actions button{min-height:40px;padding:0 13px;border-radius:12px;font-size:11px;font-weight:700}.mic-actions .raise-hand,.live-room-actions .join-mic{color:var(--ink);background:var(--acid)}.mic-actions .leave-room,.live-room-actions .leave-room{color:#fffef5;background:var(--ink)}
.family-grid,.families-list{display:grid;grid-template-columns:1fr;gap:10px}.family-card.is-joined,.family-card--joined{border:2px solid var(--ink);background:var(--acid)}.family-card.is-not-joined,.family-card--not-joined{background:var(--card)}.family-card.is-current:before,.family-card--joined:before{display:inline-flex;margin-bottom:12px;padding:5px 8px;border-radius:8px;color:var(--acid);background:var(--ink);content:'当前家族';font-size:9px;font-weight:700}.family-card.is-not-joined .secondary-button,.family-card--not-joined .secondary-button{color:var(--ink);background:var(--paper-2)}
@media (min-width:700px){.mic-grid,.party-seats,.seat-grid--13{grid-template-columns:repeat(4,minmax(0,1fr))}.family-grid,.families-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1050px){.mic-grid,.party-seats,.seat-grid--13{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:420px){.play-mode,.play-modes,.watch-actions{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal,.modal.modal-compact,.compact-modal,.message-detail-modal,.message-drawer{border-radius:22px;padding:18px 16px}.mic-grid,.party-seats,.seat-grid--13{gap:6px}.mic-seat,.party-seat{min-height:58px;padding:8px}}
.prototype-body{min-height:100vh;background:#dcdcd5}.prototype-body .app-shell{width:100%;min-height:100vh;margin:0 auto;background:var(--paper)}.prototype-body .shell-settings{display:none}.prototype-body .shell-settings[hidden]{display:none}.prototype-body .profile-chip[hidden]{display:none}.nav-item .nav-badge{top:-2px;left:50%;margin:0;transform:translate(8px,-2px)}.page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.page-settings-button{flex:0 0 auto}.profile-card-clean{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-card-clean h1{margin:5px 0 0;font:700 27px 'Space Grotesk';letter-spacing:-.07em}.profile-card-clean p{margin:6px 0 0;color:#aeb2a7;font-size:11px}.family-hub{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:23px;background:var(--lavender)}.family-hub h1{max-width:460px;margin:0;font:700 clamp(30px,6vw,47px)/.96 'Space Grotesk';letter-spacing:-.08em}.family-hub p{max-width:430px;margin:12px 0 0;color:#5c5877;font-size:12px;line-height:1.55}.family-count{flex:0 0 auto;text-align:right}.family-count strong,.family-count span{display:block}.family-count strong{font:700 44px 'Space Grotesk';letter-spacing:-.08em}.family-count span{color:#5c5877;font-size:10px}.family-list{display:grid;gap:10px;margin-top:14px}.family-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 15px}.family-row-main{display:flex;align-items:center;gap:10px;min-width:0}.family-row-main>span:last-child{min-width:0}.family-row-main strong,.family-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-row-main strong{font-size:12px}.family-row-main small{margin-top:4px;color:var(--muted);font-size:10px}.family-state{padding:5px 8px;border-radius:8px;color:var(--muted);background:var(--paper-2);font-size:9px;font-weight:700}.family-row .text-button{font-size:10px;white-space:nowrap}.picker-list{display:grid;gap:8px;margin-top:18px}.picker-game{display:flex;align-items:center;gap:11px;width:100%;padding:8px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--card);text-align:left}.picker-game:hover,.picker-game.is-selected{border-color:var(--ink);background:var(--paper)}.picker-game .picker-cover{width:52px;height:52px;flex:0 0 auto;border-radius:13px;font-size:16px}.picker-game .picker-cover small{display:none}.picker-game>span:not(.game-cover){min-width:0;flex:1}.picker-game strong,.picker-game small{display:block}.picker-game strong{font-size:12px}.picker-game small{margin-top:4px;color:var(--muted);font-size:10px}.picker-game>b{color:var(--orange);font-size:18px}.prototype-body .shell-settings{font-size:15px}.settings-version{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font:700 10px 'Space Grotesk';letter-spacing:.08em;text-align:center}.prototype-body{overflow-x:hidden}@media (min-width:760px){.prototype-body{display:grid;place-items:center;padding:28px 0}.prototype-body .app-shell{width:430px;height:min(900px,calc(100vh - 56px));min-height:680px;overflow-y:auto;border:8px solid #282b27;border-radius:38px;box-shadow:0 25px 80px rgba(30,32,26,.24)}.prototype-body .topbar{padding-right:16px;padding-left:16px}.prototype-body #app{padding-right:16px;padding-left:16px}.prototype-body .bottom-nav{position:static;margin-top:32px;border-radius:0;box-shadow:none}.prototype-body .nav-item.is-active:before{top:auto;bottom:-8px}.family-row{grid-template-columns:minmax(0,1fr) auto auto auto}}@media (max-width:759px){.prototype-body{background:var(--paper)}.family-hub{align-items:flex-start}.family-count strong{font-size:34px}.family-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.family-row .family-state{grid-column:2;grid-row:1}.family-row .ghost-button{grid-column:1;grid-row:2;justify-self:start}.family-row .text-button{grid-column:2;grid-row:2;justify-self:end}.profile-card-clean{align-items:flex-start}.profile-card-clean .status-live{margin-top:2px}.match-entry-body{align-items:flex-end}.match-entry-action{flex:0 0 auto;min-width:90px;padding:0 10px}}
.prototype-body{min-height:100vh;background:#dcdcd5}.prototype-body .app-shell{width:100%;min-height:100vh;margin:0 auto;background:var(--paper)}.prototype-body .shell-settings{display:none}.prototype-body .shell-settings[hidden]{display:none}.prototype-body .profile-chip[hidden]{display:none}.nav-item .nav-badge{top:-2px;left:50%;margin:0;transform:translate(8px,-2px)}.page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.page-settings-button{flex:0 0 auto}.profile-card-clean{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-card-clean h1{margin:5px 0 0;font:700 27px 'Space Grotesk';letter-spacing:-.07em}.profile-card-clean p{margin:6px 0 0;color:#aeb2a7;font-size:11px}.family-hub{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:23px;background:var(--lavender)}.family-hub h1{max-width:460px;margin:0;font:700 clamp(30px,6vw,47px)/.96 'Space Grotesk';letter-spacing:-.08em}.family-hub p{max-width:430px;margin:12px 0 0;color:#5c5877;font-size:12px;line-height:1.55}.family-count{flex:0 0 auto;text-align:right}.family-count strong,.family-count span{display:block}.family-count strong{font:700 44px 'Space Grotesk';letter-spacing:-.08em}.family-count span{color:#5c5877;font-size:10px}.family-list{display:grid;gap:10px;margin-top:14px}.family-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 15px}.family-row-main{display:flex;align-items:center;gap:10px;min-width:0}.family-row-main>span:last-child{min-width:0}.family-row-main strong,.family-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-row-main strong{font-size:12px}.family-row-main small{margin-top:4px;color:var(--muted);font-size:10px}.family-state{padding:5px 8px;border-radius:8px;color:var(--muted);background:var(--paper-2);font-size:9px;font-weight:700}.family-row .text-button{font-size:10px;white-space:nowrap}.settings-version{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font:700 10px 'Space Grotesk';letter-spacing:.08em;text-align:center}.picker-list{display:grid;gap:8px;margin-top:18px}.picker-game{display:flex;align-items:center;gap:11px;width:100%;padding:8px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--card);text-align:left}.picker-game:hover,.picker-game.is-selected{border-color:var(--ink);background:var(--paper)}.picker-game .picker-cover{width:52px;height:52px;flex:0 0 auto;border-radius:13px;font-size:16px}.picker-game .picker-cover small{display:none}.picker-game>span:not(.game-cover){min-width:0;flex:1}.picker-game strong,.picker-game small{display:block}.picker-game strong{font-size:12px}.picker-game small{margin-top:4px;color:var(--muted);font-size:10px}.picker-game>b{color:var(--orange);font-size:18px}.party-hero p{max-width:360px}.message-list{width:100%;max-width:100%}.message-row{min-width:0}.message-row>span:not(.avatar){min-width:0}.message-row-copy{min-width:0;overflow:hidden}.message-row-copy strong,.message-row-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:760px){.prototype-body{display:grid;place-items:center;padding:28px 0}.prototype-body .app-shell{width:430px;height:min(900px,calc(100vh - 56px));min-height:680px;overflow-y:auto;border:8px solid #282b27;border-radius:38px;box-shadow:0 25px 80px rgba(30,32,26,.24)}.prototype-body .topbar{padding-right:16px;padding-left:16px}.prototype-body #app{padding-right:16px;padding-left:16px}.prototype-body .bottom-nav{position:static;margin-top:32px;border-radius:0;box-shadow:none}.prototype-body .nav-item.is-active:before{top:auto;bottom:-8px}.family-row{grid-template-columns:minmax(0,1fr) auto auto auto}}@media (max-width:759px){.prototype-body{background:var(--paper)}.family-hub{align-items:flex-start}.family-count strong{font-size:34px}.family-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.family-row .family-state{grid-column:2;grid-row:1}.family-row .ghost-button{grid-column:1;grid-row:2;justify-self:start}.family-row .text-button{grid-column:2;grid-row:2;justify-self:end}.profile-card-clean{align-items:flex-start}.profile-card-clean .status-live{margin-top:2px}.match-entry-body{align-items:flex-end}.match-entry-action{flex:0 0 auto;min-width:90px;padding:0 10px}}

/* Layout guardrails: keep narrow screens from inheriting desktop-sized children. */
html,body{overflow-x:hidden}
.app-shell,#app,.section,.card,.section-heading,.section-heading>*,.page-title-row,.page-title-row>*,.room-card,.message-card,.history-card,.wallet-card,.profile-card,.family-card,.party-hero,.match-entry,.modal{min-width:0;max-width:100%}
.app-shell{width:100%}
#app{width:100%;margin:0 auto}
.section,.card{box-sizing:border-box}
.section>*{min-width:0;max-width:100%}
.section-heading{gap:10px}
.section-heading h2,.section-heading p,.page-title,.page-subtitle{min-width:0;overflow-wrap:anywhere}
.page-title-row{display:flex;justify-content:space-between;gap:12px}
.page-title-row .page-title{flex:1}
.page-title-row .language-toggle{flex:0 0 auto}
.game-grid,.rooms-list,.message-list,.history-list,.family-grid,.families-list,.metrics-grid,.amount-grid,.play-mode,.play-modes,.watch-actions,.party-game-grid,.party-game-facts,.mic-grid,.party-seats,.seat-grid--13{min-width:0}
.game-grid>*,.rooms-list>* ,.message-list>* ,.history-list>* ,.family-grid>* ,.families-list>* ,.metrics-grid>* ,.amount-grid>* ,.play-mode>* ,.play-modes>* ,.watch-actions>* ,.party-game-grid>* ,.mic-grid>* ,.party-seats>* ,.seat-grid--13>*{min-width:0;max-width:100%}
.primary-button,.secondary-button,.ghost-button,.room-join,.match-entry-action{max-width:100%;white-space:normal}

.room-card{overflow:hidden}
.room-card .avatar,.message-row .avatar,.wallet-row .wallet-icon{flex:0 0 auto}
.room-card-copy,.message-row-copy,.wallet-row-copy,.rank-copy,.seat-copy,.mic-seat .seat-copy,.party-seat .seat-copy,.match-entry-copy,.match-entry-game>div{min-width:0}
.room-badge,.room-join,.message-time,.rank-score,.wallet-value{flex:0 0 auto}
.rank-row{grid-template-columns:26px 34px minmax(0,1fr) auto;gap:8px}
.wallet-row{gap:10px}
.wallet-row-copy{min-width:0;flex:1}

.profile-card{position:relative;align-items:flex-start}
.profile-card>div:not(.avatar),.profile-card>section{min-width:0}
.profile-card .secondary-button{margin-left:auto;align-self:flex-start;flex:0 0 auto}
.profile-card h1{overflow-wrap:anywhere}
.profile-card p{overflow-wrap:anywhere}

.message-detail-modal,.message-drawer{width:min(100%,430px);max-height:min(72vh,540px);align-self:center}
.message-detail-modal .chat-bubble,.message-drawer .chat-bubble{margin:14px 0;padding:12px}
.message-detail-modal .modal-top,.message-drawer .modal-top{align-items:center}
.message-detail-modal .modal h2,.message-drawer h2{font-size:22px}

.mic-seat,.party-seat,.seat{overflow:hidden;min-width:0}
.mic-seat .avatar,.party-seat .avatar,.seat .avatar{width:30px;height:30px;border-radius:10px;font-size:11px}
.mic-seat strong,.party-seat strong,.seat span:not(.avatar){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mic-state{right:6px;top:6px}
.party-room-header,.live-room-header{min-width:0}
.party-room-header h2,.live-room-header h2{min-width:0;overflow-wrap:anywhere}

.modal-backdrop{padding:12px}
.modal{width:min(100%,480px);max-height:min(84vh,660px);overflow-x:hidden}
.modal-game-preview{min-width:0}
.modal-game-preview>div:last-child{min-width:0}
.modal-game-preview strong,.modal-game-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.party-game-modal-art .game-cover{height:clamp(118px,34vw,150px)}
.play-mode button,.play-modes button,.watch-actions button{min-width:0;overflow-wrap:anywhere}

@media (max-width:699px){
  .topbar{width:100%;min-width:0}
  .top-actions{min-width:0;gap:8px}
  .profile-chip{min-width:0}
  .hero-card{width:100%;grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-action{min-width:0}
  .party-hero{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .party-hero p{max-width:100%}
  .family-meta{gap:10px}
  .family-meta>*{min-width:0}
  .metrics-grid{gap:7px}
  .metric{padding-right:7px;padding-left:7px}
  .metric strong{font-size:clamp(15px,5vw,19px);overflow-wrap:anywhere}
  .message-card,.history-card{padding-right:12px;padding-left:12px}
  .message-row{gap:9px}
  .message-time{font-size:9px}
  .match-entry{padding:16px}
  .match-entry-body{align-items:stretch;flex-direction:column;gap:13px}
  .match-entry-action{width:100%;justify-content:center}
  .party-game-card{padding:8px}
  .party-game-card .game-cover{width:56px;height:56px}
  .mic-seat,.party-seat{gap:6px}
  .mic-seat .avatar,.party-seat .avatar{width:27px;height:27px}
}

@media (min-width:700px){
  #app{padding-right:0;padding-left:0}
  .section{width:100%}
  .match-entry-body{min-width:0}
  .match-entry-action{flex:0 0 auto}
}
.prototype-body .shell-settings:not([hidden]){display:grid!important}@media (min-width:760px){.prototype-body .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-body .rooms-list{grid-template-columns:1fr}.prototype-body .party-game-grid{grid-template-columns:1fr}.prototype-body .party-hero{grid-template-columns:1fr auto;min-height:190px;padding:22px 20px}.prototype-body .party-hero h1{font-size:32px}.prototype-body .party-orbit{width:82px;height:82px;font-size:17px}.prototype-body .family-hub{align-items:flex-start}.prototype-body .family-count strong{font-size:34px}.prototype-body .family-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.prototype-body .family-row .family-state{grid-column:2;grid-row:1}.prototype-body .family-row .ghost-button{grid-column:1;grid-row:2;justify-self:start}.prototype-body .family-row .text-button{grid-column:2;grid-row:2;justify-self:end}.prototype-body .modal-backdrop{padding:12px}.prototype-body .modal{max-height:88vh;padding:20px 18px}.prototype-body .amount-grid{grid-template-columns:repeat(2,1fr)}}
.prototype-body .page-settings-button{display:none!important}.prototype-body .message-row>span:not(.avatar){display:block;min-width:0;flex:1;overflow:hidden}.prototype-body .message-row>span:not(.avatar) strong,.prototype-body .message-row>span:not(.avatar) small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prototype-body .message-row>span:not(.avatar) small{margin-top:4px;color:var(--muted);font-size:10px}