:root{--mp-emerald-deep:#0b3d2e;--mp-emerald-night:#071f19;--mp-jade:#1f8a5b;--mp-jade-soft:#48b077;--mp-gold:#d4af37;--mp-wood:#6b4a2b;--mp-lantern:#ffcf73;--mp-ink:#13201a;--mp-cream:#f5ecd8;--mp-danger:#c0392b;--mp-text:#fff8e7;--mp-muted:#b9c7b8;--mp-border:#f5ecd82e;--mp-shadow:0 18px 48px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--mp-emerald-night);min-width:320px;color:var(--mp-text);margin:0}button,input,select{font:inherit}.mp-button{min-height:40px;color:var(--mp-text);letter-spacing:0;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.92rem;font-weight:750;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.mp-button:hover:not(:disabled){transform:translateY(-1px)}.mp-button:disabled{cursor:not-allowed;opacity:.42}.mp-button-primary{color:#17261d;background:linear-gradient(#e0bf52,#b58a22);box-shadow:0 10px 24px #d4af3733}.mp-button-secondary{background:#1f8a5b3d;border-color:#48b07780}.mp-button-ghost{border-color:var(--mp-border);background:#f5ecd80f}.mp-button-danger{background:#c0392b2e;border-color:#c0392bb3}.mp-panel,.mp-table-card{border:1px solid var(--mp-border);box-shadow:var(--mp-shadow);background:linear-gradient(#f5ecd814,#f5ecd809),#071f19bd;border-radius:8px}.mp-currency,.mp-reward-chip{border:1px solid var(--mp-border);color:var(--mp-text);white-space:nowrap;background:#f5ecd812;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.mp-currency-coins svg{color:var(--mp-gold)}.mp-currency-gems svg{color:#88f4d4}.mp-currency-label{color:var(--mp-muted);font-size:.72rem;font-weight:700}.mp-table-card{gap:14px;padding:16px;display:grid}.mp-table-card h3{margin:0;font-family:Noto Serif SC,Georgia,serif;font-size:1.12rem}.mp-table-card p{color:var(--mp-muted);margin:5px 0 0;font-size:.88rem}.mp-table-card-body{color:var(--mp-text)}.mp-reward-chip{border-radius:8px;align-items:flex-start}.mp-reward-chip svg{color:var(--mp-lantern);margin-top:2px}.mp-reward-chip strong,.mp-reward-chip small{display:block}.mp-reward-chip small{color:var(--mp-muted);margin-top:2px}.mp-toast{z-index:20;max-width:min(420px,100vw - 36px);box-shadow:var(--mp-shadow);color:var(--mp-text);background:#13201af5;border:1px solid #d4af3773;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex;position:fixed;bottom:18px;right:18px}.mp-toast svg{color:var(--mp-lantern)}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 18% 8%,#ffcf731f,#0000 24rem),linear-gradient(145deg,#071f19 0%,#0b3d2e 44%,#13201a 100%);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.app-shell-match{grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.app-shell-match .top-bar,.app-shell-match .bottom-nav{display:none}.app-shell-match .app-main{width:100%;height:100%;min-height:0;padding:10px;overflow:hidden}.app-shell-match .match-screen{grid-template-rows:auto minmax(280px,1fr) auto auto;gap:10px;height:100%;min-height:0;overflow:hidden}.app-shell-match .pixi-rendered,.app-shell-match .pixi-board-host{height:100%;min-height:0}.top-bar,.bottom-nav{border-color:var(--mp-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071f19c7;align-items:center;gap:12px;padding:14px clamp(16px,3vw,34px);display:flex}.top-bar{border-bottom:1px solid var(--mp-border);justify-content:space-between}.bottom-nav{border-top:1px solid var(--mp-border);flex-wrap:wrap;justify-content:center}.brand-button{color:var(--mp-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-family:Noto Serif SC,Georgia,serif;font-size:1.1rem;font-weight:800;display:inline-flex}.brand-mark,.avatar{color:#10231a;background:linear-gradient(145deg,#d4af37,#8a6228);border:1px solid #d4af3780;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:inline-grid}.avatar{border-radius:50%;width:48px;height:48px}.avatar.small{width:32px;height:32px;font-size:.82rem}.top-currencies,.hero-wallet,.heading-actions,.match-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-main{width:min(1240px,100%);margin:0 auto;padding:clamp(16px,3vw,34px)}.screen{gap:22px;display:grid}.screen h1,.screen h2,.lobby-hero h1{letter-spacing:0;margin:0;font-family:Noto Serif SC,Georgia,serif}.screen p{color:var(--mp-muted);line-height:1.55}.screen-heading,.match-header,.lobby-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.screen-heading>div,.match-header>div,.lobby-hero>div{min-width:0}.screen-heading p,.match-header p,.lobby-hero p{margin:12px 0 0}.turn-banner{color:var(--mp-lantern);background:#071f198a;border:1px solid #d4af376b;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:.86rem;font-weight:900;line-height:1.35;display:inline-flex}.lobby-hero{border:1px solid var(--mp-border);min-height:220px;box-shadow:var(--mp-shadow);background-color:#0000;background-image:linear-gradient(90deg,#071f19e6,#071f19a3 48%,#071f192e),url(/assets/lobby/old-hk-teahouse.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;padding:clamp(20px,4vw,42px)}.profile-lockup{align-items:flex-start;gap:clamp(16px,2.2vw,24px);display:flex}.profile-lockup h1{font-size:clamp(2.6rem,4.6vw,4rem);line-height:1.04}.quick-actions,.feature-actions,.table-meta-row,.settings-row{flex-wrap:wrap;gap:10px;display:flex}.content-grid,.table-grid,.result-grid,.shop-grid,.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.result-grid,.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-room-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.9fr) minmax(240px,.8fr);gap:16px;display:grid}.friend-room-grid>.mp-table-card,.table-grid>.mp-table-card{min-width:0}.friend-room-controls{grid-template-columns:minmax(150px,1fr) minmax(130px,.8fr) auto;align-items:end;gap:10px;display:grid}.friend-room-controls label{min-width:0;color:var(--mp-muted);gap:6px;font-size:.82rem;font-weight:900;display:grid}.friend-room-controls input{border:1px solid var(--mp-border);width:100%;min-width:0;min-height:40px;color:var(--mp-text);background:#f5ecd814;border-radius:8px;padding:0 10px;font-weight:900}.friend-room-controls .mp-button{white-space:normal;width:100%;min-width:0}.friend-room-note,.friend-room-warning{color:var(--mp-muted);overflow-wrap:anywhere;margin:0;font-size:.85rem;font-weight:800;line-height:1.45}.friend-room-warning{color:#ff9a8c}.turnstile-gate{justify-content:flex-end;min-width:0;display:flex;overflow:hidden}.turnstile-gate .cf-turnstile{flex:0 0 150px;max-width:100%}.turnstile-gate-account{justify-content:flex-start}.daily-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.feature-panel,.rewards-panel,.form-panel,.room-panel,.fan-panel,.shop-card,.daily-card,.settings-panel{padding:18px}.feature-panel,.shop-card,.daily-card{align-content:start;gap:12px;display:grid}.daily-card{align-content:stretch;align-items:start;min-width:0}.daily-actions>.daily-card{min-height:clamp(230px,24vw,300px)}.daily-card>p{overflow-wrap:anywhere;margin:0}.daily-card>.mp-button{align-self:end;width:100%;margin-top:auto}.daily-card-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.daily-card-header svg{color:var(--mp-lantern);flex:none;margin-top:3px}.daily-card-header strong,.daily-card-header small{min-width:0;display:block}.daily-card-header small{color:var(--mp-muted);overflow-wrap:anywhere;margin-top:3px;line-height:1.35}.feature-panel svg{color:var(--mp-lantern)}.rewards-panel{gap:12px;display:grid}.table-meta-row{min-width:0;color:var(--mp-muted);justify-content:space-between}.table-meta-row span{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:inline-flex}.table-meta-row svg{flex:none}.form-panel{gap:18px;max-width:720px;display:grid}.segmented-field,.field-row,.form-summary{gap:8px;display:grid}.segmented-field>span,.field-row,.form-summary span{color:var(--mp-muted);font-size:.88rem;font-weight:800}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control button,.field-row select{border:1px solid var(--mp-border);min-height:42px;color:var(--mp-text);cursor:pointer;background:#f5ecd812;border-radius:8px}.segmented-control button.selected{border-color:var(--mp-gold);background:#d4af372e}.field-row input{width:min(360px,100%);accent-color:var(--mp-gold)}.room-panel{gap:18px;display:grid}.room-actions{flex-wrap:wrap;gap:10px;display:flex}.room-actions .mp-button{min-width:0}.room-code{border:1px dashed #d4af378c;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:16px;display:flex}.room-code span{min-width:0;color:var(--mp-lantern);overflow-wrap:anywhere;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(2rem,7vw,4rem);font-weight:900}.room-note{color:var(--mp-muted);overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:800}.room-activity{border:1px solid var(--mp-border);background:#071f196b;border-radius:8px;gap:8px;padding:12px;display:grid}.room-activity strong{color:var(--mp-lantern);font-family:Noto Serif SC,Georgia,serif}.room-activity span{color:var(--mp-muted);overflow-wrap:anywhere;font-size:.84rem;font-weight:800;line-height:1.35}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.seat-card,.player-strip{align-items:center;gap:10px;display:flex}.seat-card{border:1px solid var(--mp-border);background:#f5ecd80f;border-radius:8px;justify-content:space-between;padding:12px}.seat-card>div:not(.avatar){min-width:0}.seat-card strong{text-overflow:ellipsis;display:block;overflow:hidden}.seat-card span,.player-strip span{color:var(--mp-muted);font-size:.78rem;display:block}.match-screen{gap:14px}.timer{text-align:center;min-width:62px;color:var(--mp-lantern);border:1px solid #d4af3773;border-radius:8px;padding:9px 12px;font-weight:900}.mahjong-table{background-color:#0b3d2e;background-image:linear-gradient(#071f1924,#071f193d),url(/assets/table-skins/old-hk-openai-board.png),none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:min(66vh,690px);padding:16px;position:relative;overflow:auto}.board-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mahjong-table>:not(.board-canvas){z-index:1}.table-center{background:#071f1957;border:1px solid #d4af3759;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:10px;padding:10px;display:grid;position:absolute;inset:24% 22% 27%;overflow:hidden}.round-marker,.claim-banner{color:var(--mp-lantern);background:#ffcf731f;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.tutorial-scenario-banner{text-align:center;border:1px solid #d4af379e;border-radius:8px;max-width:min(460px,90%);line-height:1.35}.discard-cloud{scrollbar-width:thin;scrollbar-color:#d4af37b3 #071f1980;flex-wrap:wrap;place-content:flex-start center;align-self:stretch;gap:4px;width:min(460px,100%);max-width:100%;height:100%;min-height:0;max-height:100%;padding:6px;display:flex;overflow-y:auto}.discard-cloud .tile.compact{border-radius:5px;width:clamp(22px,2.2vw,28px);box-shadow:inset -2px -3px #6b4a2b24,0 4px 8px #0000002e}.opponent-rail{justify-items:center;gap:8px;display:grid;position:absolute}.opponent-rail.top{top:16px;left:50%;transform:translate(-50%)}.opponent-rail.top .player-strip{white-space:nowrap;background:#071f19c7;border:1px solid #d4af3747;border-radius:999px;justify-content:center;padding:4px 10px;box-shadow:0 8px 18px #0000003d}.opponent-rail.top .player-strip strong{text-overflow:ellipsis;max-width:128px;overflow:hidden}.opponent-rail.left{top:50%;left:14px;transform:translateY(-50%)}.opponent-rail.right{top:50%;right:14px;transform:translateY(-50%)}.opponent-rail.left,.opponent-rail.right{width:150px;height:390px;display:block}.opponent-rail.left .player-strip,.opponent-rail.right .player-strip{white-space:nowrap;background:#071f19c7;border:1px solid #d4af3747;border-radius:999px;justify-content:center;width:192px;height:34px;padding:4px 8px;position:absolute;top:50%;box-shadow:0 8px 18px #0000003d}.opponent-rail.left .player-strip{left:-78px;transform:translateY(-50%)rotate(-90deg)}.opponent-rail.right .player-strip{right:-78px;transform:translateY(-50%)rotate(90deg)}.opponent-rail.left .player-strip strong,.opponent-rail.right .player-strip strong{text-overflow:ellipsis;max-width:112px;overflow:hidden}.opponent-rail.left .player-strip span,.opponent-rail.right .player-strip span{text-overflow:ellipsis;max-width:48px;overflow:hidden}.opponent-rail.left .tile-backs,.opponent-rail.right .tile-backs{position:absolute;top:50%;transform:translateY(-50%)}.opponent-rail.left .tile-backs{left:86px}.opponent-rail.right .tile-backs{right:86px}.tile-backs{gap:4px;display:flex}.opponent-rail.left .tile-backs,.opponent-rail.right .tile-backs{flex-direction:column}.opponent-rail.left .meld-list,.opponent-rail.right .meld-list{max-width:150px;position:absolute;bottom:0;left:0;right:0}.tile-backs span{background-color:#0000;background-image:url(/assets/tiles/tile-back.svg),linear-gradient(160deg,#1f8a5b,#0b3d2e);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d4af3759;border-radius:5px;width:18px;height:28px}.meld-list{flex-wrap:wrap;justify-content:center;gap:5px;max-width:min(260px,100%);display:flex}.meld-list span{color:var(--mp-lantern);background:#071f19a3;border:1px solid #d4af3761;border-radius:6px;padding:4px 6px;font-size:.72rem;font-weight:900}.my-rail{z-index:3;justify-items:center;gap:10px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.my-rail .player-strip{border:1px solid var(--mp-border);background:#071f19a8;border-radius:999px;justify-content:center;padding:6px 12px;box-shadow:0 8px 20px #0000002e}.tile-hand{flex-wrap:wrap;justify-content:center;gap:clamp(3px,.5vw,8px);width:100%;display:flex}.tile-button{cursor:pointer;background:0 0;border:0;padding:0}.tile-button:hover{transform:translateY(-5px)}.tile-button:disabled{cursor:not-allowed;opacity:.72}.tile-button:disabled:hover{transform:none}.tile{aspect-ratio:.74;color:#15241c;background-color:#0000;background-image:url(/assets/tiles/tile-front.svg),linear-gradient(145deg,#fff8e8,#dbc99f);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #13201a59;border-radius:7px;place-items:center;width:clamp(34px,4.3vw,52px);font-family:Noto Serif SC,Georgia,serif;font-size:clamp(.9rem,2vw,1.26rem);font-weight:900;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset -4px -5px #6b4a2b29,0 8px 14px #00000038}.tile-art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tile.has-art .tile-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tile.compact{border-radius:5px;width:30px;font-size:.78rem}.action-bar{z-index:12;padding-bottom:env(safe-area-inset-bottom);background:#071f19f0;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid;position:sticky;bottom:0}.event-feed{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:86px;display:grid;overflow-y:auto}.event-feed span{border:1px solid var(--mp-border);color:var(--mp-muted);background:#071f1994;border-radius:8px;padding:9px 10px;font-size:.82rem;font-weight:800;line-height:1.35}.action-control{min-width:0;position:relative}.action-control .mp-button{white-space:normal;width:100%;min-width:0;padding-right:30px}.action-bar>.mp-button{white-space:normal;width:100%;min-width:0}.action-info{width:18px;height:18px;color:var(--mp-lantern);cursor:help;background:#071f19b8;border:1px solid #f5ecd847;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:8px}.action-tooltip{z-index:16;width:min(260px,80vw);box-shadow:var(--mp-shadow);color:var(--mp-text);opacity:0;pointer-events:none;background:#13201afa;border:1px solid #d4af377a;border-radius:8px;padding:10px;font-size:.82rem;font-weight:700;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.action-control:nth-last-child(-n+2) .action-tooltip{left:auto;right:0}.action-info:hover .action-tooltip,.action-info:focus .action-tooltip{opacity:1;transform:translateY(0)}.tutorial-card{z-index:12;width:min(520px,100% - 28px);max-height:min(42vh,320px);box-shadow:var(--mp-shadow);scrollbar-width:thin;background:#13201afa;border:1px solid #d4af3794;border-radius:8px;padding:12px 14px;position:absolute;top:clamp(88px,14vh,126px);left:14px;overflow:auto}.tutorial-card>div:first-child,.tutorial-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tutorial-card strong{color:var(--mp-lantern);font-family:Noto Serif SC,Georgia,serif;font-size:1.1rem}.tutorial-card span{color:var(--mp-muted);font-weight:800}.tutorial-card p{color:var(--mp-text);margin:8px 0 10px}.tutorial-card .tutorial-why{border-left:3px solid var(--mp-gold);color:var(--mp-muted);padding-left:10px}.fan-panel{gap:12px;display:grid}.fan-row{border-bottom:1px solid var(--mp-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.positive{color:var(--mp-lantern)}.negative{color:#ff9a8c}.wallet-note,.rarity{border:1px solid var(--mp-border);color:var(--mp-muted);background:#f5ecd812;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:800}.rarity{text-transform:capitalize;justify-self:start}.rarity.epic,.rarity.legendary{color:var(--mp-lantern);border-color:#d4af3773}.shop-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.daily-card small,.settings-panel p{color:var(--mp-muted);line-height:1.45}.account-panel{gap:16px;margin-bottom:18px;display:grid}.account-summary{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-summary h2,.account-summary p{margin:0}.account-summary p{margin-top:6px}.account-status{color:var(--mp-lantern);white-space:nowrap;background:#071f197a;border:1px solid #d4af3752;border-radius:999px;flex:none;padding:7px 12px;font-size:.78rem;font-weight:900;line-height:1}.account-status-error{color:#ff9a8c;border-color:#ff9a8c6b}.account-grid{border-top:1px solid #ffffff14;grid-template-columns:minmax(92px,max-content) minmax(0,1fr);gap:8px 14px;padding-top:14px;display:grid}.account-grid span{color:var(--mp-muted);font-size:.82rem;font-weight:900}.account-grid strong{min-width:0;color:var(--mp-ivory);overflow-wrap:anywhere;font-size:.86rem}.account-email-row{grid-template-columns:minmax(220px,1fr) auto;gap:10px;display:grid}.account-email-row input{border:1px solid var(--mp-border);min-width:0;color:var(--mp-ivory);font:inherit;background:#ffffff0f;border-radius:8px;outline:none;padding:10px 12px;font-weight:800}.account-email-row input:focus{border-color:#d4af379e}.account-actions{flex-wrap:wrap;gap:10px;display:flex}.account-message{margin:0;font-weight:900;color:var(--mp-lantern)!important}.odds-list,.streak-calendar,.mission-list{gap:10px;display:grid}.odds-list{grid-template-columns:repeat(3,minmax(0,1fr))}.odds-list span,.streak-day,.mission-row{border:1px solid var(--mp-border);background:#071f195c;border-radius:8px}.odds-list span{min-width:0;color:var(--mp-muted);text-align:center;overflow-wrap:anywhere;padding:8px;font-size:.8rem;font-weight:900;line-height:1.25}.daily-streak-panel,.daily-missions-panel{gap:14px}.daily-streak-panel h2,.daily-missions-panel h2{margin:0;font-family:Noto Serif SC,Georgia,serif}.daily-streak-panel p,.daily-missions-panel p{margin:6px 0 0}.streak-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}.streak-day{align-content:space-between;min-height:86px;padding:10px;display:grid}.streak-day strong{color:var(--mp-text)}.streak-day span{color:var(--mp-muted);font-size:.78rem;font-weight:800;line-height:1.35}.streak-day.claimed{border-color:#7dd3a65c}.streak-day.today{background:#d4af3724;border-color:#d4af37ad}.mission-row{grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr) minmax(110px,auto);align-items:center;gap:12px;padding:12px;display:grid}.mission-row strong,.mission-row span{display:block}.mission-row span,.mission-progress small{color:var(--mp-muted);font-size:.84rem;line-height:1.4}.mission-progress{gap:6px;min-width:0;display:grid}.mission-progress progress{width:100%;height:8px;accent-color:var(--mp-gold)}.settings-panel{gap:16px;max-width:760px;display:grid}.lan-panel{justify-content:space-between;align-items:end;gap:18px;padding:18px;display:flex}.lan-panel h2{margin:8px 0 0}.lan-panel p{margin:8px 0}.lan-panel small{color:var(--mp-muted);font-weight:800}.lan-panel .lan-warning{color:#ff9a8c;margin-top:4px;display:block}.lan-actions{grid-template-columns:minmax(130px,170px) auto auto minmax(140px,180px) auto;align-items:center;gap:10px;display:grid}.lan-actions input{border:1px solid var(--mp-border);min-height:40px;color:var(--mp-text);letter-spacing:0;background:#f5ecd814;border-radius:8px;padding:0 10px;font-weight:900}@media (width<=860px){.app-shell,.app-main,.screen,.match-screen{max-width:100%;overflow-x:clip}.app-shell-match .top-bar,.app-shell-match .bottom-nav{display:none}.app-shell-match .app-main{padding:10px}.app-shell-match .match-screen{gap:10px}.top-bar,.screen-heading,.match-header,.lobby-hero{flex-direction:column;align-items:flex-start}.match-header{gap:10px}.match-header h1{font-size:clamp(1.85rem,8vw,2.45rem);line-height:1.05}.match-header p{font-size:.9rem;line-height:1.42}.content-grid,.friend-room-grid,.table-grid,.result-grid,.shop-grid,.daily-actions,.daily-grid,.seat-grid,.odds-list,.streak-calendar,.mission-row{grid-template-columns:1fr}.friend-room-controls,.account-email-row{grid-template-columns:1fr;align-items:stretch}.account-summary{display:grid}.account-status{justify-self:start}.turnstile-gate{justify-content:flex-start}.friend-room-grid>.mp-table-card,.table-grid>.mp-table-card,.hero-wallet{width:100%}.mahjong-table{min-height:clamp(440px,100svh - 320px,600px);padding:12px;display:block;overflow:hidden}.table-center{min-height:0;padding:10px;position:absolute;inset:28% 18%}.opponent-rail,.opponent-rail.left,.opponent-rail.top,.opponent-rail.right{justify-items:center;position:relative;top:auto;left:auto;right:auto;transform:none}.opponent-rail.top{width:min(260px,100% - 104px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.opponent-rail.left{width:48px;height:auto;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.opponent-rail.right{width:48px;height:auto;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.opponent-rail.left .player-strip,.opponent-rail.right .player-strip{width:auto;height:auto;box-shadow:none;text-align:center;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid;position:static;transform:none}.opponent-rail.left .player-strip strong,.opponent-rail.right .player-strip strong{text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:.68rem;overflow:hidden}.opponent-rail.left .player-strip span,.opponent-rail.right .player-strip span{display:none}.tile-backs span{width:12px;height:20px}.tile-backs{flex-flow:wrap;max-width:100%}.opponent-rail.left .tile-backs,.opponent-rail.right .tile-backs{flex-flow:column;max-width:100%;max-height:190px;position:static;overflow:hidden;transform:none}.opponent-rail.left .meld-list,.opponent-rail.right .meld-list{max-width:48px;position:static}.my-rail{position:absolute;bottom:12px;left:12px;right:12px}.action-bar{z-index:12;border:1px solid var(--mp-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071f19eb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;position:sticky;bottom:0;overflow-x:clip}.action-bar .mp-button{min-height:44px;padding-left:10px;padding-right:26px;line-height:1.15}.action-bar>.mp-button{padding-right:10px}.action-tooltip,.action-control:nth-last-child(-n+2) .action-tooltip{right:12px;bottom:calc(112px + env(safe-area-inset-bottom));width:auto;max-width:none;position:fixed;left:12px;transform:translateY(4px)}.action-info:hover .action-tooltip,.action-info:focus .action-tooltip{transform:translateY(0)}.event-feed{grid-template-columns:1fr}.lan-panel,.lan-actions{grid-template-columns:1fr;align-items:stretch}.lan-panel{display:grid}.mp-toast{inset:84px 12px auto}.tutorial-card{width:min(460px,100% - 24px);max-height:min(44vh,300px);top:78px}.tutorial-actions .mp-button{flex:130px}}@media (width<=520px){.app-main{padding:12px}.bottom-nav .mp-button{min-width:calc(50% - 6px)}.profile-lockup{flex-direction:column;align-items:flex-start}.room-code{flex-direction:column;align-items:stretch}.room-code .mp-button{width:100%}.table-meta-row{flex-direction:column;align-items:flex-start;gap:6px}.action-bar{gap:8px;padding:8px}.action-bar .mp-button{min-height:42px;padding-left:8px;font-size:.84rem}.tile.compact{width:24px}}.audit-replay-panel{gap:14px;display:grid}.audit-replay-heading{align-items:flex-start;gap:12px;display:flex}.audit-replay-heading svg{color:var(--mp-lantern);flex:none;margin-top:4px}.audit-replay-heading h2,.audit-replay-heading p{margin:0}.audit-replay-heading p{color:var(--mp-muted);margin-top:6px;font-weight:800}.audit-replay-current{background:#071f1994;border:1px solid #d4af3757;border-radius:8px;grid-template-columns:auto minmax(150px,1.1fr) repeat(2,minmax(140px,1fr));align-items:stretch;gap:12px;padding:12px;display:grid}.audit-replay-current>div{gap:5px;min-width:0;display:grid}.audit-replay-current strong,.audit-replay-current span{overflow-wrap:anywhere}.audit-replay-current small{color:var(--mp-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.audit-replay-sequence{min-width:48px;min-height:48px;color:var(--mp-lantern);border:1px solid #f5ecd83d;border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.audit-replay-controls{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;display:grid}.audit-replay-controls input[type=range]{width:100%;accent-color:var(--mp-gold)}.audit-replay-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.audit-replay-row button{border:1px solid var(--mp-border);width:100%;color:var(--mp-text);text-align:left;cursor:pointer;background:#071f1961;border-radius:8px;grid-template-columns:54px minmax(100px,.8fr) minmax(90px,.7fr) minmax(70px,.5fr) minmax(160px,1.2fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.audit-replay-row button>*{overflow-wrap:anywhere;min-width:0}.audit-replay-row em,.audit-replay-row small,.audit-replay-row span:first-child{color:var(--mp-muted);font-style:normal;font-weight:800}.audit-replay-row.active button,.audit-replay-row button:hover,.audit-replay-row button:focus-visible{background:#d4af371a;border-color:#d4af379e}@media (width<=760px){.audit-replay-current,.audit-replay-controls,.audit-replay-row button{grid-template-columns:1fr}.audit-replay-controls .mp-button{width:100%}}.pixi-rendered{background:#0b3d2e;min-height:min(70vh,720px);padding:0;overflow:hidden}.pixi-board-host{border-radius:8px;width:100%;min-height:min(70vh,720px);position:relative;overflow:hidden}.pixi-board-canvas{width:100%;height:100%;min-height:inherit;touch-action:manipulation;display:block}.sr-only-hand{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-only-hand:focus-within{z-index:20;clip:auto;clip-path:none;border:1px solid var(--mp-border);white-space:normal;background:#071f19f5;border-radius:8px;flex-wrap:wrap;gap:6px;width:auto;height:auto;padding:10px;display:flex;bottom:12px;left:12px;right:12px}.sr-only-hand button{color:var(--mp-text);background:#f5ecd814;border:1px solid #d4af3766;border-radius:6px;padding:8px 10px;font-weight:900}@media (width<=860px){.pixi-rendered,.pixi-board-host{min-height:clamp(560px,100svh - 240px,760px)}.pixi-rendered{overflow:hidden}}.route-loading{min-height:240px;color:var(--mp-muted);font-weight:900}.error-boundary-panel{border:1px solid var(--mp-border);max-width:560px;box-shadow:var(--mp-shadow);background:#071f19b8;border-radius:8px;padding:24px}.shop-card-disabled{opacity:.74}.shop-card-disabled .mp-button{cursor:not-allowed}.spin-wheel{filter:drop-shadow(0 14px 22px #00000038);justify-self:center;place-items:center;width:138px;height:138px;display:grid;position:relative}.spin-wheel-face{background:conic-gradient(from -30deg,#d6ab31 0deg 60deg,#0f674d 60deg 120deg,#ead18a 120deg 180deg,#1c7f59 180deg 240deg,#c89326 240deg 300deg,#0e513d 300deg 360deg);border:2px solid #fcce61b8;border-radius:999px;width:120px;height:120px;transition:transform .9s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:inset 0 0 0 8px #05231b47,inset 0 0 18px #fff1bf47}.spin-wheel.is-spinning .spin-wheel-face{transform:rotate(980deg)}.spin-wheel-face span{color:#fff8df;text-align:center;text-shadow:0 1px 2px #00000073;transform-origin:50% 48px;width:48px;margin-left:-24px;font-size:.56rem;font-weight:900;position:absolute;inset:12px 0 auto 50%}.spin-wheel-pointer{z-index:2;border-left:10px solid #0000;border-right:10px solid #0000;border-top:20px solid var(--mp-cream);width:0;height:0;position:absolute;top:0}.bonus-progress{width:100%;color:var(--mp-lantern);background:linear-gradient(90deg,#fcce612e,#1f8a5b2e);border:1px solid #fcce6152;border-radius:6px;padding:8px 10px;font-size:.86rem;font-weight:800;overflow:hidden}@media (prefers-reduced-motion:reduce){.spin-wheel-face{transition:none}.spin-wheel.is-spinning .spin-wheel-face{transform:rotate(60deg)}}