.mj-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(140% 90% at 50% 8%,#1b1f22,#0b0d0e 58%,#050607);perspective:var(--persp, 1500px);perspective-origin:50% 46%}.mj-plane{position:absolute;left:50%;top:50%;width:var(--plane);height:var(--plane);margin-left:calc(var(--plane) / -2);margin-top:calc(var(--plane) / -2);transform:translateY(var(--plane-y, 0px)) rotateX(var(--tilt)) scale(var(--fit, 1));transform-style:preserve-3d;border-radius:26px;background:radial-gradient(58% 48% at 50% 46%,rgba(255,255,255,.06),transparent 72%),linear-gradient(180deg,#1d7a56,#126b4a 58%,#0e5b3f);box-shadow:inset 0 0 0 10px #6b3a20,inset 0 0 0 13px #e8c88a59,0 40px 90px #000000a6}.mj-plane:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:18px;background:repeating-linear-gradient(118deg,rgba(255,255,255,.022) 0 2px,transparent 2px 6px),radial-gradient(64% 54% at 50% 50%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.mj-seat{position:absolute;left:50%;top:50%;width:var(--plane);height:var(--plane);margin-left:calc(var(--plane) / -2);margin-top:calc(var(--plane) / -2);transform:rotate(var(--seat-rot));transform-style:preserve-3d}.mj-tile{position:absolute;width:var(--tw);height:var(--th);margin-left:calc(var(--tw) / -2);margin-top:calc(var(--th) / -2);transform-style:preserve-3d;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;border-radius:calc(var(--th) * .09);box-shadow:0 3px 6px #00000073;backface-visibility:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.mj-tile.standing{transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%);filter:drop-shadow(0 calc(var(--th) * .06) calc(var(--th) * .1) rgba(0,0,0,.5))}.mj-tile.standing[data-tile]{height:calc(var(--tw) * 1.3333);margin-top:calc(var(--tw) * -.6667)}.mj-tile.slab.standing.side{--tile-depth: calc(var(--tw) * .18);--face-width: calc(var(--tw) * .52);--side-height: calc(var(--tw) * .52);width:var(--face-width);margin-left:calc(var(--face-width) * -.5);height:var(--side-height);margin-top:calc(var(--side-height) * -.5);transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%);transform-style:preserve-3d;backface-visibility:visible;overflow:visible;background:transparent!important;border:0;box-shadow:none;filter:none}.mj-tile.volume-tile{--tile-depth: calc(var(--tw) * .16);--face-width: var(--tw);background:transparent!important;border:0;box-shadow:none;filter:none;overflow:visible;transform-style:preserve-3d;backface-visibility:visible}.mj-tile.volume-tile .mj-volume{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transform:rotateY(var(--side-yaw, 90deg));pointer-events:none;backface-visibility:visible}.mj-tile.volume-tile .mj-volume-face{position:absolute;display:block;box-sizing:border-box;pointer-events:none;backface-visibility:visible;border:1px solid rgba(91,53,27,.88);border-radius:calc(var(--tw) * .055);box-shadow:inset 0 0 0 1px #ffe0a661}.mj-tile.volume-tile .mj-volume-face.front,.mj-tile.volume-tile .mj-volume-face.back{top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.mj-tile.volume-tile .mj-volume-face.front{transform:translateZ(calc(var(--tile-depth) * .5))}.mj-tile.volume-tile .mj-volume-face.back{transform:rotateY(180deg) translateZ(calc(var(--tile-depth) * .5))}.mj-tile.volume-tile .mj-volume-face.left,.mj-tile.volume-tile .mj-volume-face.right{top:0;width:var(--tile-depth);height:100%;background:linear-gradient(90deg,#ffe0a1,#d8893d 44%,#7d3b1d)}.mj-tile.volume-tile .mj-volume-face.left{left:calc(var(--tile-depth) * -.5);transform:rotateY(-90deg) translateZ(calc(var(--face-width) * .5))}.mj-tile.volume-tile .mj-volume-face.right{right:calc(var(--tile-depth) * -.5);transform:rotateY(90deg) translateZ(calc(var(--face-width) * .5))}.mj-tile.volume-tile .mj-volume-face.top,.mj-tile.volume-tile .mj-volume-face.bottom{left:0;width:100%;height:var(--tile-depth);background:linear-gradient(180deg,#ffe9bd,#c77832 58%,#71351c)}.mj-tile.volume-tile .mj-volume-face.top{top:calc(var(--tile-depth) * -.5);transform:rotateX(90deg) translateZ(calc(var(--tw) * .667))}.mj-tile.volume-tile .mj-volume-face.bottom{bottom:calc(var(--tile-depth) * -.5);transform:rotateX(-90deg) translateZ(calc(var(--tw) * .667))}.mj-tile.slab.standing.side .mj-volume-face.top,.mj-tile.slab.standing.side .mj-volume-face.bottom{display:none}.mj-seat[data-rel="1"] .mj-tile.slab.standing.side{--side-yaw: 90deg}.mj-seat[data-rel="3"] .mj-tile.slab.standing.side{--side-yaw: -90deg}.mj-tile.slab.standing.side{--side-paper-w: calc(var(--tw) * .44);--side-paper-h: calc(var(--tw) * 1.3333);width:var(--side-paper-w);height:var(--side-paper-h);margin-left:calc(var(--side-paper-w) * -.5);margin-top:calc(var(--side-paper-h) * -.5);transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%);background-image:linear-gradient(180deg,#ffffffeb,#e8e2d3f5),repeating-linear-gradient(90deg,rgba(110,96,74,.08) 0 1px,transparent 1px 4px)!important;background-size:100% 100%,100% 100%!important;background-color:#f4efdf!important;border:1px solid rgba(92,53,27,.9);border-radius:3px;box-shadow:inset 0 0 0 1px #fff3d3b8,0 2px 4px #0000007a;filter:none;overflow:hidden}.mj-tile.slab.standing.side.volume-tile>.mj-volume{display:none}.mj-seat[data-rel="1"] .mj-tile.slab.standing.side,.mj-seat[data-rel="3"] .mj-tile.slab.standing.side{transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%)}.mj-plane:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:16px;border-radius:0 0 24px 24px;background:linear-gradient(180deg,#7f4728,#4f2919 42%,#25140d);box-shadow:0 12px 20px #00000080;transform:rotateX(-90deg);transform-origin:50% 0;pointer-events:none}.mj-tile.flat{transform:scaleY(var(--flat-scale, 1.3));filter:drop-shadow(0 calc(var(--th) * .05) calc(var(--th) * .07) rgba(0,0,0,.35))}.mj-seat[data-rel="1"] .mj-tile.meld.flat,.mj-seat[data-rel="3"] .mj-tile.meld.flat{transform:scaleX(1.65) scaleY(var(--flat-scale, 1.3))}@keyframes mjDropIn{0%{transform:scaleY(calc(var(--flat-scale, 1.3) * 1.22)) scale(1.05);opacity:.35}to{transform:scaleY(var(--flat-scale, 1.3));opacity:1}}.mj-tile.dropped{animation:mjDropIn .18s cubic-bezier(.22,1,.36,1)}.mj-tile.selectable{cursor:pointer}.mj-tile.arrangeable{cursor:grab}.mj-tile.arrangeable:active{cursor:grabbing}.mj-tile.selected{box-shadow:0 0 0 3px #ffd479,0 6px 10px #00000080}.mj-tile.dragging{z-index:60;transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-58%) scale(1.12);filter:drop-shadow(0 16px 22px rgba(0,0,0,.65)) brightness(1.06);transition:none}.mj-tile.shiftable{transition:left .15s cubic-bezier(.22,1,.36,1)}.mj-tile.dim{opacity:.45}.mj-hand{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;outline:none;transform-style:preserve-3d}.mj-hand:after{content:"";position:absolute;left:50%;top:calc(50% + var(--hand-y, 395px));width:var(--hand-w, 520px);height:calc(var(--th) * 1.28);margin-left:calc(var(--hand-w, 520px) / -2);margin-top:calc(var(--th) * -.64);border:2px solid transparent;border-radius:12px;pointer-events:none}.mj-hand:focus-visible:after{border-color:#ffd479;box-shadow:0 0 0 1px #ffd47959,0 0 18px #ffd47959}.mj-tile[data-tile]{pointer-events:auto}.mj-tip{position:absolute;z-index:70;padding:3px 9px;border-radius:8px;font-size:12px;line-height:1.4;white-space:nowrap;color:#fff6dd;background:#080c0cf0;border:1px solid rgba(255,212,121,.45);box-shadow:0 6px 16px #0000008c;pointer-events:none}.mj-queue{position:absolute;left:50%;top:10px;transform:translate(-50%);width:min(880px,calc(100vw - 260px));display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#0c1010b8;border:1px solid rgba(226,193,124,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mj-queue-title{font-size:11px;color:#cbbf9c;white-space:nowrap}.mj-queue-list{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;cursor:grab;flex:1;padding-bottom:2px}.mj-queue-list.dragging{cursor:grabbing}.mj-queue-list::-webkit-scrollbar{height:5px}.mj-queue-list::-webkit-scrollbar-thumb{background:#e2c17c59;border-radius:3px}.mj-queue-item{flex:0 0 auto;width:26px;height:30px;position:relative}.mj-queue-item .mj-tile{--tw: 26px;--th: 30px;width:var(--tw);height:var(--th);margin:0}.mj-card{position:absolute;min-width:118px;padding:5px 9px;border-radius:10px;background:linear-gradient(180deg,#141818f0,#0a0d0df0);border:1px solid rgba(226,193,124,.28);color:#efe7d2;font-size:12px;display:flex;align-items:center;gap:7px;pointer-events:none}.mj-card .who{display:flex;flex-direction:column;line-height:1.25}.mj-card .nm{font-weight:600}.mj-card .sc{color:#9fd6b3;font-size:11px}.mj-card .av{width:28px;height:28px;border-radius:7px;overflow:hidden;background:#22302c;display:grid;place-items:center;font-size:13px;color:#cfe6d8;flex:0 0 auto}.mj-card .av img{width:100%;height:100%;object-fit:cover;display:block}.mj-card.active{border-color:#ffd479;box-shadow:0 0 0 1px #ffd47980,0 0 22px #ffd47938}.mj-card .mj-tag{position:absolute;right:-6px;top:-9px;padding:1px 7px;border-radius:8px;font-size:10px;line-height:1.5;color:#cfc6ae;background:#080b0bf0;border:1px solid rgba(150,160,155,.4);box-shadow:0 3px 8px #00000080}.mj-card.pos-0{right:12px;top:14px}.mj-card.pos-2{left:50%;top:var(--pos2-top, 102px);transform:translate(-50%)}.mj-card.pos-1{right:var(--pos1-right, 10px);top:50%;transform:translateY(-50%)}.mj-card.pos-3{left:var(--pos3-left, 10px);top:50%;transform:translateY(-50%)}.mj-badge{position:absolute;padding:3px 8px;border-radius:8px;font-size:11px;white-space:nowrap;background:#0a0d0dd1;border:1px solid rgba(226,193,124,.22);color:#d8cdae}.mj-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:12px;background:#081a149e;border:1px solid rgba(226,193,124,.2);color:#e7f0e4;font-size:12px;pointer-events:none}.mj-center .big{font-size:20px;font-weight:700;color:#ffe6a8}.mj-actions{position:absolute;right:14px;bottom:74px;z-index:40;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.mj-actbanner{padding:8px 16px;border-radius:12px;font-size:15px;font-weight:700;white-space:nowrap;color:#fff6dd;background:#783c0aeb;border:2px solid #ffd479;box-shadow:0 0 24px #ffd47980;animation:mjBannerPulse 1.2s ease-in-out infinite}@keyframes mjBannerPulse{0%,to{opacity:.85}50%{opacity:1}}.mj-actions button,.mj-btn{border:1px solid rgba(226,193,124,.4);background:linear-gradient(180deg,#1d3330,#12201e);color:#f3ecd8;border-radius:12px;padding:12px 22px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #0006}.mj-actions button .act-label{font-size:17px;font-weight:700}.mj-actions button .act-clock{margin-left:8px;font-size:16px;font-weight:800;color:#ffe6a8}.mj-actions button.urgent{border-color:#ff6b5e;animation:mjUrgentPulse .8s ease-in-out infinite}.mj-actions button .act-clock.urgent{color:#ff6b5e}@keyframes mjUrgentPulse{0%,to{box-shadow:0 0 #ff6b5e00}50%{box-shadow:0 0 18px #ff6b5ecc}}.mj-actions button.act-ron,.mj-actions button.act-tsumo{background:linear-gradient(180deg,#d8a83c,#8a5f19);border:2px solid #ffe6a8;color:#fff8e2;font-size:19px;padding:14px 26px;animation:mjWinPulse 1s ease-in-out infinite}@keyframes mjWinPulse{0%,to{box-shadow:0 0 8px #ffd47966}50%{box-shadow:0 0 26px #ffd479e6}}.mj-actions button.primary{background:linear-gradient(180deg,#b8862f,#8a5f19);border-color:#ffd479;color:#fff8e2}.mj-actions button:disabled{opacity:.45;cursor:not-allowed}.mj-actions button{position:relative}.mj-actions button .key{position:absolute;right:-6px;top:-6px;width:16px;height:16px;line-height:15px;text-align:center;font-size:10px;font-weight:700;border-radius:50%;background:#080b0bf2;color:#ffe6a8;border:1px solid rgba(255,212,121,.55);box-shadow:0 2px 6px #00000080}.mj-choices{display:flex;flex-direction:column;gap:6px;align-items:flex-end;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#101615f7,#090d0cf7);border:1px solid rgba(226,193,124,.3);box-shadow:0 14px 32px #00000080}.mj-choices .lbl{font-size:11px;color:#cbbf9c}.mj-choices .list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.mj-choices .opt{display:flex;gap:2px;padding:3px;cursor:pointer;border-radius:8px;background:#0c1111e6;border:1px solid rgba(226,193,124,.28)}.mj-choices .opt:hover{border-color:#ffd479}.mj-choices .lbl{font-size:13px;font-weight:700;color:#ffe6a8}.mj-choices .opt{border-width:2px}.mj-choices .opt:hover,.mj-choices .opt.active{border-color:#ffe6a8;box-shadow:0 0 14px #ffd47980}.mj-choices .opt .mj-tile{position:static;margin:0;box-shadow:none;--tw: 37px;--th: 42px;width:var(--tw);height:var(--th)}.mj-stage.result-open .mj-plane{pointer-events:none}.mj-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:60;background:#040606b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.mj-result .panel{min-width:320px;padding:22px 26px;border-radius:16px;text-align:center;background:linear-gradient(180deg,#181e1dfa,#0c1010fa);border:1px solid rgba(226,193,124,.4);color:#f2ead6}.mj-result h2{margin:0 0 10px;font-size:22px;color:#ffe6a8}.mj-result .yaku{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mj-result .yaku .item{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:8px;background:#ffd4791a;border:1px solid rgba(255,212,121,.35)}.mj-result .yaku .item b{color:#ffe6a8;font-weight:600}.mj-result .yaku .item em{font-style:normal;font-size:11px;color:#cdbf9b}.mj-result .delta{display:flex;gap:14px;justify-content:center;margin:14px 0;font-size:13px}.mj-result .delta span{display:inline-flex;flex-direction:column;gap:2px;min-width:74px}.mj-result .delta i{font-style:normal;font-size:11px;color:#b9ae91}.mj-result .delta b{font-weight:600}.mj-result .delta .plus b{color:#8fe0a8}.mj-result .delta .minus b{color:#ff9b8a}.mj-result .delta .zero b{color:#9fb3a8}.mj-result .delta .win i,.mj-result .delta .win b{color:#8fe0a8}.mj-result .delta .me,.mj-result .delta .me b{font-weight:800}.mj-result .ops{display:flex;justify-content:center;gap:10px}.rematch-status{margin:10px 0 0;text-align:center;color:#cdbf9b;font-size:12px}.sc em{font-style:normal;font-size:11px;margin-left:3px}.sc .room-plus{color:#8fe0a8}.sc .room-minus{color:#ff9b8a}.sc .room-zero{color:#9fb3a8}.mj-result .mj-btn.primary{background:linear-gradient(180deg,#b8862f,#8a5f19);border-color:#ffd479;color:#fff8e2}.mj-result .mj-btn:disabled{opacity:.5;cursor:not-allowed}.mj-actions .mj-badge{position:static}.mj-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:6px 16px;border-radius:999px;font-size:12px;white-space:nowrap;background:#0a0d0dc7;border:1px solid rgba(226,193,124,.28);color:#e2d7b6}.mj-seat{pointer-events:none}.mj-tile.selectable{pointer-events:auto}.mj-quit{position:absolute;left:12px;top:14px;z-index:20;padding:6px 12px;font-size:12px;border-radius:9px;cursor:pointer;background:#0e1212db;color:#e6dcc0;border:1px solid rgba(226,193,124,.3)}.mj-quit-hard{top:48px;color:#ffd4b8;border-color:#e6825a6b}.mj-dissolve{top:82px;color:#ffb5a5;border-color:#dc5a5080}@keyframes mjFallDown{0%{opacity:.15;transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%) translateY(-24px) rotate(var(--fall-angle, 0deg)) scale(1.08);filter:brightness(1.35) drop-shadow(0 18px 18px rgba(0,0,0,.68))}38%{opacity:1;transform:rotate(calc(-1 * var(--seat-rot))) rotateX(calc(-1 * var(--tilt))) translateY(-50%) translateY(-5px) rotate(var(--fall-angle, 0deg)) scale(1.04);filter:brightness(1.18) drop-shadow(0 12px 15px rgba(0,0,0,.58))}72%{transform:translateY(-3px) rotate(calc(var(--fall-angle, 0deg) * .35)) scaleY(calc(var(--flat-scale, 1.3) * 1.04));filter:brightness(1.06) drop-shadow(0 8px 11px rgba(0,0,0,.52))}to{opacity:1;transform:scaleY(var(--flat-scale, 1.3)) rotate(0) scale(1);filter:brightness(1) drop-shadow(0 4px 7px rgba(0,0,0,.38))}}.mj-tile.revealed{animation:mjFallDown 1.08s cubic-bezier(.22,1.18,.36,1) both;animation-delay:var(--fall-delay, 0ms);box-shadow:0 0 0 2px #ffe296ad,0 7px 14px #00000085;transform-origin:50% 100%}.mj-tools{position:absolute;right:12px;top:62px;z-index:30;display:flex;gap:8px}.mj-btn.small{padding:5px 11px;font-size:12px;border-radius:9px}.mj-btn.active{border-color:#ffd479;box-shadow:0 0 14px #ffd47940}.mj-stats,.mj-log,.mj-rules{position:absolute;right:10px;top:100px;z-index:40;width:min(380px,calc(100vw - 20px));padding:10px 12px 12px;border-radius:14px;background:linear-gradient(180deg,#101615f7,#090d0cf7);border:1px solid rgba(226,193,124,.3);box-shadow:0 18px 40px #0000008c}.mj-stats .head,.mj-log .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#e8d9ac}.mj-stats .head button,.mj-log .head button,.mj-rules .head button{padding:3px 10px;font-size:11px;border-radius:7px;cursor:pointer;background:#1b2a27;color:#d7cbaa;border:1px solid rgba(226,193,124,.3)}.mj-rules .head .ops{display:flex;align-items:center;gap:6px}.mj-log .head .ops{display:flex;gap:6px}.mj-log .list{display:flex;flex-direction:column;gap:3px;max-height:min(360px,calc(100vh - 170px));overflow-y:auto;padding-right:4px;scrollbar-width:thin}.mj-log .list::-webkit-scrollbar{width:6px}.mj-log .list::-webkit-scrollbar-thumb{background:#e2c17c4d;border-radius:3px}.mj-log .list p{margin:0;font-size:12px;line-height:1.5;color:#d9ceb0}.mj-log .list .empty{color:#8e9b93}.mj-stats .row{display:flex;align-items:center;gap:3px;margin-bottom:4px}.mj-stats .lbl{width:18px;font-size:11px;color:#9fb3a8}.mj-stats .cell{position:relative;width:26px;height:30px}.mj-stats .cell .mj-tile{--tw: 26px;--th: 30px;width:26px;height:30px;margin:0;box-shadow:none}.mj-stats .cell b{position:absolute;right:-2px;bottom:-3px;min-width:13px;height:13px;line-height:13px;text-align:center;font-size:9px;font-weight:700;border-radius:7px;background:#0a0e0eeb;color:#ffe6a8;border:1px solid rgba(226,193,124,.35)}.mj-stats .cell.full{opacity:.35}.mj-rules{right:140px;top:100px;width:min(380px,calc(50vw - 220px))}.mj-rules .body{max-height:min(420px,calc(100vh - 260px));overflow-y:auto;padding-right:4px;scrollbar-width:thin}.mj-rules .body::-webkit-scrollbar{width:6px}.mj-rules .body::-webkit-scrollbar-thumb{background:#e2c17c4d;border-radius:3px}.mj-rules .grp+.grp{margin-top:10px}.mj-rules .grp h3{margin:0 0 6px;padding-bottom:4px;font-size:12px;font-weight:600;color:#ffe6a8;border-bottom:1px solid rgba(226,193,124,.22)}.mj-rules .item{display:flex;flex-direction:column;gap:2px;margin-bottom:7px}.mj-rules .item b{font-size:12px;font-weight:600;color:#e8d9ac}.mj-rules .item span{font-size:11px;line-height:1.45;color:#cfc5a8}.mj-rules .national-yaku .item small{display:block;margin-top:3px;color:#5b6b63;font-size:11px;line-height:1.45}.mj-rules .national-yaku-lead{margin:-1px 0 9px;font-size:11px;line-height:1.45;color:#cfc5a8}.mj-rules .national-yaku-group+.national-yaku-group{margin-top:8px}.mj-rules .national-yaku-group h4{margin:0 0 5px;font-size:11px;font-weight:700;color:#ffe6a8}.mj-claimwait{align-self:center;padding:6px 12px;font-size:12px;border-radius:9px;background:#202a22f2;color:#ffe6a8;border:1px solid rgba(255,212,121,.45);animation:mjClaimPulse 1.2s ease-in-out infinite}@keyframes mjClaimPulse{0%,to{opacity:.7}50%{opacity:1}}.mj-auto{position:absolute;left:12px;bottom:14px;z-index:30;display:flex;flex-direction:column;gap:6px;width:132px}.mj-auto .item{padding:6px 9px;font-size:11px;text-align:left;border-radius:9px;cursor:pointer;background:#0c1111e6;color:#9fb3a8;border:1px solid rgba(226,193,124,.22)}.mj-auto .item.on{color:#ffe6a8;border-color:#ffd47980;background:#202a22f2}.mj-auto .item:disabled{opacity:.75;cursor:default}.mj-tile.slab:not(.side){width:calc(var(--tw) * .42);margin-left:calc(var(--tw) * -.21);border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff59,inset calc(var(--tw) * -.06) 0 calc(var(--tw) * .09) #5c462a57,inset 0 calc(var(--th) * .04) 0 #ffffff80,inset 0 calc(var(--th) * -.09) calc(var(--th) * .1) #543f224d,0 3px 7px #00000080}.mj-tile.slab:not([data-tile]):not(.side).standing{background-image:url(/images/tiles/1x.png)!important;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f08b35}.mj-tile.slab.standing:not(.side){height:calc(var(--tw) * 1.334);margin-top:calc(var(--tw) * -.667);filter:drop-shadow(0 calc(var(--th) * .05) calc(var(--th) * .08) rgba(0,0,0,.5))}.mj-tile.slab.placeholder{filter:drop-shadow(0 calc(var(--th) * .06) calc(var(--th) * .09) rgba(0,0,0,.55))}@media (max-height: 520px){.mj-tile.slab.standing.side{--side-paper-h: calc(var(--tw) * 1.3333)}.mj-auto{left:8px;bottom:8px;width:104px;gap:4px}.mj-auto .item{padding:3px 7px;font-size:10px;border-radius:7px}.mj-card{min-width:92px;padding:3px 7px;font-size:11px;gap:5px}.mj-card .av{width:22px;height:22px;font-size:11px;border-radius:6px}.mj-card .sc{font-size:10px}.mj-card.pos-0{right:8px;top:8px}.mj-card.pos-2{min-width:84px;padding:1px 7px;gap:4px}.mj-card.pos-2 .av{width:20px;height:20px;font-size:10px;border-radius:6px}.mj-card.pos-2 .nm{font-size:10px}.mj-card.pos-2 .sc{font-size:9px}.mj-stage{--mj-drawer-w: min(360px, 92vw)}.mj-tools{right:8px;top:44px;transition:transform .18s cubic-bezier(.22,1,.36,1)}.mj-stage.rules-open .mj-tools{transform:translate(calc(-1 * var(--mj-drawer-w)))}.mj-btn.small{padding:3px 9px;font-size:11px}.mj-stats,.mj-log{right:6px;top:74px;width:min(320px,calc(100vw - 12px));padding:7px 9px 9px}.mj-log .list{max-height:min(230px,calc(100vh - 110px));gap:2px}.mj-log .list p{font-size:11px;line-height:1.4}.mj-choices{padding:5px 7px;gap:4px}.mj-choices{position:absolute;right:calc(100% + 8px);bottom:0;width:max-content}.mj-choices .lbl{font-size:10px}.mj-choices .opt{padding:2px}.mj-choices .opt .mj-tile{--tw: 20px;--th: 23px;width:20px;height:23px}.mj-tip{padding:2px 7px;font-size:11px}.mj-result .panel{padding:14px 18px}.mj-result h2{font-size:18px;margin-bottom:8px}.mj-result .delta{gap:10px;margin:10px 0}.mj-result .delta span{min-width:62px}.mj-stats .cell{width:20px;height:23px}.mj-stats .cell .mj-tile{--tw: 20px;--th: 23px;width:20px;height:23px}.mj-stats .cell b{min-width:11px;height:11px;line-height:11px;font-size:8px}.mj-stats .row{margin-bottom:2px;gap:2px}.mj-rules{--mj-drawer-top: 44px;right:0;left:auto;bottom:auto;top:var(--mj-drawer-top);width:var(--mj-drawer-w);height:calc(100% - var(--mj-drawer-top));padding:0;border-radius:14px 0 0 14px;display:flex;flex-direction:column;animation:mjRulesIn .18s cubic-bezier(.22,1,.36,1)}.mj-rules .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:12px;color:#e8d9ac;background:#0a0e0dfa;border-bottom:1px solid rgba(226,193,124,.25)}.mj-rules .head button{padding:6px 14px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;background:linear-gradient(180deg,#b8862f,#8a5f19);color:#fff8e2;border:1px solid #ffd479}.mj-rules .body{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding:8px 10px 12px}.mj-rules .grp+.grp{margin-top:7px}.mj-rules .grp h3{font-size:11px;margin-bottom:5px}.mj-rules .item{margin-bottom:5px}.mj-rules .item b{font-size:11px}.mj-rules .item span{font-size:10px;line-height:1.35}.mj-stage.rules-open .mj-card.pos-1{right:calc(var(--mj-drawer-w) + 10px)}@keyframes mjRulesIn{0%{transform:translate(100%);opacity:.4}to{transform:translate(0);opacity:1}}.mj-queue{width:min(560px,calc(100vw - 170px));padding:2px 5px;top:4px}.mj-queue-item{width:18px;height:21px}.mj-queue-item .mj-tile{--tw: 18px;--th: 21px;width:18px;height:21px}.mj-hint{bottom:6px;font-size:11px;padding:4px 12px}.mj-quit{left:8px;top:8px;padding:4px 9px;font-size:11px}.mj-quit-hard{top:36px}.mj-dissolve{top:64px}}.mj-tile.tenpai-hint{outline:2px solid rgba(255,212,121,.6);outline-offset:-2px}.mj-rules{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;padding:16px;border:0;border-radius:0;display:grid;place-items:center;background:#0000009e;box-shadow:none;z-index:80}.mj-rules-dialog{width:min(620px,calc(100% - 24px));max-height:min(680px,calc(100% - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,212,121,.48);border-radius:16px;background:linear-gradient(180deg,#161d1bfc,#080c0cfc);box-shadow:0 24px 80px #000000b8,0 0 0 1px #00000059}.mj-rules-dialog .head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;color:#ffe6a8;font-size:15px;font-weight:700;border-bottom:1px solid rgba(226,193,124,.25)}.mj-rules-dialog .head button{padding:6px 14px;font-size:12px;font-weight:600}.mj-rules-dialog .body{max-height:none;padding:14px 16px 18px;overflow-y:auto}.mj-stage.rules-open .mj-card.pos-1{right:10px}@media (max-width: 700px){.mj-rules{top:0;right:0;bottom:0;left:0;padding:8px}.mj-rules-dialog{width:min(620px,calc(100% - 4px));max-height:calc(100% - 4px);border-radius:12px}.mj-rules-dialog .head{padding:10px 12px;font-size:13px}.mj-rules-dialog .body{padding:10px 12px 14px}.mj-rules-dialog .grp h3,.mj-rules-dialog .item b{font-size:11px}.mj-rules-dialog .item span{font-size:10px;line-height:1.35}}.mj-stage{background:#0c1210}.mj-plane{border-radius:14px;background:#1c7453;box-shadow:inset 0 0 0 9px #6d3d21,inset 0 0 0 12px #e8c88a52,0 28px 70px #0000008f}.mj-plane:before{background:#ffffff06}.mj-card,.mj-center,.mj-queue,.mj-choices,.mj-result .panel{border-radius:5px;background:#18211e;border-color:#e0c88f47;box-shadow:0 10px 28px #00000059}.mj-card.active{border-color:#e0c88f;box-shadow:inset 0 2px #c49b54,0 0 18px #c49b5429}.mj-center{border-radius:5px;background:#111f19e6}.mj-center .big,.mj-result h2{color:#e0c88f}.mj-actions button,.mj-btn{border-radius:4px;background:#22302a;border-color:#e0c88f66;box-shadow:none}.mj-actions button:hover:not(:disabled),.mj-btn:hover:not(:disabled){background:#2a3b33}.mj-actions button.primary,.mj-actions button.act-ron,.mj-actions button.act-tsumo,.mj-btn.primary{background:#c49b54;border-color:#e0c88f;color:#19150e}.mj-result{background:#070b0ac7}.mj-result .panel{border-color:#e0c88f80}.mj-result .yaku .item{border-radius:3px;background:#c49b541f;border-color:#c49b5466}.mj-hint{color:#b8c4b9}.mj-card,.mj-center,.mj-queue,.mj-choices,.mj-result .panel{background:#fffdf7;color:#20352c;border-color:#c8d7cb;box-shadow:0 8px 22px #1c362a2e}.mj-card .nm,.mj-card .who{color:#20352c}.mj-card .sc{color:#2e8060}.mj-card .av{background:#dcece1;color:#286247}.mj-card.active{border-color:#c38b2e;box-shadow:inset 0 2px #bf8629,0 8px 22px #1c362a2e}.mj-center{background:#fffdf7;color:#496057}.mj-center .big{color:#825a18}.mj-queue-title,.mj-choices .lbl{color:#496057}.mj-choices{background:#fffdf7}.mj-choices .opt{background:#f7faf7;border-color:#b4c7b8}.mj-choices .opt:hover,.mj-choices .opt.active{border-color:#2e8060;box-shadow:0 0 0 2px #2e80601f}.mj-actions button,.mj-btn{background:#e7efe8;color:#28553f;border-color:#b4c7b8;box-shadow:none}.mj-actions button:hover:not(:disabled),.mj-btn:hover:not(:disabled){background:#dcebe0;border-color:#2e8060}.mj-actions button.primary,.mj-actions button.act-ron,.mj-actions button.act-tsumo,.mj-btn.primary{background:#b85345;color:#fff9f6;border-color:#a54539}.mj-actions button .key{background:#fffdf7;color:#825a18;border-color:#d2a04b}.mj-actbanner{background:#fff2d2;color:#785313;border-color:#d2a04b;box-shadow:none}.mj-quit{background:#fffdf7;color:#28553f;border-color:#b4c7b8;box-shadow:none}.mj-quit-hard,.mj-dissolve{background:#f9e5e0;color:#87362d;border-color:#d18b80}.mj-tools .mj-btn.active{background:#fff2d2;color:#785313;border-color:#d2a04b}.mj-hint{color:#496057;background:#fffdf7;border-color:#c8d7cb}.mj-result{background:#1f352c66}.mj-result .panel{border-color:#d2a04b}.mj-result h2{color:#256349}.mj-result .yaku .item{background:#fff2d2;border-color:#d2a04b;color:#785313}.mj-result .delta .plus{color:#2e8060}.mj-result .delta .minus{color:#b85345}.mj-rules-dialog{background:#fffdf7;border-color:#c8d7cb;box-shadow:0 16px 40px #1c362a33}.mj-rules-dialog .head{color:#256349;border-color:#d5e0d7}.mj-rules-dialog .body,.mj-rules-dialog .national-yaku-lead,.mj-rules-dialog .grp h3,.mj-rules-dialog .national-yaku-group h4,.mj-rules-dialog .item b,.mj-rules-dialog .item span{color:#20352c}.mj-stats,.mj-log{background:#fffdf7;color:#20352c;border-color:#c8d7cb}.mj-queue-list,.mj-log .list,.mj-rules-dialog .body{scrollbar-color:#9fb5a5 transparent}.mj-queue-list::-webkit-scrollbar,.mj-log .list::-webkit-scrollbar,.mj-rules-dialog .body::-webkit-scrollbar{width:8px;height:8px}.mj-queue-list::-webkit-scrollbar-track,.mj-log .list::-webkit-scrollbar-track,.mj-rules-dialog .body::-webkit-scrollbar-track{background:transparent}.mj-queue-list::-webkit-scrollbar-thumb,.mj-log .list::-webkit-scrollbar-thumb,.mj-rules-dialog .body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#9fb5a5;background-clip:padding-box}.mj-queue-list::-webkit-scrollbar-thumb:hover,.mj-log .list::-webkit-scrollbar-thumb:hover,.mj-rules-dialog .body::-webkit-scrollbar-thumb:hover{background:#789985;background-clip:padding-box}.mj-tools{top:var(--tools-top, 112px);right:14px;width:min(128px,30vw);flex-direction:column;align-items:stretch;gap:6px}.mj-tools .mj-btn{width:100%;text-align:center}.mj-stage .mj-tools .mj-btn,.mj-stage .mj-stats,.mj-stage .mj-log,.mj-stage .mj-progress,.mj-stage .mj-card,.mj-stage .mj-center,.mj-stage .mj-queue,.mj-stage .mj-choices,.mj-stage .mj-result .panel,.mj-stage .mj-hint,.mj-stage .mj-quit{background:linear-gradient(180deg,#18211efa,#0c1210fa);color:#e8d9ac;border-color:#e0c88f57;box-shadow:0 10px 28px #00000061}.mj-stage .mj-tools .mj-btn{color:#eadcae}.mj-stage .mj-tools .mj-btn:hover:not(:disabled),.mj-stage .mj-tools .mj-btn.active{background:#2a3b33;border-color:#d2a04b;color:#ffe6a8}.mj-stage .mj-stats .head,.mj-stage .mj-log .head,.mj-stage .mj-progress .head{color:#ffe6a8}.mj-stage .mj-stats .head button,.mj-stage .mj-log .head button,.mj-stage .mj-progress .head button{background:#1b2a27;color:#e8d9ac;border-color:#e0c88f57}.mj-stage .mj-hint{color:#d7cbaa;border-color:#e0c88f57}.mj-stage .mj-card .nm,.mj-stage .mj-card .who{color:#eadcae}.mj-stage .mj-card .sc{color:#a6d6b4}.mj-stage .mj-card .av{background:#2a3b33;color:#cfe7d5}.mj-stage .mj-center{color:#cfc5a8}.mj-stage .mj-center .big{color:#e0c88f}.mj-stage .mj-queue-title,.mj-stage .mj-choices .lbl{color:#cfc5a8}.mj-stage .mj-choices .opt{background:#1b2a27;border-color:#e0c88f57}.mj-stage .mj-choices .opt:hover,.mj-stage .mj-choices .opt.active{border-color:#d2a04b;box-shadow:0 0 0 2px #d2a04b29}.mj-stage .mj-rules-dialog{background:#101715;border-color:#e0c88f5c;box-shadow:0 16px 40px #0009}.mj-stage .mj-rules-dialog .head{color:#ffe6a8;border-color:#e0c88f38}.mj-stage .mj-rules-dialog .body,.mj-stage .mj-rules-dialog .national-yaku-lead,.mj-stage .mj-rules-dialog .item span{color:#d7cbaa}.mj-stage .mj-rules-dialog .grp h3,.mj-stage .mj-rules-dialog .national-yaku-group h4,.mj-stage .mj-rules-dialog .item b{color:#ffe6a8}.mj-stage .mj-rules-dialog .national-yaku .item small{color:#a9c4b1}.mj-stage .mj-quit{color:#eadcae}.mj-stage .mj-quit-hard,.mj-stage .mj-dissolve{background:#48201bf5;color:#ffb5a5}.mj-progress{position:absolute;right:154px;top:100px;z-index:40;width:min(320px,calc(50vw - 220px));padding:10px 12px 12px;border-radius:14px}.mj-progress .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.mj-progress .head button{padding:3px 10px;font-size:11px;border-radius:7px;cursor:pointer}.mj-progress-list{display:flex;flex-direction:column;gap:6px}.mj-progress-item{padding:7px 8px;border:1px solid rgba(224,200,143,.22);border-radius:8px;background:#202d27c7}.mj-progress-main{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mj-progress-main b{color:#ffe6a8;font-size:13px}.mj-yaku-alias{margin-left:3px;color:#b9b09a;font-size:10px;font-style:normal;font-weight:500}.mj-progress-main span{color:#d2a04b;font-size:11px}.mj-progress-detail{margin-top:3px;color:#cfc5a8;font-size:11px;line-height:1.45}.mj-progress-note,.mj-progress .empty{margin:8px 0 0;color:#9fb3a8;font-size:10px;line-height:1.45}@media (max-width: 900px){.mj-tools{top:var(--tools-top, 112px);right:8px;width:min(112px,31vw)}.mj-progress{right:126px;top:74px;width:min(290px,calc(100vw - 150px))}}.mj-progress-example{display:flex;align-items:center;gap:1px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(224,200,143,.16);overflow:hidden}.mj-progress-example .mj-tile{--tw: 18px;--th: 24px;flex:0 0 18px;width:18px;height:24px;margin:0;border-radius:3px;box-shadow:0 2px 4px #00000047}.mj-progress-example .mj-tile:hover{transform:translateY(-2px)}.mj-progress-tile{display:block;flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:3 / 4}.mj-progress-tile .mj-tile{position:relative;display:block;left:auto;top:auto;width:100%;height:100%;margin:0}.mj-progress-tile.owned .mj-tile{filter:saturate(1.08) brightness(1.06);opacity:1}.mj-progress-tile.missing .mj-tile{filter:saturate(.12) brightness(.56);opacity:.68}.mj-stage{background:radial-gradient(120% 86% at 50% 34%,rgba(75,187,119,.22),transparent 58%),linear-gradient(145deg,#0c4d39,#176f50 48%,#0b402f)}.mj-plane{border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 18%),repeating-linear-gradient(116deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),linear-gradient(160deg,#18875d,#0f6e4c 54%,#0a573e);box-shadow:inset 0 0 0 8px #173f31,inset 0 0 0 11px #ecc463d1,inset 0 0 0 15px #ffffff14,0 34px 70px #04221885}.mj-plane:before{top:22px;right:22px;bottom:22px;left:22px;border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 18%,transparent 82%,rgba(0,0,0,.08)),repeating-linear-gradient(118deg,rgba(255,255,255,.025) 0 2px,transparent 2px 8px),radial-gradient(70% 62% at 50% 45%,rgba(104,224,153,.12),transparent 72%)}.mj-plane:after{bottom:-21px;height:21px;border-radius:0 0 30px 30px;background:linear-gradient(180deg,#8c552d,#60341f 46%,#2b1b12);box-shadow:0 15px 26px #00000057}.mj-tile{border-radius:calc(var(--th) * .12);box-shadow:0 4px 9px #04281a57}.mj-tile.slab.standing.side{background:linear-gradient(90deg,#47bd55 0,#47bd55 66%,#f8fbef 67%,#f8fbef),#f8fbef!important;border-color:#2a7137b8;box-shadow:0 3px 7px #07311a59,inset 0 0 0 1px #ffffffb3}.mj-seat[data-rel="3"] .mj-tile.slab.standing.side{background:linear-gradient(270deg,#47bd55 0,#47bd55 66%,#f8fbef 67%,#f8fbef),#f8fbef!important}.mj-hand .mj-tile.standing[data-tile]{border-top:3px solid #4fbe58;box-shadow:0 5px 10px #032b1b61}.mj-card,.mj-center,.mj-queue,.mj-choices,.mj-result .panel,.mj-stage .mj-tools .mj-btn,.mj-stage .mj-stats,.mj-stage .mj-log,.mj-stage .mj-progress,.mj-stage .mj-hint,.mj-stage .mj-quit{background:#f8fcf4f5;color:#173f2d;border-color:#2d74495c;box-shadow:0 10px 24px #05362238}.mj-card .nm,.mj-card .who{color:#17412d}.mj-card .sc{color:#247b4f}.mj-card .av{background:#dff1df;color:#17603c;border-radius:10px}.mj-card.active{border-color:#e0a83d;box-shadow:inset 0 3px #e0a83d,0 10px 24px #05362238}.mj-center{background:#09432feb;color:#dff4df;border-color:#ecc4638c}.mj-center .big{color:#ffe08a}.mj-queue-title,.mj-choices .lbl{color:#28694a}.mj-stage .mj-tools{gap:8px}.mj-stage .mj-tools .mj-btn{color:#1d6040;font-weight:700}.mj-stage .mj-tools .mj-btn:hover:not(:disabled),.mj-stage .mj-tools .mj-btn.active{background:#e7f5df;border-color:#e0a83d;color:#855817}.mj-stage .mj-quit{color:#1d6040;font-weight:700}.mj-stage .mj-quit-hard,.mj-stage .mj-dissolve{background:#fff0e8;color:#9a4034;border-color:#d69a88}.mj-stage .mj-hint{color:#28694a}.mj-stage .mj-choices .opt{background:#f4faef;border-color:#b6d5b8}.mj-stage .mj-choices .opt:hover,.mj-stage .mj-choices .opt.active{border-color:#2e9460;box-shadow:0 0 0 2px #2e946021}.mj-stage .mj-auto .item{background:#f8fcf4f2;color:#28694a;border-color:#2d744957}.mj-stage .mj-auto .item.on{background:#e7f5df;color:#7b5719;border-color:#e0a83d}.mj-stage .mj-rules-dialog{background:#f8fcf4;color:#173f2d;border-color:#2d74496b;box-shadow:0 18px 48px #02261859}.mj-stage .mj-rules-dialog .head{color:#1d6040;border-color:#c4dec4}.mj-stage .mj-rules-dialog .body,.mj-stage .mj-rules-dialog .national-yaku-lead,.mj-stage .mj-rules-dialog .item span{color:#3a654e}.mj-stage .mj-rules-dialog .grp h3,.mj-stage .mj-rules-dialog .national-yaku-group h4,.mj-stage .mj-rules-dialog .item b{color:#1d6040}.mj-tile.slab:not([data-tile]):not(.side).standing{background:linear-gradient(180deg,#d9f5d6 0 8%,transparent 9%),linear-gradient(180deg,#56d34f,#22a83d 56%,#138233)!important;background-size:100% 100%,100% 100%!important;border:1px solid rgba(20,104,48,.9);box-shadow:inset 0 0 0 1px #daffca85,0 4px 9px #04351a57}.mj-stage .mj-card{background:#f8fcf4f5;color:#173f2d;border-color:#2d744961;box-shadow:0 8px 22px #05362238}.mj-stage .mj-card .nm,.mj-stage .mj-card .who{color:#17412d}.mj-stage .mj-card .sc{color:#247b4f}.mj-stage .mj-card .av{background:#dff1df;color:#17603c}.mj-stage .mj-card.active{border-color:#e0a83d;box-shadow:inset 0 3px #e0a83d,0 8px 22px #05362238}.mj-seat[data-rel="2"] .mj-tile.standing:not([data-tile]){background:linear-gradient(180deg,#d9f5d6 0 8%,transparent 9%),linear-gradient(180deg,#56d34f,#22a83d 56%,#138233)!important;background-size:100% 100%,100% 100%!important;border:1px solid rgba(20,104,48,.9);box-shadow:inset 0 0 0 1px #daffca85,0 4px 9px #04351a57}.mj-seat[data-rel="2"] .mj-tile.standing:not([data-tile]){width:calc(var(--tw) * 1.18);margin-left:calc(var(--tw) * -.59);z-index:2}.mj-seat[data-rel="1"] .mj-tile.slab.standing.side,.mj-seat[data-rel="3"] .mj-tile.slab.standing.side{z-index:2}.mj-seat[data-rel="2"] .mj-tile.standing:not([data-tile]){width:calc(var(--tw) * 1.34);margin-left:calc(var(--tw) * -.67);border-radius:2px;box-shadow:inset 1px 0 #deffce73,inset -1px 0 #0961277a,0 3px 5px #04351a47}.mj-seat[data-rel="1"] .mj-tile.slab.standing.side,.mj-seat[data-rel="3"] .mj-tile.slab.standing.side{border-radius:1px;box-shadow:inset 1px 0 #deffce7a,inset -1px 0 #0961277a,0 2px 4px #04351a3d}*{box-sizing:border-box}:root{--canvas: #eef2ed;--paper: #fff;--paper-soft: #f7faf7;--ink: #20352c;--ink-soft: #496057;--muted: #6c7e74;--line: #d5e0d7;--line-strong: #b4c7b8;--jade: #2e8060;--jade-soft: #e4f2e9;--saffron: #bf8629;--saffron-soft: #fff2d2;--red: #b85345;--red-soft: #f9e5e0;--blue: #4d659d;--blue-soft: #e9eefb}html,body,#root{height:100%;margin:0}html,*{scrollbar-width:thin;scrollbar-color:#a9bdb0 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:#a9bdb0;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#789985;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}body{overflow:hidden;background:var(--canvas);color:var(--ink);font-family:Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}:where(button,input,select,textarea,a[href],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.app{position:relative;width:100vw;height:100vh;background:var(--canvas)}.page{width:min(1480px,100%);height:100%;margin:0 auto;overflow-y:auto;padding:30px clamp(18px,4vw,64px) 64px;background:var(--canvas)}.boot,.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;background:var(--canvas);color:var(--ink)}.boot .ph,.rotate-hint .ph{font-size:22px;font-weight:800;color:var(--jade)}.boot .sub,.rotate-hint .sub{color:var(--muted);font-size:13px}.toast{position:fixed;left:50%;bottom:24px;z-index:99;transform:translate(-50%);max-width:min(92vw,520px);padding:9px 16px;border-radius:4px;color:#fff8f4;background:var(--red);font-size:13px;pointer-events:none}.hero{position:relative;padding:2px 0 20px;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:var(--saffron)}.hero h1,.card h2,.national-rule-card h3{font-family:"Noto Serif SC",Songti SC,STSong,serif;letter-spacing:.01em}.hero h1{margin:0 0 7px;font-size:clamp(25px,3vw,38px);color:var(--ink)}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.hero.small{padding-bottom:15px}.hero.small h1{font-size:clamp(21px,2.2vw,29px)}.lobby-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.lobby-account-entry{display:flex;align-items:center;gap:10px;color:#825a18;font-size:13px;white-space:nowrap}.room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.head-actions{gap:8px}.login-head{align-items:center;gap:12px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin:18px 0}.grid>.card:nth-child(1){grid-column:span 4}.grid>.card:nth-child(2){grid-column:span 5}.grid>.card:nth-child(3){grid-column:span 3}.card{min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:6px;background:var(--paper);box-shadow:0 2px 6px #20352c0a}.card h2{margin:0 0 14px;font-size:17px;font-weight:700;color:#256349}.card h2:before{content:"";display:inline-block;width:4px;height:15px;margin-right:8px;vertical-align:-2px;background:var(--red)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;min-width:0}.field span{color:var(--muted);font-size:12px}.field input,.field select{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper-soft);color:var(--ink)}.field input::placeholder{color:#9aa9a0}.field input:focus,.field select:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 2px #2e80601f;background:var(--paper)}.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}.field-note{color:var(--muted);font-size:11px}.field-note.error,.auth-error{color:var(--red)}.muted{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.muted.warn{color:#956b1d}.muted.ok,.hint{color:var(--jade)}.hint{font-size:12px}.mj-btn{min-height:36px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:4px;background:#e7efe8;color:#28553f;font-size:13px;font-weight:700;box-shadow:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.mj-btn:hover:not(:disabled){background:#dcebe0;border-color:var(--jade)}.mj-btn:active:not(:disabled){transform:translateY(1px)}.mj-btn.primary{background:var(--red);border-color:#a54539;color:#fff9f6}.mj-btn.primary:hover:not(:disabled){background:#a54539}.mj-btn.gold{background:var(--saffron-soft);border-color:#d2a04b;color:#785313}.mj-btn.gold:hover:not(:disabled){background:#ffe9ad}.mj-btn.danger{background:var(--red-soft);border-color:#d18b80;color:#87362d}.mj-btn:disabled{opacity:.5;cursor:not-allowed}.account{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-soft)}.account-name{color:var(--ink);font-size:15px}.account-balance{color:var(--jade);font-size:13px;font-variant-numeric:tabular-nums}.rule-options{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.check-row{display:flex;align-items:flex-start;gap:9px;color:var(--ink-soft);cursor:pointer}.check-row input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--jade)}.check-row span{display:grid;gap:2px}.check-row b{color:var(--ink);font-size:13px}.check-row small{color:var(--muted);font-size:11px;line-height:1.5}.rule-preset{padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-soft)}.rule-preset.selected{border-color:#d3a14c;background:var(--saffron-soft)}.rooms,.history,.participating-room{margin-top:14px}.rooms ul,.card.history ul,.userlist{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.rooms .room-card,.card.history li,.userlist li{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-soft);transition:background .12s ease,border-color .12s ease}.rooms .room-card:hover,.rooms .room-card:focus-within,.card.history li:hover{border-color:#9fbea8;background:#f0f7f1}.room-open{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 6px;border:0;border-radius:3px;background:none;color:inherit;font:inherit;text-align:left}.room-code{color:#256349;font-family:ui-monospace,Consolas,monospace;font-size:20px;font-weight:800;letter-spacing:1px}.room-code-sub{display:block;margin-left:8px;color:var(--muted);font-size:11px;letter-spacing:.5px}.room-facts{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.room-players,.room-host{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.room-enter{margin-left:auto;color:var(--jade);font-size:13px}.room-phase{padding:1px 8px;border:1px solid var(--line-strong);border-radius:3px;color:var(--ink-soft);font-size:11px}.room-phase.waiting{color:var(--jade);border-color:#8fc1a4}.room-phase.playing{color:#8b5e16;border-color:#d2a04b}.room-phase.finished{color:var(--muted)}.room-actions{margin-left:auto}.room-copy,.room-delete{flex:0 0 auto}.room-delete{color:#87362d;border-color:#d18b80}.active-room{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-color:#d4ad60!important;background:#fff8e8!important}.active-room .room-open{cursor:default}.empty{padding:6px 2px 2px}.empty-title{margin:0;color:#28553f;font-size:14px;font-weight:700}.seat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.seat{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 12px 13px;border:1px solid var(--line);border-radius:5px;background:var(--paper-soft);text-align:center}.seat.me{border-color:#d1a14e;box-shadow:inset 0 2px 0 var(--saffron)}.seat.empty{opacity:.65}.seat-av{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#dcece1;color:#286247;font-size:20px}.seat-av img{width:100%;height:100%;object-fit:cover}.seat-name{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;color:var(--ink);font-size:14px}.seat-nick{max-width:100%;overflow-wrap:anywhere}.seat-state{color:var(--muted);font-size:12px}.tag{padding:0 5px;border:1px solid var(--line-strong);border-radius:3px;font-size:11px;font-style:normal;line-height:1.6}.tag-ai{color:var(--blue);border-color:#a8b7dc;background:var(--blue-soft)}.tag-me{color:var(--jade);border-color:#91c5a5;background:var(--jade-soft)}.tag-away{color:#87362d;border-color:#d18b80;background:var(--red-soft)}.seat .mini{margin-top:4px}.seat-ai-difficulty{width:100%;display:grid;gap:4px;margin-top:3px;text-align:left}.seat-ai-difficulty span{color:var(--muted);font-size:10px}.seat-ai-difficulty select{width:100%;min-height:30px;padding:5px 8px;border:1px solid var(--line-strong);border-radius:3px;background:var(--paper);color:var(--ink);font-size:12px}.seat-ai-difficulty select:disabled{opacity:.7}.host-box{margin-top:14px;padding:12px 14px;border:1px solid #d7b66b;border-radius:5px;background:var(--saffron-soft)}.host-box h3{margin:0 0 10px;color:#825a18;font-size:13px}.rules{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--ink-soft);font-size:13px;line-height:1.55}.mini{padding:4px 10px;border:1px solid var(--line-strong);border-radius:3px;background:#edf4ee;color:#315d47;font-size:11px;white-space:nowrap}.mini:hover:not(:disabled){border-color:var(--jade);background:var(--jade-soft)}.mini.danger{border-color:#d18b80;background:var(--red-soft);color:#87362d}.mj-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.login .card{width:min(100%,520px);max-width:520px;margin:22px auto 0}.login-head h1{margin:0}.auth-error{overflow-wrap:anywhere;font-size:12px}.userlist li{align-items:center;flex-wrap:wrap}.userlist .code{min-width:110px;color:#256349;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.userlist .meta{flex:1 1 120px;min-width:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.userlist .balance{color:var(--jade);font-size:13px;font-variant-numeric:tabular-nums}.quick{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.account-page,.national-rules-page{overflow-y:auto}.account-page .hero .row{align-items:center}.account-page .hero h1{margin:0}.account-page .history li{cursor:pointer}.account-record{width:100%;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;text-align:left}.account-record .meta{flex:1;min-width:0;color:var(--muted)}.account-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.account-player{padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-soft)}.account-player h3{margin:0 0 6px;color:var(--ink);font-size:14px}.account-player p{margin:6px 0;color:var(--ink-soft);font-size:12px}.account-player .plus,.account-page .plus{color:var(--jade)}.account-player .minus,.account-page .minus{color:var(--red)}.account-tiles{display:flex;flex-wrap:wrap;gap:3px;min-height:42px}.account-tile{width:27px;height:36px;border-radius:2px;background-size:100% 100%;box-shadow:0 1px 3px #20352c38}.national-rules-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.national-rules-summary>div{display:grid;gap:4px;padding:12px;border-left:3px solid var(--saffron);background:var(--paper-soft)}.national-rules-summary b{color:#825a18;font-size:16px}.national-rules-summary span{color:var(--muted);font-size:12px}.national-rules-controls{display:flex;gap:12px;align-items:end}.national-rules-controls .field{flex:1;margin:0}.national-rules-groups{display:grid;gap:16px}.national-rules-group-title{display:flex;align-items:baseline;gap:10px;margin:4px 0 8px}.national-rules-group-title h2{margin:0;color:#256349;font-size:18px}.national-rules-group-title span{color:var(--muted);font-size:12px}.national-rules-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.national-rule-card{min-height:188px;display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-soft)}.national-rule-card-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.national-rule-card h3{margin:0;color:var(--ink);font-size:15px}.national-rule-alias{margin-left:4px;color:var(--muted);font-size:12px;font-weight:500}.national-rule-card strong{color:#825a18;font-size:13px;white-space:nowrap}.national-rule-card p{margin:8px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.55}.national-rule-card small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.national-rule-example{display:flex;align-items:flex-end;gap:clamp(1px,.7vw,3px);margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.national-rule-example-tile{display:block;flex:1 1 0;min-width:0;width:auto;max-width:26px;aspect-ratio:112 / 128;border-radius:2px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 4px #20352c33}.result-fan-total{margin:8px 0 0;color:#825a18;font-size:13px;text-align:center}.ui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#182a226b}.ui-dialog{width:min(440px,100%);display:grid;grid-template-columns:auto 1fr;gap:12px 14px;padding:22px;border:1px solid #b8cdbd;border-radius:8px;background:var(--paper);box-shadow:0 16px 40px #1c362a2e}.ui-dialog.is-danger{border-top:4px solid var(--red)}.ui-dialog-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--saffron-soft);color:#8b5e16;font-weight:800}.ui-dialog.is-danger .ui-dialog-mark{background:var(--red-soft);color:var(--red)}.ui-dialog-copy h2{margin:0;color:var(--ink);font-size:17px}.ui-dialog-copy p{margin:7px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.6}.ui-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--line)}@media (max-width: 1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>.card:nth-child(1),.grid>.card:nth-child(2),.grid>.card:nth-child(3){grid-column:span 1}}@media (max-width: 900px){.national-rules-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.page{padding:18px 14px 36px}.lobby-hero{align-items:flex-start}.lobby-account-entry{margin-top:6px}.grid{grid-template-columns:1fr}.grid>.card:nth-child(1),.grid>.card:nth-child(2),.grid>.card:nth-child(3){grid-column:span 1}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.national-rules-summary{grid-template-columns:1fr}.national-rules-controls{flex-direction:column;align-items:stretch}.national-rules-cards{grid-template-columns:1fr}.userlist li{align-items:flex-start}.quick{margin-left:0}}@media (max-height: 520px){.page{padding:10px 12px 20px}.hero{padding-bottom:10px}.hero h1{font-size:20px}.card{padding:9px 12px}.seat-grid{gap:6px}.seat{padding:6px 8px 7px;gap:3px}.seat-av{width:34px;height:34px;font-size:14px}.seat-name{font-size:12px}.seat-state{font-size:10px}.seat-ai-difficulty select{min-height:26px}.grid{gap:8px;margin:6px 0}.grid>.card:nth-child(2){order:-1}.grid>.card:nth-child(3){grid-column:1 / -1}.host-box{margin-top:6px;padding:6px 10px}}.grid>.round-rules{grid-column:1 / -1}