:root{--ink:#f1e6d0;--ink-dim:#bba98c;--ink-faint:#85745d;--panel:#16110e;--panel-top:#2a211b;--panel-raise:#241c17;--panel-raise-2:#30251e;--btn:#2c231d;--btn-hover:#3a2e25;--rule:#d6b27847;--rule-strong:#e2c082a6;--line:#5c4a2c;--bronze:#c9a15a;--bronze-2:#8a6a36;--gold:#e3c27e;--red:#b8453a;--red-2:#e07a6c;--green:#4f8f67;--green-2:#7cc596;--blue:#5876b8;--shadow:0 16px 44px #0000008c;--radius:12px;--serif:"Noto Serif JP", "Yu Mincho", Georgia, serif;--sans:"Nunito", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;background:#0d0a09;margin:0;font-size:15px;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#world-ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui .passthrough{pointer-events:none}#ui .passthrough>*{pointer-events:auto}#fade{opacity:0;pointer-events:none;z-index:50;background:#07080e;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4b06c40;border-radius:4px}::-webkit-scrollbar-track{background:0 0}h1,h2,h3{margin:0}h1{font-family:var(--serif);letter-spacing:.02em;font-size:34px;font-weight:900}h2{font-family:var(--serif);letter-spacing:.04em;color:#f3e8cf;font-size:19px;font-weight:700}h3{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.9;font-size:11px;font-weight:800}p{margin:0;line-height:1.45}.caps{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px;font-weight:800}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.small{font-size:12.5px}.warn{color:var(--red-2);font-weight:800}.hidden{display:none!important}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.center{justify-content:center}.between{justify-content:space-between}.gap-lg{gap:14px}.sep{background:var(--rule);vertical-align:middle;width:1px;height:12px;margin:0 8px;display:inline-block}.ico{display:block}.panel{background:radial-gradient(120% 90% at 20% 0%, #ffd6a012, transparent 60%), linear-gradient(180deg, var(--panel-top), var(--panel));border:1px solid var(--rule);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffe8c414, inset 0 0 0 1px #00000059, var(--shadow);padding:14px 16px;position:relative}.panel.ornate:before{content:"";pointer-events:none;border-radius:calc(var(--radius) - 4px);border:1px solid #e2c08224;position:absolute;inset:4px}.panel-title{border-bottom:1px solid var(--rule);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;display:flex}.esc-hint{letter-spacing:.08em;color:var(--ink-faint);border:1px solid #ffffff1f;border-radius:3px;padding:1px 5px;font-size:10.5px;font-weight:800}.btn{font-family:var(--sans);letter-spacing:.04em;color:var(--ink);background:linear-gradient(180deg, #342921, var(--btn));cursor:pointer;white-space:nowrap;border:1px solid #4a3a2d;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 15px;font-size:13.5px;font-weight:800;transition:border-color .15s,background .15s,color .15s,transform 80ms;display:inline-flex;box-shadow:inset 0 1px #ffe6be14,0 2px #00000073}.btn .ico{color:#e8d6b4}.btn:hover{border-color:var(--rule-strong);background:linear-gradient(180deg, #43352a, var(--btn-hover))}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;color:#6d5f4c;background:#1c1612;border-color:#33291f}.btn.primary{color:#22170a;background:linear-gradient(#e8c983,#c29a52);border-color:#f0d79e;box-shadow:inset 0 1px #fff6,0 2px #00000073}.btn.primary:hover{background:linear-gradient(#f1d595,#cfa760)}.btn.red,.btn.danger{color:#f4c2b9;background:#3a1f1d;border-color:#8e4a40}.btn.red:hover,.btn.danger:hover{border-color:var(--red-2);background:#4d2622}.btn.green{color:#d4f0de;background:#1f3a2b;border-color:#4f8f67}.btn.green:hover{background:#28503a}.btn.blue{color:#d6e0f6;background:#1f2b47;border-color:#5876b8}.btn.blue:hover{background:#283a60}.btn.ghost{color:var(--ink-dim);box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);border-color:var(--rule)}.btn.small{padding:5px 10px;font-size:12px}.btn.icon{border-radius:11px;padding:8px}.btn.small.icon{border-radius:9px;padding:6px}.btn.big{padding:12px 22px;font-size:15px}.btn.on{border-color:var(--gold);color:var(--gold);background:#3a2d1c}.input{font:inherit;color:var(--ink);background:#0f0b09;border:1px solid #e2c08233;border-radius:9px;outline:none;min-width:0;padding:8px 11px;box-shadow:inset 0 2px 4px #0006}.input:focus{border-color:var(--rule-strong)}select.input{padding:6px 8px}.code-input{font-family:var(--serif);letter-spacing:.32em;text-transform:uppercase;text-align:center;width:100%;font-size:24px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.toggle .sw{background:#2e241d;border:1px solid #ffffff1f;border-radius:10px;flex:none;width:38px;height:20px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:#cfc6b2;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle.on .sw{border-color:var(--rule-strong);background:#6a5530}.toggle.on .sw:after{background:var(--gold);left:20px}input[type=range]{accent-color:var(--bronze);width:100%}.chip{background:var(--panel-raise-2);color:var(--ink-dim);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-flex}.chip.gold{color:#1b1308;background:var(--gold);border-color:#0000}.coin{vertical-align:-2px;background:radial-gradient(circle at 35% 35%,#fff2b0,#e2b23c 55%,#9c6d15);border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 0 0 1px #7a520f}.screen{justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.screen.dim{background:radial-gradient(#080a1440,#080a14c7)}.modal-backdrop{z-index:30;background:#05060c8c;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:min(560px,100%);max-height:calc(100vh - 32px);overflow:hidden auto}.close-x{margin-left:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title-screen{background:radial-gradient(at 50% 38%,#0a07051a,#0a0705b8 75%);flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:16px;display:flex;position:fixed;inset:0}.game-title{text-align:center;pointer-events:none;animation:1.1s cubic-bezier(.2,.9,.2,1) both titleIn}.game-title .kanji{font-family:var(--serif);letter-spacing:.9em;color:#e9c47a;text-shadow:0 2px #3a2410,0 0 18px #e9c47a73;margin-left:.9em;font-size:22px;font-weight:900}.game-title .name{justify-content:center;align-items:center;gap:18px;margin-top:4px;display:flex}.game-title .word{font-family:var(--serif);letter-spacing:.02em;background:linear-gradient(#fff6dc 0%,#f3d38c 42%,#c58f3c 60%,#f6dca0 100%);color:#0000;filter:drop-shadow(0 4px #4a2c12)drop-shadow(0 10px 24px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,9vw,112px);font-weight:900;line-height:1}.game-title .word+.word{margin-left:.22em}.game-title .word.riichi{background:linear-gradient(#ffe1d6 0%,#ff8c6e 45%,#c73a2a 62%,#ffb39c 100%);-webkit-background-clip:text;background-clip:text}.game-title .tile-mark{filter:drop-shadow(0 6px 10px #0009);border-radius:8px;width:clamp(46px,6vw,72px);height:auto;transform:rotate(-8deg)}.game-title .tag{letter-spacing:.3em;text-transform:uppercase;color:#d9c49c;text-shadow:0 2px 6px #000;margin-top:12px;font-size:15px;font-weight:700}@keyframes titleIn{0%{opacity:0;transform:translateY(-18px)scale(.96)}to{opacity:1;transform:none}}.menu{flex-direction:column;gap:10px;width:min(460px,100%);animation:.6s .3s both fadeIn;display:flex}.menu .me-card{padding:10px 14px}.me-card{align-items:center;gap:12px;display:flex}.me-card img{border:1px solid var(--rule);border-radius:10px;width:56px;height:56px}.menu-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.menu-actions .btn.big{letter-spacing:.08em;grid-column:1/-1;padding:14px;font-size:17px}.menu-foot{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.plaza-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow:auto}.plaza-item{background:var(--panel-raise);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.plaza-item:hover{border-color:var(--rule)}.plaza-item .code{font-family:var(--serif);letter-spacing:.18em;color:var(--gold);font-weight:700}.hud-top{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}.hud-code{align-items:center;gap:12px;padding:8px 14px;display:flex}.hud-code .code{font-family:var(--serif);letter-spacing:.2em;color:var(--gold);font-size:21px;font-weight:700}.radio-chip{pointer-events:auto;align-items:center;gap:10px;max-width:360px;padding:6px 10px 6px 12px;display:flex}.radio-title{white-space:nowrap;text-overflow:ellipsis;max-width:240px;display:block;overflow:hidden}.radio-dot{background:#5fd18b;border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s infinite blink;box-shadow:0 0 8px #5fd18b}@media (max-width:600px){.radio-chip{display:none}}.hud-right{align-items:center;gap:6px;display:flex;position:fixed;top:12px;right:12px}.hud-coins{align-items:center;gap:8px;padding:7px 12px;font-weight:800;display:flex}.chatbox{flex-direction:column;gap:6px;width:min(360px,100vw - 24px);padding:10px;display:flex;position:fixed;bottom:12px;left:12px}.chat-log{flex-direction:column;gap:3px;height:150px;padding-right:4px;font-size:13.5px;display:flex;overflow-y:auto}.chat-log .m b{color:var(--gold);font-weight:800}.chat-log .m.near b{color:#a9cdf0}.chat-log .m.system{color:var(--ink-faint);font-style:italic}.chat-log .tag{letter-spacing:.08em;text-transform:uppercase;color:#a9cdf0;background:#a9cdf024;border-radius:3px;margin-right:4px;padding:0 5px;font-size:10px;font-weight:800}.chat-tabs .btn{padding:4px 10px;font-size:12px}.popover{flex-wrap:wrap;gap:6px;width:100%;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.emote-btn{background:var(--panel-raise);cursor:pointer;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex;position:relative}.emote-btn:hover{border-color:var(--rule-strong)}.emote-btn.locked{opacity:.3}.view-ctl{align-items:center;gap:6px;display:flex;position:fixed;bottom:12px;right:12px}.pool-panel{z-index:12;pointer-events:auto;align-items:center;gap:10px;width:min(680px,100vw - 16px);padding:6px 10px;display:flex;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}.pool-panel.setup{width:min(560px,100vw - 16px);padding:10px 14px;bottom:50%;transform:translate(-50%,50%)}.pool-setup-title{font-family:var(--serif);font-size:18px}.pool-tools{flex:none;gap:4px}.pool-tools .btn.icon{width:34px;height:34px}.pool-top{z-index:12;white-space:nowrap;pointer-events:none;align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:4px 12px;font-size:13px;display:flex;position:fixed;top:6px;left:50%;transform:translate(-50%)}.pool-msg{opacity:.85;text-overflow:ellipsis;max-width:42vw;margin-left:6px;overflow:hidden}.pool-panel .pool-power,.pool-panel .pool-touch{flex:1}.pool-player{border:1px solid #0000;border-radius:999px;padding:3px 10px}.pool-player.turn{border-color:var(--gold);background:#e9c46a1f}.pool-power{background:#00000073;border:1px solid #ffffff26;border-radius:6px;height:10px;overflow:hidden}.pool-power i{background:linear-gradient(90deg,#5fd18b,#f2c230 60%,#d0302a);width:0;height:100%;display:block}body[data-pool="1"] .chatbox,body[data-pool="1"] .interact,body[data-pool="1"] .joy,body[data-pool="1"] .view-ctl,body[data-pool="1"] .hud-right,body[data-pool="1"] .hud-top,body[data-pool="1"] .radio-chip{display:none!important}.vol-pop{z-index:30;pointer-events:auto;align-items:center;gap:8px;width:260px;padding:8px 12px;display:flex;position:fixed}.chatbox.min{box-shadow:none;background:0 0;border:none;width:auto!important;height:auto!important;padding:0!important}.chatbox.min>:not(.chat-mini){display:none!important}.chatbox:not(.min)>.chat-mini{display:none}.chat-mini{width:44px;height:44px;padding:0;position:relative}.chat-mini .badge{background:var(--red-2);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-5px;right:-5px}.view-ctl .tv-play{color:#fff;background:#9146ff;border-color:#b58cff}.tv-front-hint{z-index:60;pointer-events:none;color:#fff;background:#140e1ee6;border:1px solid #b58cff;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;position:fixed;top:18px;left:50%;transform:translate(-50%)}.interact{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.interact .btn{padding:9px 18px;font-size:14px;box-shadow:0 4px 14px #0000008c}.key{color:#1b140d;background:#efe2c6;border-radius:5px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-right:6px;padding:0 5px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 2px #7f6a4c}.toasts{z-index:60;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:linear-gradient(180deg, var(--panel-top), var(--panel));border:1px solid var(--rule);border-left:3px solid var(--gold);box-shadow:var(--shadow);border-radius:12px;padding:9px 18px;font-size:13.5px;font-weight:700;animation:.2s toastIn}.toast.err{border-left-color:var(--red-2);color:#f5cdc6}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.controls-list{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;font-size:13px;display:grid}.controls-list .k{white-space:nowrap}.nametag{will-change:transform;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex;position:absolute;top:0;left:0}.nametag.me{color:var(--gold)}.nametag.off{opacity:.5;font-style:italic}.nametag .st{letter-spacing:.06em;text-transform:uppercase;color:#e3d3b4;text-shadow:none;background:#140e0abf;border-radius:5px;padding:0 5px;font-size:10px;font-weight:800}.nametag .ico{filter:drop-shadow(0 1px 1px #000);color:var(--gold)}.bubble{will-change:transform;color:#221c14;white-space:normal;text-align:center;background:#faf3e4;border-radius:10px;max-width:220px;padding:6px 11px;font-size:13px;font-weight:700;animation:.2s pop;position:absolute;top:0;left:0;box-shadow:0 3px 10px #00000059}.bubble:after{content:"";border:6px solid #0000;border-top-color:#faf3e4;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.bubble.emote{padding:2px 10px;font-size:22px}.table-label{will-change:transform;text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.35;position:absolute;top:0;left:0}.table-label .t{font-family:var(--serif);letter-spacing:.08em;color:var(--gold);font-size:14px;font-weight:700}.table-label .g{letter-spacing:.12em;text-transform:uppercase;color:#cfe0c2;font-size:10.5px}@keyframes pop{0%{opacity:0}to{opacity:1}}.lobby{flex-direction:column;gap:8px;width:min(370px,100vw - 24px);max-height:calc(100vh - 80px);display:flex;position:fixed;top:64px;right:12px;overflow:auto}.seat{background:var(--panel-raise);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:8px;display:flex}.seat img{border:1px solid var(--rule);border-radius:8px;width:42px;height:42px}.seat .wind{font-family:var(--serif);text-align:center;width:26px;color:var(--gold);font-size:19px;font-weight:900}.seat .ready{color:var(--green-2);font-size:12px;font-weight:800}.seat .notready{color:var(--ink-faint);font-size:12px;font-weight:700}.seat.empty{background:0 0;border:1px dashed #ffffff1f}.game-pick{grid-template-columns:1fr 1fr;gap:6px;display:grid}#ui>.creator{pointer-events:none}.creator{pointer-events:none;grid-template-columns:1fr minmax(320px,440px);gap:16px;padding:16px;display:grid;position:fixed;inset:0}.creator>*{pointer-events:auto}.creator-left{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.creator-left>*{pointer-events:auto}.creator-panel{flex-direction:column;gap:12px;max-height:calc(100vh - 32px);display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:4px;padding-bottom:8px;display:flex}.tabs .btn{color:var(--ink-dim);box-shadow:none;background:0 0;border-color:#0000;padding:6px 11px;font-size:12.5px}.tabs .btn.on{color:var(--gold);border-color:var(--rule-strong);background:#e3c27e14}.tab-body{flex-direction:column;gap:14px;padding-right:4px;display:flex;overflow-y:auto}.opt-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.opt{background:var(--panel-raise);cursor:pointer;text-align:center;border:1px solid #ffffff14;border-radius:10px;padding:8px 6px;font-size:12.5px;font-weight:700;position:relative}.opt:hover{border-color:var(--rule)}.opt.sel{border-color:var(--gold);color:#f7ebce;background:#e3c27e1a}.opt.locked{opacity:.5}.opt .price{color:var(--gold);margin-top:2px;font-size:11px;display:block}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:1px solid #00000080;border-radius:7px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.sel{outline:2px solid var(--gold);outline-offset:2px}.shop-layout{grid-template-columns:230px 1fr;gap:14px;display:grid}.shop-preview{border:1px solid var(--rule);background:radial-gradient(at 50% 30%,#3a2c22,#16110e);border-radius:12px;flex-direction:column;align-self:start;align-items:center;gap:8px;padding:10px;display:flex;position:sticky;top:0}.shop-preview img{object-fit:contain;width:200px;height:260px}.shop-preview .pn{text-align:center;min-height:1.4em;font-weight:800}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.shop-item{background:var(--panel-raise);text-align:center;cursor:pointer;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.shop-item:hover,.shop-item.sel{border-color:var(--rule-strong)}.shop-item .pv{justify-content:center;align-items:center;gap:4px;width:100%;height:86px;display:flex;overflow:hidden}.shop-item .pv img{height:80px}.shop-item .pv .tile-img{height:50px}.shop-item .nm{font-size:13.5px;font-weight:800}.shop-item.owned{border-color:#7cc59659}.shop-item .new{position:absolute}.shopkeeper{align-items:center;gap:12px;display:flex}.shopkeeper .talk{color:#221c14;background:#faf3e4;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700}.stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.stat{background:var(--panel-raise);border:1px solid #ffffff0d;border-radius:10px;padding:8px 10px}.stat .v{font-family:var(--serif);color:var(--gold);font-size:21px;font-weight:700}.stat .k{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:700}.hist{flex-direction:column;gap:3px;max-height:190px;display:flex;overflow:auto}.hist .h{background:var(--panel-raise);border-radius:8px;gap:10px;padding:6px 8px;font-size:13px;display:flex}.tile-img{vertical-align:middle;border-radius:4px;height:40px;box-shadow:0 2px #00000059}.tile-img.sm{height:30px}.tile-img.xs{height:22px;box-shadow:none}.mj-top{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}.mj-roundbar{align-items:center;gap:14px;padding:8px 16px 8px 8px;display:flex}.mj-roundbar .wt{border-radius:6px;width:38px;box-shadow:0 3px 6px #00000080}.mj-roundbar .rn{font-family:var(--serif);white-space:nowrap;font-size:22px;font-weight:700;line-height:1.05}.mj-roundbar .rs{color:var(--ink-dim);white-space:nowrap;font-size:12px}.mj-roundbar .vr{background:var(--rule);align-self:stretch;width:1px}.mj-roundbar .dora{align-items:center;gap:6px;display:flex}.mj-roundbar .dora .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:#0000004d;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:800}.mj-roundbar .left{text-align:center;line-height:1}.mj-roundbar .left b{font-family:var(--serif);color:var(--ink);font-size:22px;display:block}.mj-roundbar .left span{color:var(--ink-dim);font-size:11px}.mj-assist{flex-direction:column;align-items:center;gap:6px;min-width:130px;max-width:300px;padding:10px 16px;display:flex}.mj-assist .lbl{font-family:var(--serif);color:var(--ink-dim);font-size:14px}.mj-assist .num{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1}.mj-assist .state{font-family:var(--serif);letter-spacing:.04em;font-size:17px;font-weight:700}.mj-assist .state.tenpai{color:var(--green-2)}.mj-assist .state.furiten{color:var(--red-2)}.dots{gap:5px;display:flex}.dots i{background:#3a2e25;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 2px #0009}.dots i.on{background:radial-gradient(circle at 35% 35%,#ffe7a3,#e2a53a);box-shadow:0 0 6px #f0be5a99}.waits{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wait{color:var(--ink-dim);flex-direction:column;align-items:center;font-size:11.5px;font-weight:800;display:flex}.mj-card.seat-pos0{bottom:16px;left:16px}.mj-card.seat-pos1{top:38%;right:16px}.mj-card.seat-pos2{width:-moz-fit-content;width:fit-content;margin:0 auto;top:12px;left:0;right:0}.mj-card.seat-pos3{top:56%;left:16px}.mj-card{align-items:center;gap:10px;min-width:170px;padding:8px 14px 8px 8px;transition:box-shadow .2s,border-color .2s;display:flex;position:fixed}.mj-card img.pt{border:1px solid var(--rule);border-radius:10px;width:52px;height:52px}.mj-card .nm{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:14px;font-weight:800;overflow:hidden}.mj-card .sc{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.mj-card .wind{font-family:var(--serif);color:var(--gold);white-space:nowrap;font-size:14px;font-weight:900}.mj-card.turn{border-color:var(--gold);box-shadow:0 0 0 1px #e3c27e80, 0 0 22px #e3c27e40, var(--shadow)}.mj-card .badge{letter-spacing:.08em;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900}.badge.dealer{color:#24170a;background:linear-gradient(#e9c47a,#b98a3c)}.badge.riichi{color:#17140f;background:#efe6d2}.badge.away{color:#e6d8c0;background:#3e3328}.mj-card .delta-pop{font-family:var(--serif);pointer-events:none;text-shadow:0 2px #000000b3;font-size:18px;font-weight:900;animation:1.6s forwards deltaUp;position:absolute;top:-8px;right:10px}.delta-pop.pos{color:#8ff0a8}.delta-pop.neg{color:#ff9c8a}@keyframes deltaUp{0%{opacity:0;transform:translateY(6px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.mj-card.react-win{animation:.9s cardWin}.mj-card.react-hit{animation:.6s cardHit}.mj-card.react-call{animation:.5s cardCall}@keyframes cardWin{0%{transform:scale(1)}20%{transform:scale(1.12)translateY(-6px);box-shadow:0 0 34px #ffd26ecc}45%{transform:scale(1.02)}60%{transform:scale(1.07)translateY(-3px)}to{transform:none}}@keyframes cardHit{0%,to{transform:none}20%{transform:translate(-7px)rotate(-2deg)}40%{transform:translate(6px)rotate(1.5deg)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes cardCall{0%{transform:none}35%{transform:scale(1.08)}to{transform:none}}.mj-card.pos-top{transform-origin:top}.mj-card .stamp{position:absolute;bottom:calc(100% + 6px);left:10px}.mj-actions{z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:190px;left:50%;transform:translate(-50%)}.mj-actions .btn{font-size:18px;font-family:var(--serif);letter-spacing:.12em;border-radius:12px;padding:11px 24px;font-weight:900;box-shadow:0 6px 16px #0000008c}.mj-actions .btn.pon{color:#fff;background:linear-gradient(#5e9df0,#2f63b8);border-color:#9cc4ff}.mj-actions .btn.chi{color:#fff;background:linear-gradient(#5cc98a,#2b8a55);border-color:#a4ecc0}.mj-actions .btn.kan{color:#fff;background:linear-gradient(#b27cf0,#6b3fb8);border-color:#dcbcff}.mj-actions .btn.riichi{color:#fff;background:linear-gradient(#ffa860,#d9582a);border-color:#ffd1a8}.mj-actions .btn.ron{color:#fff;background:linear-gradient(#ff6f6a,#c22b2b);border-color:#ffb7ad}.mj-actions .btn.tsumo{color:#2a1a05;background:linear-gradient(#ffe08a,#d19a2a);border-color:#fff0bf}.mj-actions .timer{flex-basis:100%;width:260px;max-width:60vw;margin:0 auto}.mj-options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mj-option{background:var(--panel);cursor:pointer;border:1px solid var(--rule);border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:6px;display:flex}.mj-option:hover{border-color:var(--gold)}.timer{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.timer>div{transform-origin:0;background:linear-gradient(90deg,#e9c47a,#f6dca0);height:100%}.mj-tip{text-align:center;z-index:5;max-width:280px;padding:7px 12px;font-size:13px;position:fixed;transform:translate(-50%,-100%);pointer-events:none!important}.mj-stamps{z-index:7;gap:6px;position:fixed;bottom:76px;right:16px}.bubble.stamp{z-index:7;font-size:15px;position:fixed;transform:translate(-50%,-100%);pointer-events:none!important}.mj-bottom-right{gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.mj-bottom-right .btn.icon{border-radius:13px;width:48px;height:48px;padding:0}.mj-bottom-right .btn.icon .ico{width:22px;height:22px}.mj-banner{flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(50vw - 150px);padding:8px 14px;display:flex;position:fixed;top:12px;right:12px}.callfx{z-index:20;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.callfx .plate{font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;color:#fff;-webkit-text-stroke:2px #00000059;text-shadow:0 4px #00000073;border-radius:18px;padding:6px 34px 10px;font-size:64px;font-weight:900;line-height:1.1;animation:1.25s cubic-bezier(.2,1.4,.3,1) forwards callPlate;position:relative;box-shadow:0 10px 30px #0000008c,inset 0 2px #ffffff73,inset 0 -4px #00000040}.callfx.small .plate{padding:4px 24px 7px;font-size:44px}.callfx .ring{opacity:0;border:6px solid;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:.7s ease-out forwards callRing;position:absolute;top:50%;left:50%}.callfx .rays{opacity:0;background:repeating-conic-gradient(from 0deg, currentColor 0 6deg, transparent 6deg 22deg);border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:1.1s ease-out forwards callRays;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 30%,#000 32%,#0000 70%);mask:radial-gradient(circle,#0000 30%,#000 32%,#0000 70%)}.callfx .spark{background:currentColor;border-radius:50%;width:10px;height:10px;animation:.9s ease-out forwards spark;position:absolute;top:50%;left:50%;box-shadow:0 0 10px}.callfx.pon{color:#7fb6ff}.callfx.pon .plate{background:linear-gradient(#6aa8ff,#2a5fc4)}.callfx.chi{color:#7ff0ab}.callfx.chi .plate{background:linear-gradient(#53d38a,#1f8a4f)}.callfx.kan{color:#cf9cff}.callfx.kan .plate{background:linear-gradient(#b681ff,#6a36c2)}.callfx.riichi{color:#ffb070}.callfx.riichi .plate{background:linear-gradient(#ff9d4f,#d8462a);animation:1.3s cubic-bezier(.2,.9,.2,1) forwards callSlide}.callfx.ron{color:#ff8a80}.callfx.ron .plate{background:linear-gradient(#ff5e57,#b3202a);font-size:78px}.callfx.tsumo{color:#ffd76a}.callfx.tsumo .plate{color:#3a2200;-webkit-text-stroke:0;text-shadow:0 3px #fff6;background:linear-gradient(#ffe38a,#d69421);font-size:78px}.callfx.info .plate{color:var(--gold);border:1px solid var(--rule-strong);background:linear-gradient(#3a2d24,#1a1411);font-size:44px}@keyframes callPlate{0%{opacity:0;transform:scale(.2)rotate(-8deg)}18%{opacity:1;transform:scale(1.18)rotate(2deg)}32%{transform:scale(1)rotate(0)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)translateY(-14px)}}@keyframes callSlide{0%{opacity:0;transform:translate(-60vw)skew(-18deg)}16%{opacity:1;transform:translate(18px)skew(-8deg)}26%{transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translate(40vw)skew(-14deg)}}@keyframes callRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}@keyframes callRays{0%{opacity:0;transform:scale(.4)rotate(0)}25%{opacity:.55}to{opacity:0;transform:scale(1.35)rotate(40deg)}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.2)}}.confetti{z-index:7;border-radius:2px;width:9px;height:14px;animation:linear forwards confetti;position:fixed;top:-20px;pointer-events:none!important}@keyframes confetti{to{transform:translate(var(--dx), 110vh) rotate(var(--rot))}}.dm-pic{vertical-align:middle;filter:drop-shadow(0 2px 2px #00000073);width:56px;height:28px}.dm-pic.big{width:84px;height:42px}.modal.result{width:min(1100px,100%);max-width:min(1100px,100%)}.result .win{border-bottom:1px solid var(--rule);flex-direction:column;gap:10px;padding:12px 0;display:flex}.result .hand{flex-wrap:wrap;align-items:flex-end;gap:3px;display:flex}.result .hand .gap{width:16px}.result .hand .tile-img{border-radius:6px;height:66px}.result .hand .tile-img.win-tile{outline:3px solid var(--gold);outline-offset:2px}.result .tile-img.xs{height:34px}.result h3{font-size:13px}.yaku-list{grid-template-columns:1fr auto;gap:4px 18px;font-size:15.5px;display:grid}.yaku-list .han{color:var(--gold);text-align:right;font-weight:800}.points-big{font-family:var(--serif);color:var(--gold);font-size:26px;font-weight:700}.deltas{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;display:grid}.delta{background:var(--panel-raise);text-align:center;border-radius:10px;padding:8px}.delta .d{font-family:var(--serif);font-size:17px;font-weight:700}.delta .d.pos{color:var(--green-2)}.delta .d.neg{color:var(--red-2)}.podium{flex-direction:column;gap:6px;display:flex}.podium .pl{background:var(--panel-raise);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.podium .pl.first{background:linear-gradient(90deg, #e3c27e29, var(--panel-raise));border-color:var(--rule-strong)}.podium .rank{font-family:var(--serif);text-align:center;width:40px;color:var(--gold);font-size:24px;font-weight:700}.podium img{border:1px solid var(--rule);border-radius:10px;width:50px;height:50px}.tv-list{flex-direction:column;gap:6px;display:flex}.tv-row{background:var(--panel-raise);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tv-row.live{border-color:#e07a6c99}.live-dot{background:var(--red-2);width:8px;height:8px;box-shadow:0 0 8px var(--red-2);border-radius:50%;animation:1.2s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.3}}.joy{border:1px solid var(--rule);touch-action:none;background:#ffffff0f;border-radius:50%;width:120px;height:120px;position:fixed;bottom:210px;left:24px}.joy .knob{background:#e3c27e80;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}@media (orientation:portrait) and (max-width:760px){body[data-state=MAHJONG_MATCH]:after,body[data-state=SPECTATOR]:after{content:"↻ Gire o celular para jogar na horizontal";background:var(--panel);border:1px solid var(--rule);white-space:nowrap;pointer-events:none;z-index:40;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:800;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.mj-top{top:76px}.mj-banner{flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px);top:auto;bottom:140px}.mj-assist{display:none}}@media (max-width:760px){body{font-size:14px}.creator{grid-template-rows:40vh 1fr;grid-template-columns:1fr}.chat-log{height:90px}.mj-actions .btn{padding:8px 12px;font-size:14px}.mj-card{min-width:0;padding:4px 8px 4px 4px}.mj-card img.pt{width:34px;height:34px}.callfx .plate{font-size:40px}.callfx.small .plate{font-size:30px}.mj-roundbar .rn{font-size:17px}.result .hand .tile-img{height:42px}.hud-code .code{font-size:17px}.hud-code{gap:8px;padding:6px 10px}.hud-code .chip.gold{display:none}.hud-right{gap:6px;top:66px;right:8px}.hud-top{top:8px;left:8px}.chatbox{width:calc(100vw - 16px);padding:8px;bottom:8px;left:8px}.interact{gap:6px;top:118px;bottom:auto}.joy{bottom:190px}.lobby{width:auto;max-height:70vh;inset:auto 8px 8px;overflow:auto}.shop-layout{grid-template-columns:1fr}.shop-preview{position:static}}#rotate{display:none}@media (orientation:portrait){body.touch #rotate{z-index:100;text-align:center;color:var(--ink,#f3ead8);background:radial-gradient(at 50% 40%,#2a2238,#0b0d16);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}body.touch #rotate b{font-size:22px}body.touch #rotate span{opacity:.8;max-width:300px;font-size:14px}body.touch #rotate .rot-tip{opacity:.6;font-size:12px}body.touch #rotate .rot-phone{border:4px solid #e9c46a;border-radius:10px;width:46px;height:80px;animation:2.2s ease-in-out infinite rotPhone}}@keyframes rotPhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (max-height:560px){body{font-size:13px}.btn{padding:6px 12px}.btn.small{padding:4px 9px;font-size:12px}.btn.icon{width:34px;height:34px;padding:0}.panel{padding:8px 12px}.panel-title{margin-bottom:8px;padding-bottom:6px}.panel-title h2{font-size:17px}.title-screen{justify-content:center;gap:8px;padding:8px}.game-title .kanji{margin:0!important;font-size:13px!important}.game-title .word{font-size:min(14vh,64px)}.game-title .tile-mark{width:min(9vh,44px)}.game-title .name{gap:10px}.game-title .tag{margin-top:2px!important;font-size:10px!important}.menu{gap:6px;width:min(440px,100%)}.modal-backdrop{padding:6px}.modal{max-height:calc(100vh - 12px)}.lobby{width:min(340px,48vw);max-height:calc(100vh - 16px);inset:8px 8px auto auto}.hud-top{gap:6px;top:8px;left:8px}.hud-code{gap:8px;padding:4px 10px}.hud-code .code{font-size:15px}.hud-code .small.muted{display:none}.hud-right{gap:4px;top:8px;right:8px}.hud-coins{padding:4px 10px}.radio-chip{max-width:250px;padding:3px 8px}.radio-title{max-width:150px}.chatbox{gap:4px;width:min(320px,46vw);padding:6px;top:52px;bottom:auto;left:8px}.chatbox.min{top:52px}.chat-log{height:70px}.view-ctl{bottom:8px;right:8px}.interact{justify-content:flex-end;max-width:50vw;inset:auto 12px 56px auto;transform:none}.interact .btn{padding:12px 20px;font-size:15px}.joy{width:118px;height:118px;bottom:18px;left:18px}.pool-panel .small.faint{display:none}.creator{grid-template-rows:none;grid-template-columns:1fr minmax(300px,52vw);gap:8px;padding:8px}.creator-panel{gap:8px;max-height:calc(100vh - 16px);overflow:auto}.creator-left .panel{display:none}.shop-layout{grid-template-columns:170px 1fr}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}body.touch .chatbox.min{left:8px}body.touch .hud-right .btn.icon{width:38px;height:38px}body.touch .view-ctl .btn.icon{width:42px;height:42px}body.touch .pool-touch{display:flex}.pool-touch{align-items:center;gap:8px;display:none}.pool-touch input[type=range]{flex:1}.pool-spin{cursor:crosshair;touch-action:none;background:radial-gradient(circle at 35% 30%,#fff,#e6e1d6 60%,#b9b3a6);border:1px solid #0006;border-radius:50%;flex:none;width:40px;height:40px;position:relative}.pool-spin i{pointer-events:none;background:#d0302a;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 4px #0009}.pool-spin:after{content:"";pointer-events:none;border:1px dashed #00000040;border-radius:50%;position:absolute;inset:22%}@media (max-height:560px){.mj-card{gap:6px;min-width:0;padding:3px 8px 3px 3px}.mj-card img.pt{border-radius:6px;width:28px;height:28px}.mj-card .nm{max-width:92px;font-size:11px}.mj-card .sc{font-size:15px}.mj-card .wind{font-size:11px}.mj-card .badge{padding:1px 5px;font-size:8px}.mj-card.seat-pos0{bottom:6px;left:6px}.mj-card.seat-pos1{top:30%;right:6px}.mj-card.seat-pos2{top:4px}.mj-card.seat-pos3{top:44%;left:6px}.mj-top{gap:4px;top:4px;left:4px}.mj-roundbar{gap:8px;padding:3px 10px 3px 3px}.mj-roundbar .rn{font-size:15px}.mj-roundbar .wt{width:24px}.mj-roundbar .rs,.mj-roundbar .left span{font-size:10px}.mj-roundbar .left b{font-size:15px}.mj-roundbar .dora .lbl{padding:2px 5px;font-size:9px}.mj-roundbar .dora .tile-img,.mj-roundbar .dora img{width:auto;height:26px}.mj-assist{gap:2px;min-width:0;padding:4px 10px;font-size:11px}.mj-assist .lbl{font-size:11px}.mj-assist .num{font-size:20px}.mj-assist .state{font-size:13px}.dots i{width:6px;height:6px}.mj-bottom-right{gap:4px;bottom:6px;right:6px}.mj-bottom-right .btn.icon{width:34px;height:34px}.mj-stamps{bottom:46px;right:6px}.mj-actions .btn{padding:7px 12px;font-size:13px}.mj-banner{gap:6px;max-width:40vw;padding:4px 8px;font-size:12px;top:4px;right:4px}.result .hand .tile-img{height:34px}}