@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2) format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2) format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff) format("woff")}:root{--bg: #1e1830;--panel: rgba(28, 22, 44, .86);--panel-solid: #241c38;--border: #4a3d6e;--text: #f3eefc;--muted: #b7acd3;--accent: #ffd36b;--accent-2: #7be0b5;--danger: #ff7a8a;--pixel: "VT323", ui-monospace, monospace;--ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sig-h: 24px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--ui);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{touch-action:none}button,input{font:inherit;color:inherit}.hidden{display:none!important}#app{position:fixed;left:0;top:var(--vv-top, 0px);width:100%;height:var(--vv-h, 100dvh);display:flex;flex-direction:column}#stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}#sig{flex:0 0 var(--sig-h);height:var(--sig-h);display:flex;align-items:center;justify-content:center;font-family:var(--pixel);font-size:17px;letter-spacing:1px;color:var(--muted);background:linear-gradient(#17122a,#120e20);border-top:1px solid #2f2549;padding-bottom:env(safe-area-inset-bottom);user-select:none;white-space:nowrap}#sig strong{color:var(--accent);font-weight:400;margin-left:6px;text-shadow:0 0 6px rgba(255,211,107,.35)}.pill{background:var(--panel);border:2px solid var(--border);border-radius:10px;padding:6px 12px;font-family:var(--pixel);font-size:20px;line-height:1;box-shadow:0 3px #00000059;white-space:nowrap}.btn{cursor:pointer;border:2px solid var(--border);background:var(--panel-solid);border-radius:10px;padding:8px 14px;font-family:var(--pixel);font-size:20px;line-height:1;box-shadow:0 3px #0006;transition:transform .06s,background .15s;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{background:#2f2548}.btn:active{transform:translateY(2px);box-shadow:0 1px #0006}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:linear-gradient(#ffd96f,#f0b43c);color:#3a2410;border-color:#8a5a1c}.btn.primary:hover{background:linear-gradient(#ffe38c,#f4bf52)}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.icon{width:40px;padding:8px 0;text-align:center}.btn.tiny{padding:2px 8px;font-size:16px}.btn.round{width:58px;height:58px;border-radius:50%;font-size:26px;padding:0}.hud{position:absolute;z-index:5}#hud-tl{top:12px;left:12px}#hud-tr{top:12px;right:12px;display:flex;gap:8px}.mic-off{color:var(--muted)}.mic-on{color:#0e2a1e;background:linear-gradient(#8ff0c4,#4fcf96);border-color:#227452}.mic-on:hover{background:linear-gradient(#a3f5d0,#5fd9a2)}.mic-on.speaking{box-shadow:0 0 0 3px #7be0b580,0 3px #0006}.mic-busy{opacity:.7;cursor:wait}#conn{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;color:var(--accent)}#conn.bad{color:var(--danger)}#toasts{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:7;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:min(92%,420px)}.toast{background:var(--panel);border:2px solid var(--border);border-radius:10px;padding:6px 12px;font-size:14px;max-width:100%;text-align:center;animation:toast-in .2s ease-out;overflow-wrap:anywhere}.toast.err{border-color:#8c3a4a;color:#ffd0d6}#audio-unlock{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:9;font-size:20px;padding:10px 16px;white-space:nowrap;animation:pulse-unlock 1.2s ease-in-out infinite}@keyframes pulse-unlock{50%{box-shadow:0 0 0 6px #ffd36b59,0 3px #0006}}body.touch #audio-unlock{bottom:160px;font-size:18px}body:not(.joined) #audio-unlock{display:none!important}.toast.out{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}#chat{position:absolute;left:12px;bottom:12px;width:340px;z-index:5;background:var(--panel);border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px #00000059}#chat-head{display:none;align-items:center;justify-content:space-between;padding:6px 10px;font-family:var(--pixel);font-size:20px;border-bottom:1px solid var(--border)}#chat-log{list-style:none;margin:0;padding:8px 10px;height:150px;overflow-y:auto;font-size:13.5px;line-height:1.35;overscroll-behavior:contain;touch-action:pan-y}#chat-log li,#chat-mini li{overflow-wrap:anywhere;margin-bottom:3px}.t{color:#8f84ad;font-variant-numeric:tabular-nums;margin-right:5px}.n{color:var(--accent);font-weight:600}.n.me{color:var(--accent-2)}.n.dev{color:#ffd36b}.chat-ava{width:16px;height:16px;border-radius:50%;object-fit:cover;vertical-align:-3px;margin-right:4px;border:1px solid #ffd36b}.sys{color:#a99fca;font-style:italic}#chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}#chat-input{flex:1;min-width:0;background:#140f22;border:2px solid var(--border);border-radius:8px;padding:7px 10px;font-size:15px;outline:none}#chat-input:focus{border-color:var(--accent)}.btn.send{padding:6px 12px}#chat-mini{display:none;position:absolute;top:56px;left:10px;z-index:4;list-style:none;margin:0;padding:0;max-width:min(70%,320px);font-size:12.5px;line-height:1.3;pointer-events:none}#chat-mini li{background:#140f229e;border-radius:6px;padding:3px 7px;display:table;margin-bottom:4px}#kbd-hint{right:12px;bottom:12px;font-family:var(--pixel);font-size:18px;color:var(--muted);background:#140f228c;padding:4px 10px;border-radius:8px;pointer-events:none}#joystick{display:none;position:absolute;left:max(16px,env(safe-area-inset-left));bottom:16px;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff0a);border:2px solid rgba(255,255,255,.22);z-index:5;touch-action:none}#joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7d8,#f0b43c);border:2px solid #8a5a1c;box-shadow:0 3px #00000059;pointer-events:none}#mobile-btns{display:none;position:absolute;right:max(16px,env(safe-area-inset-right));bottom:24px;z-index:5;flex-direction:column;gap:12px}body.touch #joystick{display:block}body.touch #mobile-btns{display:flex}body.touch #kbd-hint,body.touch #chat-mini{display:none}body.touch #chat{display:none;left:0;right:0;bottom:0;width:auto;border-radius:14px 14px 0 0;border-bottom:0;max-height:60%;z-index:8}body.touch #chat-head{display:flex}body.touch #chat-log{height:auto;max-height:30vh;min-height:60px;flex:1 1 auto}body.touch #chat-input{font-size:16px}body.touch.chat-open #chat{display:flex}body.touch.chat-open #joystick,body.touch.chat-open #mobile-btns,body.touch.chat-open #chat-mini{display:none}body.touch .pill{font-size:18px;padding:5px 10px}body.touch #hud-tr .btn{font-size:19px}@media(max-width:420px){#online{font-size:16px}#hud-tl{left:8px;top:8px}#hud-tr{right:8px;top:8px;gap:6px}#chat-mini{top:48px;left:8px}}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#1e18308c,#0e0a18e0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);overflow-y:auto}.card{width:min(100%,380px);background:var(--panel-solid);border:3px solid var(--border);border-radius:16px;padding:24px 22px 18px;box-shadow:0 6px #00000073,0 20px 50px #00000073;text-align:center}.logo{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.logo-dot{width:14px;height:14px;background:var(--accent);box-shadow:0 3px #8a5a1c;animation:hop 1.2s infinite ease-in-out}.logo-dot.b{background:var(--accent-2);box-shadow:0 3px #227452;animation-delay:.15s}.logo-dot.c{background:#ff8fb1;box-shadow:0 3px #8c3a5a;animation-delay:.3s}@keyframes hop{50%{transform:translateY(-5px)}}.card h1{font-family:var(--pixel);font-weight:400;font-size:46px;letter-spacing:3px;margin:4px 0 2px;color:var(--accent);text-shadow:0 3px 0 #6b3f12}.card .sub{margin:0 0 18px;color:var(--muted);font-size:14px}.card label{display:block;text-align:left;font-family:var(--pixel);font-size:21px;margin-bottom:6px}#name-input{width:100%;background:#140f22;border:3px solid var(--border);border-radius:10px;padding:11px 12px;font-size:17px;outline:none;margin-bottom:12px}#name-input:focus{border-color:var(--accent)}#join-btn{width:100%;font-size:26px;padding:11px}.err{min-height:1.2em;color:var(--danger);font-size:14px;margin:10px 0 4px}.notes{list-style:none;padding:0;margin:6px 0 0;text-align:left;font-size:13px;color:var(--muted);line-height:1.7}.help-card{text-align:left;width:min(100%,460px)}.help-card h2{font-family:var(--pixel);font-weight:400;font-size:34px;margin:0 0 8px;color:var(--accent)}.help-card ul{padding-left:18px;margin:0 0 10px;line-height:1.5;font-size:14.5px}.help-card li{margin-bottom:6px}.help-card .credit{font-size:12px;color:var(--muted)}.help-card .btn{width:100%}body:not(.joined) .hud,body:not(.joined) #chat,body:not(.joined) #chat-mini,body:not(.joined) #joystick,body:not(.joined) #mobile-btns{display:none!important}#music-btn.music-off{color:var(--muted)}#music-btn.music-on{color:#ffe6a8}@media(max-width:560px){#music-btn .lbl{display:none}#music-btn{width:40px;padding:8px 0;text-align:center}}#tvs{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.tv{position:absolute;left:0;top:0;width:356px;height:200px;transform-origin:0 0;pointer-events:none;overflow:hidden;background:#000}.tv video,.tv iframe{width:356px;height:200px;border:0;display:block;pointer-events:none}#game.tv-hover,#game.clickable{cursor:pointer}#emote-bar{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6px}#emote-bar .btn{width:42px;height:42px;padding:0;font-size:21px;font-family:var(--ui)}body.touch #emote-bar{display:none;inset:auto auto 156px 50%;transform:translate(-50%);flex-direction:row;background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:6px}body.touch.emotes-open #emote-bar{display:flex}body.touch.chat-open #emote-bar{display:none}.pmenu{position:absolute;z-index:9;min-width:200px;background:var(--panel-solid);border:2px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 4px #0006,0 10px 30px #00000059}.pm-name{font-family:var(--pixel);font-size:22px;color:var(--accent);margin:0 4px 6px;overflow-wrap:anywhere}.pm-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pm-btns .btn{font-family:var(--ui);font-size:14px;padding:8px 6px;white-space:nowrap}.pm-hint{margin:6px 4px 0;font-size:12px;color:var(--danger);min-height:0}.pm-hint:empty{display:none}body:not(.joined) #emote-bar,body:not(.joined) .pmenu{display:none!important}.tv-card{width:min(100%,880px);padding:14px 14px 10px;text-align:left}.tv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tv-head h2{font-family:var(--pixel);font-weight:400;font-size:30px;margin:0;color:var(--accent)}.tv-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.tv-wrap video,.tv-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tv-card .credit{font-size:12px;color:var(--muted);margin:8px 2px 0}.tv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.tv-foot .btn{text-decoration:none;white-space:nowrap;margin-top:8px}@media(max-width:440px){#hud-tl{top:56px}#chat-mini{top:96px}#toasts{top:100px}}.gm-card{width:min(100%,940px);max-height:100%;overflow-y:auto;padding:12px 14px 8px;text-align:left}.gm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}.gm-title{font-family:var(--pixel);font-weight:400;font-size:30px;margin:0;color:var(--accent)}.gm-right{display:flex;align-items:center;gap:6px}.gm-chips{font-family:var(--pixel);font-size:22px;color:#ffe6a8;background:#140f22;border:2px solid var(--border);border-radius:8px;padding:2px 10px}.gm-body{min-height:300px}.gm-note{font-size:11px;color:var(--muted);margin:8px 0 0;text-align:center}.gm-msg{text-align:center;margin:4px 0 8px;font-size:15px}.gm-msg.big{font-size:20px;font-weight:700}.gm-msg.good,.feed .good,.res-row.win .res-delta{color:#7be0b5}.gm-msg.bad,.feed .bad,.res-row.lose .res-delta{color:var(--danger)}.gm-hint{font-size:13px;color:var(--muted)}.gm-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0}.gm-actions .btn:disabled{opacity:.45;cursor:not-allowed}.tag{font-size:12px;background:#3a2d58;border-radius:6px;padding:2px 6px;font-weight:600}.tag.good{background:#2f7a50;color:#e9fff4}.cd{font-size:12px;color:#ffe6a8;margin-left:6px}.tbl{display:grid;grid-template-columns:1fr 1.6fr 1fr;grid-template-areas:". top ." "left center right" "bottom bottom bottom";gap:8px;align-items:center;background:radial-gradient(ellipse at center,#2f7a50,#1d4f34);border:4px solid #5a3a28;border-radius:18px;padding:10px}.pos-top{grid-area:top}.pos-left{grid-area:left}.pos-right{grid-area:right}.pos-center{grid-area:center;min-height:90px;display:flex;align-items:center;justify-content:center}.pos-bottom{grid-area:bottom}.seat{background:#140e20b3;border:2px solid transparent;border-radius:10px;padding:6px 8px;min-width:0}.seat.turn{border-color:#ffd36b;box-shadow:0 0 12px #ffd36b73}.seat.empty{color:var(--muted);font-size:13px;text-align:center}.seat-name{font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;overflow-wrap:anywhere}.seat-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.seat-info.col{flex-direction:column;align-items:flex-start}.cnt{display:inline-flex;align-items:center;gap:4px;font-size:13px}.mini small{display:block;color:var(--muted);font-size:11px}.trick{display:flex;flex-direction:column;align-items:center;gap:4px;color:#e9fff4}.last-discard{display:flex;flex-direction:column;align-items:center;gap:2px}.me-area{display:flex;flex-direction:column;gap:4px}.crow{display:flex;padding-right:12px;flex-wrap:wrap;row-gap:4px}.hand{display:flex;justify-content:center;overflow-x:auto;padding:16px 20px 6px 8px;touch-action:pan-x}.pc{flex:0 0 auto;width:40px;height:58px;margin-right:-12px;background:#fffdf6;color:#1d1a24;border:1px solid #8a8296;border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font:700 15px/1 system-ui,sans-serif;box-shadow:1px 2px #00000059;cursor:pointer;user-select:none;transition:transform .08s}.pc .s{font-size:17px}.pc.red{color:#d0263c}.pc.sel{transform:translateY(-14px);outline:3px solid #ffd36b}.pc.eat{outline:3px solid #e8b04a}.pc.meld{background:#e9fff4}.pc.new{box-shadow:0 0 0 3px #7bc6e0}.pc.sm{width:24px;height:34px;margin-right:-7px;font-size:10px;cursor:default}.pc.sm .s{font-size:11px}.pc.back{background:repeating-linear-gradient(45deg,#3a46c9 0 4px,#5a66e9 4px 8px);border-color:#22288a}.gm-results{background:#140f22;border:2px solid var(--border);border-radius:10px;padding:8px 12px;margin:8px 0}.gm-results h3{margin:0 0 6px;font-family:var(--pixel);font-weight:400;font-size:22px;color:var(--accent)}.res-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:8px;padding:2px 0;font-size:14px}.res-name{overflow-wrap:anywhere}.res-extra{color:var(--muted)}.dice{display:flex;justify-content:center;gap:12px;font-size:64px;line-height:1;margin:6px 0}.dice.shaking span{display:inline-block;animation:shake .25s infinite}@keyframes shake{25%{transform:rotate(-14deg) translateY(-4px)}75%{transform:rotate(14deg) translateY(3px)}}.tx-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tx-side{border:3px solid var(--border);border-radius:14px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font:inherit}.tx-side b{font-family:var(--pixel);font-size:40px;font-weight:400}.tx-side.tai{background:linear-gradient(#b8323f,#7a1f2f)}.tx-side.xiu{background:linear-gradient(#3a5fc0,#22357a)}.tx-side:disabled{opacity:.7;cursor:default}.tx-side.won{border-color:#ffd36b;box-shadow:0 0 18px #ffd36b99}.tx-side .mine{color:#ffe6a8;font-weight:700;min-height:1.2em}.amounts{display:flex;gap:4px;flex-wrap:wrap}.amounts .btn.on{background:linear-gradient(#ffd96f,#f0b43c);color:#3a2410}.tx-hist{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;margin:8px 0}.dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.dot.tai{background:#b8323f}.dot.xiu{background:#3a5fc0}.dot.bao{background:#8a5ad9}.bc{display:flex;flex-direction:column;align-items:center;gap:10px;background:radial-gradient(ellipse at center,#7a2f4a,#4a1a2c);border:4px solid #5a3a28;border-radius:18px;padding:12px}.bc-hand{display:flex;align-items:center;gap:12px}.bc-hand b{width:70px}.feed{font-size:13px;margin-top:6px}.feed>div{display:flex;gap:4px}@media(max-width:640px){.tbl{grid-template-columns:1fr 1fr;grid-template-areas:"top top" "left right" "center center" "bottom bottom";padding:6px}.pc{width:32px;height:46px;margin-right:-12px;font-size:13px}.pc .s{font-size:14px}.dice{font-size:48px}.tx-side b{font-size:30px}.gm-title{font-size:24px}}body:not(.joined) #game-modal{display:none!important}.piano-card{width:min(100%,440px);text-align:left;padding:14px 16px 10px}.piano-card h2{font-family:var(--pixel);font-weight:400;font-size:30px;margin:0;color:var(--accent)}.pn-now{background:#140f22;border:2px solid var(--border);border-radius:10px;padding:10px 12px;margin:8px 0;display:flex;flex-direction:column;gap:3px}.pn-now small{color:var(--muted);font-size:12px}.pn-now b{font-size:18px;color:#ffe6a8}.pn-artist{font-size:12px;color:var(--muted)}.pn-bar{height:6px;background:#2f2548;border-radius:3px;overflow:hidden;margin-top:6px}.pn-fill{height:100%;width:0;background:linear-gradient(90deg,#7be0b5,#ffd36b);transition:width .4s linear}.pn-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pn-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#140e2099;border:2px solid transparent;border-radius:10px;padding:8px 10px}.pn-list li.on{border-color:#7be0b5}.pn-info{display:flex;flex-direction:column;min-width:0}.pn-info b{font-size:15px}.pn-info small{font-size:12px;color:var(--muted)}.pn-list .btn:disabled{opacity:.8;cursor:default}.piano-card .credit.warn{color:var(--danger)}body:not(.joined) #piano-modal{display:none!important}