*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#101b19}body{color:#f8ecd3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Noto Sans TC,sans-serif}#game{display:grid;place-items:center}canvas{display:block;width:100%;height:100%;touch-action:none}#platform{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 25%,#1b493d 0,#10251f 54%,#081412)}#platform[data-mode=in-room]{display:block;padding:0;background:transparent;pointer-events:none}#room-chat-root{position:fixed;inset:0;z-index:6;pointer-events:none}.audio-settings{position:fixed;z-index:7;top:12px;right:12px;pointer-events:auto;border:1px solid #a98b52;border-radius:10px;background:#12251def;color:#fff2cf;box-shadow:0 4px 16px #0005}.audio-settings summary{min-height:42px;padding:10px 12px;cursor:pointer}.audio-settings label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:min(230px,calc(100vw - 64px));padding:4px 12px 12px;font-size:13px}.audio-settings input{grid-column:1;width:100%;accent-color:#d2a74f}.audio-settings button{display:block;margin:4px 12px 10px;padding:7px 10px;border:1px solid #a98b52;border-radius:6px;background:#263d33;color:#fff2cf;cursor:pointer}.audio-settings output{grid-column:2;grid-row:1 / span 2;min-width:42px;text-align:right}.platform-panel{width:min(100%,480px);max-height:min(90vh,760px);overflow:auto;padding:30px;border:1px solid #8e794b;border-radius:18px;background:#14251f;box-shadow:0 22px 70px #0009}#platform[data-home=true]{display:block;overflow:auto;padding:0;background:#071410}.platform-home{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:100vh;min-height:100dvh;max-height:none;padding:max(112px,calc(env(safe-area-inset-top) + 96px)) 22px max(30px,env(safe-area-inset-bottom));overflow:visible;border:0;border-radius:0;background-color:#0a1914;background-image:linear-gradient(180deg,#08151133,#08151105 38%,#08151170 62%,#081511f2),url(/assets/home/mahjong-lobby-hero.png);background-position:center;background-size:cover;box-shadow:none}.platform-home-brand{position:absolute;top:max(74px,calc(env(safe-area-inset-top) + 58px));left:22px;display:flex;align-items:center;gap:7px;color:#e8d3a0;font-size:11px;font-weight:750;letter-spacing:.2em;text-shadow:0 2px 12px #000}.platform-home-tile{width:20px;height:29px;object-fit:contain;border-radius:3px;box-shadow:0 2px 9px #0008}.platform-home-brand span{margin-left:5px}.platform-home-copy{max-width:540px;margin:0 auto 22px;align-self:stretch;text-shadow:0 2px 18px #000b}.platform-home .platform-home-wordmark{position:relative;width:fit-content;max-width:100%;margin:0;background:linear-gradient(180deg,#fff4d6,#f2dba7 54%,#c99649);background-clip:text;color:#f2dba7;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 9px #000c);font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-size:clamp(38px,11.5vw,66px);font-weight:900;line-height:1.16;letter-spacing:.12em;text-wrap:nowrap}.platform-home-wordmark:before,.platform-home-wordmark:after{position:absolute;left:2px;height:1px;content:"";pointer-events:none}.platform-home-wordmark:before{top:-10px;width:46px;background:#e8ca89;box-shadow:54px 0 0 -.2px #e8ca89}.platform-home-wordmark:after{bottom:-12px;width:82%;background:linear-gradient(90deg,#d3ad67,#e9d8ad 55%,transparent)}.platform-home-actions{display:grid;gap:10px;width:100%;max-width:540px;margin:0 auto}.platform-home-actions .platform-note{margin:0 0 5px;color:#d6dfd4;font-size:13px;line-height:1.6;text-shadow:0 2px 12px #000}.platform-home-actions .platform-button{min-height:54px;border-radius:12px;font-size:16px;box-shadow:0 8px 26px #0005}.platform-test-options{border-top:1px solid #f4dfad55;padding-top:8px;color:#f3e7cf;text-align:center}.platform-test-options>summary{display:inline-block;padding:8px 12px;color:#ead5a7;font-size:14px;cursor:pointer}.platform-test-options>summary:focus-visible{outline:2px solid #fff0c8;outline-offset:2px}.platform-test-options>p{margin:4px 0 10px;color:#d7d1bd;font-size:13px;line-height:1.5}.platform-test-options .platform-button{width:100%;border-color:#dbc17c;background:#10251fdd;color:#fff0c8;box-shadow:inset 0 0 0 1px #ffffff16}#platform[data-mode=lobby] .platform-panel{background-color:#14251f;background-image:linear-gradient(#14251fe8,#14251fe8),var(--gsws-lobby-background, url(/assets/legacy-mahjong/platform/lobby-portal-background.jpg));background-position:center;background-size:cover}.platform-panel h1{margin:0;color:#f2d58c;font-size:clamp(30px,6vw,46px);letter-spacing:.12em}.red-point-draw{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:12px;background:#0009;color:#241f1b}.red-point-draw__card{position:relative;width:min(500px,calc(100vw - 24px));aspect-ratio:5 / 4}.red-point-draw__skin{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.red-point-draw__heading{position:absolute;inset:2% 0 auto;margin:0;color:#12426a;text-align:center;font-size:clamp(18px,5vw,25px);text-shadow:0 1px #fff}.red-point-draw__balance{position:absolute;top:43%;left:7%;width:24%;color:#fff;font-size:clamp(22px,6vw,34px);font-weight:800;text-align:center;text-shadow:0 1px #264c45}.red-point-draw__button{position:absolute;top:42%;left:55%;width:40%;padding:0;border:0;background:transparent;cursor:pointer}.red-point-draw__button img{display:block;width:100%;height:auto}.red-point-draw__button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.5)}.red-point-draw__button:focus-visible,.red-point-draw__close:focus-visible{outline:3px solid #174f82;outline-offset:2px}.red-point-draw__status,.red-point-draw__result,.red-point-draw__error{position:absolute;top:34%;left:37%;width:56%;margin:0;text-align:center;font-weight:700}.red-point-draw__result{top:37%;color:#a31c14}.red-point-draw__error{top:68%;color:#8b1008}.red-point-draw__close{position:absolute;right:4%;bottom:2%;padding:5px 12px;border:1px solid #546a83;border-radius:6px;background:#e5edf7;color:#1d3851;font:inherit;cursor:pointer}.red-point-draw__close:disabled{opacity:.55;cursor:wait}.platform-panel h2{margin:24px 0 10px;color:#ecd9ac}.platform-subtitle,.platform-player,.platform-note{color:#bdcdbf}.platform-button{min-height:42px;padding:9px 16px;border:1px solid #c29a4f;border-radius:9px;background:#d2a74f;color:#201b10;font:inherit;font-weight:700;cursor:pointer}.platform-button:disabled{cursor:not-allowed;opacity:.48}.platform-button:focus-visible,.platform-create-form input:focus-visible,.platform-create-form select:focus-visible{outline:3px solid #fff1bd;outline-offset:2px}.platform-error{color:#ffaaa0}.platform-status{color:#ffe3a5}.player-profile-dialog{width:min(420px,calc(100vw - 28px));max-height:min(80vh,620px);overflow:auto;padding:20px;border:1px solid #c29a4f;border-radius:14px;background:#14251f;color:#f8ecd3;box-shadow:0 18px 70px #000c;pointer-events:auto}.player-profile-dialog::backdrop{background:#0009}.player-profile-dialog h2,.player-profile-dialog h3{margin:0 0 10px;color:#f2d58c}.player-profile-dialog h3{margin-top:16px}.player-profile-dialog dl{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:5px 12px;margin:10px 0}.player-profile-dialog dt{color:#bdcdbf}.player-profile-dialog dd{margin:0;overflow-wrap:anywhere}.player-profile-name{font-weight:700}.player-profile-avatar{display:flex;align-items:center;gap:10px;color:#bdcdbf;font-size:13px}.player-profile-avatar img{border:1px solid #c29a4f;border-radius:50%;object-fit:cover}.platform-seat-profiles{flex-basis:100%}.platform-seat-profiles>summary{padding:8px;cursor:pointer}.platform-seat-profile-list{display:flex;flex-wrap:wrap;gap:6px}.platform-lobby-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.platform-lobby-header .platform-player{margin:0}.platform-inventory{margin:12px 0;border:1px solid #59735f;border-radius:8px;background:#19251d;color:#edf3e8}.platform-inventory summary{padding:11px 13px;cursor:pointer;font-weight:700}.platform-inventory-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:6px 12px;padding:0 13px 12px}.platform-inventory-row{display:flex;justify-content:space-between;gap:12px;margin:0;color:#bdcdbf}.platform-inventory-row strong{color:#fff;font-variant-numeric:tabular-nums}.item-use-widget{max-height:42vh;overflow:auto;margin-top:14px;padding:12px;border:1px solid #59735f;border-radius:10px;background:#19251d;color:#edf3e8}.item-use-widget h2{margin:0 0 8px;color:#f2d58c;font-size:18px}.item-use-widget [data-role=balance]{margin:6px 0;color:#fff2cf;font-weight:700}.item-use-widget [data-role=status],.item-use-widget [data-role=result]{margin:5px 0;color:#f1ce83;font-size:13px}.item-use-widget [data-role=error]{margin:5px 0;color:#ffb7a6;font-size:13px}.item-use-widget ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.item-use-widget li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:34px;border-bottom:1px solid #ffffff15}.item-use-widget li>span:first-child{flex:1 1 94px;color:#bdcdbf}.item-use-widget input{width:64px;min-height:32px;padding:4px;border:1px solid #61766b;border-radius:6px;background:#0b1814;color:#fff6df;font:inherit}.item-use-widget button{min-height:32px;padding:4px 9px;border:1px solid #c29a4f;border-radius:6px;background:#d2a74f;color:#201b10;font:inherit;cursor:pointer}.item-use-widget button:disabled,.item-use-widget input:disabled{cursor:not-allowed;opacity:.5}.item-use-widget :focus-visible{outline:3px solid #fff1bd;outline-offset:2px}#platform[data-mode=in-room] .platform-room-inventory{position:fixed;bottom:12px;left:12px;z-index:7;width:min(330px,calc(100vw - 24px));pointer-events:auto;border:1px solid #a98b52;border-radius:10px;background:#12251def;color:#fff2cf;box-shadow:0 4px 16px #0005}#platform[data-mode=in-room] .platform-room-inventory>summary{padding:10px 12px;cursor:pointer;font-weight:700}#platform[data-mode=in-room] .platform-room-inventory>summary:focus-visible{outline:3px solid #fff1bd;outline-offset:2px}#platform[data-mode=in-room] .platform-room-inventory .item-use-widget{max-height:min(34vh,260px);margin:0;overflow:auto;border:0;border-top:1px solid #59735f;border-radius:0 0 10px 10px;background:transparent}.platform-room-list{display:grid;gap:9px;margin:12px 0 22px;padding:0;list-style:none}.platform-room-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #365549;border-radius:10px;background:#0d1a16}.platform-room-row strong,.platform-room-meta{display:block}.platform-room-meta{margin-top:4px;color:#a9c1b1;font-size:13px}.platform-empty{padding:16px 0;color:#bdcdbf}.platform-replay-browser{display:flex;flex:1 0 100%;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;margin-top:0}.platform-replay-browser>p{margin:0}.platform-replay-browser>.platform-room-list{flex:1 0 100%}.platform-replay-browser>.platform-room-list:empty{display:none}.platform-replay-events{max-height:180px;overflow:auto;margin:0}.platform-replay-event-list{margin:0;padding-left:24px}.platform-replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0}.platform-replay-events>li[aria-current=step]{color:#fff1bd;font-weight:700}.platform-replay-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:8px 0;padding:0;list-style:none}.platform-replay-seat{min-width:0;padding:8px;border:1px solid #365549;border-radius:8px;background:#0d1a16}.platform-replay-seat h3{margin:0 0 6px;color:#f2d58c;font-size:13px}.platform-replay-tile-group{display:grid;gap:3px;margin-top:6px}.platform-replay-tile-label{color:#bdcdbf;font-size:12px}.platform-replay-tiles{display:flex;flex-wrap:wrap;align-items:end;gap:3px;min-height:34px}.platform-replay-tile{display:block;width:24px;height:34px;object-fit:contain;border-radius:2px;background:#f4ead0}.platform-create-form{display:grid;gap:10px}.platform-create-form label{display:grid;gap:8px;font-weight:650}.platform-create-form input,.platform-create-form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #61766b;border-radius:8px;background:#0b1814;color:#fff6df;font:inherit}.platform-room-bar{position:fixed;top:12px;left:12px;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid #a98b52;border-radius:12px;background:#12251ddd;color:#fff2cf;box-shadow:0 4px 16px #0005;pointer-events:auto}.platform-room-summary{overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;cursor:pointer}.platform-room-summary:focus-visible{outline:3px solid #fff1bd;outline-offset:2px}.platform-room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:0 10px 8px}.platform-room-bar .platform-error{font-size:12px}.gsws-avatar-picker{margin:8px 0}.gsws-avatar-picker>summary{cursor:pointer;font-weight:700}.gsws-avatar-picker>img{display:block;object-fit:contain;margin:8px 0}.gsws-avatar-choices{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:6px;max-height:min(42vh,360px);overflow:auto;padding:6px}.gsws-avatar-choices button{display:grid;place-items:center;min-width:44px;padding:4px;border:1px solid #a98b52;border-radius:6px;background:#18332b}.gsws-avatar-choices button:disabled{opacity:.42;filter:grayscale(1)}.gsws-avatar-choices img{display:block;width:100%;height:auto;object-fit:contain}.currency-transfer-widget{display:grid;gap:8px;margin-top:16px;padding:12px;border:1px solid #89764d;border-radius:12px;background:#0d1b17;color:#f8ecd3}.currency-transfer-widget h2{margin:0;color:#f2d58c;font-size:18px}.currency-transfer-widget p{margin:0;color:#bdcdbf;font-size:13px;line-height:1.5}.currency-transfer-widget form{display:grid;gap:8px}.currency-transfer-widget select,.currency-transfer-widget input{min-width:0;padding:8px;border:1px solid #61766b;border-radius:7px;background:#0b1814;color:#fff6df;font:inherit}.currency-transfer-widget button{min-height:38px;padding:6px 10px;border:1px solid #c29a4f;border-radius:7px;background:#d2a74f;color:#201b10;font:inherit;cursor:pointer}.currency-transfer-widget button:disabled{cursor:not-allowed;opacity:.48}.currency-transfer-widget :focus-visible{outline:3px solid #fff1bd;outline-offset:2px}.currency-transfer-widget [role=alert]{color:#ffaaa0}.private-messages{position:fixed;right:12px;bottom:12px;z-index:7;display:grid;gap:8px;width:min(340px,calc(100vw - 24px));max-height:48vh;overflow:auto;padding:12px;border:1px solid #a98b52;border-radius:12px;background:#12251def;color:#fff2cf;box-shadow:0 4px 16px #0005;pointer-events:auto}.private-messages>summary{cursor:pointer;font-weight:700}.private-messages select,.private-messages input{min-width:0;padding:7px;border:1px solid #61766b;border-radius:7px;background:#0b1814;color:#fff6df;font:inherit}.private-messages form{display:flex;gap:6px}.private-messages form input{flex:1}.private-messages button{padding:6px 10px;border:1px solid #c29a4f;border-radius:7px;background:#d2a74f;color:#201b10;font:inherit;cursor:pointer}.private-messages ol{display:grid;gap:5px;max-height:20vh;overflow:auto;margin:0;padding:0;list-style:none;overflow-wrap:anywhere;font-size:13px}.private-messages small{min-height:1em;color:#f1ce83}.private-messages>summary:focus-visible,.private-messages button:focus-visible,.private-messages input:focus-visible,.private-messages select:focus-visible{outline:3px solid #fff1bd;outline-offset:2px}.room-chat{position:fixed;z-index:0;top:268px;right:12px;display:grid;gap:8px;width:min(300px,calc(100vw - 24px));max-height:40vh;padding:12px;border:1px solid #a98b52;border-radius:12px;background:#12251def;color:#fff2cf;box-shadow:0 4px 16px #0005;pointer-events:auto}.room-chat:not([open]){width:max-content;max-width:min(300px,calc(100vw - 24px))}.room-chat>summary{cursor:pointer;font-weight:700}.room-chat>summary:focus-visible{outline:3px solid #fff1bd;outline-offset:2px}.room-chat ol{display:grid;gap:5px;max-height:24vh;overflow:auto;margin:0;padding:0;list-style:none;overflow-wrap:anywhere;font-size:13px}.room-chat form{display:flex;gap:6px}.room-chat input{min-width:0;flex:1;padding:7px;border:1px solid #61766b;border-radius:7px;background:#0b1814;color:#fff6df;font:inherit}.room-chat button{padding:6px 10px;border:1px solid #c29a4f;border-radius:7px;background:#d2a74f;color:#201b10;font:inherit;cursor:pointer}.room-chat small{min-height:1em;color:#f1ce83}#room-chat-root .room-chat{min-width:min(247px,calc(100vw - 24px));border:0;border-radius:0;background-color:#12251d;background-image:url(/assets/legacy-mahjong/chat/chat-panel.png);background-position:top center;background-repeat:no-repeat;background-size:100% 70px;box-shadow:none}@media(max-width:520px){#platform:not([data-home=true]){padding:108px 12px 62px}#platform:not([data-home=true]) .platform-panel{max-height:100%;min-height:0;padding:22px 18px}.platform-home{padding-right:22px;padding-left:22px}.platform-home-brand{left:22px}.platform-home-actions .platform-button{width:100%}.platform-home-wordmark{font-size:clamp(36px,11vw,54px);letter-spacing:.08em}.audio-settings{right:12px;max-width:calc(100vw - 24px)}.platform-room-row{align-items:stretch}.platform-room-bar{top:6px;left:6px;width:calc(100vw - 128px);max-width:calc(100vw - 128px)}.platform-room-summary{max-width:100%}.platform-room-bar .platform-button{flex:1 1 calc(50% - 6px);min-width:0;padding:6px 8px;font-size:14px;white-space:normal}.platform-replay-browser{display:grid}#platform[data-mode=in-room] .platform-room-inventory{bottom:6px;left:6px;width:min(180px,calc(50vw - 9px))}#platform[data-mode=in-room] .platform-room-inventory .item-use-widget{max-height:28vh;padding:8px}#platform[data-mode=in-room] .platform-room-inventory>summary,.private-messages>summary{overflow:hidden;padding:7px 6px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.private-messages{right:6px;bottom:6px;width:min(180px,calc(50vw - 9px));max-height:42vh;padding:8px}.room-chat{top:64px;right:6px;width:min(260px,calc(100vw - 12px));max-height:36vh;padding:8px}#room-chat-root .room-chat{min-width:min(247px,calc(100vw - 12px))}.room-chat[open] ol{max-height:20vh}}@media(min-width:700px){.platform-home{padding-right:max(8vw,calc((100vw - 1120px)/2));padding-bottom:8vh;padding-left:max(8vw,calc((100vw - 1120px)/2));background-position:center 58%}.platform-home-brand{left:max(8vw,calc((100vw - 1120px)/2))}.platform-home-copy,.platform-home-actions{margin-right:auto;margin-left:0}}@media(min-width:521px)and (max-height:520px){.platform-room-bar{top:6px;left:6px;width:calc(100vw - 128px);max-width:calc(100vw - 128px)}.room-chat{top:64px;right:6px;width:min(260px,calc(100vw - 12px));max-height:36vh;padding:8px}#platform[data-mode=in-room] .platform-room-inventory{bottom:6px;left:6px;width:min(180px,calc(50vw - 9px))}#platform[data-mode=in-room] .platform-room-inventory .item-use-widget{max-height:28vh;padding:8px}#platform[data-mode=in-room] .platform-room-inventory>summary,.private-messages>summary{overflow:hidden;padding:7px 6px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.private-messages{right:6px;bottom:6px;width:min(180px,calc(50vw - 9px));max-height:42vh;padding:8px}.room-chat[open] ol{max-height:20vh}}.gsws-reward-announcements{position:fixed;z-index:30;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1rem;border:1px solid #f1c75b;border-radius:.5rem;background:#35260b;color:#fff3c0;box-shadow:0 .5rem 1.5rem #0008}