:root{color-scheme:dark;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:#f5ead1;background:#07131e;font-synthesis:none;--ink: #07131e;--ink-deep: #030b12;--table: #08233a;--table-light: #0d3150;--ivory: #f5ead1;--muted: #b9a98d;--line: rgba(202, 161, 94, .38);--line-soft: rgba(245, 234, 209, .12);--gold-accent: #f1bd59;--coral: #d95743;--sunflower: #e9aa20;--jade: #37885e;--cobalt: #276bb1;--silver: #bcc5cc;--radius: 18px;--shadow: 0 24px 70px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold-accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}p,h1,h2,h3{margin-top:0}.app-shell{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(21,66,97,.2),transparent 32rem),linear-gradient(#020b121a,#020b12d1),var(--ink)}.app-shell:before,.game-screen:before,.lobby-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");z-index:30;mix-blend-mode:soft-light}.logo{display:inline-flex;align-items:center;color:var(--ivory);font-size:clamp(26px,2.7vw,42px);font-weight:900;letter-spacing:-.08em;line-height:1;text-shadow:0 4px 20px rgba(242,190,89,.1)}.logo-mark{position:relative;display:inline-grid;width:.78em;height:.78em;place-items:center;margin-left:.03em;border:.17em solid currentColor;border-radius:50%;color:var(--ivory);-webkit-text-fill-color:transparent;transform:rotate(20deg)}.logo-mark:after{content:"";position:absolute;width:1.1em;height:.18em;border-radius:1em;background:var(--ivory);transform:rotate(44deg)}.brand-button{border:0;background:transparent;cursor:pointer;padding:0}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;min-height:86px;padding:0 clamp(22px,3.2vw,54px);border-bottom:1px solid var(--line);background:#04101af0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-nav{display:flex;align-self:stretch;margin-left:44px;gap:34px}.main-nav button{position:relative;border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;padding:0 4px}.main-nav button:after{content:"";position:absolute;left:4px;right:4px;bottom:-1px;height:2px;background:var(--gold-accent);transform:scaleX(0);transition:transform .2s ease}.main-nav button:hover,.main-nav button.active{color:var(--ivory)}.main-nav button.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.language-switcher{position:relative;display:inline-flex;align-items:center}.language-switcher>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.language-switcher select{min-height:42px;width:132px;border:1px solid var(--line-soft);border-radius:11px;padding:0 30px 0 11px;color:var(--ivory);background:#081b2a;cursor:pointer}.language-switcher select:hover{border-color:var(--line)}.language-switcher.compact select{width:62px;min-height:38px;padding-left:9px;padding-right:5px;font-size:11px;font-weight:800;letter-spacing:.06em}.profile-button,.currency-pair{min-height:58px;border:1px solid var(--line);background:#051420b3}.profile-button{display:flex;align-items:center;gap:10px;border-radius:15px;padding:7px 14px 7px 8px;cursor:pointer;text-align:left}.profile-button>span:last-child{display:grid;gap:2px}.profile-button strong{font-size:14px}.profile-button small{font-size:11px;color:var(--gold-accent)}.hood-avatar{position:relative;display:inline-block;width:40px;height:40px;border-radius:50%;border:1px solid #bc8e43;overflow:hidden;background:radial-gradient(circle at 50% 42%,#10151a 0 23%,#020508 25% 46%,#151b23 47% 100%);box-shadow:inset 0 0 0 3px #03090ea6}.hood-avatar i{position:absolute;width:20px;height:24px;border:5px solid #1a212a;border-bottom:0;border-radius:50% 50% 30% 30%;left:9px;top:7px}.hood-avatar.large{width:74px;height:74px;flex:0 0 auto}.hood-avatar.large i{width:38px;height:43px;left:17px;top:13px;border-width:8px}.currency-pair{display:flex;border-radius:15px;padding:6px 11px}.currency{display:flex;align-items:center;gap:7px;padding:0 11px}.currency+.currency{border-left:1px solid var(--line-soft)}.currency>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;font-style:normal;font-size:14px}.currency.silver>i{border:1px solid #cbd2d8;background:#737e87;color:#fff}.currency.gold>i{border:1px solid #ffd57d;background:#ad7926;color:#fff2c8}.currency span{display:grid}.currency small{color:var(--muted);font-size:10px;line-height:1}.currency strong{font-size:15px}.icon-button{position:relative;display:inline-grid;width:42px;height:42px;place-items:center;border-radius:12px;border:1px solid var(--line-soft);background:#081b2ab8;cursor:pointer}.icon-button:hover{color:var(--gold-accent);border-color:var(--line)}.notification-button>span{position:absolute;right:-5px;top:-5px;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border-radius:9px;color:#07131e;background:var(--gold-accent);font-size:10px;font-weight:800}.connection-dot{width:7px;height:7px;border-radius:50%;background:#9b463e;box-shadow:0 0 0 4px #9b463e24}.connection-dot.online{background:#62a97c;box-shadow:0 0 0 4px #62a97c24}.hub-shell,.panel-shell{width:min(1440px,100%);margin:0 auto;padding:0 clamp(20px,3.2vw,52px) 70px}.welcome-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.7fr);min-height:430px;overflow:hidden;border-bottom:1px solid var(--line-soft)}.welcome-copy{position:relative;z-index:2;padding:48px 0 40px}.welcome-copy>h1{margin-bottom:8px;font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.05}.welcome-copy>p{color:var(--muted);font-size:18px}.play-actions{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:18px;margin-top:38px}.action-tile{position:relative;min-height:200px;border:1px solid var(--line);border-radius:0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:#071927d6;padding:24px;color:var(--ivory);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}button.action-tile:hover{transform:translateY(-4px);background:#0b2a43}.action-tile:first-child{background:linear-gradient(145deg,#0d3659,#081d30)}.action-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:18px;border-radius:50%;color:var(--gold-accent);border:1px solid currentColor;background:#0b2437b3}.action-tile h2{margin-bottom:6px;font-size:21px;letter-spacing:-.02em}.action-tile p{min-height:42px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.tile-arrow{position:absolute;right:20px;bottom:20px}.difficulty-row{display:flex;gap:5px;margin-top:14px}.difficulty-row button,.add-ai button{border:1px solid var(--line-soft);background:transparent;color:var(--muted);padding:6px 8px;font-size:10px;text-transform:capitalize;cursor:pointer}.difficulty-row button:hover,.add-ai button:hover{color:var(--ink);background:var(--gold-accent)}.welcome-art{position:relative;min-height:430px;margin-right:-52px;background:linear-gradient(90deg,var(--ink) 0%,transparent 35%),url(/assets/ungo-table-room.png) 51% 16% / 185% auto no-repeat}.large-hood,.held-backs{display:none}.hub-section{padding-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{margin-bottom:2px;font-size:27px;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--muted);font-size:12px}.outline-button,.quiet-button,.join-button,.text-button,.primary-button,.support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#071724b8;color:var(--ivory);cursor:pointer}.outline-button{min-height:42px;border-radius:10px;padding:0 16px;font-size:13px}.outline-button:hover,.join-button:hover{border-color:var(--gold-accent);color:var(--gold-accent)}.primary-button{min-height:48px;border-radius:12px;padding:0 22px;border-color:#f5cf83;background:var(--gold-accent);color:#09131b;font-weight:800;box-shadow:0 8px 22px #ca8f2a29}.primary-button:hover{background:#ffd277}.quiet-button{min-height:42px;border-color:transparent;background:transparent;padding:0 12px;color:var(--muted)}.quiet-button:hover{color:var(--ivory)}.text-button{border:0;background:transparent;color:var(--gold-accent);padding:10px;margin:4px auto 0}.room-table{border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;background:#04121dad}.room-row{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(180px,.8fr) minmax(140px,.8fr) 110px;align-items:center;min-height:64px;padding:0 18px;border-top:1px solid var(--line-soft)}.room-row:first-child{border-top:0}.room-row.featured{box-shadow:inset 0 0 0 1px #b37b33;background:#122c409e}.room-head{min-height:34px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.room-name{display:grid;grid-template-columns:40px 1fr;align-items:center}.room-name .room-gem{grid-row:1 / 3}.room-name strong{font-size:16px}.room-name small{color:var(--muted);font-size:10px}.room-gem{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--gold-accent);border-radius:50%;background:#2b6753}.room-gem:after{content:"";width:9px;height:9px;border:2px solid var(--ivory);transform:rotate(45deg)}.gem-1{background:#8b4239}.gem-2{background:#9b7629}.gem-3{background:#2c5c86}.seat-count{display:flex;align-items:center;gap:12px}.seat-dots{display:flex;gap:4px}.seat-dots i{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#0a151e}.seat-dots i.filled{background:radial-gradient(circle at 50% 35%,#ddbd7d 0 20%,#7d5930 22% 100%)}.seat-count b{font-size:12px}.room-mode{display:flex;align-items:center;gap:9px;font-size:13px}.join-button{min-height:36px;border-radius:8px;font-size:12px}.empty-row{padding:30px;color:var(--muted);text-align:center}.schedule-band{display:grid;grid-template-columns:48px minmax(160px,1fr) 1fr .7fr auto;align-items:center;gap:24px;width:100%;min-height:78px;padding:0 22px;border:1px solid var(--line);border-radius:14px;color:var(--ivory);background:#071826c7;cursor:pointer;text-align:left}.schedule-band:hover{background:#0b293f}.schedule-band time,.schedule-band>span{color:var(--muted);font-size:13px}.schedule-band b{display:flex;align-items:center;gap:8px;color:var(--gold-accent);font-size:12px}.schedule-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#9ec9ef!important;border:1px solid #4183bd;background:#0d3150}.support-note,.guest-footnote{color:var(--muted);font-size:11px;text-align:center;margin:22px 0 0}.guest-footnote{display:flex;align-items:center;justify-content:center;gap:6px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#01070cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(480px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid var(--line);border-radius:18px;background:#081927;box-shadow:var(--shadow);padding:22px}.modal.wide{width:min(760px,100%)}.modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal>header h2{margin:0;font-size:24px}.audio-settings{display:grid;gap:14px}.audio-intro{margin:-6px 0 2px;color:var(--muted);font-size:12px;line-height:1.55}.audio-settings>.volume-control{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#0e2d41e6,#071927eb)}.audio-channel{display:grid;gap:16px;padding:16px;border:1px solid var(--line-soft);border-radius:12px;background:#04121db8;transition:border-color .2s ease,opacity .2s ease}.audio-channel:not(.is-muted){border-color:#c394436b}.audio-channel.is-muted .volume-control{opacity:.42}.audio-channel-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.audio-channel-heading>span:nth-child(2){display:grid;gap:3px}.audio-channel-heading strong{font-size:14px}.audio-channel-heading small{color:var(--muted);font-size:10px;line-height:1.4}.audio-channel-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(214,169,91,.46);border-radius:50%;color:var(--gold-accent);background:#122e41e6}.audio-switch{position:relative;display:block;width:46px;height:26px;cursor:pointer}.audio-switch input{position:absolute;width:1px;height:1px;opacity:0}.audio-switch>span{position:absolute;inset:0;border:1px solid var(--line);border-radius:20px;background:#04121c;transition:background .2s ease,border-color .2s ease}.audio-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#71808a;box-shadow:0 2px 6px #00000061;transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s ease}.audio-switch input:checked+span{border-color:#d9a64f;background:#c2892959}.audio-switch input:checked+span i{transform:translate(20px);background:var(--gold-accent)}.audio-switch input:focus-visible+span{outline:2px solid #9ec9ef;outline-offset:3px}.volume-control{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(130px,1fr) 42px;align-items:center;gap:12px;color:var(--ivory)}.volume-control>span{display:flex;align-items:center;gap:8px}.volume-control b{font-size:11px;font-weight:700}.volume-control output{color:var(--gold-accent);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.volume-control input[type=range]{width:100%;height:4px;appearance:none;border:0;border-radius:4px;background:linear-gradient(to right,var(--gold-accent) 0 var(--volume-progress),#213746 var(--volume-progress) 100%);cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb{width:16px;height:16px;appearance:none;border:3px solid #081927;border-radius:50%;background:#f6d795;box-shadow:0 0 0 1px #cf993e,0 3px 7px #0006}.volume-control input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid #081927;border-radius:50%;background:#f6d795;box-shadow:0 0 0 1px #cf993e,0 3px 7px #0006}.volume-control input[type=range]:focus-visible{outline:2px solid #9ec9ef;outline-offset:5px}.volume-control input[type=range]:disabled{cursor:not-allowed}.audio-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:1px 0 -2px;color:var(--muted);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.audio-footnote span{width:6px;height:6px;border-radius:50%;background:#65b78c;box-shadow:0 0 0 4px #65b78c1a}.audio-toolbar-button.is-muted{color:#77838a}.auth-intro{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:18px;border:1px solid var(--line-soft);background:#0a2032}.auth-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.stack-form{display:grid;gap:15px}.stack-form label,.schedule-form label{display:grid;gap:7px;color:var(--muted);font-size:11px;letter-spacing:.04em}.stack-form input,.stack-form textarea,.schedule-form input,.schedule-form textarea{width:100%;min-height:46px;border:1px solid var(--line-soft);border-radius:9px;background:#04111b;color:var(--ivory);padding:10px 12px;font-size:14px;resize:vertical}.stack-form fieldset{display:grid;gap:8px;border:1px solid var(--line-soft);padding:12px}.stack-form legend{color:var(--muted);font-size:11px}.radio-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important;padding:8px}.radio-row input{width:16px;min-height:auto;accent-color:var(--gold-accent)}.radio-row span{display:grid}.radio-row strong{color:var(--ivory);font-size:13px}.radio-row small{color:var(--muted)}.form-error{color:#ff8f84;font-size:12px;margin:0}.status-toast{position:fixed;z-index:120;left:50%;bottom:24px;display:flex;align-items:center;gap:16px;transform:translate(-50%);min-width:min(420px,calc(100vw - 30px));max-width:620px;padding:13px 14px 13px 18px;border:1px solid var(--line);border-radius:12px;background:#0a1e2d;box-shadow:var(--shadow);font-size:13px}.status-toast span{flex:1}.status-toast button{border:0;background:transparent;cursor:pointer;color:var(--muted)}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:14px;text-align:center;background:radial-gradient(circle,#0d2a42,var(--ink) 55%)}.loading-mark{font-size:52px;font-weight:900;letter-spacing:-.08em}.loading-screen p{color:var(--muted)}.panel-shell{min-height:calc(100vh - 86px);padding-top:48px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px}.page-title h1{margin-bottom:7px;font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}.page-title p{margin:0;color:var(--muted)}.page-glyph{display:grid;width:62px;height:62px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-accent);background:#0a2336}.schedule-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(440px,1.3fr);gap:38px}.schedule-form{align-self:start;display:grid;gap:16px;padding:26px;border:1px solid var(--line);background:#081b2ad1;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.schedule-form h2{margin-bottom:4px}.field-help{margin:-4px 0 4px;color:var(--muted);font-size:11px;line-height:1.5}.schedule-list{border-top:1px solid var(--line)}.schedule-list>header{display:flex;align-items:center;justify-content:space-between;min-height:68px}.schedule-list>header h2{margin:0}.schedule-list>header span{color:var(--muted);font-size:12px}.schedule-item{display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line-soft)}.schedule-item>time{display:grid;place-items:center;width:54px;height:58px;border:1px solid var(--line);background:#0a2438}.schedule-item>time b{font-size:20px;line-height:1}.schedule-item>time span{color:var(--gold-accent);font-size:10px;text-transform:uppercase}.schedule-item h3{margin:0 0 3px}.schedule-item p{margin:0;color:var(--muted);font-size:12px}.schedule-item small{color:#8293a0}.empty-state{display:grid;place-items:center;padding:50px 20px;color:var(--muted);text-align:center}.empty-state h3{margin:12px 0 5px;color:var(--ivory)}.empty-state p{margin:0;font-size:12px}.support-button{min-height:48px;padding:0 18px;border-radius:10px;color:#201506;background:var(--gold-accent);font-weight:800}.fairness-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:26px;border:1px solid #3e7457;color:#bde0c9;background:#2155383d;font-size:13px}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.finish-card{display:grid;gap:18px;min-height:500px;padding:24px;border:1px solid var(--line-soft);background:#061521cc;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.finish-card.active{border-color:var(--gold-accent);box-shadow:inset 0 0 40px #f1bd590f}.finish-preview{position:relative;display:flex;justify-content:center;align-items:center;min-height:250px;background:radial-gradient(circle,rgba(33,79,109,.38),transparent 65%)}.finish-preview .ungo-card{position:relative;width:120px;flex:0 0 120px;transform:rotate(-7deg) translate(18px)}.finish-preview .ungo-card+.ungo-card{transform:rotate(8deg) translate(-18px)}.finish-copy>span{color:var(--gold-accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.finish-copy h2{margin:8px 0}.finish-copy p{color:var(--muted);font-size:13px;line-height:1.55}.finish-card>button{align-self:end}.local-dev-note{margin:24px auto 0;color:var(--muted);font-size:11px;text-align:center}.notification-list{display:grid}.notification-list article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line-soft)}.notification-list article:first-child{border-top:0}.notification-list article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--gold-accent);background:#0d2b42}.notification-list p{margin:0 0 3px;font-size:13px}.notification-list time{color:var(--muted);font-size:10px}.invite-copy{display:grid;justify-items:center;padding:20px;text-align:center}.invite-copy h3{margin:16px 0 6px}.invite-copy p{color:var(--muted);line-height:1.5}.lobby-screen{min-height:100vh;background:radial-gradient(circle at 50% 25%,#12314a,#06131e 55%)}.game-topbar{position:relative;z-index:25;display:flex;align-items:center;min-height:82px;gap:28px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line);background:#030e17f2}.game-topbar>.logo{font-size:34px}.game-topbar>div:not(.game-toolbar){display:grid;gap:2px;padding-left:28px;border-left:1px solid var(--line-soft)}.game-topbar>div strong{font-size:16px}.game-topbar>div span{color:var(--muted);font-size:10px}.game-topbar>.quiet-button{margin-left:auto}.lobby-panel{width:min(1080px,calc(100% - 40px));margin:46px auto;padding:36px;border:1px solid var(--line);background:#04121ddb;box-shadow:var(--shadow)}.lobby-heading{display:flex;justify-content:space-between;gap:24px;align-items:start}.lobby-heading>div>span{color:var(--gold-accent);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.lobby-heading h1{margin:8px 0;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.lobby-heading p{color:var(--muted)}.lobby-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}.lobby-seat{position:relative;display:grid;justify-items:center;min-height:260px;padding:26px 16px;border:1px solid var(--line-soft);background:#071a29;text-align:center}.lobby-seat.you{border-color:var(--gold-accent)}.lobby-seat.empty{border-style:dashed;background:#05101973}.seat-hood{position:relative;display:block;width:112px;height:134px;margin-bottom:18px;border-radius:55% 55% 30% 30%;background:radial-gradient(ellipse at 50% 43%,#020405 0 25%,#151b21 27% 47%,#090d12 49% 100%);box-shadow:inset 4px 0 #e8993d40,inset -3px 0 #325e9647}.seat-hood:after{content:"";position:absolute;left:-15px;right:-15px;bottom:-14px;height:66px;border-radius:50% 50% 5% 5%;background:#090d12;z-index:-1}.lobby-seat div{display:grid;gap:5px}.lobby-seat div span{color:var(--muted);font-size:11px;text-transform:capitalize}.ready-dot{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#68a77b}.empty-seat{display:grid;width:90px;height:90px;margin:32px 0 40px;place-items:center;border:1px dashed var(--line);border-radius:50%;color:var(--muted)}.lobby-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line-soft)}.add-ai{display:flex;align-items:center;gap:8px}.add-ai>span{margin-right:6px;color:var(--muted);font-size:11px}.start-button{min-width:190px}.waiting-copy{padding-top:20px;border-top:1px solid var(--line-soft);color:var(--muted);text-align:center}.ungo-card{--card-color: var(--cobalt);position:relative;display:block;width:clamp(72px,7vw,110px);aspect-ratio:5 / 7;flex:0 0 clamp(72px,7vw,110px);overflow:hidden;border:4px solid #efe3c8;border-radius:10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:var(--card-color);color:var(--ivory);box-shadow:0 8px 16px #00000057,inset 0 0 0 1px #07131e73;padding:0;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}button.ungo-card{cursor:default}button.ungo-card.is-playable{cursor:pointer;filter:saturate(1.08) brightness(1.04);box-shadow:0 0 0 2px #f5ead185,0 0 22px #f4bd544d}button.ungo-card.is-playable:hover,button.ungo-card.is-selected{transform:translateY(-14px) scale(1.03);z-index:30!important}.card-coral{--card-color: var(--coral)}.card-sunflower{--card-color: var(--sunflower)}.card-jade{--card-color: var(--jade)}.card-cobalt{--card-color: var(--cobalt)}.card-wild{--card-color: #101418}.card-index{position:absolute;z-index:3;left:7px;top:5px;font-size:clamp(11px,1.3vw,20px);font-weight:900;line-height:1;text-shadow:0 1px 2px #000}.card-index.bottom{inset:auto 7px 5px auto;transform:rotate(180deg)}.card-symbol{position:absolute;z-index:2;inset:20%;display:grid;place-items:center}.number-glyph{font-size:clamp(34px,4.6vw,68px);font-weight:900;line-height:1;letter-spacing:-.08em;text-shadow:0 3px 0 rgba(7,19,30,.22)}.paper-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.skip-glyph{display:block;width:72%;aspect-ratio:1;border:clamp(5px,.7vw,9px) solid currentColor;border-radius:50%;transform:rotate(-35deg)}.skip-glyph i{display:block;width:130%;height:clamp(5px,.7vw,9px);margin:40% -15%;border-radius:10px;background:currentColor}.action-glyph{width:110%;fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.draw-glyph{position:relative;display:block;width:68%;height:70%}.draw-glyph i{position:absolute;width:62%;height:72%;border:4px solid currentColor;border-radius:4px;left:5%;bottom:4%;background:#ffffff17}.draw-glyph i+i{left:34%;bottom:24%}.draw-glyph b{position:absolute;z-index:2;right:-28%;top:-30%;font-size:clamp(15px,1.8vw,24px)}.wild-glyph{position:relative;display:grid;grid-template-columns:1fr 1fr;width:82%;aspect-ratio:1;overflow:visible;border:5px solid var(--ivory);border-radius:50%;transform:rotate(45deg)}.wild-glyph i{display:block}.wild-coral{background:var(--coral);border-radius:100% 0 0}.wild-sunflower{background:var(--sunflower);border-radius:0 100% 0 0}.wild-jade{background:var(--jade);border-radius:0 0 0 100%}.wild-cobalt{background:var(--cobalt);border-radius:0 0 100%}.wild-glyph b{position:absolute;right:-45%;top:-38%;transform:rotate(-45deg);font-size:clamp(16px,2vw,28px);text-shadow:0 2px 2px #000}.card-back{display:grid;place-items:center;background:linear-gradient(145deg,#0b243a,#05111d)}.card-back:before{content:"";position:absolute;inset:7px;border:1px solid rgba(244,224,184,.7);clip-path:inherit}.back-eye{position:relative;width:42%;aspect-ratio:1;border:5px solid var(--ivory);transform:rotate(45deg)}.back-eye i{position:absolute;inset:23%;border:3px solid var(--ivory);border-radius:50%}.skin-silver{border-color:#e2e5e6;box-shadow:0 7px 18px #a4becf42,inset 0 0 22px #e8eef133}.skin-silver:after,.skin-gold:after{content:"";position:absolute;z-index:4;inset:-40% 40%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:foil 4.8s ease-in-out infinite;pointer-events:none}.skin-gold{border-color:#ffdf8e;box-shadow:0 7px 20px #eba92f4d,inset 0 0 22px #ffcc642e}.card-back.skin-silver{background:linear-gradient(145deg,#a7b0b6,#5e6870)}.card-back.skin-gold{background:linear-gradient(145deg,#c68e24,#704815)}.ungo-card.compact{width:clamp(68px,6vw,94px);flex-basis:clamp(68px,6vw,94px);border-width:3px}@keyframes foil{0%,60%{transform:translate(-240%) rotate(18deg)}80%,to{transform:translate(240%) rotate(18deg)}}.game-screen{height:100vh;min-height:700px;overflow:hidden;background:var(--ink-deep)}.game-screen .game-topbar{min-height:76px;height:76px}.game-room-title{flex:1}.game-toolbar{display:flex;margin-left:auto}.game-toolbar .quiet-button+.quiet-button{border-left:1px solid var(--line-soft)}.table-stage{position:relative;height:calc(100vh - 76px);min-height:624px;overflow:hidden;container-type:size;background:#02070c}.scene-plane{position:absolute;top:0;left:50%;width:max(100cqw,177.683cqh);aspect-ratio:1672 / 941;transform:translate(-50%);pointer-events:none}.scene-art{position:absolute;inset:0;background:url(/assets/ungo-table-room-dynamic-grips-base.png) center / 100% 100% no-repeat}.scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,9,.08),transparent 18% 78%,rgba(1,5,9,.14)),linear-gradient(0deg,rgba(2,8,13,.6),transparent 28%)}.invite-float{position:absolute;z-index:6;top:24px;left:22px;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--ivory);background:#030f18c7;cursor:pointer}.opponent-seat{display:contents}.opponent-label{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:9px;background:#030d15e6;box-shadow:0 5px 14px #0000004d}.opponent-label strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.opponent-label b{color:var(--gold-accent)}.opponent-label small{position:absolute;top:100%;left:50%;transform:translate(-50%);color:var(--muted);font-size:8px;white-space:nowrap}.opponent-0{left:13%;top:22.5%}.opponent-1{left:50%;top:8%;transform:translate(-50%)}.opponent-2{right:12%;top:22.5%}.opponent-hand{position:absolute;z-index:3;width:136px;height:78px;pointer-events:none}.opponent-hand-0{left:16.2%;top:48.8%;transform:translate(-50%,-100%) rotate(2deg) scale(var(--opponent-grip-scale, 1))}.opponent-hand-1{left:50.7%;top:37.8%;transform:translate(-50%,-100%) scale(var(--opponent-grip-scale, 1))}.opponent-hand-2{left:83.6%;top:48.7%;transform:translate(-50%,-100%) rotate(-2deg) scale(var(--opponent-grip-scale, 1))}.opponent-hand .ungo-card{position:absolute;left:50%;bottom:0;width:clamp(32px,3vw,46px);flex-basis:clamp(32px,3vw,46px);border-width:2px;border-radius:5px;transform-origin:50% 115%;transform:translate(calc(-50% + var(--opponent-card-x))) rotate(var(--opponent-card-rot));box-shadow:0 4px 8px #00000073}.opponent-hand .card-back:before{inset:3px}.opponent-hand .back-eye{border-width:2px}.opponent-hand .back-eye i{border-width:1px}.opponent-grip-piece{position:absolute;z-index:4;display:block;background-position:center;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;transition:left .32s cubic-bezier(.22,1,.36,1)}.opponent-grip-0-left{left:calc(8.074% + var(--grip-left-shift));top:41.977%;width:8.074%;aspect-ratio:135 / 130;background-image:url(/assets/opponent-grip-left-seat-left.png)}.opponent-grip-0-right{left:calc(16.148% + var(--grip-right-shift));top:41.977%;width:7.775%;aspect-ratio:130 / 130;background-image:url(/assets/opponent-grip-left-seat-right.png)}.opponent-grip-1-left{left:calc(41.268% + var(--grip-left-shift));top:31.881%;width:9.569%;aspect-ratio:160 / 130;background-image:url(/assets/opponent-grip-center-seat-left.png)}.opponent-grip-1-right{left:calc(50.538% + var(--grip-right-shift));top:31.881%;width:9.27%;aspect-ratio:155 / 130;background-image:url(/assets/opponent-grip-center-seat-right.png)}.opponent-grip-2-left{left:calc(74.761% + var(--grip-left-shift));top:41.977%;width:9.27%;aspect-ratio:155 / 130;background-image:url(/assets/opponent-grip-right-seat-left.png)}.opponent-grip-2-right{left:calc(83.612% + var(--grip-right-shift));top:41.977%;width:8.792%;aspect-ratio:147 / 130;background-image:url(/assets/opponent-grip-right-seat-right.png)}.turn-pin{width:6px;height:6px;border-radius:50%;background:#38434b}.turn-pin.active{background:var(--gold-accent);box-shadow:0 0 0 5px #f1bd5924}.turn-timer{position:absolute;z-index:5;top:27%;right:27%;display:grid;justify-items:center;gap:5px}.turn-timer>span{color:var(--ivory);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.turn-timer>div{display:grid;width:68px;height:68px;place-content:center;border:4px solid rgba(245,234,209,.15);border-top-color:var(--gold-accent);border-radius:50%;background:#030d15bf;text-align:center;transform:rotate(calc((1 - var(--timer-progress)) * 0deg))}.turn-timer strong{font-size:25px;line-height:.9}.turn-timer small{color:var(--muted);font-size:7px;text-transform:uppercase}.center-play{position:absolute;z-index:3;top:51%;left:50%;display:flex;align-items:center;gap:clamp(12px,2vw,30px);transform:translate(-50%,-50%)}.pile-button,.discard-pile{position:relative;display:grid;justify-items:center;gap:5px;border:0;background:transparent;padding:0;color:var(--muted);font-size:8px;text-transform:uppercase}.pile-button{cursor:pointer}.pile-button .ungo-card{pointer-events:none}.pile-button:not(:disabled):hover .ungo-card{transform:translateY(-6px)}.discard-pile .ungo-card{transform:rotate(3deg)}.round-state{display:grid;grid-template-columns:auto 30px;align-items:center;gap:5px 9px;min-width:100px;padding-left:8px;color:var(--muted);font-size:8px;text-transform:uppercase}.color-dot{width:25px;height:25px;border:3px solid var(--ivory);border-radius:50%;box-shadow:0 3px 8px #000}.color-coral{background:var(--coral)}.color-sunflower{background:var(--sunflower)}.color-jade{background:var(--jade)}.color-cobalt{background:var(--cobalt)}.round-state svg{width:34px;fill:none;stroke:var(--ivory);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.round-state svg.counter{transform:scaleX(-1)}.card-motion-layer{position:absolute;z-index:24;inset:0;overflow:hidden;pointer-events:none}.card-flight{--seat-x: 0vw;--seat-y: 35vh;--seat-mid-x: 0vw;--seat-mid-y: 14vh;--seat-rotation: -3deg;--seat-scale: 1;position:absolute;left:50%;top:51%;opacity:0;animation-delay:var(--motion-delay);animation-fill-mode:both;will-change:transform,opacity}.card-flight .ungo-card{width:clamp(64px,6vw,88px);flex-basis:clamp(64px,6vw,88px);box-shadow:0 18px 32px #0000007a,0 0 0 1px #f5ead133}.motion-seat-you{--seat-x: 0vw;--seat-y: 26vh;--seat-mid-x: 0vw;--seat-mid-y: 11vh;--seat-rotation: -2deg;--seat-scale: 1}.motion-seat-opponent-0{--seat-x: -34vw;--seat-y: 21vh;--seat-mid-x: -15vw;--seat-mid-y: 7vh;--seat-rotation: 4deg;--seat-scale: .54}.motion-seat-opponent-1{--seat-x: 1vw;--seat-y: 3vh;--seat-mid-x: 0vw;--seat-mid-y: -1vh;--seat-rotation: -2deg;--seat-scale: .54}.motion-seat-opponent-2{--seat-x: 34vw;--seat-y: 21vh;--seat-mid-x: 15vw;--seat-mid-y: 7vh;--seat-rotation: -4deg;--seat-scale: .54}.motion-play{animation:card-to-discard .56s cubic-bezier(.22,1,.36,1) var(--motion-delay) both}.motion-draw{animation:card-from-deck .62s cubic-bezier(.22,1,.36,1) var(--motion-delay) both}.motion-play .ungo-card{animation:played-card-tilt .56s cubic-bezier(.22,1,.36,1) var(--motion-delay) both}.motion-draw .ungo-card{animation:drawn-card-tilt .62s cubic-bezier(.22,1,.36,1) var(--motion-delay) both}@keyframes card-to-discard{0%{opacity:0;transform:translate(calc(-50% + var(--seat-x)),calc(-50% + var(--seat-y))) rotate(var(--seat-rotation)) scale(var(--seat-scale))}12%{opacity:1}58%{opacity:1;transform:translate(calc(-50% + var(--seat-mid-x)),calc(-50% + var(--seat-mid-y) - 42px)) rotate(2deg) scale(.92)}to{opacity:1;transform:translate(calc(-50% - 22px),-50%) rotate(3deg) scale(.86)}}@keyframes card-from-deck{0%{opacity:0;transform:translate(calc(-50% - 132px),-50%) rotate(-5deg) scale(.82)}12%{opacity:1}58%{opacity:1;transform:translate(calc(-50% + var(--seat-mid-x) - 56px),calc(-50% + var(--seat-mid-y) - 48px)) rotate(-2deg) scale(.76)}88%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--seat-x)),calc(-50% + var(--seat-y))) rotate(var(--seat-rotation)) scale(var(--seat-scale))}}@keyframes played-card-tilt{0%{filter:brightness(.82)}55%{filter:brightness(1.12)}to{filter:brightness(1)}}@keyframes drawn-card-tilt{0%{filter:brightness(1.12)}to{filter:brightness(.78)}}.activity-rail{position:absolute;z-index:12;right:10px;top:43%;display:grid;grid-template-rows:auto 1fr auto;width:220px;height:min(400px,48vh);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#030e17f0;box-shadow:var(--shadow)}.activity-heading{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 14px;border:0;border-bottom:1px solid var(--line-soft);color:var(--ivory);background:transparent;text-transform:uppercase;letter-spacing:.1em;font-size:9px;cursor:pointer}.activity-heading svg{transform:rotate(90deg)}.activity-feed{overflow:auto;padding:8px 13px;scrollbar-width:thin}.feed-event,.feed-chat{display:grid;grid-template-columns:9px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.feed-event i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--muted)}.feed-event i.event-coral{background:var(--coral)}.feed-event i.event-cobalt{background:var(--cobalt)}.feed-event i.event-jade{background:var(--jade)}.feed-event i.event-sunflower,.feed-event i.event-gold{background:var(--gold-accent)}.feed-event p,.feed-chat p{margin:0;font-size:10px;line-height:1.35}.feed-chat{grid-template-columns:1fr;gap:3px}.feed-chat strong{color:var(--gold-accent);font-size:9px}.chat-form{display:grid;grid-template-columns:1fr 32px;gap:5px;padding:10px;border-top:1px solid var(--line-soft)}.chat-form input{min-width:0;border:1px solid var(--line-soft);border-radius:7px;background:#06131d;color:var(--ivory);padding:8px;font-size:10px}.chat-form button{display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:7px;background:#0c293e;cursor:pointer}.my-status{position:absolute;z-index:10;left:50%;bottom:322px;display:flex;align-items:center;gap:7px;transform:translate(-50%);padding:4px 9px 4px 4px;border:1px solid var(--line);border-radius:20px;background:#030d15e6}.my-status .hood-avatar{width:30px;height:30px}.my-status .hood-avatar i{width:15px;height:18px;left:7px;top:5px;border-width:4px}.my-status strong{font-size:11px}.my-status b{color:var(--gold-accent);font-size:11px}.viewer-grip-hand{--viewer-grip-base-gap: clamp(128px, 12vw, 166px);position:absolute;z-index:7;bottom:-110px;display:block;width:clamp(300px,31.9vw,445px);aspect-ratio:560 / 604;background-size:274.286% auto;background-repeat:no-repeat;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1)}.viewer-grip-left{right:calc(50% + var(--viewer-grip-base-gap));background-image:url(/assets/ungo-viewer-hand-left.png);background-position:left bottom;transform:translate(var(--viewer-left-shift))}.viewer-grip-right{left:calc(50% + var(--viewer-grip-base-gap));background-image:url(/assets/ungo-viewer-hand-right.png);background-position:right bottom;transform:translate(var(--viewer-right-shift))}.player-hand{position:absolute;z-index:8;left:50%;bottom:162px;width:min(760px,72vw);height:190px;transform:translate(-50%);pointer-events:none}.player-hand .ungo-card{position:absolute;left:50%;bottom:0;z-index:calc(10 + var(--fan-index));transform-origin:50% 120%;transform:translate(var(--fan-x, -50%)) rotate(var(--fan-rot, 0deg));pointer-events:auto}.player-hand .ungo-card.is-playable:hover,.player-hand .ungo-card.is-selected{transform:translate(var(--fan-x, -50%)) translateY(-16px) rotate(var(--fan-rot, 0deg)) scale(1.02)}.game-actions{position:absolute;z-index:13;left:50%;bottom:10px;display:grid;grid-template-columns:130px minmax(190px,290px) 130px;align-items:center;gap:18px;transform:translate(-50%);pointer-events:none}.game-actions button{pointer-events:auto}.call-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border:1px solid #ffe09e;border-radius:12px;background:var(--gold-accent);color:#08131c;font-weight:900;font-size:17px;box-shadow:0 8px 25px #e29f2e4d;cursor:pointer}.activity-mobile-button{display:none}.challenge-panel,.winner-panel{position:absolute;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 30px));padding:24px;border:1px solid var(--line);border-radius:16px;background:#05141ff7;box-shadow:var(--shadow);text-align:center}.challenge-panel h2,.winner-panel h2{margin-bottom:8px}.challenge-panel p{color:var(--muted);font-size:12px;line-height:1.5}.challenge-panel>div{display:flex;justify-content:center;gap:10px}.winner-panel{display:grid;justify-items:center}.winner-panel>span{margin-top:8px;color:var(--gold-accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.winner-panel .primary-button{margin-top:8px}.color-picker-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#01060abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.color-picker{width:min(520px,calc(100% - 30px));padding:28px;border:1px solid var(--line);border-radius:16px;background:#071b2a;box-shadow:var(--shadow);text-align:center}.color-picker h2{margin-bottom:6px}.color-picker>p{color:var(--muted);font-size:12px}.color-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0 10px}.color-picker>div button{display:grid;justify-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:9px;background:#06131d;padding:14px 6px;text-transform:capitalize;cursor:pointer}.color-picker>div button:hover{border-color:var(--ivory)}.color-picker>div i{width:40px;height:40px;border-radius:50%;background:currentColor}.choose-coral{color:var(--coral)}.choose-sunflower{color:var(--sunflower)}.choose-jade{color:var(--jade)}.choose-cobalt{color:var(--cobalt)}.color-picker>div button{color:var(--ivory)}.color-picker>div .choose-coral i{background:var(--coral)}.color-picker>div .choose-sunflower i{background:var(--sunflower)}.color-picker>div .choose-jade i{background:var(--jade)}.color-picker>div .choose-cobalt i{background:var(--cobalt)}.rules-copy{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rules-copy>p{grid-column:1 / -1;color:var(--muted)}.rules-copy>div{padding:16px;border-top:1px solid var(--line);background:#0a1f2f}.rules-copy h3{margin-bottom:6px}.rules-copy div p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:1120px){.app-header{grid-template-columns:auto 1fr auto}.main-nav{margin-left:28px;gap:20px}.currency-pair{display:none}.welcome-stage{grid-template-columns:1fr 300px}.welcome-art{margin-right:-30px}.play-actions{grid-template-columns:repeat(3,1fr)}.action-tile{min-height:214px;padding:20px}.activity-rail{width:220px;right:9px}.turn-timer{right:24%}.player-hand{width:70vw}}@media(max-width:860px){.app-header{position:relative;grid-template-columns:auto 1fr;min-height:72px;padding:0 18px;-webkit-backdrop-filter:none;backdrop-filter:none}.app-header .logo{font-size:31px}.main-nav{position:fixed;z-index:24;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:62px;margin:0;gap:0;border-top:1px solid var(--line);background:#030f18f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-nav button{font-size:11px}.main-nav button:after{top:-1px;bottom:auto}.header-actions{justify-self:end}.profile-button{border:0;background:transparent;min-height:48px;padding:4px}.profile-button>span:last-child{display:none}.connection-dot{display:none}.hub-shell,.panel-shell{padding-left:18px;padding-right:18px;padding-bottom:92px}.welcome-stage{display:block;min-height:auto}.welcome-copy{padding:34px 0}.welcome-copy>h1{font-size:38px}.welcome-art{position:absolute;inset:0 -20px auto 48%;height:250px;margin:0;opacity:.32;pointer-events:none}.play-actions{grid-template-columns:1fr;margin-top:28px}.action-tile{min-height:150px;padding:20px}.action-tile p{min-height:0;padding-right:34px}.action-icon{margin-bottom:12px}.room-head{display:none}.room-row{grid-template-columns:1fr auto;gap:8px 12px;min-height:84px;padding:12px}.room-row>.room-name{grid-row:1 / 3}.room-row>.seat-count{justify-content:end}.room-row>.room-mode{display:none}.join-button{min-width:80px}.schedule-band{grid-template-columns:44px 1fr auto;gap:12px;padding:14px}.schedule-band time{grid-column:2}.schedule-band>span:not(.schedule-icon){display:none}.schedule-band b{grid-column:3;grid-row:1 / 3}.schedule-layout,.finish-grid{grid-template-columns:1fr}.finish-card{min-height:auto}.finish-preview{min-height:220px}.page-title{align-items:start}.support-button{max-width:190px}.lobby-seats{grid-template-columns:repeat(2,1fr)}.lobby-seat{min-height:230px}.lobby-controls{align-items:stretch;flex-direction:column}.start-button{width:100%}}@media(max-width:640px){.header-actions .notification-button{width:38px;height:38px}.profile-button .hood-avatar{width:35px;height:35px}.section-heading{align-items:start}.section-heading .outline-button{padding:0 10px;font-size:0}.section-heading .outline-button svg{width:20px}.room-name strong{font-size:14px}.seat-dots{display:none}.page-title{display:grid}.page-title .page-glyph{display:none}.support-button{justify-self:start}.schedule-form{padding:20px}.schedule-item{grid-template-columns:54px 1fr}.schedule-item .icon-button{display:none}.modal{padding:18px;border-radius:14px}.audio-channel{padding:14px}.volume-control{grid-template-columns:1fr 42px;gap:9px}.volume-control input[type=range]{grid-column:1 / -1;grid-row:2}.volume-control output{grid-column:2;grid-row:1}.audio-channel-heading{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.audio-channel-icon{width:36px;height:36px}.rules-copy{grid-template-columns:1fr}.rules-copy>p{grid-column:1}.lobby-panel{width:calc(100% - 20px);margin:20px auto;padding:20px}.lobby-heading{display:grid}.lobby-heading h1{font-size:34px}.lobby-seats{gap:8px}.lobby-seat{min-height:190px;padding:18px 8px}.seat-hood{width:78px;height:98px}.empty-seat{width:70px;height:70px;margin:22px 0 27px}.add-ai{flex-wrap:wrap}}@media(max-width:760px){.game-screen{min-height:620px}.game-screen .game-topbar{min-height:62px;height:62px;padding:0 12px;gap:12px}.game-topbar>.logo{font-size:27px}.game-topbar>div:not(.game-toolbar){padding-left:12px}.game-room-title strong{max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-toolbar{gap:2px}.game-toolbar .quiet-button{width:38px;min-height:38px;padding:0;border:1px solid var(--line-soft);border-radius:9px}.game-toolbar .quiet-button span,.game-toolbar .rules-button{display:none}.game-toolbar .language-switcher.compact select{width:52px}.table-stage{height:calc(100vh - 62px);min-height:558px;background:#03101a}.scene-plane{width:118cqw}.scene-art:after{background:linear-gradient(0deg,#03101a 36%,transparent 64%)}.invite-float{top:10px;left:10px;min-height:36px;width:36px;padding:0;justify-content:center;font-size:0}.opponent-label{min-height:25px;padding:3px 7px;gap:5px}.opponent-label strong,.opponent-label b{font-size:9px}.opponent-hand{width:88px;height:58px;--opponent-grip-scale: .62}.opponent-hand .ungo-card{width:29px;flex-basis:29px;border-width:1px}.turn-timer{top:18%;right:50%;transform:translate(50%)}.turn-timer>span{display:none}.turn-timer>div{width:48px;height:48px;border-width:3px}.turn-timer strong{font-size:18px}.center-play{top:51%;gap:13px}.center-play .ungo-card.compact{width:66px;flex-basis:66px}.round-state{position:absolute;left:50%;top:calc(100% + 8px);grid-template-columns:auto auto auto auto;width:max-content;min-width:0;padding:0;transform:translate(-50%)}.round-state>span{font-size:6px}.round-state .color-dot{width:18px;height:18px;border-width:2px}.round-state svg{width:25px}.my-status{display:none}.viewer-grip-hand{--viewer-grip-base-gap: 22.3vw;bottom:0;width:60vw}.viewer-grip-left{transform:translate(max(-22px,var(--viewer-left-shift)))}.viewer-grip-right{transform:translate(min(22px,var(--viewer-right-shift)))}.player-hand{left:0;right:0;bottom:98px;display:flex;align-items:end;width:auto;height:158px;padding:22px 18px 0;transform:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;pointer-events:auto}.player-hand::-webkit-scrollbar{display:none}.player-hand .ungo-card{position:relative;left:auto;bottom:auto;width:84px;flex:0 0 84px;margin-left:-24px;transform:none!important;scroll-snap-align:center}.player-hand .ungo-card:first-child{margin-left:0}.player-hand .ungo-card.is-playable,.player-hand .ungo-card.is-selected{transform:translateY(-10px)!important}.game-actions{left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:50px minmax(190px,1fr) 50px;width:auto;padding:0 12px;gap:9px;transform:none}.game-actions>.outline-button{width:50px;overflow:hidden;padding:0 4px;font-size:9px;line-height:1.05}.call-button{min-height:50px;font-size:16px}.activity-mobile-button{position:relative;display:grid;width:50px;height:50px;place-items:center;border:1px solid var(--line);border-radius:11px;background:#04131eeb}.activity-mobile-button span{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;color:var(--ink);background:var(--gold-accent);font-size:9px}.activity-rail{position:fixed;z-index:70;inset:auto 0 0;width:100%;height:65vh;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .25s ease}.activity-rail.open{transform:translateY(0)}.activity-heading svg{transform:rotate(-90deg)}.activity-rail.open .activity-heading svg{transform:rotate(90deg)}.challenge-panel,.winner-panel{top:48%}.color-picker{padding:22px 14px}.color-picker>div{grid-template-columns:repeat(2,1fr)}.card-flight{top:51%}.card-flight .ungo-card{width:58px;flex-basis:58px}.motion-seat-you{--seat-y: 30vh;--seat-mid-y: 12vh}.motion-seat-opponent-0{--seat-x: -40vw;--seat-y: -34vh;--seat-mid-x: -17vw;--seat-mid-y: -15vh;--seat-scale: .38}.motion-seat-opponent-1{--seat-x: 1vw;--seat-y: -42vh;--seat-mid-y: -19vh;--seat-scale: .38}.motion-seat-opponent-2{--seat-x: 40vw;--seat-y: -34vh;--seat-mid-x: 17vw;--seat-mid-y: -15vh;--seat-scale: .38}}@media(max-height:760px)and (min-width:761px){.game-screen,.table-stage{min-height:0}.opponent-hand .ungo-card{width:36px;flex-basis:36px}.center-play{top:35%}.my-status{bottom:230px}.viewer-grip-hand{bottom:calc(-1*clamp(120px,34vh,190px));width:min(408px,33.5vw)}.player-hand{height:145px;bottom:82px}.player-hand .ungo-card{width:78px;flex-basis:78px}.game-actions{bottom:5px}.activity-rail{top:38%;height:54vh}.motion-seat-opponent-0{--seat-x: -34vw;--seat-y: 38vh;--seat-mid-y: 14vh}.motion-seat-opponent-1{--seat-y: 22vh;--seat-mid-y: 8vh}.motion-seat-opponent-2{--seat-x: 34vw;--seat-y: 38vh;--seat-mid-y: 14vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
