.site-shell{color:#f5f0e6;background:#111b26;min-height:100dvh}.site-header,.flow-header,.lobby-header{background:#152230;border-bottom:1px solid #314254;justify-content:space-between;align-items:center;gap:28px;min-height:72px;padding:0 clamp(24px,4vw,64px);display:flex}.site-brand{color:#f7f2e8;letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:16px;font-weight:800;display:inline-flex}.brand-mark{color:#55dbe8;border:1px solid #55dbe8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 0 3px #55dbe814}.brand-mark svg{width:19px;height:19px}.site-nav{align-items:center;gap:8px;display:flex}.site-nav a{color:#bdc9d2;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.site-nav a:hover,.back-link:hover{color:#fff}.site-nav .site-nav-primary{color:#0d1821;background:#55dbe8;border:1px solid #55dbe8;padding-inline:18px}.landing-main{width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(64px,8vw,112px) 0 72px}.hero{grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);align-items:center;gap:clamp(48px,7vw,92px);display:grid}.hero-copy h1{color:#fffaf0;letter-spacing:-.045em;max-width:720px;margin:18px 0 24px;font-size:clamp(44px,5.2vw,72px);font-weight:760;line-height:.98}.hero-copy>p{color:#b9c5cf;max-width:650px;margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.trust-row{color:#8fa1af;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;font-size:13px;font-weight:650;display:flex}.trust-row span{align-items:center;gap:7px;display:inline-flex}.trust-row svg{color:#69bbc4}.hero-visual{background:#1a2a38;border:1px solid #44586a;border-radius:14px;padding:22px;box-shadow:0 22px 60px #00000047}.hero-visual-topline,.hero-seat-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-visual-topline{color:#bfcbd3;font-size:12px;font-weight:760}.hero-visual-topline>span{align-items:center;gap:7px;display:inline-flex}.live-dot{color:#89dcc2}.live-dot:before{content:"";background:#52d0a7;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #52d0a721}.hero-table-card{background:#14212d;border:1px solid #32495a;border-radius:10px;margin-top:18px;padding:24px 18px 16px}.hero-round{color:#8294a2;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.hero-table-card img{filter:drop-shadow(0 10px 16px #00000042);width:100%;height:auto;margin:24px auto 18px;display:block}.hero-seat-row{color:#9fadb7;font-size:10px;font-weight:750}.hero-seat-row b{color:#c9d1d8;letter-spacing:.08em;border:1px solid #637589;border-radius:3px;padding:2px 4px;font-size:7px}.hero-visual>p{color:#8799a8;text-align:center;margin:16px 2px 0;font-size:12px;line-height:1.5}.flow-preview{margin-top:clamp(88px,12vw,148px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2{color:#fffaf0;letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(30px,3.5vw,44px)}.flow-cards{border-top:1px solid #405365;border-bottom:1px solid #405365;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;display:grid}.flow-cards article{border-right:1px solid #405365;min-height:245px;padding:30px;position:relative}.flow-cards article:last-child{border-right:0}.flow-number{color:#607384;font-size:12px;font-weight:850;position:absolute;top:22px;right:24px}.flow-cards article>svg{color:#55dbe8;width:30px;height:30px}.flow-cards h3{color:#f8f3e8;margin:48px 0 10px;font-size:19px}.flow-cards p{color:#91a2af;margin:0;font-size:14px;line-height:1.7}.ad-placement{color:#8596a4;text-align:center;border:1px dashed #405365;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:104px;margin-top:72px;padding:20px 28px;display:flex}.ad-placement span{color:#607383;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:850}.ad-placement strong{color:#a8b4bd;font-size:13px}.ad-placement small{color:#667989;font-size:11px}.flow-progress{color:#8294a3;font-size:12px;font-weight:750}.form-page{width:min(680px,100% - 40px);margin:0 auto;padding:46px 0 80px}.back-link{color:#bdc9d2;align-items:center;gap:7px;min-height:40px;font-size:13px;font-weight:750;display:inline-flex}.form-card{background:#172634;border:1px solid #405467;border-radius:14px;margin-top:24px;padding:clamp(28px,5vw,48px);box-shadow:0 22px 58px #0003}.form-card h1{color:#fffaf0;letter-spacing:-.04em;margin:14px 0 34px;font-size:clamp(30px,5vw,42px)}.room-form{gap:24px;display:grid}.field-label,.format-picker legend{color:#c5d0d7;font-size:13px;font-weight:750}.field-label{gap:9px;display:grid}.field-label input{color:#fffaf0;background:#111d28;border:1px solid #4c6072;border-radius:7px;outline:none;width:100%;min-height:48px;padding:0 14px}.field-label input:focus{border-color:#55dbe8;box-shadow:0 0 0 3px #55dbe821}.room-code-input{text-transform:uppercase;letter-spacing:.18em;font-weight:800}.format-picker{border:0;gap:10px;padding:0;display:grid}.format-picker legend{margin-bottom:9px}.format-picker button{color:#dbe3e8;text-align:left;cursor:pointer;background:#13212d;border:1px solid #42576a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 16px;display:flex}.format-picker button:hover{border-color:#728596}.format-picker button.is-selected{background:#172d39;border-color:#55dbe8}.format-picker button>span{gap:6px;display:grid}.format-picker strong{font-size:15px}.format-picker small{color:#889aa8;font-size:12px}.format-picker svg{color:#55dbe8}.preset-card,.join-preview,.room-detail-card{background:#13212d;border:1px solid #3e5264;border-radius:8px;padding:18px}.preset-card{grid-template-columns:1fr auto;gap:8px 20px;display:grid}.preset-card>div{gap:6px;display:grid}.preset-card strong{color:#eff1ea;font-size:15px}.preset-card p{color:#8496a4;grid-column:1/-1;margin:4px 0 0;font-size:12px;line-height:1.6}.preset-detail{color:#8496a4;align-self:start;font-size:12px;font-weight:750}.form-note{color:#738696;text-align:center;margin:-8px 0 0;font-size:11px;line-height:1.5}.join-preview{color:#aab6bf;align-items:center;gap:16px;display:flex}.join-preview>svg{color:#55dbe8;flex:none}.join-preview span{gap:4px;display:grid}.join-preview small{color:#8496a4;line-height:1.5}.learn-main{width:min(1060px,100% - 48px);margin:0 auto;padding:clamp(62px,8vw,108px) 0 72px}.learn-hero{max-width:760px}.learn-hero h1{color:#fffaf0;letter-spacing:-.05em;margin:16px 0 20px;font-size:clamp(44px,6vw,70px);line-height:.98}.learn-hero p{color:#aab8c2;max-width:620px;margin:0 0 30px;font-size:18px;line-height:1.7}.learn-rail{border-top:1px solid #405365;margin-top:80px}.learn-rail article{border-bottom:1px solid #405365;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:24px;min-height:150px;padding:28px 8px;display:grid}.learn-rail article>svg{color:#55dbe8;width:34px;height:34px}.learn-rail h2{color:#f5f0e6;margin:0 0 8px;font-size:24px}.learn-rail p{color:#91a2af;max-width:720px;margin:0;line-height:1.7}.learn-glossary{margin-top:90px}.learn-glossary h2{color:#fffaf0;letter-spacing:-.04em;margin:12px 0 30px;font-size:clamp(32px,4vw,46px)}.learn-glossary dl{border-top:1px solid #405365;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.learn-glossary dl>div{border-bottom:1px solid #405365;border-right:1px solid #405365;min-height:145px;padding:24px}.learn-glossary dl>div:nth-child(2n){border-right:0}.learn-glossary dt{color:#55dbe8;font-weight:800}.learn-glossary dd{color:#91a2af;margin:12px 0 0;line-height:1.65}.results-main{width:min(920px,100% - 40px);margin:0 auto;padding:64px 0 80px}.results-title h1{color:#fffaf0;letter-spacing:-.045em;margin:12px 0 10px;font-size:clamp(42px,6vw,64px)}.results-title p{color:#91a2af;max-width:640px;line-height:1.7}.ranking-list{border-top:1px solid #405365;margin:44px 0 0;padding:0;list-style:none}.ranking-list li{border-bottom:1px solid #405365;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:102px;padding:18px 12px;display:grid}.rank-number{color:#607384;font-size:20px;font-weight:850}.rank-player{gap:7px;display:grid}.rank-player strong{color:#f5f0e6;align-items:center;gap:9px;font-size:18px;display:flex}.rank-player small{color:#8294a2}.rank-score{color:#55dbe8;font-variant-numeric:tabular-nums;font-size:24px}.rematch-card{background:#152433;border:1px solid #405365;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:34px;padding:24px;display:grid}.rematch-card h2{color:#fffaf0;margin:7px 0 8px;font-size:24px}.rematch-card p{color:#91a2af;max-width:620px;margin:0;line-height:1.6}.rematch-card .form-error{color:#ffb5aa;grid-column:1/-1}.results-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}
.lobby-shell{min-height:100dvh}.lobby-header{z-index:20;position:sticky;top:0}.lobby-header .connection{cursor:default;margin:0}.lobby-room-path{color:#8fa1af;letter-spacing:.05em;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:750;display:flex}.lobby-room-path span{align-items:center;gap:6px;display:inline-flex}.lobby-room-path b{color:#f2eee4;font-weight:760}.lobby-room-path b:before{content:"·";color:#526678;margin-right:12px}.lobby-main{width:min(1180px,100% - 48px);margin:0 auto;padding:46px 0 72px}.lobby-titlebar{justify-content:space-between;align-items:end;gap:32px;display:flex}.lobby-titlebar h1{color:#fffaf0;letter-spacing:-.04em;margin:11px 0 0;font-size:clamp(34px,4vw,48px)}.lobby-titlebar p{color:#a5b3bd;margin:10px 0 0}.copy-button{white-space:nowrap;width:auto;min-height:44px;padding-inline:16px}.lobby-main>.connection-failure{margin:24px 0 0}.lobby-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;margin-top:32px;display:grid}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.seat-card{background:#172633;border:1px solid #3f5365;border-radius:10px;grid-template:"avatar name""avatar meta"/48px minmax(0,1fr);align-items:center;gap:6px 14px;min-height:150px;padding:22px;display:grid;position:relative}.seat-card-empty{background:#13212c;border-style:dashed}.seat-card-bot{border-color:#50697a}.seat-index{color:#728595;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;top:16px;right:18px}.lobby-avatar,.empty-avatar{border:1px solid #53687a;border-radius:10px;grid-area:avatar;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.lobby-avatar{color:#dbe5eb;background:#203648}.lobby-avatar svg,.empty-avatar svg{width:22px;height:22px}.seat-card-bot .lobby-avatar,.lobby-avatar-bot{color:#55dbe8}.empty-avatar{color:#667b8c;border-style:dashed}.seat-card>strong{color:#f4f1e8;flex-wrap:wrap;grid-area:name;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:800;display:flex}.seat-card>small{color:#8294a2;grid-area:meta;font-size:11px}.bot-label,.host-label{color:#c8d2d8;letter-spacing:.09em;border:1px solid #637789;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:8px;font-weight:850;display:inline-flex}.bot-label{color:#70dce6;border-color:#3c8791}.host-label{color:#e4c876;border-color:#746849}.lobby-side{gap:12px;display:grid}.waiting-status{background:#1a2b39;border:1px solid #4d6376;border-radius:10px;padding:22px}.waiting-status h2{color:#fffaf0;letter-spacing:-.025em;margin:14px 0 8px;font-size:21px}.waiting-status h2:focus{outline:none}.waiting-status p{color:#98a8b3;margin:0;font-size:12px;line-height:1.6}.waiting-status .visible-countdown{color:#6fd9e2;font-variant-numeric:tabular-nums;margin-top:10px;font-weight:700}.status-badge{color:#6fd9e2;letter-spacing:.08em;text-transform:uppercase;border:1px solid #3e6970;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:850;display:inline-flex}.waiting-status-humans-only .status-badge{color:#e4c876;border-color:#746849}.waiting-status-recovery-blocked{border-color:#8d625f}.waiting-actions{gap:9px;margin-top:18px;display:grid}.waiting-actions .button-primary,.waiting-actions .button-secondary{width:100%;min-height:44px;font-size:12px}.host-note{color:#778a99;margin-top:12px;font-size:10px;line-height:1.5;display:block}.room-detail-card{gap:11px;display:grid}.room-detail-card>div{justify-content:space-between;gap:16px;display:flex}.room-detail-card span,.room-detail-card strong{font-size:11px}.room-detail-card span{color:#778a99}.room-detail-card strong{color:#c7d0d6;text-align:right;font-weight:700}.ad-placement-compact{flex-direction:column;gap:4px;min-height:78px;margin-top:16px;padding:14px}.prompt-scrim{z-index:100;background:#070c11c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.wait-prompt{color:#f6f1e7;background:#192a38;border:1px solid #596f81;border-radius:12px;width:min(520px,100%);max-height:calc(100dvh - 48px);padding:clamp(24px,4vw,36px);position:relative;overflow-y:auto;box-shadow:0 26px 80px #0000007a}.wait-icon{color:#55dbe8;border:1px solid #43818a;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;display:inline-flex}.wait-icon svg{width:22px;height:22px}.wait-prompt-close{position:absolute;top:18px;right:18px}.wait-prompt h2{color:#fffaf0;letter-spacing:-.035em;margin:10px 0;font-size:26px}.wait-prompt>p:not(.prompt-note){color:#91a3af;margin:0;font-size:12px;line-height:1.6}.wait-options{gap:9px;margin-top:24px;display:grid}.wait-options button{color:#e8ece8;text-align:left;cursor:pointer;background:#14232f;border:1px solid #43596b;border-radius:8px;justify-content:flex-start;align-items:center;gap:16px;min-height:58px;padding:12px 14px;display:flex}.wait-options button:hover:not(:disabled){background:#1b2f3e;border-color:#74899b}.wait-options .button-primary{color:#0c1720;background:#55dbe8;border-color:#55dbe8}.wait-options .text-action{color:#aab8c1;background:0 0;border-color:#0000}.wait-options svg{color:#63dbe6;flex:none}.wait-options .button-primary svg{color:#0c1720}.prompt-note{color:#778a99;text-align:center;margin:16px 0 0;font-size:10px;line-height:1.6}
.game-screen{background:var(--ink-0);min-height:100dvh;overflow:hidden}.topbar{border-bottom:1px solid var(--line-soft);background:#111b25;grid-template-columns:92px minmax(0,1fr) auto 78px;align-items:center;height:64px;display:grid}.brand-button,.menu-button{cursor:pointer;background:0 0;border:0;place-items:center;height:64px;display:grid}.brand-button{color:var(--cyan);border-right:1px solid var(--line-soft)}.brand-button svg{width:34px;height:34px}.menu-button{border-left:1px solid var(--line-soft);color:#a8b6c0}.menu-button svg{width:29px;height:29px}.match-path{color:#b3c0c8;white-space:nowrap;align-items:center;gap:18px;min-width:0;padding:0 28px;font-size:15px;display:flex;overflow:hidden}.match-path strong{color:#d9e2e7;font-weight:600}.private-label{color:var(--text);align-items:center;gap:8px;font-weight:680;display:inline-flex}.private-label svg{color:var(--cyan)}.path-divider{color:#415361}.connection{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;margin-right:22px;padding:0 4px;font-size:14px;font-weight:650;display:inline-flex}.connection svg{width:21px;height:21px}.connection.is-connected{color:var(--green)}.connection.is-reconnecting{color:#f1c56c}.play-area{grid-template-rows:minmax(430px,1fr) 146px minmax(96px,auto);width:min(100%,1440px);height:calc(100dvh - 64px);min-height:690px;margin:0 auto;padding:16px 32px 20px;display:grid}.table-board{border:1px solid var(--line-soft);background:#172735;border-radius:28px;min-height:430px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7ca2bb0d}.table-board:after{content:"";pointer-events:none;border:1px solid #7198b014;border-radius:20px;position:absolute;inset:18px}.player{z-index:8;align-items:center;gap:11px;display:flex;position:absolute}.player-top{top:17px;left:50%;transform:translate(-50%)}.player-left{top:50%;left:18px;transform:translateY(-50%)}.player-right{text-align:right;flex-direction:row-reverse;top:50%;right:18px;transform:translateY(-50%)}.player-bottom{bottom:18px;left:18px}.avatar{background:#14202a;border:1px solid #526777;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.avatar svg{width:24px;height:24px}.avatar-cyan{color:var(--cyan)}.avatar-violet{color:var(--violet)}.player-copy{gap:3px;display:grid}.player-name{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.player-right .player-name{justify-content:flex-end}.player-points{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:15px;font-weight:720}.player-connection{color:#f1c56c;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.seat-wind{color:#f3eee3;background:#203544;border:1px solid #637788;border-radius:7px;flex:none;place-items:center;min-width:24px;height:24px;font-size:12px;font-weight:820;line-height:1;display:inline-grid}.wall-strip{z-index:1;object-fit:contain;opacity:.94;filter:brightness(.9)saturate(.86);height:auto;position:absolute}.wall-top{width:min(40%,475px);top:76px;left:50%;transform:translate(-50%)}.wall-bottom{width:min(40%,475px);bottom:64px;left:50%;transform:translate(-50%)}.wall-left,.wall-right{width:min(33%,382px);top:50%}.wall-left{left:-72px;transform:translateY(-50%)rotate(90deg)}.wall-right{right:-72px;transform:translateY(-50%)rotate(90deg)}.discard-river{z-index:4;grid-template-columns:repeat(6,24px);gap:3px;display:grid;position:absolute}.discard-river-top{top:132px;left:50%;transform:translate(-50%)}.discard-river-bottom{bottom:119px;left:50%;transform:translate(-50%)rotate(180deg)}.discard-river-left{top:50%;left:17%;transform:translateY(-50%)rotate(90deg)}.discard-river-right{top:50%;right:17%;transform:translateY(-50%)rotate(-90deg)}.score-core{z-index:6;background:#111d27;border:1px solid #314859;border-radius:22px;place-items:center;width:252px;height:230px;display:grid;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #040c1259}.turn-callout{color:#c6d1d8;text-align:center;background:#172735;border:1px solid #3d5668;border-radius:8px;width:max-content;min-width:174px;max-width:280px;padding:9px 16px;font-size:13px;font-weight:700;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.turn-callout.is-active{border-color:var(--cyan);color:#5ad9f7;box-shadow:0 0 22px #27c2ed2e}.round-core{text-align:center;place-items:center;gap:5px;display:grid}.round-core strong{color:#5ad9f7;font-size:25px}.round-core span:last-child{color:var(--muted);font-size:12px}.round-wind{color:#8195a4;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:20px}.wall-count{color:#778b99;font-size:10px;font-weight:700;position:absolute;bottom:15px}.hand-section{align-items:center;min-width:0;display:grid}.hand-scroll{scrollbar-width:thin;scrollbar-color:#395064 transparent;width:100%;padding:8px 4px;overflow:auto hidden}.live-hand{align-items:end;gap:3px;width:fit-content;min-width:max-content;margin-inline:auto;display:flex}.drawn-tile{margin-left:10px}.mahjong-tile{color:#1e292d;background:linear-gradient(#fffdf8 0%,#e9e5dc 80%,#c9c4ba 100%);border:1px solid #d2cdc2;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:clamp(52px,5.5vw,78px);height:clamp(78px,8vw,112px);padding:6px 4px 8px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;line-height:.9;display:inline-flex;box-shadow:inset 0 -5px #b8b5ae,0 7px 10px #0000003d}button.mahjong-tile{cursor:pointer;position:relative}button.mahjong-tile:hover:not(:disabled){transform:translateY(-3px)}button.mahjong-tile:disabled{opacity:.82}.mahjong-tile.is-selected{border-color:#55dbe8;transform:translateY(-12px);box-shadow:inset 0 -5px #b8b5ae,0 0 0 3px #55dbe857,0 12px 20px #0000004d}.tile-main{font-size:clamp(25px,3vw,42px);font-weight:800}.tile-sub{color:#7b1715;margin-top:4px;font-size:clamp(16px,1.8vw,26px);font-weight:800}.mahjong-tile.is-red .tile-main,.mahjong-tile.is-red .tile-sub{color:#b32821}.mahjong-tile-compact{border-radius:3px;width:24px;height:34px;padding:2px 1px 4px;box-shadow:inset 0 -2px #b8b5ae,0 2px 4px #0003}.mahjong-tile-compact .tile-main{font-size:12px}.mahjong-tile-compact .tile-sub{margin-top:1px;font-size:8px}.hand-mobile-hint{color:var(--muted);text-align:center;font-size:11px;display:none}.action-region{align-content:end;gap:8px;min-width:0;display:grid}.action-choice-bar{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.action-choice-bar:empty{display:none}.action-choice{color:#aebdc6;letter-spacing:.04em;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:min(240px,100%);font-size:10px;font-weight:760;display:grid}.action-choice select{color:#e9f0f3;min-width:0;height:32px;font:inherit;letter-spacing:0;text-transform:none;background:#14232e;border:1px solid #466174;border-radius:7px;padding:0 28px 0 10px}.action-bar{grid-template-columns:105px minmax(170px,1.4fr) repeat(7,minmax(76px,.72fr));align-items:stretch;gap:8px;display:grid}.why-button,.action{cursor:pointer;background:#172532;border:1px solid #3a5061;border-radius:8px;min-height:68px;padding:8px;font-size:14px;font-weight:700}.why-button{color:var(--cyan);background:#101b24;justify-content:center;align-items:center;gap:8px;display:inline-flex}.why-button.is-active{border-color:var(--cyan);background:#152b39}.action{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.action span{color:#d7e3e8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.action-primary,.action-win:not(:disabled){color:#fff;background:#08658f;border-color:#118dbd;box-shadow:0 12px 24px #096e962e}.action:disabled{color:#8a9aa5;cursor:not-allowed;opacity:.72;background:#1a2834}.action-primary:disabled,.action-win:disabled{color:#8a9aa5;box-shadow:none;background:#1a2834;border-color:#3a5061}.why-panel,.room-panel{z-index:20;background:#182734;border:1px solid #405667;position:fixed;box-shadow:0 28px 70px #040a0f75}.why-panel{border-radius:16px;width:min(390px,100vw - 64px);padding:24px;bottom:104px;left:32px}.why-panel h2,.room-panel h2{margin:6px 0 14px;font-size:22px}.why-panel p{color:#b8c5cd;margin:0;line-height:1.55}.why-panel>.panel-close{position:absolute;top:16px;right:16px}.scrim{z-index:18;background:#03080c94;position:fixed;inset:0}.room-panel{border-width:0 0 0 1px;width:min(410px,92vw);padding:26px;top:0;bottom:0;right:0;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.room-action{color:#fff;cursor:pointer;background:#0b6388;border:1px solid #1483ad;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:10px;font-weight:720;display:flex}.room-action-muted{color:#cbd6dc;background:#21313e;border-color:#536574;margin-top:20px}.room-summary{color:#aebdc6;border-bottom:1px solid #344a5a;gap:8px;margin:26px 0 12px;padding-bottom:18px;font-size:13px;display:grid}.member-row{border-bottom:1px solid #2d414f;justify-content:space-between;gap:16px;padding:13px 0;font-size:13px;display:flex}.member-row span:last-child{color:var(--green);text-align:right;text-transform:uppercase;font-size:10px}.settings-group{border:0;margin:22px 0 0;padding:0}.settings-group legend{color:#dfe8ed;margin-bottom:7px;font-size:13px;font-weight:760}.setting-row{cursor:pointer;border-bottom:1px solid #2d414f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0;display:grid}.setting-row span{gap:3px;display:grid}.setting-row strong{font-size:13px}.setting-row small{color:#8799a6;font-size:11px;line-height:1.4}.setting-row input{width:20px;height:20px;accent-color:var(--cyan-deep)}.room-footnote{color:#8295a2;font-size:12px;line-height:1.5}.reconnect-overlay{z-index:10;color:#f0d69a;text-align:center;background:#202b31;border:1px solid #d3a854;border-radius:14px;justify-items:center;gap:9px;width:min(360px,100% - 40px);padding:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 60px #02090e8c}.reconnect-overlay span{color:#c7d1d6;font-size:13px}.game-error{z-index:16;width:min(680px,100% - 32px);position:fixed;bottom:112px;left:50%;transform:translate(-50%)}.takeover-status{z-index:15;color:#f0d69a;background:#202b31;border:1px solid #d3a854;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:min(680px,100% - 32px);padding:14px 16px;font-size:12px;display:flex;position:fixed;bottom:105px;left:50%;transform:translate(-50%)}.takeover-status button{color:#f0d69a;cursor:pointer;background:0 0;border:1px solid #d3a854;border-radius:7px;min-height:38px;padding:0 14px;font-weight:750}.text-large .match-path,.text-large .player-name,.text-large .player-points,.text-large .connection{font-size:17px}.text-large .seat-wind{min-width:28px;height:28px;font-size:14px}.text-large .action,.text-large .why-button{font-size:16px}.text-large .round-core strong{font-size:28px}.text-large .turn-callout,.text-large .why-panel p,.text-large .member-row{font-size:16px}.text-large .room-summary,.text-large .settings-group legend,.text-large .setting-row strong{font-size:15px}.text-large .setting-row{padding-block:15px}.text-large .setting-row small,.text-large .hand-mobile-hint{font-size:14px}.theme-high-contrast{color:#101820;background:#eef2f4}.theme-high-contrast button:focus-visible,.theme-high-contrast a:focus-visible{outline-color:#005a78}.theme-high-contrast .topbar,.theme-high-contrast .table-board,.theme-high-contrast .why-panel,.theme-high-contrast .room-panel{color:#101820;background:#edf1f3;border-color:#74808a}.theme-high-contrast .table-board{background:#dfe7eb}.theme-high-contrast .match-path,.theme-high-contrast .match-path strong,.theme-high-contrast .private-label,.theme-high-contrast .player-name,.theme-high-contrast .member-row,.theme-high-contrast .settings-group legend{color:#101820}.theme-high-contrast .brand-button,.theme-high-contrast .private-label svg,.theme-high-contrast .eyebrow{color:#005a78}.theme-high-contrast .connection.is-connected,.theme-high-contrast .member-row span:last-child{color:#176443}.theme-high-contrast .avatar,.theme-high-contrast .score-core,.theme-high-contrast .turn-callout{color:#101820;background:#f7f8f8;border-color:#697782}.theme-high-contrast .player-points,.theme-high-contrast .round-core strong,.theme-high-contrast .turn-callout.is-active{color:#005a78}.theme-high-contrast .seat-wind{color:#101820;background:#fff;border-color:#596a75}.theme-high-contrast .action,.theme-high-contrast .why-button,.theme-high-contrast .panel-close,.theme-high-contrast .room-action-muted{color:#101820;background:#f4f6f7;border-color:#74808a}.theme-high-contrast .action-primary,.theme-high-contrast .action-win:not(:disabled){color:#fff;background:#005f86;border-color:#004f70}.theme-high-contrast .action:disabled{color:#4b5962;background:#d4dade}.theme-high-contrast .setting-row,.theme-high-contrast .member-row,.theme-high-contrast .room-summary{border-color:#9ba6ad}.theme-high-contrast .setting-row small,.theme-high-contrast .room-summary,.theme-high-contrast .room-footnote,.theme-high-contrast .why-panel p{color:#3e4b54}.theme-high-contrast .reconnect-overlay{color:#101820;background:#fff;border-color:#596a75}.theme-high-contrast .wall-strip{filter:brightness(.82)saturate(.82)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
@media (min-width:901px) and (max-height:820px){.game-screen{overflow:auto}.topbar,.brand-button,.menu-button{height:56px}.play-area{grid-template-rows:minmax(360px,1fr) 112px minmax(76px,auto);height:calc(100dvh - 56px);min-height:0;padding:8px 24px 10px}.table-board{border-radius:22px;min-height:360px}.player-top{top:10px}.player-left{left:12px}.player-right{right:12px}.player-bottom{bottom:12px;left:12px}.avatar{border-radius:11px;width:40px;height:40px}.wall-top{width:min(32%,390px);top:64px}.wall-bottom{width:min(32%,390px);bottom:54px}.wall-left,.wall-right{width:min(27%,315px)}.wall-left{left:-56px}.wall-right{right:-56px}.discard-river-top{top:105px}.discard-river-bottom{bottom:90px}.score-core{width:216px;height:188px}.turn-callout{min-width:162px;padding:7px 12px;top:-27px}.mahjong-tile{width:48px;height:72px}.tile-main{font-size:25px}.tile-sub{font-size:16px}.why-button,.action{min-height:58px}}@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-visual{width:min(620px,100%)}.lobby-layout{grid-template-columns:1fr}.lobby-side{grid-template-columns:repeat(2,minmax(0,1fr))}.waiting-status{grid-row:span 2}.ad-placement-compact{grid-column:1/-1}}@media (max-width:900px){.topbar{grid-template-columns:58px minmax(0,1fr) auto 56px;height:56px}.brand-button,.menu-button{height:56px}.brand-button svg{width:28px;height:28px}.match-path{gap:8px;padding:0 14px;font-size:12px}.match-path span:not(.private-label):not(:last-child),.path-divider{display:none}.connection{margin-right:10px;font-size:0}.play-area{grid-template-rows:minmax(390px,1fr) 116px minmax(142px,auto);height:calc(100dvh - 56px);min-height:690px;padding:10px}.table-board{border-radius:20px}.avatar{border-radius:10px;width:34px;height:34px}.avatar svg{width:18px}.player{gap:7px}.player-name,.player-points{font-size:12px}.player-left,.player-right{top:54%}.wall-top,.wall-bottom{width:42%}.wall-left,.wall-right{width:35%}.discard-river-left{left:13%}.discard-river-right{right:13%}.score-core{width:168px;height:158px}.score-core .round-core strong{font-size:21px}.action-bar{grid-template-rows:repeat(2,64px);grid-template-columns:repeat(5,minmax(0,1fr))}.why-button,.action{min-height:58px;font-size:13px}}@media (max-width:700px){.site-header,.flow-header,.lobby-header{min-height:64px;padding-inline:18px}.site-brand{font-size:14px}.brand-mark{width:29px;height:29px}.site-nav a:first-child{display:none}.site-nav{gap:2px}.site-nav a{min-height:38px;padding-inline:9px;font-size:11px}.site-nav .site-nav-primary{padding-inline:11px}.landing-main,.lobby-main,.learn-main{width:min(100% - 32px,620px)}.landing-main,.learn-main{padding-top:54px}.hero{gap:40px}.hero-copy h1,.learn-hero h1{margin-top:14px;font-size:clamp(38px,12vw,52px);line-height:1.02}.hero-copy>p,.learn-hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button-primary,.hero-actions .button-secondary{width:100%}.trust-row{gap:12px}.hero-visual{padding:16px}.hero-seat-row{gap:6px;font-size:8px}.flow-cards{grid-template-columns:1fr}.flow-cards article{border-bottom:1px solid #405365;border-right:0;min-height:190px}.flow-cards article:last-child{border-bottom:0}.ad-placement{flex-direction:column;gap:7px;padding:22px}.form-page{width:min(100% - 28px,620px);padding-top:28px}.flow-progress{font-size:10px}.form-card{padding:24px 20px}.preset-card{grid-template-columns:1fr}.preset-detail,.preset-card p{grid-column:1}.lobby-header{flex-wrap:wrap;padding-block:12px}.lobby-header .connection{display:none}.lobby-main{padding-top:30px}.lobby-titlebar{flex-direction:column;align-items:stretch}.lobby-titlebar .copy-button{width:100%}.lobby-room-path{white-space:nowrap;order:3;justify-content:flex-start;width:100%;overflow-x:auto}.lobby-layout{margin-top:24px}.seat-grid,.lobby-side{grid-template-columns:1fr}.seat-card{min-height:118px;padding:18px}.waiting-status{grid-row:auto}.ad-placement-compact{grid-column:auto}.prompt-scrim{padding:12px}.wait-prompt{max-height:calc(100dvh - 24px);padding:22px 18px}.wait-prompt h2{font-size:23px}.learn-rail{margin-top:56px}.learn-rail article{grid-template-columns:44px minmax(0,1fr);gap:14px}.learn-glossary dl{grid-template-columns:1fr}.learn-glossary dl>div{border-right:0}.failure-actions{grid-column:1/-1}}@media (max-width:520px){.game-screen{overflow:auto}.topbar{z-index:12;position:sticky;top:0}.match-path .private-label{font-size:12px}.match-path strong{display:none}.play-area{grid-template-rows:470px 120px minmax(182px,auto);height:auto;min-height:calc(100dvh - 56px);padding:8px}.table-board{border-radius:16px}.table-board:after{border-radius:12px;inset:8px}.player-top{top:10px}.player-left{left:8px}.player-right{right:8px}.player-bottom{bottom:9px;left:8px}.player-left .avatar,.player-right .avatar,.player-bottom .avatar{display:none}.player-copy{background:#0f1b24e0;border-radius:7px;padding:5px 7px}.player-name,.player-points{font-size:10px}.seat-wind{border-radius:6px;min-width:22px;height:22px;font-size:10px}.player-right .seat-wind{order:-1}.bot-label{padding:1px 4px;font-size:7px}.wall-top{width:50%;top:62px}.wall-bottom{width:50%;bottom:55px}.wall-left{width:42%;left:-49px}.wall-right{width:42%;right:-49px}.discard-river{grid-template-columns:repeat(6,17px);gap:2px}.mahjong-tile-compact{width:17px;height:25px}.mahjong-tile-compact .tile-main{font-size:8px}.mahjong-tile-compact .tile-sub{font-size:6px}.discard-river-top{top:104px}.discard-river-bottom{bottom:88px}.discard-river-left{left:19%}.discard-river-right{right:19%}.score-core{border-radius:16px;width:132px;height:140px;top:52%}.turn-callout{min-width:140px;max-width:210px;padding:7px 10px;font-size:11px;top:-28px}.round-core{gap:2px}.round-core strong{font-size:18px!important}.round-core span:last-child{max-width:116px;font-size:9px}.round-wind{font-size:15px}.wall-count{font-size:8px;bottom:10px}.hand-section{padding-top:4px}.live-hand{margin-inline:0}.mahjong-tile{border-radius:5px;width:48px;height:74px}.tile-main{font-size:25px}.tile-sub{font-size:16px}.drawn-tile{margin-left:7px}.hand-mobile-hint{display:block}.action-bar{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:5px}.action-choice-bar{display:grid}.action-choice{width:100%}.why-button{grid-area:1/1}.action-primary{grid-area:1/2/auto/-1}.why-button,.action{border-radius:7px;min-width:0;min-height:54px;padding:5px 3px;font-size:11px}.why-button{gap:4px}.why-button svg{width:16px}.why-panel{width:auto;bottom:80px;left:8px;right:8px}.room-panel{width:94vw;padding:20px}.game-error,.takeover-status{bottom:12px}.takeover-status{flex-direction:column;align-items:stretch}.text-large .play-area{grid-template-rows:470px 128px 210px}.text-large .player-name,.text-large .player-points{font-size:13px}.text-large .seat-wind{min-width:26px;height:26px;font-size:13px}.text-large .action-bar{grid-template-rows:repeat(3,minmax(60px,auto))}.text-large .action,.text-large .why-button{min-height:60px;font-size:14px}.ranking-list li{grid-template-columns:34px minmax(0,1fr)}.rank-score{grid-column:2;font-size:20px}.results-actions{display:grid}.rematch-card{grid-template-columns:1fr}.rematch-card .button-primary,.results-actions .button-primary,.results-actions .button-secondary{width:100%}.connection-failure{grid-template-columns:1fr}.failure-icon{width:38px;height:38px}.failure-actions{display:grid}.failure-actions .button-primary,.failure-actions .button-secondary{width:100%}}@media (max-width:360px){.site-nav a{padding-inline:6px}.site-nav .site-nav-primary{padding-inline:8px}.play-area{grid-template-rows:450px 116px 190px}.discard-river-left{left:17%}.discard-river-right{right:17%}}
:root{color:#edf3f6;font-synthesis:none;--ink-0:#101923;--ink-1:#14212d;--ink-2:#192b3a;--ink-3:#24394a;--line:#344a5b;--line-soft:#263947;--text:#edf3f6;--muted:#91a2af;--cyan:#55dbe8;--cyan-deep:#08759c;--green:#66d596;--violet:#aa93f4;--ivory:#e9e5dc;--danger:#ef8d82;background:#101923;font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--ink-0);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--ink-0);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{color:inherit;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #55dbe8c7}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.analytics-consent{z-index:1000;background:#162532;border:1px solid #526577;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;width:min(760px,100% - 40px);margin-left:auto;padding:20px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 24px 70px #0000006b}.analytics-consent h2{color:var(--text);margin:0;font-size:18px;line-height:1.25}.analytics-consent p{color:#b8c5ce;max-width:530px;margin:7px 0 5px;font-size:13px;line-height:1.55}.analytics-consent a{color:var(--cyan);text-underline-offset:3px;font-size:12px;font-weight:700;text-decoration:underline}.analytics-consent-actions{flex:none;gap:10px;display:flex}.analytics-consent-actions .button-primary,.analytics-consent-actions .button-secondary{white-space:nowrap;min-height:44px;padding-inline:16px}.privacy-choice-button{z-index:900;color:#aebbc4;cursor:pointer;background:#12202b;border:1px solid #405566;border-radius:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;position:fixed;bottom:14px;right:14px}@media (max-width:680px){.analytics-consent{flex-direction:column;align-items:stretch;gap:16px;width:calc(100% - 24px);padding:17px;bottom:12px;left:12px;right:12px}.analytics-consent-actions{grid-template-columns:1fr 1fr;display:grid}}.privacy-main,.analytics-admin-main{width:min(1080px,100% - 40px);margin:0 auto;padding:72px 0 100px}.privacy-main>header{max-width:780px;margin-bottom:48px}.privacy-main h1,.analytics-admin-title h1{color:var(--text);letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(38px,6vw,68px);line-height:.98}.privacy-main>header p,.analytics-admin-title p{color:#aab8c2;font-size:15px;line-height:1.7}.privacy-main section{border-top:1px solid var(--line-soft);max-width:780px;padding:28px 0}.privacy-main section h2,.analytics-sections section h2{color:var(--text);letter-spacing:-.025em;margin:0 0 10px;font-size:22px}.privacy-main section p,.analytics-sections section header p{color:#aab8c2;margin:0;font-size:14px;line-height:1.7}.privacy-main>.button-secondary{margin-top:28px}.analytics-admin-main{width:min(1240px,100% - 40px)}.analytics-admin-title{justify-content:space-between;align-items:end;gap:32px;display:flex}.analytics-admin-title>div:first-child{max-width:720px}.analytics-admin-title h1{font-size:clamp(42px,6vw,72px)}.analytics-external-links{gap:10px;display:flex}.analytics-external-links a{border:1px solid var(--line);min-height:42px;color:var(--cyan);border-radius:7px;align-items:center;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.analytics-auth{border:1px solid var(--line);background:var(--ink-1);border-radius:10px;grid-template-columns:minmax(260px,1fr) 180px auto;align-items:end;gap:14px;margin:42px 0 28px;padding:18px;display:grid}.analytics-auth label{color:#aab8c2;letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:800;display:grid}.analytics-auth input,.analytics-auth select{width:100%;height:46px;color:var(--text);background:#101c26;border:1px solid #405566;border-radius:7px;padding:0 12px;font:700 14px/1.2 Inter,Segoe UI,sans-serif}.analytics-error{color:#f1a299;background:#201f26;border:1px solid #8d625f;border-radius:8px;padding:14px 16px;font-size:13px}.analytics-sections{gap:48px;display:grid}.analytics-sections section{border-top:1px solid var(--line-soft);padding-top:24px}.analytics-sections section>header{margin-bottom:18px}.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.analytics-kpi{border:1px solid var(--line-soft);background:#14222e;border-radius:9px;flex-direction:column;justify-content:space-between;min-height:128px;padding:18px;display:flex}.analytics-kpi span{color:#91a2af;letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:800}.analytics-kpi strong{color:var(--text);letter-spacing:-.04em;font-size:30px}.analytics-kpi small{color:var(--cyan);font-size:11px}.analytics-table-wrap{border:1px solid var(--line-soft);border-radius:9px;overflow-x:auto}.analytics-table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.analytics-table-wrap th,.analytics-table-wrap td{border-bottom:1px solid var(--line-soft);color:#c5d0d7;text-align:right;padding:12px 14px;font-size:12px}.analytics-table-wrap th:first-child{text-align:left}.analytics-table-wrap thead th{color:#91a2af;letter-spacing:.05em;text-transform:uppercase;background:#14222e;font-size:10px}.analytics-generated{color:#71818d;margin:-28px 0 0;font-size:11px}@media (max-width:820px){.analytics-admin-title{flex-direction:column;align-items:flex-start}.analytics-auth{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.privacy-main,.analytics-admin-main{width:min(100% - 28px,1240px);padding-top:48px}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-external-links{flex-direction:column;width:100%}}.button-primary,.button-secondary{cursor:pointer;border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.button-primary{color:#0c1720;background:#55dbe8;border-color:#55dbe8}.button-primary:hover:not(:disabled){background:#85edf4;border-color:#85edf4}.button-secondary{color:#f5f0e6;background:#1a2a39;border-color:#526577}.button-secondary:hover:not(:disabled){background:#203343;border-color:#7f93a5}.button-primary svg,.button-secondary svg{width:18px;height:18px}.button-full{width:100%}.site-eyebrow,.eyebrow{color:#55dbe8;letter-spacing:.16em;font-size:11px;font-weight:800;line-height:1.4}.eyebrow{text-transform:uppercase}.panel-close{cursor:pointer;background:#12202b;border:1px solid #405566;border-radius:8px;place-items:center;width:38px;height:38px;padding:0;display:grid}.panel-close svg{width:20px;height:20px}.connection-failure{color:#f5f0e6;background:#201f26;border:1px solid #8d625f;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:18px;width:min(680px,100% - 40px);margin:auto;padding:clamp(24px,5vw,42px);display:grid;box-shadow:0 24px 70px #0000004d}.connection-failure-compact{width:100%;box-shadow:none;border-radius:8px;margin:0;padding:16px}.failure-icon{color:#f1a299;border:1px solid #986f67;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.failure-icon svg{width:22px;height:22px}.connection-failure h2{letter-spacing:-.025em;margin:0;font-size:22px}.connection-failure p{color:#c2b9b6;margin:8px 0 0;font-size:13px;line-height:1.6}.connection-failure small{color:#8f8988;margin-top:10px;font-size:10px;display:block}.connection-failure code{word-break:break-all}.failure-actions{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.failure-actions .button-primary,.failure-actions .button-secondary{min-height:42px;font-size:12px}.recovery-page{grid-template-rows:auto 1fr;min-height:100dvh;padding:28px clamp(20px,5vw,64px);display:grid}.recovery-brand{width:fit-content}.connection-wait{text-align:left;background:#172634;border:1px solid #405467;border-radius:14px;width:min(620px,100%);margin:auto;padding:clamp(28px,6vw,52px)}.connection-wait .wait-icon{margin-bottom:26px}.connection-wait h1{color:#fffaf0;letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(32px,5vw,46px);line-height:1.05}.connection-wait p{color:#98a8b3;margin:0 0 26px;line-height:1.7}.resume-tables{background:#142431;border:1px solid #3c5668;border-radius:14px;width:min(1180px,100% - 40px);margin:0 auto 84px;padding:clamp(22px,4vw,32px)}.resume-tables-heading,.resume-table-row,.resume-table-actions{align-items:center;display:flex}.resume-tables-heading{gap:14px;margin-bottom:18px}.resume-tables-heading>svg{width:28px;height:28px;color:var(--cyan)}.resume-tables-heading h2{margin:4px 0 0;font-size:clamp(22px,3vw,30px)}.resume-table-list{gap:10px;display:grid}.resume-table-row{background:#192c3a;border:1px solid #304857;border-radius:10px;justify-content:space-between;gap:20px;padding:14px}.resume-table-row>div:first-child{gap:4px;display:grid}.resume-table-row span{color:var(--muted);font-size:12px}.resume-table-row .resume-table-error{color:#ffb5aa;max-width:620px;line-height:1.5}.resume-table-actions{gap:8px}.resume-table-actions .button-primary{min-height:42px}.resume-table-actions>button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #4d6271;border-radius:8px;padding:0}@media (max-width:640px){.resume-table-row{flex-direction:column;align-items:stretch}.resume-table-actions .button-primary{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}