:root{--felt: #1d4d3a;--felt-dark: #143829;--panel: #00000030;--ink: #f3efe4;--muted: #b8c4bc;--accent: #f2b544;--danger: #b3261e;--hostile: #e2574c;--good: #7fdc9b;--tile-bg: #fbf7ee;--tile-edge: #d8cfbb;--tile-ink: #1f2a2e;--man: #b3261e;--pin: #1f5fa8;--sou: #1d6b3f;--tw: clamp(30px, 4.6vw, 44px);--tw-sm: clamp(22px, 2.6vw, 28px);--tw-mini: 18px;font-family:Noto Sans TC,Noto Sans CJK TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 40%,var(--felt),var(--felt-dark));color:var(--ink);min-height:100dvh;overflow-x:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.act{min-height:48px;min-width:72px;border:0;border-radius:10px;padding:6px 14px;background:var(--accent);color:#2a1d00;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:4px;justify-content:center}.act.win{background:linear-gradient(180deg,#ffd35c,#f08c2c);font-size:18px;box-shadow:0 0 0 2px #fff6,0 0 18px #ffb43399}.act.riichi{background:#ffe28a}.act.call{background:#f6e7c3}.act.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.act.pass{margin-left:auto}.act.big{font-size:18px;padding:10px 28px}.tile{--w: var(--tw);width:var(--w);height:calc(var(--w) * 1.36);background:var(--tile-bg);border:1px solid var(--tile-edge);border-bottom-width:4px;border-radius:calc(var(--w) * .14);color:var(--tile-ink);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-weight:800;-webkit-user-select:none;user-select:none;position:relative;flex:none;padding:0;font-family:inherit}button.tile{cursor:pointer;touch-action:manipulation}.tile .face{width:86%;height:86%;pointer-events:none}.tile.red{border-top:3px solid var(--man)}.tile .aka{position:absolute;top:-1px;right:1px;font-size:max(8px,calc(var(--w) * .24));color:#fff;background:var(--man);border-radius:3px;padding:0 1px;line-height:1.1}.tile.back{background:linear-gradient(135deg,#e3a33b,#b97716);border-color:#8a560d}.tile.small{--w: var(--tw-sm)}.tile.mini{--w: var(--tw-mini);border-bottom-width:2px}.tile.sideways{transform:rotate(90deg);margin:0 calc(var(--w) * .18)}.tile.dim{opacity:.4}.tile.tsumogiri{background:#dcd7ca}.tile.tsumogiri:before{content:"";position:absolute;bottom:2px;left:2px;width:4px;height:4px;border-radius:50%;background:#6b6b6b}.tile.called{opacity:.6}.tile.called:after{content:"↗";position:absolute;top:-3px;right:-3px;width:max(11px,calc(var(--w) * .45));height:max(11px,calc(var(--w) * .45));display:grid;place-items:center;font-size:max(8px,calc(var(--w) * .32));font-weight:900;color:#fff;background:#555;border-radius:50%}.tile.last{box-shadow:0 0 0 2px var(--accent),0 0 10px var(--accent);animation:glow 1.2s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 0 2px var(--accent),0 0 2px var(--accent)}}.tile.skill-touched{box-shadow:0 0 0 3px #c58bff,0 0 14px #b06cff}.hand{display:flex;gap:3px;align-items:flex-end;flex-wrap:nowrap}.hand .slot{position:relative;display:inline-flex}.hand button.tile:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}.hand .tile.playable{transition:transform .08s}.hand .tile.playable:hover,.hand .tile.selected{transform:translateY(-25%)}.hand .tile.locked{filter:saturate(.7)}.hand .tile.riichi-ok{box-shadow:0 0 0 3px var(--accent)}.hand .drawn-slot{margin-left:12px}.hand .badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#2a1d00;border-radius:8px;font-size:12px;font-weight:800;padding:0 5px;z-index:2}.hand.revealed{flex-wrap:wrap;gap:1px}.hand-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.count{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:13px;font-weight:700}.preview{min-height:30px;display:flex;gap:6px;align-items:center;justify-content:center;font-size:14px;color:var(--muted);flex-wrap:wrap}.wait{display:inline-flex;align-items:center;gap:2px}.wait b{color:var(--ink)}.wait b.zero{color:var(--hostile)}.furiten{background:var(--danger);color:#fff;border-radius:6px;padding:2px 8px;font-weight:800}.table{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr) minmax(170px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right" "left board right" "me me me";gap:8px;padding:8px;min-height:100dvh;max-width:1320px;margin:0 auto}.plate{background:var(--panel);border-radius:12px;padding:8px;min-width:0;align-self:start;display:flex;flex-direction:column;gap:6px}.plate.left{grid-area:left;align-self:center}.plate.right{grid-area:right;align-self:center}.plate.top{grid-area:top;justify-self:center;width:min(100%,520px);flex-direction:row;flex-wrap:wrap;align-items:center}.plate.active,.me-area.active{box-shadow:0 0 0 2px var(--accent)}.plate.in-riichi,.me-area.in-riichi{background:linear-gradient(180deg,#f2b5441f,var(--panel))}.ident{display:flex;gap:8px;align-items:center;min-width:0}.board{grid-area:board;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;grid-template-areas:"log   rtop   dora" "rleft compass rright" ".     rme    .";gap:8px;align-items:center;justify-items:center;min-width:0}.river-slot.top{grid-area:rtop;align-self:end}.river-slot.left{grid-area:rleft;justify-self:end}.river-slot.right{grid-area:rright;justify-self:start}.river-slot.me{grid-area:rme;align-self:start}.compass{grid-area:compass;position:relative;width:clamp(150px,16vw,200px);aspect-ratio:1;border-radius:18px;background:#00000040;border:1px solid #ffffff22;display:grid;place-items:center}.cmid{text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}.cside{position:absolute;display:flex;gap:4px;align-items:center;font-size:13px}.cside.me{bottom:6px;left:50%;transform:translate(-50%)}.cside.top{top:6px;left:50%;transform:translate(-50%)}.cside.left{left:5px;top:50%;transform:translateY(-50%);flex-direction:column}.cside.right{right:5px;top:50%;transform:translateY(-50%);flex-direction:column}.cside .score{padding:0 2px;min-height:0;font-size:13px}.cside.turn .cwind{box-shadow:0 0 0 2px var(--accent),0 0 10px var(--accent)}.cwind{background:var(--ink);color:var(--felt-dark);border-radius:4px;padding:0 4px;font-weight:900}.cwind.dealer{background:var(--danger);color:#fff}.cstick{display:inline-block;width:26px;height:5px;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px #0003;position:relative}.cstick:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--danger);transform:translate(-50%,-50%)}.round-title{font-size:22px;font-weight:900}.sticks{display:flex;gap:8px;color:var(--muted);font-size:12px}.wall-left{font-size:12px;color:var(--muted)}.dora-slot{grid-area:dora;align-self:start;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.dora{display:flex;gap:3px}.dora-tile{--w: clamp(28px, 2.8vw, 36px)}.log{grid-area:log;align-self:start;justify-self:start;list-style:none;margin:0;padding:0;font-size:12px;width:100%;max-width:260px;text-align:left}.log li{padding:3px 8px;border-left:3px solid #fff4;margin-bottom:2px;background:#0003;border-radius:0 6px 6px 0}.log li.mine{border-color:var(--accent)}.log li.hostile{border-color:var(--hostile)}.me-area{grid-area:me;background:#102c21ee;border-radius:12px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.me-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.me-top .toggles{margin-left:auto}.me-main{display:flex;gap:16px;align-items:flex-end;justify-content:center}.hand-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;font-size:13px;background:#0004;border-radius:8px;padding:8px}.legend>div{display:flex;gap:6px;align-items:center}.avatar{width:var(--size);height:var(--size);border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));display:inline-grid;place-items:center;font-weight:900;font-size:calc(var(--size) * .5);color:#fff;text-shadow:0 1px 2px #0008;box-shadow:0 0 0 2px #fff8;flex:none}.who{min-width:0}.line1,.line2{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wind{background:var(--ink);color:var(--felt-dark);border-radius:4px;padding:0 5px;font-weight:800}.oya{background:var(--danger);color:#fff;border-radius:4px;padding:0 5px;font-weight:800}.name{font-weight:800}.player{color:var(--muted);font-size:12px}.medal{background:linear-gradient(180deg,#ffe08a,#d39b2a);color:#3a2600;border-radius:10px;padding:0 7px;font-weight:900;font-size:12px;box-shadow:inset 0 -2px #0003}.score{background:none;border:0;font-weight:800;cursor:pointer;padding:2px 4px;border-radius:6px;min-height:28px}.score:hover{background:#fff1}.stick{display:inline-block;background:#fff;color:var(--danger);font-size:11px;font-weight:900;border-radius:8px;padding:0 10px;box-shadow:inset 0 0 0 2px var(--danger)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;gap:6px;align-items:center;background:#ffffff14;border:1px solid #ffffff2a;border-radius:10px;padding:3px 8px 3px 4px;font-size:13px}.chip .icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:14px;background:#fff2}.chip.res-wall .icon{background:#3b6fd6}.chip.res-hand .icon{background:#b04ad6}.chip.res-score .icon{background:#d69a1e}.chip-body{display:flex;flex-direction:column;gap:2px;line-height:1.1}.meter{display:flex;gap:2px}.meter i{width:12px;height:4px;border-radius:2px;background:#fff3}.meter i.on{background:var(--accent)}.meter.passive{font-size:10px;color:var(--muted)}.chip .sword{color:var(--hostile)}.cmp.up{color:var(--hostile);font-weight:900}.cmp.down{color:var(--good);font-weight:900}.chip.pulse{animation:chip-pulse .6s ease-out 3;border-color:#c58bff}@keyframes chip-pulse{50%{background:#b06cff66;transform:scale(1.08)}}.tag{font-size:11px;background:#ffffff1f;border-radius:4px;padding:0 4px;margin-left:4px}.river{display:grid;grid-template-columns:repeat(6,auto);justify-content:start;gap:2px;min-height:calc(var(--tw-sm) * 1.4);min-width:calc(6 * (var(--tw-sm) + 2px))}.river .cell{display:inline-flex;justify-content:center}.river .cell.wide{width:calc(var(--tw-sm) * 1.36 + 2px)}.river .tile.sideways{margin:0}.melds{display:flex;gap:8px;flex-wrap:wrap}.meld{display:inline-flex;gap:1px;align-items:flex-end}.called-stack{display:inline-flex;flex-direction:column;gap:0}.called-stack .tile.sideways{margin:calc(var(--w) * -.16) calc(var(--w) * .18)}.actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:120px;min-height:56px;justify-content:flex-end}.actions .hint{color:var(--muted);font-size:13px;text-align:center}.toggles{display:flex;gap:6px;flex-wrap:wrap}.toggle{background:transparent;border:1px solid #ffffff55;border-radius:999px;padding:4px 12px;min-height:34px;cursor:pointer;font-size:13px}.toggle.on{background:var(--accent);color:#2a1d00;border-color:var(--accent);font-weight:800}.callout{position:fixed;transform:translate(-50%,-50%);z-index:30;pointer-events:none;font-size:34px;font-weight:900;color:#fff;text-shadow:0 2px 0 #0008,0 0 18px #000a;animation:callout 1.6s ease-out forwards;white-space:nowrap}.callout.riichi{color:#ffe28a}.callout.win{color:#ffd35c;font-size:44px}.callout.skill{font-size:24px;padding:6px 14px;border-radius:12px;background:linear-gradient(90deg,#6b2fb3,#c2389b)}.callout.skill.mine{background:linear-gradient(90deg,#c98a12,#f2b544);color:#2a1d00;text-shadow:none}.callout.skill.hostile{background:linear-gradient(90deg,#8b1a1a,#e2574c)}@keyframes callout{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-70%) scale(1);opacity:0}}.clash{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;display:flex;align-items:center;gap:18px;padding:16px 24px;background:#120a20f2;border:3px solid #fff6;border-radius:16px;box-shadow:0 10px 40px #000c;animation:clash-in .3s ease-out;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.clash.won{border-color:var(--good)}.clash.lost{border-color:var(--hostile)}.clash .side{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;font-size:13px}.clash .side b{font-size:22px}.clash .winner{transform:scale(1.12);filter:drop-shadow(0 0 12px #ffd35c)}.clash .loser{filter:grayscale(1) brightness(.7)}.clash .vs{font-size:34px}.clash .stamp{position:absolute;top:18px;font-style:normal;font-weight:900;font-size:22px;color:#ff4d3d;border:3px solid #ff4d3d;border-radius:6px;padding:0 6px;transform:rotate(-14deg);background:#0006}@keyframes clash-in{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}}.banner{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 16px;font-weight:700}.banner.error{background:#8b1a1a}.banner.disconnect{background:#3a3f47}.banner button{min-height:40px;border-radius:8px;border:0;padding:4px 14px;font-weight:800;background:var(--accent);color:#2a1d00}.versus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;cursor:pointer;animation:fade .3s}.versus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,180px));gap:12px}.versus-card{background:#ffffff10;border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:rise .4s ease-out backwards}.versus-card:nth-child(2){animation-delay:.08s}.versus-card:nth-child(3){animation-delay:.16s}.versus-card:nth-child(4){animation-delay:.24s}.versus-card.me{box-shadow:0 0 0 2px var(--accent)}.vskill{font-size:12px}@keyframes rise{0%{transform:translateY(20px);opacity:0}}@keyframes fade{0%{opacity:0}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:35;padding:16px;animation:fade .25s}.modal-bg.yakuman{background:radial-gradient(circle,#6b4a00ee,#000e)}.modal{background:#1b2b26;border:1px solid #ffffff22;border-radius:14px;padding:20px;width:min(620px,100%);max-height:92dvh;overflow:auto}.yakuman .modal{border:2px solid #ffd35c;box-shadow:0 0 60px #ffd35c88}.modal h2{margin:0 0 8px}.win-head{display:flex;gap:10px;align-items:center}.win-hand{display:flex;flex-wrap:wrap;gap:1px;align-items:flex-end;margin:8px 0}.win-hand .gap{width:8px}.win-tile{box-shadow:0 0 0 2px #ffd35c}.dora-rows{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:8px}.yaku{display:flex;justify-content:space-between;border-bottom:1px dashed #ffffff22;padding:5px 0;animation:rise .3s ease-out backwards;animation-delay:calc(var(--i, 0) * .12s)}.yakuman .yaku{font-size:18px;color:#ffe08a;animation-delay:calc(.4s + var(--i, 0) * .35s)}.points{display:flex;gap:14px;align-items:center;margin:12px 0;font-size:16px}.points b{font-size:24px}.limit{font-weight:900;font-size:22px;padding:2px 10px;border:3px solid currentColor;border-radius:8px;transform:rotate(-6deg)}.limit.none{display:none}.limit.mangan{color:#7fd0ff}.limit.haneman{color:#9be37f}.limit.baiman{color:#ffb347}.limit.sanbaiman{color:#ff7a7a}.limit.yakuman,.limit.kazoe_yakuman{color:#ffd35c;font-size:30px;text-shadow:0 0 12px #ffd35c}.tenpai-row{margin:6px 0}.score-table{width:100%;border-collapse:collapse;margin:12px 0}.score-table th,.score-table td{padding:4px 6px;text-align:right;border-bottom:1px solid #ffffff14}.score-table td:first-child{text-align:left}.plus{color:var(--good)}.minus{color:#ff8a80}.standing{display:grid;grid-template-columns:28px 1fr 2fr auto auto;gap:8px;align-items:center;padding:4px 0}.rank{font-weight:900;text-align:center;border-radius:50%;background:#fff2}.rank.r1{background:#ffd35c;color:#3a2600}.bar{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.modal-actions{display:flex;justify-content:flex-end}.start{max-width:820px;margin:0 auto;padding:24px 16px 40px}.start .section{font-size:16px;margin:18px 0 8px;color:var(--muted)}.start h1{margin:0 0 4px;font-size:28px}.start .sub{color:var(--muted);margin:0 0 20px}.chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.char{background:var(--panel);border:2px solid transparent;border-radius:14px;padding:12px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}.char.selected{border-color:var(--accent);background:#f2b5441a}.char-head{display:flex;gap:10px;align-items:center}.char h3{margin:0}.skill{margin-top:8px}.skill p{margin:3px 0;font-size:13px;color:var(--muted)}.skill .stat{color:var(--accent)}.field{margin:18px 0;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.field input[type=text]{padding:10px;border-radius:8px;border:0;font:inherit;min-height:44px}.segmented{display:inline-flex;border:1px solid #ffffff55;border-radius:10px;overflow:hidden}.segmented button{min-height:44px;padding:0 18px;background:transparent;border:0;cursor:pointer}.segmented button.on{background:var(--accent);color:#2a1d00;font-weight:800}.debug{margin:0 0 18px;color:var(--muted)}.debug label{display:flex;gap:10px;align-items:center;margin-top:8px}.cmid .dora{margin-top:2px}.cmid .dora-tile{--w: clamp(22px, 2vw, 30px)}.cside.turn:after{content:"";position:absolute;inset:auto 0 -4px 0;height:3px;border-radius:2px;background:var(--accent);animation:glow 1s ease-in-out infinite alternate}.cside.left.turn:after,.cside.right.turn:after{inset:0 auto 0 -4px;width:3px;height:auto}.river-slot{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.toast-stack{position:fixed;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;gap:4px;pointer-events:none;width:min(92vw,460px)}.toast{background:#000c;border-left:4px solid #fff6;border-radius:0 8px 8px 0;padding:6px 10px;font-size:13px;animation:toast 3.2s ease-out forwards}.toast.mine{border-color:var(--accent)}.toast.hostile{border-color:var(--hostile)}@keyframes toast{0%{opacity:0;transform:translateY(6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;pointer-events:none;display:grid;place-items:center}.cutin-band{width:120vw;padding:14px 0;display:flex;gap:18px;align-items:center;justify-content:center;background:linear-gradient(90deg,transparent,var(--a) 20%,var(--b) 80%,transparent);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%);transform:rotate(-6deg);animation:cutin 1.3s cubic-bezier(.2,.8,.2,1) forwards;color:#fff;text-shadow:0 2px 6px #000a}.cutin-band b{display:block;font-family:"Noto Serif TC",serif;font-size:clamp(26px,5vw,44px);font-weight:900}.cutin-band small,.cutin-band span{display:block;font-size:14px}.cutin.hostile .cutin-band{box-shadow:inset 0 0 0 3px #ff4d3d}@keyframes cutin{0%{transform:rotate(-6deg) translate(-100%)}20%,78%{transform:rotate(-6deg) translate(0)}to{transform:rotate(-6deg) translate(100%);opacity:0}}.plate.skill-fired{box-shadow:0 0 0 2px var(--accent),0 0 24px var(--accent)}.tile.skill-touched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#fff8 50%,transparent 70%) -100% 0 / 200% 100% no-repeat;animation:shimmer 1.6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{to{background-position:100% 0}}button.chip{color:inherit;font:inherit;font-size:13px;cursor:pointer;position:relative;text-align:left;min-height:40px}.chip .icon{width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 2px #fff5,0 0 8px #fff3}.meter{align-items:center;gap:4px}.meter .pips{display:flex;gap:2px}.meter i{width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px #fff8}.meter i.on{background:var(--accent);box-shadow:none}.count-text{font-size:11px;font-weight:800}.chip.depleted{filter:grayscale(.8);opacity:.7}.chip-info{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(260px,70vw);background:#0b1229f2;color:#fff;border:1px solid var(--accent);border-radius:8px;padding:8px;font-size:12px;font-weight:400;line-height:1.5}.plate .ident{flex-wrap:wrap}.plate .count{margin-left:auto}.me-top .quick{display:flex;gap:6px;margin-left:auto}.gear{min-width:40px;min-height:40px;border-radius:50%;border:1px solid #ffffff55;background:transparent;cursor:pointer;font-size:18px}.settings-panel{display:none;flex-direction:column;gap:6px;background:#0006;border-radius:10px;padding:8px}.settings-panel.open{display:flex}.settings-panel>.toggles:first-child{display:none}.toggle .mark{display:inline-block;width:1em}.history{list-style:none;margin:0;padding:0;max-height:160px;overflow:auto;font-size:12px}.history li{padding:3px 8px;border-left:3px solid #fff4;margin-bottom:2px}.history li.mine{border-color:var(--accent)}.history li.hostile{border-color:var(--hostile)}.preview .picked .tile{--w: clamp(48px, 9vw, 60px)}.modal-bg{background:#050819d0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-bg.peek{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.modal-bg.peek .modal{visibility:hidden;animation:none}.modal-bg.peek .modal-actions{visibility:visible;pointer-events:auto;position:fixed;left:50%;bottom:16px;transform:translate(-50%);background:#000c;border:1px solid var(--accent);border-radius:14px;padding:8px}.modal .modal-actions{gap:10px;position:sticky;bottom:-20px;padding:10px 0 4px}.win-hero{display:flex;gap:14px;align-items:center;margin-bottom:6px}.win-hero h2{margin:0}.win-stamp{margin-left:auto;font-family:"Noto Serif TC",serif;font-size:48px;font-weight:900;color:#ffd35c;border:4px solid #ffd35c;border-radius:10px;padding:0 10px;transform:rotate(-8deg);text-shadow:0 0 14px #ffb43399;animation:stamp .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes stamp{0%{transform:rotate(-8deg) scale(1.8);opacity:0}}.yaku .han{background:#f2b54433;border-radius:999px;padding:0 10px;font-weight:800}.yaku.zero{opacity:.45}.yaku.skill-row{background:linear-gradient(90deg,#b06cff33,transparent);border-radius:6px;padding-left:6px;font-weight:800}.big-points{font-size:44px!important;color:#ffe08a}.payout{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.payout .sum{color:var(--ink);font-weight:800}.score-table tr.me td{background:#f2b5441a;font-weight:800}.delta{border-radius:999px;padding:1px 8px;font-weight:800}.delta.plus{background:#7fdc9b26}.delta.minus{background:#ff8a8026}.lobby .lobby-head h1{font-size:36px;margin-bottom:4px}.lobby .chars{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.lobby .char{display:grid;grid-template-rows:100px auto 1fr;justify-items:center;text-align:center;gap:6px;transition:transform .15s}.lobby .char .portrait{display:grid;place-items:center}.lobby .char.selected{transform:translateY(-6px);box-shadow:0 0 0 2px var(--accent),0 10px 24px #f2b54444}.skill-icons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.char-detail{margin:14px 0;padding:12px 14px;border-radius:12px;background:var(--panel)}.char-detail h2{margin:0 0 4px}.lobby-bar{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.name-field input{padding:10px;border-radius:8px;border:0;font:inherit;min-height:44px}.start-btn{display:flex;margin:16px auto;width:min(100%,420px);min-height:56px;font-size:20px}.lobby-settings{color:var(--muted);margin-top:10px}.lobby-settings summary{cursor:pointer;min-height:40px;display:flex;align-items:center}.level-field{display:flex;gap:10px;align-items:center}.sr-only{position:absolute;top:0;left:0;margin:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.short-score{display:none;font-weight:800}.dora-label{font-size:11px;color:var(--muted);align-self:center;margin-right:2px}.compass{width:clamp(170px,17vw,214px)}.cmid{gap:5px;padding:8px}.me-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.me-main .hand-col{grid-column:2}.me-main .actions{grid-column:3;justify-self:start}.hand .tile.selected{transform:translateY(-40%);box-shadow:0 0 0 2px var(--accent),0 0 14px var(--accent)}.preview .picked .tile{--w: clamp(36px, 6vw, 44px)}.plate.active,.me-area.active{animation:turn-pulse 1.2s ease-in-out infinite alternate}.plate.active:before{content:"▶";position:absolute;left:-14px;top:10px;color:var(--accent);font-size:12px}@keyframes turn-pulse{0%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px var(--accent),0 0 18px var(--accent)}}.plate{position:relative}.chip.depleted .count-text{text-decoration:line-through}.lobby .char.selected{transform:none}.name-field input{background:#0d1638;color:var(--ink);border:1px solid var(--accent)}.name-field input:focus-visible{outline:3px solid var(--accent)}.avatar{font-family:"Noto Serif TC",serif}@media(max-width:760px)and (orientation:portrait){:root{--tw-sm: clamp(19px, 5.4vw, 22px)}.table{grid-template-columns:58px minmax(0,1fr) 58px;grid-template-rows:auto 1fr auto;grid-template-areas:"top top top" "left board right" "me me me";gap:4px;padding:4px;min-height:100dvh}.plate,.plate.top{padding:4px;gap:3px;width:auto;justify-self:stretch}.plate.top{flex-direction:row;flex-wrap:wrap;align-items:center}.plate.left,.plate.right{align-self:center;flex-direction:column;align-items:center;text-align:center}.plate.left .ident,.plate.right .ident{flex-direction:column;align-items:center;gap:2px}.plate.left .line1,.plate.right .line1,.plate.left .line2,.plate.right .line2{flex-direction:column;gap:1px}.plate .name{font-size:12px;writing-mode:vertical-rl}.plate.top .name{writing-mode:horizontal-tb}.plate .avatar{--size: 28px !important}.plate .player{display:none}.plate .medal{font-size:11px;padding:0 4px}.plate .score{font-size:12px;min-height:0;padding:0}.plate .count{font-size:12px;margin-left:0}.plate .oya{position:absolute;top:-6px;right:-6px;font-size:11px;z-index:2}.plate.active:before{left:50%;top:-12px;transform:translate(-50%) rotate(90deg)}.plate .chips{flex-direction:column;align-items:center}.plate.top .chips{flex-direction:row}.plate .chip{min-height:0;padding:2px 4px 2px 2px;gap:3px;flex-direction:column}.plate.top .chip{flex-direction:row}.plate .chip .icon{width:20px;height:20px;font-size:11px}.plate .chip-body b{font-size:10px;max-width:3.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate .count-text{font-size:12px}.plate .melds{flex-direction:column;align-items:center;gap:2px}.plate .meld .tile{--w: 13px}.plate.top .melds{flex-direction:row}.stick{font-size:12px;padding:0 6px}.board{grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;grid-template-areas:".     rtop    ." "rleft compass rright" ".     rme     .";justify-content:center;align-content:space-evenly;gap:4px}.river-slot.left .river,.river-slot.right .river{grid-template-columns:repeat(3,auto);min-width:calc(3 * (var(--tw-sm) + 2px))}.compass{width:124px;border-radius:12px}.cside{font-size:12px;gap:1px}.cside .score{display:none}.cside .short-score{display:inline;font-size:12px}.cside.top,.cside.me{gap:3px}.cstick{width:14px;height:4px}.cmid{padding:22px 24px;gap:2px}.round-title{font-size:14px}.sticks span:not(.wall-count){display:none}.wall-count{font-size:13px;font-weight:800}.cmid .dora-tile{--w: 17px}.dora-label{font-size:12px}.me-area{padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px;--tw: min(46px, calc((100vw - 30px) / 14.4))}.me-top{gap:6px;flex-wrap:nowrap}.me-top .quick{display:none}.me-top .gear{margin-left:auto}.settings-panel>.toggles:first-child{display:flex}.me-area .ident .avatar{--size: 32px !important}.me-area .player{display:none}.me-top .chips{flex-wrap:nowrap;overflow-x:auto}.me-top .chip{min-height:0;padding:2px 6px 2px 2px}.me-top .chip .icon{width:22px;height:22px}.me-main{display:flex;flex-direction:column;align-items:center;gap:6px}.hand{gap:1px}.hand .tile{height:calc(var(--w) * 1.7)}.hand .drawn-slot{margin-left:5px}.hand .tile.playable:hover{transform:none}.hand .tile.selected{transform:translateY(-38%)}.preview{min-height:40px;font-size:13px}.actions{flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:48px;width:100%}.callout{font-size:26px}.clash{gap:8px;padding:12px}.clash .side b{font-size:16px}.versus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:14px}.win-hero .avatar{--size: 48px !important}.win-stamp{font-size:34px}.big-points{font-size:34px!important}.win-hand{--tw-sm: calc((100vw - 64px) / 15)}.score-table{font-size:13px}.lobby .chars{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{font-size:13px}}@media(orientation:landscape)and (max-height:500px){.table{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;grid-template-areas:"left top right" "board board board" "me me me";min-height:auto;gap:3px;padding:3px}.plate,.plate.top,.plate.left,.plate.right{flex-direction:row;flex-wrap:wrap;align-items:center;align-self:stretch;width:auto;padding:3px 6px;gap:4px}.plate .ident,.plate .line1,.plate .line2{flex-direction:row!important}.plate .name{writing-mode:horizontal-tb!important}.plate .avatar{--size: 24px !important}.plate .chips,.plate .chip{flex-direction:row!important}.plate .chip-body b{display:none}.plate .melds{flex-direction:row!important}.compass{width:112px}.cside .score{display:none}.cside .short-score{display:inline;font-size:12px}.sticks span:not(.wall-count){display:none}.round-title{font-size:14px}.cmid{padding:18px 22px}.cmid .dora-tile{--w: 16px}.me-area{--tw: clamp(26px, 5vw, 34px);padding:4px 6px}.me-top{flex-wrap:nowrap}.me-top .ident .avatar,.me-area .player,.me-top .quick{display:none}.settings-panel>.toggles:first-child{display:flex}.me-top .chip{min-height:0;padding:1px 6px 1px 2px}.me-top .chip .icon{width:20px;height:20px}.me-top .gear{margin-left:auto;min-width:34px;min-height:34px}.preview{min-height:0;height:22px;overflow:hidden;font-size:12px}.preview .picked{display:none}.me-main{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:10px}.hand .tile.selected{transform:translateY(-18%)}.actions{flex-direction:row;width:auto;min-height:0;flex-wrap:wrap}.actions .act{min-height:40px}}.count-text,.chip-body b,.modal-actions .act{white-space:nowrap}@media(max-width:760px)and (orientation:portrait){.plate .hand.revealed .tile{--w: 12px}.plate.left .hand.revealed,.plate.right .hand.revealed{flex-direction:column;flex-wrap:nowrap;max-height:40vh;overflow:hidden}.plate .count{white-space:nowrap}.plate .count .tile{display:none}}@media(orientation:landscape)and (max-height:500px){.compass{width:136px}.dora-label{display:none}}.sticks-short{display:none}.short-score small{font-size:.7em;opacity:.75}.status-pill{background:#0007;border:1px solid #ffffff33;border-radius:999px;padding:3px 14px;font-size:13px}.centered{text-align:center;border-bottom:1px solid #f2b54455;padding-bottom:6px}.all-noten{text-align:center;font-size:18px;font-weight:800;color:var(--muted)}.delta.even{color:var(--muted);font-weight:400}.cstick{width:30px;height:6px;border-radius:3px;background:linear-gradient(180deg,#fffdf4,#e8e0cc);box-shadow:0 1px 2px #0008}.cstick:after{width:4px;height:4px;background:#c8202c}[data-theme=gold] .me-area:before,[data-theme=gold] .compass:before{top:-1px;left:-1px}[data-theme=gold] .me-area:after,[data-theme=gold] .compass:after{bottom:-1px;right:-1px}@media(max-width:760px)and (orientation:portrait){:root{--tw-sm: 21px}.compass{width:106px}.cmid{padding:20px 18px}.sticks{display:flex;flex-direction:column;align-items:center;gap:0}.sticks span:not(.wall-count){display:none}.sticks span.sticks-short{display:inline;font-size:11px}.cside.left .short-score,.cside.right .short-score{display:none}.plate.left .name,.plate.right .name{display:block;line-height:1.05;margin-bottom:4px}.plate.left .medal,.plate.right .medal{display:block}.plate .chip-body b{display:none}.plate .chip{flex-direction:row}.me-top{flex-wrap:wrap}.me-top .ident{order:1}.me-top .quick{display:flex;order:2;margin-left:auto}.me-top .quick .toggle:not([data-ui="toggle:noCalls"]){display:none}.me-top .gear{order:3;margin-left:0}.me-top .chips{order:4;flex-basis:100%;flex-wrap:wrap;overflow:visible}.preview{min-height:34px}}@media(orientation:landscape)and (max-height:500px){:root{--tw-sm: 15px}.table{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.plate,.plate.top,.plate.left,.plate.right{padding:2px 6px;gap:6px;flex-wrap:nowrap;overflow:hidden}.plate .ident{flex-wrap:nowrap}.plate .line2 .player{display:none}.plate .melds .tile{--w: 11px}.board{min-height:0;gap:2px;align-content:center}.board .river{min-height:0}.compass{width:96px}.cmid{padding:14px 16px;gap:1px}.round-title{font-size:12px}.wall-count{font-size:11px}.cside,.cside .short-score{font-size:10px}.cmid .dora-tile{--w: 13px}.me-area{--tw: clamp(24px, 4.4vw, 32px);padding:3px 6px;gap:1px}.me-top .chip-body b{display:none}.preview{height:18px;font-size:11px}.actions .act{min-height:38px;padding:4px 10px}}@media(orientation:landscape)and (max-height:500px){.plate,.plate.top,.plate.left,.plate.right{max-height:46px;align-items:center}.plate .avatar,.plate .medal{display:none!important}.plate .line1,.plate .line2{flex-wrap:nowrap}.plate .name{writing-mode:horizontal-tb!important;font-size:12px;white-space:nowrap}.plate .wind{font-size:12px}.plate .score{font-size:12px;min-height:0;padding:0}.plate .count{font-size:11px}.plate .count .tile{display:none}.plate .chip{min-height:0;padding:1px 4px 1px 1px}.plate .chip .icon{width:18px;height:18px;font-size:10px}.plate .stick{font-size:10px;padding:0 4px}.cside.left .short-score,.cside.right .short-score{display:none}.sticks span:not(.wall-count){display:none}.cmid{padding-top:22px}}.compass{aspect-ratio:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:".    top  ." "left mid  right" ".    me   .";place-items:center;gap:4px;padding:6px;width:auto;min-width:clamp(170px,17vw,214px)}.cside,.cside.top,.cside.me,.cside.left,.cside.right{position:relative;inset:auto;transform:none}.cside.top{grid-area:top}.cside.me{grid-area:me}.cside.left{grid-area:left}.cside.right{grid-area:right}.cmid{grid-area:mid;padding:2px 4px}.cside .cstick{order:5}.cside.left,.cside.right{flex-direction:column;gap:3px}.modal-bg.peek .modal-actions{top:calc(8px + env(safe-area-inset-top));bottom:auto!important}body.peeking .me-area .quick,body.peeking .me-area .gear,body.peeking .me-area .actions,body.peeking .me-area .preview{visibility:hidden}.actions:empty{display:none}.win-hero{overflow:visible;padding-right:8px}.win-stamp{flex:none}@media(max-width:760px)and (orientation:portrait){.compass{min-width:0;padding:4px;gap:2px}.cmid{padding:2px}.cside.top,.cside.me{gap:3px}.me-top .quick{order:3;flex-basis:100%;margin-left:0;gap:4px}.me-top .quick .toggle,.me-top .quick .toggle:not([data-ui="toggle:noCalls"]){display:inline-flex;font-size:12px;min-height:32px;padding:2px 8px}.me-top .gear{order:2;margin-left:auto}.me-top .chips{order:4}.plate.left .chip,.plate.right .chip{max-width:100%;flex-direction:column;align-items:center;padding:2px}.plate.left .chip .sword,.plate.left .chip .cmp,.plate.right .chip .sword,.plate.right .chip .cmp{display:none}.plate.left .meter,.plate.right .meter{flex-direction:column;gap:1px}.plate.left .hand.revealed,.plate.right .hand.revealed{display:grid;grid-template-columns:repeat(2,auto);gap:1px;max-height:none}.modal-bg{padding:10px}.modal{width:100%;max-width:calc(100vw - 20px)}.win-stamp{font-size:28px;padding:0 6px}}@media(orientation:landscape)and (max-height:500px){.compass{min-width:0;padding:3px;gap:1px}.cmid{padding:0 2px}.sticks{display:flex;gap:4px;font-size:10px}.sticks span:not(.wall-count){display:none}.sticks span.sticks-short{display:inline}.me-top .chip-body b{display:inline;font-size:11px}.me-top .quick{display:flex;margin-left:auto;gap:4px}.me-top .quick .toggle{font-size:11px;min-height:28px;padding:1px 8px}.me-top .gear{margin-left:4px}.me-area{position:relative}.preview{position:absolute;left:50%;transform:translate(-50%);top:36px;height:auto;z-index:3;pointer-events:none}.status-pill{font-size:11px;padding:1px 10px}}.slot-melds{display:none}.round-title{white-space:nowrap}.modal-bg.peek .modal-actions{max-width:calc(100% - 32px);justify-content:center}.tile.riichi-tile{box-shadow:0 0 0 2px #e2574c,0 0 8px #e2574c88}.toggle{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#ffd77814;border-color:#ffd77873}.toggle .mark{width:auto}.chip.depleted{filter:none;opacity:1}.chip.depleted .icon{filter:grayscale(1);opacity:.55}.chip.depleted .count-text{color:#ffb3a8}.plate,.me-area{box-shadow:inset 0 1px #ffe6a04d,0 6px 18px #00000073}.me-area{position:relative}.preview:has(>.status-pill:only-child){position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);min-height:0;height:auto;top:auto;pointer-events:none}@media(min-width:761px)and (min-height:501px){.me-area{--tw: clamp(40px, 4.4vw, 58px)}.board{align-content:center}.compass{min-width:clamp(190px,18vw,230px)}}@media(max-width:760px)and (orientation:portrait){:root{--tw-sm: 20px}.cside.left .short-score,.cside.right .short-score{display:inline;font-size:11px}.plate.left .melds,.plate.right .melds{display:none}.river-slot.left .slot-melds,.river-slot.right .slot-melds{display:block}.slot-melds .meld .tile{--w: 16px}.plate.left,.plate.right{max-height:52vh}.plate.left .name,.plate.right .name{letter-spacing:.1em;font-size:14px}.me-top .quick{order:3;flex-basis:auto}.me-top .chips{order:4;flex-basis:auto}.me-top{row-gap:4px}.me-top .quick,.me-top .chips{flex-wrap:nowrap}.me-area{padding-inline:8px 12px}}@media(orientation:landscape)and (max-height:500px){:root{--tw-sm: clamp(18px, 5vh, 22px)}.river-slot.top .river,.river-slot.me .river{grid-template-columns:repeat(12,auto)}.river-slot.left .river,.river-slot.right .river{grid-template-columns:repeat(6,auto)}.cmid .dora-tile{--w: var(--tw-sm)}.cside.left .short-score,.cside.right .short-score{display:inline}.me-main{display:grid;grid-template-columns:1fr auto 1fr}.me-main .hand-col{grid-column:2}.me-main .actions{grid-column:3;justify-self:start}.me-top .ident .avatar{display:inline-grid;--size: 26px !important}.preview{position:static;transform:none}}.modal-bg.peek .modal-actions{background:#0b1229}.plate.in-riichi{outline:2px solid #e2574c;outline-offset:-2px}.plate.active,.me-area.active{background-image:linear-gradient(180deg,#f2b5442e,transparent 70%)}@media(min-width:761px)and (min-height:501px){:root{--tw-sm: clamp(26px, 2.5vw, 34px)}.compass{min-width:clamp(220px,19vw,260px)}.round-title{font-size:26px}}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){.me-area .preview,.preview:has(>.status-pill:only-child){position:absolute;left:50%;transform:translate(-50%);top:auto;bottom:calc(100% + 62px);height:auto;min-height:0;width:max-content;max-width:calc(100vw - 24px);background:#0b1229e6;border:1px solid #ffffff33;border-radius:999px;padding:2px 12px;z-index:6;pointer-events:none}.me-area .preview:empty{display:none}.preview:has(>.status-pill:only-child){bottom:calc(100% + 8px);background:none;border:0}.preview .picked .tile{--w: 26px}.me-main .actions{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);width:max-content;max-width:calc(100vw - 16px);z-index:7;flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:0}}@media(max-width:760px)and (orientation:portrait){.plate.top{flex-wrap:nowrap}.plate.top .ident{flex:1;min-width:0;flex-wrap:nowrap}.plate.top .count,.plate.top .chips{flex:none}.plate.top .chips{margin-left:auto}.river-slot.top .river,.river-slot.me .river{--tw-sm: 25px}.board{align-content:center;gap:8px}.me-area{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:500px){.me-main .actions{left:auto;right:70px;transform:none}.compass{min-width:150px;padding:4px 8px}.sticks{flex-direction:column;align-items:center;gap:0}.plate .avatar{display:inline-grid!important;--size: 24px !important}.plate{justify-self:center}}@media(max-width:760px)and (orientation:portrait){.compass{max-width:124px}.cside.left .short-score,.cside.right .short-score{font-size:10px}.cmid{padding:0}.round-title{font-size:13px}}@media(orientation:landscape)and (max-height:500px){.me-area .preview{left:12px;transform:none;bottom:calc(100% + 8px)}.plate .melds{display:none}.slot-melds{display:block}.slot-melds .meld .tile{--w: 14px}}@media(max-width:760px)and (orientation:portrait){.river-slot.left .river,.river-slot.right .river{--tw-sm: 18px}.river-slot.top .river,.river-slot.me .river{--tw-sm: 20px}.compass{max-width:120px}.board{column-gap:3px}}.tile.ghost{visibility:hidden}.chip.depleted .count-text{color:var(--muted)}.chip.depleted b{opacity:.6}body.peeking .me-top .ident{visibility:hidden}@media(min-width:761px)and (min-height:501px){:root{--tw-sm: clamp(30px, 2.9vw, 40px)}.me-area{--tw: clamp(44px, 4.8vw, 64px)}.plate.left,.plate.right{align-self:start;margin-top:10vh}body:before{content:"";position:fixed;top:18px;right:18px;bottom:18px;left:18px;border:1px solid #f5c75a26;border-radius:28px;pointer-events:none;z-index:0}}@media(max-width:760px)and (orientation:portrait){.table{grid-template-columns:46px minmax(0,1fr) 46px}.plate.left .avatar,.plate.right .avatar{--size: 24px !important}.plate.left .name,.plate.right .name{font-size:13px;letter-spacing:0}.plate.left .medal,.plate.right .medal{font-size:10px;padding:0 2px}.plate.left .score,.plate.right .score{font-size:11px}.plate.left,.plate.right{max-height:340px;padding:3px 2px}.river-slot.left .river,.river-slot.right .river{--tw-sm: 23px;grid-template-columns:repeat(2,auto);min-width:calc(2 * (var(--tw-sm) + 2px))}.river-slot.top .river,.river-slot.me .river{--tw-sm: 25px}.compass{max-width:150px}.board{align-content:center;row-gap:10px}}@media(orientation:landscape)and (max-height:500px){.me-area .preview,.preview:has(>.status-pill:only-child){left:auto;right:70px;transform:none;bottom:calc(100% + 62px)}.preview:has(>.status-pill:only-child){bottom:calc(100% + 8px)}.plate.left .line1:before{content:"◀";color:var(--accent);font-size:10px}.plate.top .line1:before{content:"▲";color:var(--accent);font-size:10px}.plate.right .line1:after{content:"▶";color:var(--accent);font-size:10px}}.cmid .dora-tile{box-shadow:0 0 0 2px var(--accent),0 0 8px #f5c75a88}.plate.active{animation:turn-glow 1.6s ease-in-out infinite alternate}@keyframes turn-glow{0%{box-shadow:0 0 0 2px #f5c542,0 0 8px 1px #f5c5424d}to{box-shadow:0 0 0 2px #f5c542,0 0 18px 4px #f5c54273}}[data-theme=gold] .me-area{background:linear-gradient(180deg,#22306a,#141c44)}.hand .tile.selected{box-shadow:0 0 0 3px var(--accent),0 6px 16px #f5c54288}body.peeking .plate .chips{display:none}@media(min-width:761px)and (min-height:501px){:root{--tw-sm: clamp(34px, 3.3vw, 44px)}.table{grid-template-columns:1fr minmax(0,auto) 1fr}.plate.left{justify-self:end}.plate.right{justify-self:start}body:before{border:2px solid #f5c75a59}}@media(max-width:760px)and (orientation:portrait){.me-top{flex-wrap:wrap}.me-top .quick,.me-top .chips{flex-basis:auto;flex-wrap:nowrap}.me-top .quick .toggle{font-size:11px;min-height:30px;padding:2px 6px}.me-top .chip .chip-body b{font-size:11px}.me-top .chips .chip-body .meter.passive{display:none}.table{align-content:stretch}.board{align-self:center}.me-area{--tw: calc((100vw - 22px) / 14.3)}.hand .tile.selected{transform:translateY(-48%)}body.peeking .plate .hand.revealed .tile{--w: 18px}body.peeking .plate.top .hand.revealed .tile{--w: 20px}}@media(orientation:landscape)and (max-height:500px){.river-slot.left .river,.river-slot.right .river{grid-template-columns:repeat(3,auto)}.dora-label{display:inline}.me-main .actions{position:static;transform:none;grid-column:3;justify-self:start;align-self:end}}@media(min-width:761px)and (min-height:501px){.table>.plate.left{justify-self:end;width:max-content}.table>.plate.right{justify-self:start;width:max-content}}@media(max-width:760px)and (orientation:portrait){.hand .tile.selected.playable,.hand .tile.selected.playable:hover{transform:translateY(-48%)}}@media(orientation:landscape)and (max-height:500px){.hand .tile.selected.playable,.hand .tile.selected.playable:hover{transform:translateY(-22%)}}.plate .hand.revealed .tile{--w: 20px}.plate .melds .tile{--w: 24px}.plate.top{min-width:min(100%,420px)}.win-hand{flex-wrap:nowrap}.win-hand .tile{--w: clamp(18px, calc((min(620px, 100vw) - 90px) / 15), 36px)}.win-hand .win-tile{margin-left:8px}.tile.ghost{visibility:visible;background:transparent!important;box-shadow:none!important;border:1px dashed #ffffff33!important}@media(max-width:760px)and (orientation:portrait){body.peeking .me-top .quick,body.peeking .me-top .chips,body.peeking .me-area .preview{display:none}.plate .hand.revealed .tile{--w: 12px}body.peeking .plate .hand.revealed .tile{--w: 18px}}@media(orientation:landscape)and (max-height:500px){:root{--tw-sm: clamp(19px, 5.8vh, 24px)}.river-slot.left .river,.river-slot.right .river{grid-template-columns:repeat(4,auto)}.me-area .preview,.preview:has(>.status-pill:only-child){right:12px;bottom:calc(100% + 6px)}}body.peeking .me-top{visibility:hidden}body.peeking .me-top .quick,body.peeking .me-top .chips{display:none!important}.modal-bg.peek .modal-actions{padding:4px;gap:6px}.modal-bg.peek .modal-actions .act{min-height:44px;font-size:15px;padding:4px 14px}@media(min-width:761px)and (min-height:501px){.plate.left .hand.revealed,.plate.right .hand.revealed{flex-wrap:wrap;max-width:147px}.table{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}}.table>.plate{min-width:0;max-width:100%;overflow:hidden}@media(min-width:761px)and (min-height:501px){.table>.plate.left,.table>.plate.right{width:auto}}@media(orientation:landscape)and (max-height:500px){.plate .oya{position:static;font-size:10px}.plate .count{margin-left:0}}.dora-rows{gap:16px}.dora-group{display:inline-flex;gap:6px;align-items:center}.tile.dora-ind{--w: 24px}.tile.called{opacity:.5;filter:grayscale(.4)}.tile.called:after{content:"";top:2px;right:2px;width:6px;height:6px;background:var(--accent);border-radius:50%}[data-theme=gold] .me-area:after{width:12px;height:12px;z-index:0}.me-area .hand{position:relative;z-index:1}@media(max-width:760px)and (orientation:portrait){.me-area .hand-col{padding-inline:6px}.me-area{--tw: calc((100vw - 36px) / 14.4)}body.peeking .table>.plate.left,body.peeking .table>.plate.right{overflow:visible;max-height:none;align-self:start}body.peeking .plate.left .hand.revealed,body.peeking .plate.right .hand.revealed{grid-template-columns:repeat(2,auto)}body.peeking .plate .hand.revealed .tile{--w: 16px}body.peeking .plate .stick{font-size:10px}.river-slot.left .river .cell.wide,.river-slot.right .river .cell.wide{grid-column:span 2;width:auto;justify-content:flex-start;padding-left:6px}}@media(orientation:landscape)and (max-height:500px){.slot-melds .meld .tile{--w: calc(var(--tw-sm) * .8)}.preview .picked{display:inline-flex}.preview .picked .tile{--w: 18px}.river-slot.left{justify-self:end}.river-slot.right{justify-self:start}}.toast-stack.side{left:12px;transform:none;width:min(34vw,320px)}.river .cell.wide{width:calc(var(--tw-sm) * 1.36 + 2px);height:calc(var(--tw-sm) * 1.36);display:grid;place-items:center;padding:0}.river .cell.wide .tile.sideways{margin:0}@media(max-width:760px)and (orientation:portrait){.river-slot.left .river .cell.wide,.river-slot.right .river .cell.wide{grid-column:span 2;width:auto;justify-content:start;padding:0 0 0 calc(var(--tw-sm) * .18)}.sticks span.sticks-short,.wall-count{font-size:13px}.wall-count{font-weight:900}.win-hand{flex-wrap:wrap}.win-hand .tile{--w: 26px}.start-btn{position:sticky;bottom:12px;box-shadow:0 -12px 24px var(--felt-dark);z-index:3}}@media(orientation:landscape)and (max-height:500px){.sticks,.sticks span.sticks-short,.wall-count{font-size:13px}.wall-count{font-weight:900}.me-main .actions{margin-right:30px;margin-bottom:10px;margin-left:18px}.plate.right .line1:after{content:none}.plate.right .line1:before{content:"▶";color:var(--accent);font-size:10px}.plate{padding-inline:8px!important}}@media(min-width:761px)and (min-height:501px){:root{--tw-sm: clamp(28px, min(3.3vw, 4.2vh), 44px)}.table{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.board{min-height:0}.plate .ident{flex-wrap:nowrap}.lobby{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}}.toast{background:#0a1028e6;color:#fff0c8;border-left-width:3px}@media(min-width:761px)and (min-height:501px){.sticks{flex-wrap:wrap;justify-content:center;column-gap:10px}.sticks .wall-count{flex-basis:100%;text-align:center;font-size:18px;font-weight:900;color:var(--ink)}.plate.left .hand.revealed,.plate.right .hand.revealed{max-width:none}.plate .hand.revealed .tile{--w: 22px}}@media(max-width:760px)and (orientation:portrait){.lobby{display:flex;flex-direction:column}.lobby .lobby-head{order:0}.lobby .lobby-bar{order:1;margin-bottom:8px}.lobby .start-btn{order:2;position:static;box-shadow:none;margin:0 auto 12px}.lobby .chars{order:3}.lobby .char-detail{order:4}.lobby .lobby-settings{order:5}.river-slot.top .river,.river-slot.me .river{--tw-sm: 28px}.river-slot.left .river,.river-slot.right .river{--tw-sm: 24px}.board{align-self:center}.river-slot.left .river .cell.wide,.river-slot.right .river .cell.wide{padding-left:calc(var(--tw-sm) * .26)}.win-hand{flex-wrap:nowrap}.win-hand .tile{--w: min(26px, calc((100vw - 76px) / 14.6))}body.peeking .plate.top .hand.revealed{display:grid;grid-template-columns:repeat(7,auto);gap:1px}}@media(orientation:landscape)and (max-height:500px){.me-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.me-main .actions,.me-main .actions:empty{display:flex;min-width:120px}.plate .medal{display:inline-block!important;font-size:10px}.chip.depleted .count-text{color:#b8c0dc}}@media(orientation:landscape)and (max-height:500px){.plate .ident,.plate .who{min-width:0;flex:1 1 auto}.plate .line1{flex-wrap:nowrap;min-width:0;overflow:hidden}.plate .name{min-width:3em;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.plate .line1 .medal,.plate .chips,.plate .count{flex:none}}@media(orientation:landscape)and (max-height:500px){.plate .chip .sword,.plate .chip .cmp{display:none}}.plate .melds .tile,.slot-melds .meld .tile{--w: calc(var(--tw-sm) * .75)}.meld .called-stack .tile{box-shadow:0 0 0 1px var(--accent)}@media(min-width:761px)and (min-height:501px){.plate .hand.revealed .tile{--w: 28px}.plate.left .hand.revealed,.plate.right .hand.revealed{max-width:203px}.lobby{display:flex;flex-direction:column}.lobby .lobby-settings{order:1;align-self:center}.lobby .start-btn{order:2}.lobby .lobby-bar{order:0}.lobby .lobby-head{order:-3}.lobby .chars{order:-2}.lobby .char-detail{order:-1}}@media(max-width:760px)and (orientation:portrait){.me-area{--tw: calc((100vw - 28px) / 14.2)}.hand{gap:0}.hand .tile{height:calc(var(--w) * 1.8)}body.peeking .plate.left .name,body.peeking .plate.right .name,body.peeking .plate.left .medal,body.peeking .plate.right .medal,body.peeking .plate.left .avatar,body.peeking .plate.right .avatar{display:none}body.peeking .plate .hand.revealed .tile{--w: 21px}body.peeking .plate.top .hand.revealed .tile{--w: 26px}.lobby .char-detail{order:3;margin-top:0}.lobby .chars{order:4}.lobby .skill-icons .tag{font-size:14px}.lobby .name-field{display:flex;gap:8px;align-items:center;width:100%}.lobby .name-field input{flex:1}.lobby .lobby-bar{flex-direction:column;align-items:stretch}.lobby .segmented{align-self:center}}@media(orientation:landscape)and (max-height:500px){.plate .name{min-width:4.2em}.plate .count .tile{display:none}.river-slot.top{margin-top:10px}}@media(max-width:760px)and (orientation:portrait){.river-slot.left .river,.river-slot.right .river{--tw-sm: 19px;grid-template-columns:repeat(3,auto);min-width:calc(3 * (var(--tw-sm) + 2px))}.river-slot.left .river .cell.wide,.river-slot.right .river .cell.wide{grid-column:span 2}.compass{max-width:140px}body.peeking .plate .hand.revealed .tile{--w: 17px}.table{height:100dvh;min-height:0;overflow:hidden}.board{min-height:0}}@media(max-width:760px)and (orientation:portrait){.river-slot.top .river,.river-slot.me .river{--tw-sm: min(24px, calc((100vw - 92px - 2 * 63px - 12px) / 6 - 2px))}}.multi{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:4px 0 12px}.join-row{display:inline-flex;gap:6px}.join-row input,.room-share input{min-height:48px;border-radius:10px;border:1px solid var(--accent);background:#0d1638;color:var(--ink);font:inherit;padding:0 12px}.join-row input{width:6.5em;text-transform:uppercase;letter-spacing:.2em;text-align:center;font-weight:800}.room-code{font-family:ui-monospace,monospace;letter-spacing:.15em;color:var(--accent)}.room-share{display:flex;gap:8px;margin:8px 0 16px}.room-share input{flex:1;min-width:0}.room-seats{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.room-seats li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid #ffffff22}.room-seats li.me{border-color:var(--accent)}.room-seats li.empty{border-style:dashed}.center{text-align:center}@media(max-width:760px)and (orientation:portrait){.lobby .multi{order:2}}.lobby.room [data-room=begin]{order:5}.lobby.room [data-room=leave]{order:6;align-self:center;margin-top:8px}.lobby.room .room-seats{order:4}.lobby.room .room-share{order:3}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.scene-svg{width:100%;height:100%;display:block}.scene.dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,#0d163899,#0d1638e6 70%)}body:has(.scene){background:#1a1410}body:has(.scene):before{display:none}.petals i{position:absolute;top:-20px;width:var(--s);height:calc(var(--s) * .7);border-radius:80% 0;background:radial-gradient(circle at 30% 30%,#fff3f6,#f39ab4);opacity:.85;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-5vh) rotate(0)}50%{transform:translate(6vw,50vh) rotate(180deg)}to{transform:translate(-3vw,105vh) rotate(360deg)}}main.home{max-width:1280px;min-height:100dvh;margin:0 auto;padding:12px 20px 16px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top top" "stage modes" "chars chars";gap:14px;color:var(--ink)}.home>*{order:0!important}.home .topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:8px 14px;border-radius:14px;background:linear-gradient(90deg,#1a1208e6,#2a1d10cc 60%,#1a1208e6);border:1px solid #e0b04a88;box-shadow:0 6px 18px #0007}.player-card{display:flex;gap:10px;align-items:center}.player-card input{background:transparent;border:0;border-bottom:1px dashed #e0b04a88;color:#fff3c4;font:inherit;font-weight:800;font-size:18px;width:9em;min-height:40px}.home .logo{margin:0 auto;font-family:"Noto Serif TC",serif;font-size:30px;font-weight:900;text-align:center;background:linear-gradient(180deg,#fff6d0,#f6e3a1 35%,#c9a24a 60%,#8a6a22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #0008);line-height:1.1}.home .logo small{display:block;font-size:12px;letter-spacing:.2em;color:#f6e3a1;-webkit-text-fill-color:#f6e3a1}.home .lobby-settings{position:relative;margin:0}.home .lobby-settings summary{list-style:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;border:1px solid #e0b04a88;color:#f6e3a1}.settings-pop{position:absolute;right:0;top:52px;z-index:10;width:min(560px,90vw);padding:14px;border-radius:12px;background:#141f4df2;border:1px solid var(--accent)}.home .stage{grid-area:stage;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);align-items:center;gap:12px}.stage-svg{width:100%;max-height:62vh;filter:drop-shadow(0 12px 24px #0009)}.home .char-detail{margin:0;background:#fbf2e2f2;color:#2a1d10;border:3px double #8a6a22;border-radius:10px;box-shadow:0 10px 24px #0007}.home .char-detail .stat{color:#9c5a12}.home .char-detail p{color:#4a3a28}.home .char-detail .tag{background:#8a6a2222}.home .modes{grid-area:modes;display:flex;flex-direction:column;gap:12px;justify-content:center}.home .segmented{align-self:center;background:#1a1208cc}.mode-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:16px 20px;min-height:92px;border-radius:16px;border:2px solid #ffe8a6;color:#fff;cursor:pointer;font:inherit;box-shadow:inset 0 2px #fff5,0 8px #0005,0 14px 24px #0007;transition:transform .12s;text-shadow:0 2px 2px #0007}.mode-card:hover{transform:translateY(-3px)}.mode-card b{font-size:26px;font-family:"Noto Serif TC",serif;font-weight:900}.mode-card small{grid-column:2;font-size:13px;opacity:.9}.mode-card .mode-icon{grid-row:span 2;font-size:44px;display:grid;place-items:center}.mode-card .mode-icon .tile{--w: 44px}.mode-card.solo{background:linear-gradient(135deg,#e0453a,#9c1d1d)}.mode-card.room-mode{background:linear-gradient(135deg,#3b7fe0,#1b3f9c)}.mode-card.join-mode{background:linear-gradient(135deg,#2f9a64,#155c38);cursor:default;grid-template-columns:1fr}.mode-card.join-mode .join-row{margin-top:8px}.mode-card.join-mode input{flex:1}.home .char-bar{grid-area:chars;padding:10px;border-radius:14px;background:linear-gradient(180deg,#2a1d10e6,#1a1208f2);border:1px solid #e0b04a88}.home .chars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home .char{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;text-align:left;min-height:0;background:#ffffff0f;border:2px solid transparent;transform:none}.home .char .portrait{grid-row:span 2}.home .char h3{margin:0;font-size:16px}.home .char .skill-icons{justify-content:flex-start}.home .char.selected{border-color:var(--accent);background:#e0b04a2e;box-shadow:0 0 16px #e0b04a66}@media(max-width:760px)and (orientation:portrait){main.home{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"top" "stage" "modes" "chars";padding:8px 10px 14px;gap:10px}.home .logo{font-size:20px}.home .logo small{font-size:10px;letter-spacing:.05em}.player-card input{width:5.5em;font-size:15px}.home .stage{grid-template-columns:130px 1fr}.stage-svg{max-height:200px}.home .char-detail{font-size:13px;padding:8px 10px}.home .char-detail h2{font-size:16px}.mode-card{min-height:70px;padding:10px 14px}.mode-card b{font-size:20px}.mode-card .mode-icon{font-size:32px}.mode-card .mode-icon .tile{--w: 32px}.home .chars{grid-template-columns:repeat(2,minmax(0,1fr))}}.board{position:relative;isolation:isolate}.board:before{content:"";position:absolute;top:-2%;right:-4%;bottom:-2%;left:-4%;z-index:-1;border-radius:28px;background:radial-gradient(ellipse at 50% 45%,#2e8a5c,#1f6b45 55%,#164f33);box-shadow:inset 0 0 0 10px #6b4425,inset 0 0 0 12px #3d2412,inset 0 0 0 14px #b8873f,inset 0 0 60px #0007,0 18px 40px #000a;transform:perspective(1400px) rotateX(10deg);transform-origin:50% 60%}.board:after{content:"";position:absolute;top:3%;right:6%;bottom:3%;left:6%;z-index:-1;border-radius:18px;background:repeating-linear-gradient(90deg,#e9d9b6 0,#e9d9b6 22px,#c8b48a 22px,#c8b48a 24px) top / 60% 14px no-repeat,repeating-linear-gradient(90deg,#e9d9b6 0,#e9d9b6 22px,#c8b48a 22px,#c8b48a 24px) bottom / 60% 14px no-repeat,repeating-linear-gradient(0deg,#e9d9b6 0,#e9d9b6 22px,#c8b48a 22px,#c8b48a 24px) left / 14px 60% no-repeat,repeating-linear-gradient(0deg,#e9d9b6 0,#e9d9b6 22px,#c8b48a 22px,#c8b48a 24px) right / 14px 60% no-repeat;opacity:.55;filter:drop-shadow(0 3px 0 #2a7d52);transform:perspective(1400px) rotateX(10deg);transform-origin:50% 60%;pointer-events:none}[data-theme=gold] .compass{background:radial-gradient(circle,#1b2a63f2,#0d1638f2)}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){.board:before{top:-1%;right:-2%;bottom:-1%;left:-2%;border-radius:18px;box-shadow:inset 0 0 0 6px #6b4425,inset 0 0 0 8px #b8873f,inset 0 0 40px #0007,0 10px 24px #000a}.board:after{display:none}}@media(prefers-reduced-motion:reduce){.petals{display:none}}@media(max-width:760px)and (orientation:portrait){.home .char{grid-template-columns:auto 1fr;padding:6px 8px}.home .char .avatar{--size: 36px !important}.home .char h3{font-size:14px}.home .char .skill-icons{display:none}}.turn-timer{position:relative;height:8px;border-radius:4px;background:#ffffff1f;overflow:visible;margin:2px 0}.turn-timer i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#4fe0c8,#f5c75a);transform-origin:left center;animation:timer-shrink var(--left) linear forwards,timer-urgent .5s ease-in-out var(--urgent-in) infinite alternate}.turn-timer .secs{position:absolute;right:0;top:-18px;font-size:12px;font-weight:800;color:var(--ink)}@keyframes timer-shrink{to{transform:scaleX(0)}}@keyframes timer-urgent{to{background:#ff4d3d;box-shadow:0 0 10px #ff4d3d}}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){.turn-timer{position:absolute;left:10px;right:10px;top:-6px;margin:0;z-index:4}}.kind-tag{font-size:12px;line-height:1}.nameplate{display:inline-flex;align-items:center;gap:4px;border:1px solid #e0b04a99;border-radius:8px;padding:0 8px;background:#0003}.player-card .nameplate input{border-bottom:0}.nameplate .pencil{color:#e0b04a}.home .segmented{background:#1a1208}.mode-card .join-row input::placeholder{color:#c9d6e6}@media(max-width:760px)and (orientation:portrait){.table>.plate.left,.table>.plate.right{overflow:visible}}@media(orientation:landscape)and (max-height:500px){.plate .stick{flex:none;font-size:10px}.plate .line2{flex-wrap:nowrap}}@media(orientation:landscape)and (max-height:500px){main.home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "stage modes" "chars chars";min-height:100dvh;height:100dvh;padding:6px 12px;gap:6px}.home .topbar{padding:2px 10px}.home .logo{font-size:18px}.home .logo small{display:none}.home .stage{grid-template-columns:minmax(110px,.6fr) minmax(0,1fr);min-height:0}.stage-svg{max-height:46vh}.home .char-detail{font-size:11px;padding:6px 8px;max-height:100%;overflow:auto}.home .char-detail h2{font-size:14px;margin-bottom:2px}.home .char-detail .tag{white-space:nowrap}.home .char-detail p{margin:1px 0}.home .modes{gap:6px}.mode-card{min-height:0;padding:6px 12px}.mode-card b{font-size:16px}.mode-card small{display:none}.mode-card .mode-icon .tile{--w: 24px}.mode-card.join-mode .join-row{margin-top:2px}.mode-card.join-mode input,.mode-card.join-mode .act{min-height:36px}.home .segmented button{min-height:32px}.home .char-bar{padding:4px}.home .chars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.home .char{padding:3px 6px}.home .char .avatar{--size: 28px !important}.home .char h3{font-size:12px}.home .char .skill-icons{display:none}}@media(max-width:760px)and (orientation:portrait){.home .char{align-items:center}}.room-screen{min-height:100dvh;display:grid;place-items:center;padding:16px}.room-card{width:min(720px,100%);background:#f7efdf;color:#2a1d10;border:2px solid #c9a24a;border-radius:14px;box-shadow:0 0 0 6px #3b2a1a,0 20px 40px #000a;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.room-kicker{margin:0;text-align:center;color:#6b5236;font-size:14px}.room-plaque{align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 28px;border-radius:12px;border:3px double #8a6a22;background:linear-gradient(180deg,#2a1d10,#1a1208);color:#fff3c4;cursor:pointer;font:inherit;min-height:44px}.room-plaque small{font-size:12px;color:#e0b04a}.room-plaque b{font-family:"Noto Serif TC",serif;font-size:48px;letter-spacing:.18em;line-height:1.1;background:linear-gradient(180deg,#fff6d0,#f6e3a1 35%,#c9a24a 60%,#8a6a22);-webkit-background-clip:text;background-clip:text;color:transparent}.room-plaque .copy-hint{font-size:12px;color:#c9d3f0}.room-card .room-share input{background:#fffaf0;color:#2a1d10;border-color:#c9a24a;direction:rtl;text-overflow:ellipsis}.room-card .act.secondary{color:#2a1d10;border-color:#8a6a22}.room-status{margin:0;text-align:center;font-weight:800;color:#2a1d10;background:#e0b04a33;border-radius:999px;padding:4px 12px}.room-card .room-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.seat-card{background:#fffaf0!important;color:#2a1d10;border:1px solid #c9a24a!important;min-height:76px}.seat-card.me{box-shadow:0 0 0 2px #e0b04a}.seat-card.empty{border-style:dashed!important;opacity:.85}.seat-card .muted{color:#6b5236}.ghost-emblem{width:56px;height:56px;border-radius:50%;border:2px dashed #8a6a22;display:grid;place-items:center;font-size:13px;color:#8a6a22;flex:none}.room-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.room-actions .start-btn{margin:0}.room-wait{margin:0;font-weight:800;color:#2a1d10}@media(max-width:760px)and (orientation:portrait){.room-card .room-seats{grid-template-columns:1fr 1fr}.seat-card{flex-direction:column;text-align:center;padding:8px!important}.room-plaque b{font-size:40px}}.win-hero{position:relative}.win-stamp:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(#ffd35c40 0 10deg,transparent 10deg 20deg);animation:spin 12s linear infinite;pointer-events:none}.win-stamp{position:relative;isolation:isolate}@keyframes spin{to{transform:rotate(360deg)}}.big-points{background:linear-gradient(180deg,#fff3c4,#e8b440);-webkit-background-clip:text;background-clip:text;color:transparent!important}[data-theme] .room-card .act.secondary{background:#fffaf0;color:#2a1d10;border:1px solid #8a6a22;box-shadow:none}.mode-card.join-mode{grid-template-columns:auto 1fr}.mode-card.join-mode .join-row{grid-column:2}.turn-timer.urgent .secs{font-size:16px;color:#ff6b5c;font-weight:900}.room-card .tag{font-size:12px;padding:1px 6px}.seat-card .muted{word-break:keep-all}.home .char h3{text-align:start}.modal-bg .modal{border:2px solid #c9a24a;background:linear-gradient(180deg,#1d2c3a,#121c27);position:relative}.modal-bg:before{content:"";position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(#ffd77a14 0 6deg,transparent 6deg 12deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);pointer-events:none}.modal-bg{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-bg.peek:before{display:none}.score-table tr.me td{background:linear-gradient(90deg,#e0b04a33,#e0b04a14)}[data-theme=jade] .digits{font-size:clamp(28px,6vmin,52px);text-shadow:0 0 12px #3fe0c8aa}[data-theme=jade] .compass{box-shadow:inset 0 0 0 2px #ffffff14,inset 0 8px 16px #ffffff10,inset 0 0 0 6px #14181d,0 10px 24px #000b}[data-theme=jade] .sticks{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;opacity:.8}@media(max-width:760px)and (orientation:portrait){.table>.plate{position:relative;z-index:3}.plate.left .score,.plate.right .score{display:none}.plate.left .line2:after,.plate.right .line2:after{content:attr(data-k)}.river-slot.left .river,.river-slot.right .river{--tw-sm: 23px;grid-template-columns:repeat(2,auto);min-width:calc(2 * (var(--tw-sm) + 2px))}.river-slot.top .river,.river-slot.me .river{--tw-sm: 27px}.compass{max-width:128px}.board{align-self:stretch;align-content:center}[data-theme=jade] .wall{display:flex}[data-theme=jade] .wall i{width:9px;height:6px;box-shadow:0 1px #1b5e9c,0 2px #fbfaf4,0 3px #2f86d1}[data-theme=jade] .wall-left i,[data-theme=jade] .wall-right i{width:6px;height:9px}[data-theme=jade] .wall-top{top:-6px}[data-theme=jade] .wall-me{bottom:-8px}[data-theme=jade] .wall-left{left:-7px}[data-theme=jade] .wall-right{right:-7px}}@media(orientation:landscape)and (max-height:500px){.table{padding-top:max(4px,env(safe-area-inset-top))}.table>.plate{min-height:44px;position:relative;z-index:3}.plate .count{display:none}[data-theme=jade] .board{transform:perspective(900px) rotateX(14deg);transform-origin:50% 70%;margin:6px 24px 10px}[data-theme=jade] .board:before{top:-4%;right:-3%;bottom:-4%;left:-3%}.actions .hint{display:none}.me-area .preview{bottom:calc(100% + 26px)!important}}.table{position:relative}.table3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.table>.plate,.table>.me-area{position:relative;z-index:2}.board.three{transform:none!important}.board.three>*{opacity:0!important}.board.three:before,.board.three:after{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.callout{animation:none!important}}.avatar.pic{background-size:cover;background-position:center;color:transparent;text-shadow:none}.scene-img{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0a0e1e33,#0a0e1e66 60%,#0a0e1ecc),url(/bgs/garden.webp) center / cover no-repeat}.stage-art{align-self:end;display:flex;justify-content:center;height:100%}.stage-cut{display:block;max-height:min(78vh,640px);max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 18px #0a0e1eaa);-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.home .modes{gap:14px}.mode-card{position:relative;display:flex!important;align-items:center;gap:12px;min-height:0;padding:18px 22px!important;border:0!important;border-radius:0!important;overflow:hidden;isolation:isolate;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:none!important;filter:drop-shadow(0 8px 14px #0009);background:var(--tint)!important;text-shadow:0 2px 4px #000a}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;clip-path:inherit;background:linear-gradient(135deg,#ffe7a6 0 26px,transparent 26px) top left / 100% 100% no-repeat;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;border:0}.mode-card:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:2;pointer-events:none;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);box-shadow:inset 0 0 0 1.5px #ffe7a6aa,inset 0 1px 0 2px #fff2}.mode-card .mc-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--art) var(--art-pos, center) / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 62%);mask-image:linear-gradient(90deg,transparent 18%,#000 62%);transition:transform .4s ease}.mode-card:hover .mc-art{transform:scale(1.06)}.mode-card:hover{transform:translateY(-2px);filter:drop-shadow(0 12px 18px #000a) brightness(1.06)}.mode-card .mc-text{display:grid;gap:2px;position:relative;z-index:1}.mode-card b{font-size:30px!important;letter-spacing:.06em;background:linear-gradient(#fff8dc,#f2c94c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #000c);text-shadow:none}.mode-card small{font-size:14px!important;color:#e9e6ff;opacity:1!important}.mode-card .mc-go{margin-left:auto;z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ffe7a6,#e0a92e);color:#4a2a00;font-size:18px;box-shadow:0 0 0 3px #fff3,0 4px 10px #0008;text-shadow:none}.mode-card.solo{--tint: linear-gradient(100deg, #7a1f2b 0%, #4a1630 45%, #1d1530 100%);--art: url(/lobby/solo.webp);min-height:132px}.mode-card.solo b{font-size:36px!important}.mode-card.room-mode{--tint: linear-gradient(100deg, #24306e 0%, #1b2150 50%, #141631 100%);--art: url(/lobby/create.webp);--art-pos: center 78%}.mode-card.join-mode{--tint: linear-gradient(100deg, #1e5a52 0%, #173c45 50%, #121a2e 100%);--art: url(/lobby/join.webp);cursor:default}.mode-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-pair .mode-card{min-height:118px;align-items:flex-start}.mode-pair .mode-card b{font-size:26px!important}.mode-card.join-mode .join-row{display:flex;gap:6px;margin-top:8px}.mode-card.join-mode input{width:100%;min-width:0;background:#0b0e1fcc;border:1px solid #ffe7a666;color:#fff;border-radius:8px;padding:0 10px;min-height:44px;font-size:16px;letter-spacing:.2em}.mode-card.join-mode .join-row .act{min-height:44px;padding:0 14px}@media(max-height:500px){.mode-card.solo{min-height:92px}.mode-card.solo b{font-size:28px!important}.mode-pair .mode-card{min-height:0;padding:12px 14px!important}.mode-pair .mode-card b{font-size:21px!important}.mode-pair .mode-card small{display:none}}.mode-card .mc-text{grid-template-columns:1fr;flex:1;min-width:0}.mode-card .mc-text>*{grid-column:1!important}.mode-card .mc-text b{white-space:nowrap}.mode-card:after{display:none}@media(max-height:500px){.home .modes{gap:8px}.mode-card{padding:10px 16px!important}.mode-card.solo{min-height:0!important}.mode-card.solo b{font-size:26px!important}.mode-card .mc-go{width:38px;height:38px}.mode-pair .mode-card small{display:none!important}.mode-pair .mode-card b{font-size:20px!important}.mode-card.join-mode .join-row{margin-top:4px}}[data-theme] .tile:not(.back){background:linear-gradient(180deg,var(--tile-hi) 0%,var(--tile-bg) 55%,var(--tile-lo) 100%);border:0;border-radius:calc(var(--w) * .16);box-shadow:inset 0 1px #fff,inset 0 -2px #0000000d,0 calc(var(--w) * .1) 0 var(--tile-side),0 calc(var(--w) * .1 + 1px) 0 var(--tile-side-dark),0 calc(var(--w) * .14) calc(var(--w) * .2) #0006;margin-bottom:calc(var(--w) * .1)}[data-theme] .tile.back{border:0;border-radius:calc(var(--w) * .16);background:var(--tile-back);box-shadow:inset 0 1px #fff6,0 calc(var(--w) * .1) 0 var(--tile-side),0 calc(var(--w) * .14) calc(var(--w) * .2) #0006;margin-bottom:calc(var(--w) * .1)}[data-theme] .tile.red{box-shadow:inset 0 3px 0 var(--man),0 calc(var(--w) * .1) 0 var(--tile-side),0 calc(var(--w) * .14) calc(var(--w) * .2) #0006}[data-theme] .tile.tsumogiri{--tile-bg: var(--tile-dim);--tile-hi: var(--tile-dim)}[data-theme] .tile.last{box-shadow:0 0 0 2px var(--accent),0 0 14px var(--accent),0 calc(var(--w) * .1) 0 var(--tile-side)}[data-theme] .tile.skill-touched{box-shadow:0 0 0 3px #c58bff,0 0 16px #b06cff,0 calc(var(--w) * .1) 0 var(--tile-side)}[data-theme] .hand .tile.riichi-ok{box-shadow:0 0 0 3px var(--accent),0 calc(var(--w) * .1) 0 var(--tile-side)}[data-theme] .win-tile{box-shadow:0 0 0 2px #ffd35c,0 calc(var(--w) * .1) 0 var(--tile-side)}[data-theme=gold]{--felt: #233a7a;--felt-dark: #0d1638;--panel: linear-gradient(180deg, #2a3a7ad9, #141f4dd9);--ink: #fbf3df;--muted: #c9cfea;--accent: #f5c75a;--gold-line: #f5c75a8c;--tile-bg: #fffaf0;--tile-hi: #ffffff;--tile-lo: #f1e6cf;--tile-dim: #e2dccd;--tile-side: #2f8f6a;--tile-side-dark: #1d5e45;--tile-back: repeating-linear-gradient(45deg, #ffffff1f 0 2px, transparent 2px 7px), repeating-linear-gradient(-45deg, #ffffff1f 0 2px, transparent 2px 7px), linear-gradient(180deg, #43b38a, #2a7f5e);--man: #c0262d;--pin: #1d4fa3;--sou: #17703f}[data-theme=gold] body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 50%,transparent 55%,#0006 100%),radial-gradient(ellipse at 50% 45%,#3b56b0 0%,transparent 60%),radial-gradient(circle at 50% 40%,var(--felt),var(--felt-dark));background-attachment:fixed}[data-theme=gold] .plate,[data-theme=gold] .me-area,[data-theme=gold] .compass{outline:1px solid #f5c75a40;outline-offset:3px}[data-theme=gold] .medal,[data-theme=gold] .chip .icon{background:linear-gradient(180deg,#f6e3a1,#c9a24a 50%,#8a6a22);color:#2a1d00}[data-theme=gold] .plate,[data-theme=gold] .me-area,[data-theme=gold] .char,[data-theme=gold] .versus-card,[data-theme=gold] .modal{background:var(--panel);border:1px solid var(--gold-line);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 3px #0d163880,inset 0 0 0 4px #f5c75a33,0 8px 24px #0008}[data-theme=gold] .me-area{position:relative}[data-theme=gold] .me-area:before,[data-theme=gold] .me-area:after,[data-theme=gold] .compass:before,[data-theme=gold] .compass:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--accent);pointer-events:none}[data-theme=gold] .me-area:before,[data-theme=gold] .compass:before{top:4px;left:4px;border-right:0;border-bottom:0}[data-theme=gold] .me-area:after,[data-theme=gold] .compass:after{bottom:4px;right:4px;border-left:0;border-top:0}[data-theme=gold] .plate.active,[data-theme=gold] .me-area.active{box-shadow:0 0 0 2px var(--accent),0 0 18px #f5c75a66,0 8px 24px #0008}[data-theme=gold] .compass{background:radial-gradient(circle,#1b2a63,#0d1638);border:1px solid var(--gold-line);box-shadow:inset 0 0 0 4px #0d1638,inset 0 0 0 5px #f5c75a55,0 10px 30px #0009}[data-theme=gold] .round-title{font-family:"Noto Serif TC",serif;background:linear-gradient(180deg,#fff6d0,#f6e3a1 35%,#c9a24a 60%,#8a6a22);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:2px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);padding:0 8px}[data-theme=gold] .start h1,[data-theme=gold] .modal h2{font-family:"Noto Serif TC",serif;color:#ffe7a3}[data-theme=gold] .act{background:linear-gradient(180deg,#ffe39a,#e2a634);box-shadow:inset 0 1px #fff8,0 3px #9c6c12}[data-theme=gold] .act.secondary{background:transparent;box-shadow:none;border-color:var(--gold-line);color:var(--ink)}[data-theme=gold] .avatar{box-shadow:0 0 0 2px var(--accent),0 0 10px #f5c75a88}[data-theme=gold] .chip{background:#0d1638cc;border-color:#f5c75a55}[data-theme=gold] .toggle{border-color:var(--gold-line)}[data-theme=wa]{--felt: #2f4a3a;--felt-dark: #1b2b22;--ink: #2a2118;--muted: #5e4e3c;--accent: #c23b22;--good: #2f7a4a;--hostile: #c23b22;--tile-bg: #fffdf6;--tile-hi: #ffffff;--tile-lo: #ece3cf;--tile-dim: #ddd3bf;--tile-side: #8a5a2b;--tile-side-dark: #5e3a17;--tile-back: linear-gradient(180deg, #c98f52, #a8692f);--man: #b42a1c;--pin: #1f3f7a;--sou: #275e36;font-family:"Noto Serif TC","Noto Serif CJK TC",serif}[data-theme=wa] body{background:repeating-linear-gradient(90deg,#0000 0,#0000 38px,#00000014 38px,#00000014 40px),radial-gradient(circle at 50% 40%,#4c6e57,#1b2b22);color:#f4ecdc}[data-theme=wa] .plate,[data-theme=wa] .me-area,[data-theme=wa] .char,[data-theme=wa] .versus-card,[data-theme=wa] .modal,[data-theme=wa] .compass{background:repeating-linear-gradient(17deg,#0000 0,#0000 6px,#8b6b4a0d 6px,#8b6b4a0d 7px),repeating-linear-gradient(-71deg,#0000 0,#0000 11px,#8b6b4a0a 11px,#8b6b4a0a 12px),linear-gradient(180deg,#efe4cc,#e2d4b6);color:var(--ink);border:6px solid #7a4d22;border-image:linear-gradient(180deg,#9a6634,#6b4119) 1;box-shadow:0 6px 16px #0006}[data-theme=wa] .me-area{border-top-color:var(--accent)}[data-theme=wa] .plate.active,[data-theme=wa] .me-area.active{box-shadow:0 0 0 3px var(--accent),0 6px 16px #0006}[data-theme=wa] .cside .score{color:var(--ink)}[data-theme=wa] .round-title{font-size:26px;font-weight:900;border:3px double var(--ink);padding:0 12px}[data-theme=wa] .river-slot .tile,[data-theme=wa] .dora-slot{color:#f4ecdc}[data-theme=wa] .dora-slot .muted{background:#efe4cc;color:var(--ink);padding:0 6px;border-radius:3px}[data-theme=wa] .log li{background:#efe4cce6;color:var(--ink)}[data-theme=wa] .wind,[data-theme=wa] .cwind{background:var(--ink);color:#f7f0e1}[data-theme=wa] .oya,[data-theme=wa] .cwind.dealer{background:var(--accent)}[data-theme=wa] .medal{background:var(--accent);color:#fff;border-radius:2px}[data-theme=wa] .chip{background:#fff8;border-color:#8b6b4a55}[data-theme=wa] .tag{background:#8b6b4a22}[data-theme=wa] .act{background:var(--accent);color:#fff;border-radius:4px;font-family:inherit}[data-theme=wa] .act.win{background:linear-gradient(180deg,#e0513a,#a32a17);box-shadow:0 0 0 2px #f7f0e1,0 0 0 4px var(--accent)}[data-theme=wa] .act.call,[data-theme=wa] .act.riichi{background:#f7f0e1;color:var(--accent);border:2px solid var(--accent)}[data-theme=wa] .act.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}[data-theme=wa] .toggle{border-color:var(--ink)}[data-theme=wa] .toggle.on{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=wa] .avatar{border-radius:6px;box-shadow:0 0 0 2px #f7f0e1,0 0 0 3px var(--ink)}[data-theme=wa] .callout{font-family:"Noto Serif TC",serif}[data-theme=wa] .callout.skill{background:#f7f0e1;color:var(--accent);border:3px double var(--accent);text-shadow:none}[data-theme=wa] .start .sub,[data-theme=wa] .start h1,[data-theme=wa] .start .section,[data-theme=wa] .debug{color:#f4ecdc}[data-theme=wa] .segmented{border-color:#f4ecdc88}[data-theme=wa] .score-table td,[data-theme=wa] .score-table th{border-color:#8b6b4a33}[data-theme=wa] .plus{color:#2f7a4a}[data-theme=wa] .minus{color:#b42a1c}[data-theme=neon]{--felt: #0b1024;--felt-dark: #04060f;--ink: #e8f4ff;--muted: #aebde0;--accent: #29e3ff;--magenta: #ff3d8b;--good: #3cffa0;--hostile: #ff3d8b;--tile-bg: #f2f7ff;--tile-hi: #ffffff;--tile-lo: #dbe5f5;--tile-dim: #c9d2e2;--tile-side: #1b6f86;--tile-side-dark: #0e3f4d;--tile-back: linear-gradient(180deg, #1fb6d1, #0e6f86);--man: #e0245e;--pin: #1565d8;--sou: #0f8a5f;font-family:Noto Sans TC,system-ui,sans-serif}[data-theme=neon] body{background:radial-gradient(circle at 50% 45%,#29e3ff14,transparent 45%),linear-gradient(#29e3ff0a 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(90deg,#29e3ff0a 1px,transparent 1px) 0 0 / 40px 40px,radial-gradient(circle at 50% 40%,#1a1f4a,#04060f)}[data-theme=neon] .plate,[data-theme=neon] .me-area,[data-theme=neon] .char,[data-theme=neon] .versus-card,[data-theme=neon] .modal,[data-theme=neon] .compass{background:linear-gradient(180deg,#141b40f0,#0b1029f0);border:1px solid #ff3d8b40;box-shadow:inset 0 1px #ffffff14}[data-theme=neon] .me-area,[data-theme=neon] .compass{border-color:#29e3ff66}[data-theme=neon] .plate.active,[data-theme=neon] .me-area.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #29e3ff66}[data-theme=neon] .round-title{color:#fff;text-shadow:0 0 8px var(--accent);letter-spacing:3px}[data-theme=neon] .act{background:#29e3ff1f;color:#e8fbff;border:2px solid var(--accent)}[data-theme=neon] .act.win{border-color:var(--magenta);background:#ff3d8b33;box-shadow:0 0 14px var(--magenta)}[data-theme=neon] .act.secondary{color:var(--muted);border-color:#aebde066;background:transparent}[data-theme=neon] .toggle.on{background:#29e3ff26;color:var(--accent);border-color:var(--accent)}[data-theme=neon] .medal{background:transparent;color:var(--accent);border:1px solid var(--accent)}[data-theme=neon] .plate .medal{color:var(--magenta);border-color:var(--magenta)}[data-theme=neon] .avatar{box-shadow:0 0 0 2px var(--accent)}[data-theme=neon] .plate .avatar{box-shadow:0 0 0 2px var(--magenta)}[data-theme=neon] .chip{background:#29e3ff12;border-color:#29e3ff44}[data-theme=neon] .plate .chip{background:#ff3d8b12;border-color:#ff3d8b55}[data-theme=neon] .callout.skill{background:#0f1533f2;border:2px solid var(--magenta)}[data-theme=neon] .callout.skill.mine{border-color:var(--accent);background:#0f1533f2;color:var(--accent)}[data-theme=neon] .clash{background:#04060ff2;border-color:var(--accent)}[data-theme=neon] .log li{background:#29e3ff0f}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 18px}.theme-opt{min-height:64px;border-radius:10px;border:2px solid transparent;cursor:pointer;font-weight:800;color:#fff;text-shadow:0 1px 2px #000a;text-align:left;padding:8px 12px}.theme-opt small{display:block;font-weight:400;font-size:12px}.theme-opt.on{border-color:#fff;box-shadow:0 0 0 2px #000,0 0 12px #fff8}.theme-opt[data-theme-opt=classic]{background:radial-gradient(circle,#1d4d3a,#143829)}.theme-opt[data-theme-opt=gold]{background:linear-gradient(135deg,#233a7a,#0d1638 70%,#e0a92f)}.theme-opt[data-theme-opt=wa]{background:linear-gradient(135deg,#f7f0e1 0,#f7f0e1 45%,#c23b22 45%,#c23b22 55%,#4c6e57 55%)}.theme-opt[data-theme-opt=neon]{background:linear-gradient(135deg,#04060f,#1a1f4a 60%,#29e3ff)}[data-theme=jade]{--felt: #1f5c55;--felt-dark: #0f2f2c;--panel: linear-gradient(180deg, #f4f8fbf2, #dfe9f1f2);--ink: #f3f8fb;--muted: #c7d6df;--accent: #f5c75a;--teal: #4fe0c8;--tile-bg: #fbfaf4;--tile-hi: #ffffff;--tile-lo: #e9e6dc;--tile-dim: #dcd8cc;--tile-side: #2f86d1;--tile-side-dark: #1b5e9c;--tile-back: linear-gradient(180deg, #4aa3ea, #2f86d1);--man: #c0262d;--pin: #1d4fa3;--sou: #17703f}[data-theme=jade] .plate,[data-theme=jade] .me-area{background:linear-gradient(180deg,#1c2d3ee6,#101b28ee);border:1px solid #7fc4ef66;box-shadow:inset 0 1px #ffffff26,0 6px 16px #0008}[data-theme=jade] .plate .avatar{border-radius:10px;box-shadow:0 0 0 2px #fff,0 0 0 4px #2f86d1}[data-theme=jade] .me-area{background:linear-gradient(180deg,#16273acc,#0c1622f2)}[data-theme=jade] .plate.active,[data-theme=jade] .me-area.active{box-shadow:0 0 0 2px var(--teal),0 0 18px #4fe0c899;animation:none}[data-theme=jade] .medal{background:linear-gradient(180deg,#ffe08a,#d39b2a)}[data-theme=jade] .chip{background:#0b1a28cc;border-color:#7fc4ef55}[data-theme=jade] .act{background:linear-gradient(180deg,#ffe39a,#e2a634);box-shadow:inset 0 1px #fff8,0 3px #9c6c12}[data-theme=jade] .act.secondary{background:#0b1a28cc;box-shadow:none;border-color:#7fc4ef88;color:var(--ink)}[data-theme=jade] .board:before{background:linear-gradient(#ffffff10,#ffffff10) center / 70% 70% no-repeat,radial-gradient(ellipse at 50% 45%,#2a7b70,#1f5c55 60%,#173f3b);border-radius:18px;box-shadow:inset 0 0 0 2px #fff2,inset 0 0 0 12px #2a6f66,inset 0 0 0 14px #ffffff2e,inset 0 0 80px #0007,0 0 0 14px #cfd8de,0 0 0 16px #8a99a3,0 24px 50px #000c;transform:none}[data-theme=jade] .board:after{content:none}@media(min-width:761px)and (min-height:501px){[data-theme=jade] .board{transform:perspective(1300px) rotateX(22deg);transform-origin:50% 75%}}@media(max-width:760px)and (orientation:portrait){[data-theme=jade] .board{transform:perspective(900px) rotateX(10deg);transform-origin:50% 80%}}.wall{display:none}[data-theme=jade] .wall{position:absolute;display:flex;gap:1px;z-index:0;pointer-events:none}[data-theme=jade] .wall i{width:calc(var(--tw-sm) * .82);height:calc(var(--tw-sm) * .5);border-radius:3px;background:linear-gradient(180deg,#fbfaf4 0,#fbfaf4 30%,#4aa3ea 30%,#4aa3ea);box-shadow:0 2px #1b5e9c,0 4px #fbfaf4,0 6px #2f86d1,0 7px 4px #0006;flex:none}[data-theme=jade] .wall-top,[data-theme=jade] .wall-me{left:50%;transform:translate(-50%)}[data-theme=jade] .wall-top{top:2%}[data-theme=jade] .wall-me{bottom:4%}[data-theme=jade] .wall-left,[data-theme=jade] .wall-right{top:50%;flex-direction:column}[data-theme=jade] .wall-left{left:2%;transform:translateY(-50%)}[data-theme=jade] .wall-right{right:2%;transform:translateY(-50%)}[data-theme=jade] .wall-left i,[data-theme=jade] .wall-right i{width:calc(var(--tw-sm) * .5);height:calc(var(--tw-sm) * .6);background:linear-gradient(90deg,#4aa3ea 0,#4aa3ea 70%,#fbfaf4 70%,#fbfaf4)}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){[data-theme=jade] .wall{display:none}}[data-theme=jade] .compass{background:radial-gradient(circle at 50% 30%,#2a2f36,#0b0d10 70%);border:2px solid #3b4450;border-radius:16px;box-shadow:inset 0 1px #fff2,inset 0 0 0 6px #14181d,0 10px 24px #000b;outline:none}[data-theme=jade] .compass:before,[data-theme=jade] .compass:after{content:none}[data-theme=jade] .cwind{background:#e6edf2;color:#0b0d10}[data-theme=jade] .cwind.dealer{background:#d23b33;color:#fff}[data-theme=jade] .cside .score,[data-theme=jade] .cside .short-score{color:#ffd76a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.04em}[data-theme=jade] .cside.turn .cwind{box-shadow:0 0 0 2px var(--teal),0 0 12px var(--teal)}[data-theme=jade] .cside.turn:after{background:var(--teal)}[data-theme=jade] .round-title{font-family:"Noto Serif TC",serif;color:#e6edf2;background:none;-webkit-text-fill-color:currentColor;border:0;font-size:15px;letter-spacing:2px}.digits{display:none}[data-theme=jade] .digits{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:900;line-height:1;color:var(--teal);text-shadow:0 0 10px #4fe0c8aa}[data-theme=jade] .sticks .wall-count{display:none}[data-theme=jade] .sticks{color:#9fb2bf}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){[data-theme=jade] .digits{font-size:22px}[data-theme=jade] .round-title{font-size:12px}}@media(min-width:761px)and (min-height:501px){[data-theme=jade] .board{transform:perspective(1100px) rotateX(30deg);transform-origin:50% 80%;padding:3.5% 4%}}@media(orientation:landscape)and (max-height:500px){[data-theme=jade] .board{transform:perspective(800px) rotateX(24deg);transform-origin:50% 80%}[data-theme=jade] .wall{display:flex}}@media(max-width:760px)and (orientation:portrait){[data-theme=jade] .board{transform:perspective(900px) rotateX(16deg)}}[data-theme=jade] .board:before{background:linear-gradient(135deg,transparent 49.6%,#ffffff12 49.6% 50.4%,transparent 50.4%) center / 100% 100%,linear-gradient(45deg,transparent 49.6%,#ffffff12 49.6% 50.4%,transparent 50.4%) center / 100% 100%,radial-gradient(ellipse at 50% 45%,#2f7f86,#1f5f6a 55%,#163f4a);box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 0 0 26% #0000,inset 0 0 70px #0008,0 0 0 16px #dfe6ea,0 0 0 18px #9aa7b0,0 10px 0 18px #6e7c86,0 30px 60px 10px #000c}[data-theme=jade] .wall i{width:calc(var(--tw-sm) * .78);height:calc(var(--tw-sm) * .62);border-radius:3px;background:linear-gradient(180deg,#5db2f0 0,#5db2f0 62%,#f7f6f0 62%,#f7f6f0);box-shadow:0 0 0 1px #1b5e9c55,0 3px #c9c6bb,0 -4px 0 -1px #5db2f0,0 -5px 0 -1px #1b5e9c88}[data-theme=jade] .wall-left i,[data-theme=jade] .wall-right i{width:calc(var(--tw-sm) * .62);height:calc(var(--tw-sm) * .78);background:linear-gradient(90deg,#5db2f0 0,#5db2f0 62%,#f7f6f0 62%,#f7f6f0)}[data-theme=jade] .wall-top{top:.5%}[data-theme=jade] .wall-me{bottom:.5%}[data-theme=jade] .wall-left{left:.5%}[data-theme=jade] .wall-right{right:.5%}[data-theme=jade] .tile:not(.back){background:linear-gradient(180deg,#fff,#fbfaf4 70%,#eceae0);box-shadow:inset 0 1px #fff,0 calc(var(--w) * .06) 0 #e2ded2,0 calc(var(--w) * .16) 0 #2f86d1,0 calc(var(--w) * .18) 0 #1b5e9c,0 calc(var(--w) * .26) calc(var(--w) * .18) #0007;margin-bottom:calc(var(--w) * .18)}[data-theme=jade] .table>.plate{background:linear-gradient(180deg,#0e1a26cc,#0a131ccc);border-color:#7fc4ef44;padding:4px 8px;gap:3px}[data-theme=jade] .plate .avatar{--size: 30px !important;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #2f86d1}@media(min-width:761px)and (min-height:501px){[data-theme=jade] .table>.plate{width:max-content;max-width:260px}[data-theme=jade] .plate .player{display:none}[data-theme=jade] .plate .name{font-size:13px}[data-theme=jade] .plate .score{font-size:13px;min-height:0;padding:0 2px}[data-theme=jade] .plate .chip{min-height:0;padding:1px 6px 1px 2px;font-size:11px}[data-theme=jade] .plate .chip .icon{width:18px;height:18px;font-size:10px}[data-theme=jade] .plate .count{font-size:11px}}@media(max-width:760px)and (orientation:portrait){[data-theme=jade] .plate .avatar{--size: 24px !important}}[data-theme=jade] .wall{display:flex!important}[data-theme=jade] .wall i{width:calc(var(--tw-sm) * .95);height:calc(var(--tw-sm) * .7)}[data-theme=jade] .wall-left i,[data-theme=jade] .wall-right i{width:calc(var(--tw-sm) * .7);height:calc(var(--tw-sm) * .95)}@media(max-width:760px)and (orientation:portrait){[data-theme=jade] .wall i{width:15px;height:10px}[data-theme=jade] .wall-left i,[data-theme=jade] .wall-right i{width:10px;height:15px}[data-theme=jade] .table{grid-template-columns:40px minmax(0,1fr) 40px}[data-theme=jade] .plate.left .name,[data-theme=jade] .plate.right .name{writing-mode:horizontal-tb;font-size:10px;max-width:38px;overflow:hidden;text-overflow:clip;white-space:nowrap}[data-theme=jade] .plate.left .medal,[data-theme=jade] .plate.right .medal{font-size:9px}[data-theme=jade] .plate.left .line2:after,[data-theme=jade] .plate.right .line2:after{font-size:11px}[data-theme=jade] .plate.left .count,[data-theme=jade] .plate.right .count,[data-theme=jade] .plate .kind-tag{font-size:10px}[data-theme=jade] .plate.left .chip .icon,[data-theme=jade] .plate.right .chip .icon{width:16px;height:16px}[data-theme=jade] .table>.plate.left,[data-theme=jade] .table>.plate.right{padding:3px 1px}[data-theme=jade] .plate.top .avatar{--size: 26px !important}}.side-river{display:flex!important;gap:2px;min-width:0!important;grid-template-columns:none!important}.side-river.left{flex-direction:row-reverse}.side-river.right{flex-direction:row}.side-river .rcol{display:flex;flex-direction:column;gap:2px}.side-river.right .rcol{flex-direction:column-reverse}.side-river .cell.wide{width:calc(var(--tw-sm) * 1.36 + 2px);height:calc(var(--tw-sm) + 2px);display:grid;place-items:center;grid-column:auto!important;padding:0!important}.side-river.right .tile.sideways{transform:rotate(-90deg)}.side-river .tile.sideways{margin:0!important}.corner-melds{position:absolute;z-index:1;pointer-events:none}.corner-melds .melds{flex-wrap:nowrap}.corner-melds.top{top:4%;left:5%;transform:rotate(180deg)}.corner-melds.left{left:1%;bottom:18%;transform:rotate(90deg);transform-origin:left bottom}.corner-melds.right{right:1%;top:18%;transform:rotate(-90deg);transform-origin:right top}[data-theme=jade] .wall i{position:relative}[data-theme=jade] .wall i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-38%);border-radius:inherit;background:inherit;box-shadow:0 2px #1b5e9c}[data-theme=jade] .wall-left i:before,[data-theme=jade] .wall-right i:before{transform:translate(-30%)}.thinking{font-size:11px;font-weight:800;color:#0b1a28;background:var(--teal, #4fe0c8);border-radius:999px;padding:1px 8px;align-self:center;animation:glow 1s ease-in-out infinite alternate}@media(orientation:landscape)and (max-height:500px){[data-theme=jade] .board{padding:4% 6%}.mode-card small{display:block!important;font-size:11px}}@media(max-width:760px)and (orientation:portrait){.me-area .preview,.me-main .actions{top:4px!important;bottom:auto!important}.me-area .preview{left:8px!important;transform:none!important;max-width:55%!important}.me-main .actions{left:auto!important;right:8px!important;transform:none!important;max-width:45%!important}.hand .tile.selected.playable,.hand .tile.selected.playable:hover{transform:translateY(-12px)!important}.corner-melds .tile{--w: 18px}}.turn-timer .secs{top:50%!important;right:6px!important;transform:translateY(-50%);font-size:10px!important;line-height:1;text-shadow:0 0 3px #000}.turn-timer{height:12px!important}.seat-card .muted,.seat-card.empty .muted{color:#4a3a28!important}.ghost-emblem{font-size:30px!important}.room-card .tag{background:#8a6a22;color:#fff;border-radius:999px}@media(max-width:760px)and (orientation:portrait){.me-area.choosing .me-top{visibility:hidden}.me-area .preview{background:#0b1a28f2!important}}.rotate-prompt{display:none}@media(orientation:portrait)and (max-width:760px){.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 40%,#1d3b4a,#0a141c);color:var(--ink);text-align:center;padding:24px}.rotate-prompt p{font-size:20px;font-weight:800;margin:0}.rotate-icon{font-size:64px;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{50%{transform:rotate(-90deg)}}}@media(orientation:landscape)and (max-height:500px){[data-theme=jade] .board{justify-self:center;width:auto;height:calc(100% - 14px);aspect-ratio:1.45;max-width:100%;margin:4px auto 10px;padding:3% 4%}.river-slot.top .river,.river-slot.me .river{grid-template-columns:repeat(6,auto)!important}:root{--tw-sm: clamp(15px, 4.6vh, 19px)}.plate .kind-tag,.plate .line1:before,.plate .line1:after,.plate .chip-body b,.plate .chip .sword,.plate .chip .cmp{display:none!important}.plate .line1 .medal,.plate .chips,.plate .chip{flex:none}.plate .thinking{font-size:10px;padding:0 6px}.me-area .preview,.me-main .actions{position:absolute!important;top:4px!important;bottom:auto!important;transform:none!important}.me-area .preview{left:8px!important;right:auto!important;max-width:55%;background:#0b1a28f2!important;height:auto!important}.me-main .actions{right:8px!important;left:auto!important;margin:0!important}.me-area.choosing .me-top{visibility:hidden}.me-area .turn-timer{top:-8px}}.thinking{white-space:nowrap}@media(max-width:760px)and (orientation:portrait){.plate.left .thinking,.plate.right .thinking{font-size:0;width:12px;height:12px;padding:0}}@media(min-width:761px)and (min-height:501px){:root{--tw-sm: clamp(34px, min(3.6vw, 4.6vh), 48px)}[data-theme=jade] .board{padding:3% 3.5%}.toast-stack{left:16px!important;transform:none!important;width:min(320px,26vw)!important}}[data-theme=jade] .wall{z-index:0}.river-slot{position:relative;z-index:1}@media(max-width:760px)and (orientation:portrait),(orientation:landscape)and (max-height:500px){.home .char{align-items:center}.home .char .skill-icons{display:flex!important}.home .char .skill-icons .tag{font-size:0;padding:2px 4px}.home .char .skill-icons .tag:first-letter{font-size:13px}.home .logo small{white-space:nowrap;font-size:clamp(9px,2.6vw,12px)}}@media(orientation:landscape)and (max-height:500px){.compass{transform:scale(.82)}.compass .digits{font-size:22px!important;line-height:1!important}.compass .round-title{font-size:11px!important}[data-theme=jade] .board{height:calc(100% - 22px);padding:2% 3.5% 1.5%}.river-slot.me{margin-top:-4px}.plate .thinking{font-size:0;width:10px;height:10px;padding:0;flex:none}.plate .line1 .name{min-width:0;overflow:hidden;text-overflow:ellipsis}}.rotate-icon{white-space:nowrap}@media(orientation:portrait)and (max-width:760px){#app{visibility:hidden}.rotate-prompt .act{min-height:48px;padding:0 24px}}@media(orientation:landscape)and (max-height:500px){:root{--tw-sm: clamp(14px, 4.2vh, 18px)}}@media(orientation:landscape)and (max-height:500px)and (max-width:760px){.plate .chip-body,.plate .chip .dots,.plate .chip small{display:none!important}.plate .line1 .name{max-width:none}.home .char-detail{font-size:13px;line-height:1.45}}.corner-melds.left{left:1.5%;bottom:4%;transform-origin:right top;transform:translate(var(--mh, 0px),var(--mh, 0px)) translate(-100%) rotate(90deg)}.corner-melds.right{right:1.5%;top:4%;transform-origin:right top;transform:translate(calc(-1 * var(--mh, 0px))) rotate(-90deg)}@media(orientation:landscape)and (max-height:500px){.compass{transform:none;zoom:.72}.compass .digits{font-size:30px!important}.compass .round-title{font-size:14px!important}.me-area .turn-timer{top:0!important}.me-area .quick button,.me-area [data-ui=settings]{min-height:44px;min-width:44px}.plate .count{display:inline-flex!important;font-size:11px}.plate .hand.revealed{position:absolute;top:calc(100% + 2px);left:6px;z-index:6;display:flex;flex-wrap:nowrap;gap:1px;padding:2px;border-radius:6px;background:#0b1a28e6}.plate .hand.revealed .tile{--w: 17px}.modal-bg:not(.peek) .modal{max-height:calc(100dvh - 16px);display:flex;flex-direction:column}.modal .yaku-list{overflow-y:auto;min-height:0;flex:1 1 auto}.modal-bg:not(.peek) .modal-actions{position:static!important;flex:none;margin-top:6px}}.chip.depleted,.chip.depleted .chip-body{color:#a9b6c2!important;opacity:1!important}.chip.depleted .chip-icon,.chip.depleted>:first-child{opacity:.7}@media(orientation:landscape)and (max-height:400px){.home .char-detail{font-size:12px!important;line-height:1.4;overflow-y:auto}}@media(orientation:landscape)and (max-height:400px){.home .char-detail{font-size:11.5px!important;line-height:1.32!important;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent);mask-image:linear-gradient(#000 calc(100% - 18px),transparent)}.home .char-detail p{margin:2px 0!important}}.ms-table{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.ms-stage{--H: 600px;--s: 1;--k: 1;--tw: 64px;--tw-sm: 36px;--tw-mini: 20px;position:absolute;left:50%;top:50%;width:1280px;height:var(--H);transform:translate(-50%,-50%) scale(var(--s));font-size:15px;color:var(--ink, #eef3f6)}.ms-felt{position:absolute;left:50%;bottom:64px;width:900px;height:900px;margin-left:-450px;transform:scale(var(--k));transform-origin:50% 100%;pointer-events:none}.ms-plane{position:absolute;top:0;right:0;bottom:0;left:0;transform:perspective(1000px) rotateX(40deg);transform-origin:50% 100%;transform-style:preserve-3d}.ms-cloth{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#2aa08a,#187563 55%,#0f5446);box-shadow:inset 0 0 0 16px #d9e1e6,inset 0 0 0 19px #9aa8b0,inset 0 0 80px #0008,0 30px 60px #000c}.ms-cloth:after{content:"";position:absolute;top:19px;right:19px;bottom:19px;left:19px;border-radius:12px;background:linear-gradient(45deg,transparent calc(50% - 1px),#ffffff14 50%,transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),#ffffff14 50%,transparent calc(50% + 1px))}.ms-zone{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--rot))}.ms-river{position:absolute;left:339px;top:566px;width:230px}.ms-stage .ms-river .river{display:grid!important;grid-template-columns:repeat(6,auto)!important;justify-content:start;gap:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}.ms-stage .ms-river .cell{display:block;margin:0!important;line-height:0}.ms-stage .ms-river .tile{--w: var(--tw-sm) !important;box-shadow:0 3px #b9c6cf,0 4px 3px #0006}.ms-stage .ms-river .cell.wide .tile{margin:0 calc(var(--tw-sm) * .18)!important}.ms-wall{position:absolute;left:50%;top:788px;transform:translate(-50%);display:flex;gap:1px}.ms-wall i{width:34px;height:44px;border-radius:4px;background:linear-gradient(#3d97e0,#2a7bc4);box-shadow:inset 0 1px #fff5,0 4px #f4f2ea,0 5px #c9c6bb,0 9px #2a7bc4,0 11px 6px #0007}.ms-ohand{position:absolute;left:50%;top:850px;transform:translate(-50%);display:flex;gap:1px}.ms-stage .ms-ohand .tile{--w: 30px !important}.ms-ohand.revealed{z-index:2}.ms-omelds{position:absolute;right:24px;top:846px}.ms-stage .ms-omelds .tile{--w: 30px !important}.ms-stage .tile.back{background:linear-gradient(#3d97e0,#2a7bc4)!important;border-color:#1b5e9c!important}.ms-console{position:absolute;left:340px;top:340px;width:220px;height:220px;border-radius:18px;background:radial-gradient(circle at 50% 30%,#2a2f36,#0b0d10 70%);border:2px solid #3b4450;box-shadow:inset 0 0 0 6px #14181d,inset 0 1px #fff2,0 10px 24px #000b}.mc-side{position:absolute;left:50%;top:50%;width:200px;height:34px;margin:-17px 0 0 -100px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:20px;color:#ffd76a}.mc-side.me{transform:translateY(84px)}.mc-side.right{transform:rotate(-90deg) translateY(84px)}.mc-side.top{transform:rotate(180deg) translateY(84px)}.mc-side.left{transform:rotate(90deg) translateY(84px)}.mc-side .cwind{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#e6edf2;color:#0b0d10;font-family:"Noto Serif TC",serif;font-size:18px}.mc-side .cwind.dealer{background:#d23b33;color:#fff}.mc-side.turn:after{content:"";position:absolute;left:30px;right:30px;bottom:-6px;height:4px;border-radius:2px;background:#4fe0c8;box-shadow:0 0 10px #4fe0c8;animation:mc-turn 1.2s ease-in-out infinite alternate}@keyframes mc-turn{to{opacity:.35}}.mc-side .cstick{position:absolute;top:-10px;width:90px;height:7px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px #ccc}.mc-side .cstick:after{content:"";position:absolute;left:50%;top:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#d23b33}.mc-mid{position:absolute;top:52px;right:52px;bottom:52px;left:52px;display:grid;place-items:center;align-content:center;gap:2px}.mc-round{font-family:"Noto Serif TC",serif;font-size:20px;color:#e6edf2;letter-spacing:2px}.mc-left{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:46px;font-weight:900;line-height:1;color:#4fe0c8;text-shadow:0 0 12px #3fe0c8aa}.ms-info{position:absolute;left:12px;top:10px;padding:8px 12px;border-radius:10px;background:#0b1a28d9;border:1px solid #ffffff22;display:grid;gap:6px;z-index:5}.i-round{font-family:"Noto Serif TC",serif;font-weight:900;font-size:18px}.i-round small{font-family:inherit;font-weight:700;font-size:14px;opacity:.85;margin-left:6px}.i-dora{display:flex;gap:2px}.ms-stage .i-dora .tile{--w: 28px !important}.i-sticks{display:flex;align-items:center;gap:4px;font-weight:800;font-size:15px}.i-stick,.i-honba{width:34px;height:7px;border-radius:4px;background:#fff;position:relative}.i-stick:after{content:"";position:absolute;left:50%;top:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#d23b33}.i-honba{margin-left:10px;background:repeating-linear-gradient(90deg,#fff 0,#fff 5px,#222 5px,#222 7px)}.ms-badge,.ms-mybadge{position:absolute;z-index:4;display:grid;justify-items:center;gap:2px;width:132px;text-align:center}.ms-badge.top{right:236px;top:8px}.ms-badge.right{right:14px;top:22%}.ms-badge.left{left:84px;top:30%}.ms-stage .ms-badge .avatar,.ms-stage .ms-mybadge .avatar{border-radius:12px!important;box-shadow:0 0 0 2px #fff,0 4px 10px #000a}.ms-badge.active .avatar,.ms-me.active .ms-mybadge .avatar{box-shadow:0 0 0 3px #4fe0c8,0 0 18px #4fe0c8}.ms-badge.in-riichi .avatar{box-shadow:0 0 0 3px #e2504a,0 0 14px #e2504a}.b-top{position:relative}.ms-badge .thinking{position:absolute;right:-6px;top:-6px;width:14px;height:14px;padding:0!important;border-radius:50%;background:#4fe0c8;box-shadow:0 0 8px #4fe0c8;animation:mc-turn .8s ease-in-out infinite alternate}.b-name{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#0b1a28d9;font-weight:800;font-size:14px;white-space:nowrap}.b-name .wind{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#e6edf2;color:#0b0d10;font-family:"Noto Serif TC",serif;font-size:13px}.b-name .wind.dealer{background:#d23b33;color:#fff}.b-name .medal{font-size:11px;padding:0 5px;border-radius:6px;background:linear-gradient(#ffe08a,#d9a73a);color:#3a2600}.b-sub{display:flex;align-items:center;gap:4px;font-size:14px}.ms-stage .b-sub .score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#ffd76a;background:none;border:0;padding:0;min-height:0;font-size:15px}.b-sub .stick{font-size:11px;font-weight:800;padding:0 5px;border-radius:6px;background:#d23b33;color:#fff}.ms-stage .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.ms-badge .chip .chip-body b,.ms-badge .chip .count-text{display:none}.ms-tabs{position:absolute;left:10px;top:50%;transform:translateY(-62%);z-index:5;display:grid;gap:6px;padding:6px;border-radius:12px;background:#0b1a28d9;border:1px solid #ffffff22}.ms-tab{display:grid;place-items:center;width:56px;height:58px;border-radius:10px;border:1px solid #ffffff33;background:#ffffff10;color:#cfd8de;cursor:pointer;font-family:inherit}.ms-tab b{font-family:"Noto Serif TC",serif;font-size:24px;line-height:1}.ms-tab small{font-size:11px}.ms-tab.on{background:linear-gradient(#ffe08a,#e0b04a);color:#3a2600;border-color:#fff3c4}.ms-corner{position:absolute;right:12px;top:10px;z-index:6;display:flex;gap:8px}.ms-icon{width:52px;height:52px;border-radius:50%;border:1px solid #ffffff44;background:#0b1a28d9;color:#fff;font-size:24px;font-weight:800;cursor:pointer}.ms-tools .settings-panel{position:absolute;right:12px;top:70px;z-index:7;width:300px}.ms-tools .settings-panel:not(.open){display:none}.ms-tools .legend{position:absolute;right:12px;top:70px;z-index:7;width:380px;padding:12px;border-radius:12px;background:#0b1a28f2}.ms-me{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.ms-me>*{pointer-events:auto}.ms-mybadge{left:84px;bottom:118px}.ms-handrow{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;align-items:flex-end;gap:18px}.ms-stage .hand{display:flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:0!important;margin:0!important;background:none!important;overflow:visible!important}.ms-stage .hand .slot{display:block}.ms-stage .hand .drawn-slot{margin-left:14px}.ms-stage .hand .tile{--w: var(--tw) !important;box-shadow:0 6px #2a7bc4,0 10px 12px #000a!important;transition:transform .12s}.ms-stage .hand .tile.ghost{visibility:hidden}.ms-stage .hand button.tile.playable:hover,.ms-stage .hand .tile.selected{transform:translateY(-16px)!important}.ms-stage .ms-handrow .melds{display:flex;gap:8px;align-items:flex-end}.ms-stage .ms-handrow .melds .tile{--w: 44px !important}.ms-stage .ms-me .actions{position:absolute!important;right:24px;bottom:124px;left:auto!important;top:auto!important;transform:none!important;display:flex;gap:10px;margin:0!important}.ms-stage .ms-me .act{min-height:56px;font-size:20px;padding:0 22px}.ms-stage .ms-me .actions .hint{display:none}.ms-stage .ms-me .preview{position:absolute!important;left:240px;bottom:128px;top:auto!important;right:auto!important;transform:none!important;display:flex;align-items:center;gap:8px;max-width:560px;padding:4px 12px;border-radius:10px;background:#0b1a28d9;font-size:16px}.ms-stage .ms-me .preview:empty{display:none}.ms-stage .ms-me .preview .tile{--w: 26px !important}.ms-stage .ms-me .preview .picked .tile{--w: 34px !important}.ms-stage .ms-me .turn-timer{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:112px!important;width:420px!important;height:8px!important;margin-left:-210px}.toast-stack.ms{position:fixed;left:50%!important;right:auto!important;top:12px!important;bottom:auto!important;transform:translate(-50%)!important;width:min(420px,40vw)!important}.ms-mybadge{grid-template-columns:auto auto;grid-template-areas:"av name" "av sub" "chips chips";justify-items:start;align-items:center;column-gap:8px;width:auto;bottom:122px;left:84px}.ms-mybadge .avatar{grid-area:av}.ms-mybadge .b-name{grid-area:name}.ms-mybadge .b-sub{grid-area:sub}.ms-mybadge .chips{grid-area:chips;flex-wrap:nowrap!important;justify-content:start!important}.ms-badge.left{top:15%}body.peeking .modal-bg.peek .modal-actions{position:fixed!important;left:50%!important;right:auto!important;top:10px!important;bottom:auto!important;transform:translate(-50%) scale(.8)!important;transform-origin:50% 0}.ms-orow{position:absolute;left:50%;top:846px;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;white-space:nowrap}.ms-orow .ms-ohand,.ms-orow .ms-omelds{position:static;transform:none}.ms-badge.left{top:150px}.ms-stage .ms-handrow .melds{flex-direction:row!important;flex-wrap:nowrap!important;position:static!important}.ms-stage .ms-handrow .meld{display:flex;align-items:flex-end}.ms-zone,.ms-river,.ms-stage .ms-river .river,.ms-stage .ms-river .cell,.ms-wall,.ms-orow,.ms-ohand,.ms-omelds,.ms-omelds .melds,.ms-omelds .meld,.ms-omelds .called-stack,.ms-cloth{transform-style:preserve-3d}.ms-stage .ms-river .river{overflow:visible!important}.ms-stage .ms-river .cell{--T: calc(var(--tw-sm) * .6);position:relative;display:flex!important}.ms-stage .ms-river .cell>.tile{transform:translateZ(var(--T));box-shadow:none}.ms-stage .ms-river .cell>.tile.sideways{transform:translateZ(var(--T)) rotate(90deg)}.ms-stage .ms-river .cell:before,.ms-stage .ms-river .cell:after,.ms-stage .ms-river .cell .edges:before,.ms-stage .ms-river .cell .edges:after{content:"";position:absolute;background:linear-gradient(#fbfaf4 0,#fbfaf4 58%,#d9d6cb 58%,#d9d6cb 62%,#2a7bc4 62%)}.ms-stage .ms-river .cell:after{left:0;right:0;bottom:0;height:var(--T);transform-origin:50% 100%;transform:rotateX(-90deg)}.ms-stage .ms-river .cell:before{left:0;right:0;top:0;height:var(--T);transform-origin:50% 0;transform:rotateX(90deg)}.ms-stage .ms-river .cell .edges:before,.ms-stage .ms-river .cell .edges:after{top:0;bottom:0;width:var(--T);background:linear-gradient(90deg,#fbfaf4 0,#fbfaf4 58%,#d9d6cb 58%,#d9d6cb 62%,#2a7bc4 62%)}.ms-stage .ms-river .cell .edges:before{left:0;transform-origin:0 50%;transform:rotateY(-90deg)}.ms-stage .ms-river .cell .edges:after{right:0;transform-origin:100% 50%;transform:rotateY(90deg)}.ms-stage .ms-river .cell.wide:before,.ms-stage .ms-river .cell.wide:after{left:calc(var(--tw-sm) * .18 - 1px);right:calc(var(--tw-sm) * .18 - 1px)}.ms-stage .ms-river .cell.wide .edges:before,.ms-stage .ms-river .cell.wide .edges:after{top:calc((var(--tw-sm) * 1.36 - var(--tw-sm)) / 2);bottom:calc((var(--tw-sm) * 1.36 - var(--tw-sm)) / 2)}.ms-wall i{--T: 20px;position:relative;transform-style:preserve-3d;transform:translateZ(calc(var(--T) * 2));box-shadow:inset 0 1px #fff5}.ms-wall i:before,.ms-wall i:after{content:"";position:absolute;left:0;right:0;height:calc(var(--T) * 2);background:linear-gradient(#2a7bc4 0,#2a7bc4 30%,#fbfaf4 30%,#fbfaf4 48%,#c9c6bb 48%,#c9c6bb 50%,#2a7bc4 50%,#2a7bc4 80%,#fbfaf4 80%,#fbfaf4 98%,#c9c6bb 98%)}.ms-wall i:after{bottom:0;transform-origin:50% 100%;transform:rotateX(90deg)}.ms-wall i:before{top:0;transform-origin:50% 0;transform:rotateX(-90deg)}.ms-stage .ms-ohand:not(.revealed) .tile{transform-origin:50% 100%;transform:rotateX(-90deg);border-bottom-width:1px}.ms-stage .ms-omelds .tile,.ms-stage .ms-ohand.revealed .tile{transform:translateZ(10px)}.ms-stage .ms-omelds .tile.sideways{transform:translateZ(10px) rotate(90deg)}.ms-console{transform:translateZ(14px)}.ms-cloth:before{content:"";position:absolute;left:10px;right:10px;bottom:0;height:44px;border-radius:0 0 18px 18px;transform-origin:50% 100%;transform:rotateX(90deg);background:linear-gradient(#c3ccd2,#6d7a83)}.ms-stage .ms-river .cell{--T: calc(var(--tw-sm) * .75)}.ms-zone .ms-river .cell:before,.ms-zone .ms-river .cell:after,.ms-zone .ms-river .cell .edges:before,.ms-zone .ms-river .cell .edges:after,.ms-zone .ms-wall i:before,.ms-zone .ms-wall i:after{display:none}.ms-zone.me .ms-river .cell:after,.ms-zone.top .ms-river .cell:before,.ms-zone.left .ms-river .cell .edges:after,.ms-zone.right .ms-river .cell .edges:before,.ms-zone.me .ms-wall i:after,.ms-zone:not(.me) .ms-wall i:before{display:block}.ms-stage .ms-river .cell .edges{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;pointer-events:none}.ms-console{border-radius:20px;border:0;background:linear-gradient(160deg,#6a727c,#3b4148 55%,#2c3137);box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0006,0 0 0 3px #22272c,0 12px 26px #000c}.ms-console:before{content:"";position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#182129,#07090b 75%);box-shadow:inset 0 0 0 2px #0009,inset 0 2px 10px #000}.mc-side{color:#ffd76a;text-shadow:0 0 6px #ffb84d66;font-size:19px}.mc-side .cwind{position:absolute;left:-2px;width:30px;height:30px;border-radius:7px;background:linear-gradient(#5c646d,#3a4047);color:#e6edf2;box-shadow:inset 0 1px #fff3}.mc-side .cwind.dealer{background:linear-gradient(#e2504a,#a52520);color:#fff}.mc-side.turn:after{left:36px;right:36px;bottom:auto;top:-9px;height:5px}.mc-mid{top:44px;right:44px;bottom:44px;left:44px}.mc-round{font-size:17px;color:#9fe9ff}.mc-left{color:#5fe3ff;text-shadow:0 0 14px #2fc8ffaa}.ms-stage .ms-me .act{position:relative;min-width:112px;min-height:64px;padding:0 26px;border-radius:16px;border:2px solid #ffffffcc;font-family:"Noto Serif TC",serif;font-size:28px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 #0007,0 0 6px #0006;background:linear-gradient(#ffcf5a,#f08a1c 60%,#d5650c);box-shadow:inset 0 2px #fff8,inset 0 -4px #0003,0 6px 14px #000a;display:inline-flex;align-items:center;gap:6px}.ms-stage .ms-me .act .tile{--w: 26px !important;text-shadow:none}.ms-stage .ms-me .act.win{background:linear-gradient(#ff8a7a,#e8322a 60%,#b81d16)}.ms-stage .ms-me .act.riichi{background:linear-gradient(#8fc4ff,#3f7ff0 60%,#2652c4)}.ms-stage .ms-me .act.secondary,.ms-stage .ms-me .act.pass{background:linear-gradient(#8d98a3,#5a6570 60%,#424b54);font-size:24px}.ms-stage .ms-me .act:active{transform:translateY(2px)}.ms-tabs,.ms-info{background:linear-gradient(#1d2a3a,#101820);border:1px solid #5a6b80;box-shadow:inset 0 1px #fff2,0 6px 14px #0008}.ms-tab{background:linear-gradient(#2b3a4c,#1a2532);border-color:#4a5b70}.ms-tab.on{background:linear-gradient(#ffe08a,#e0b04a)}.ms-icon{background:linear-gradient(#2b3a4c,#1a2532);border-color:#5a6b80}.ms-river{top:586px}.ms-wall{top:800px}.ms-orow{top:858px}.ms-stage{--tw-sm: 40px;--cream: #f6f2e8;--cream-dark: #d9d2c2;--tile-back: #2a7bc4}.ms-console{left:330px;top:330px;width:240px;height:240px}.mc-side{width:220px;margin-left:-110px}.mc-side.me{transform:translateY(92px)}.mc-side.right{transform:rotate(-90deg) translateY(92px)}.mc-side.top{transform:rotate(180deg) translateY(92px)}.mc-side.left{transform:rotate(90deg) translateY(92px)}.ms-river{left:328px;top:578px;width:260px}.ms-wall{top:812px}.ms-orow{top:866px}.ms-stage .ms-river .tile,.ms-stage .ms-omelds .tile:not(.back),.ms-stage .ms-ohand.revealed .tile{background:linear-gradient(155deg,#ffffff 0%,var(--cream) 50%,#e6e0d2 100%)!important;border:1px solid #d3ccbc!important;border-radius:calc(var(--w) * .16)!important;box-shadow:inset 1px 1px #fffc,inset -2px -3px 5px #6b5a3a22!important;margin:0!important}.ms-stage .ms-river .cell:after{background:linear-gradient(#efe9dc 0%,var(--cream-dark) 78%,#b9b09c 80%,var(--tile-back) 81%,#1d5e9a 100%);border-radius:0 0 6px 6px}.ms-stage .ms-river .cell:before{background:linear-gradient(#1d5e9a 0%,var(--tile-back) 19%,#b9b09c 20%,var(--cream-dark) 22%,#efe9dc 100%)}.ms-stage .ms-river .cell .edges:before{background:linear-gradient(90deg,#1d5e9a 0%,var(--tile-back) 19%,#b9b09c 20%,var(--cream-dark) 22%,#efe9dc 100%)}.ms-stage .ms-river .cell .edges:after{background:linear-gradient(90deg,#efe9dc 0%,var(--cream-dark) 78%,#b9b09c 80%,var(--tile-back) 81%,#1d5e9a 100%)}.ms-stage .ms-river .cell{border-radius:6px;box-shadow:0 0 10px 1px #0006}.ms-wall i{width:38px;height:50px;--T: 24px;border-radius:5px;background:linear-gradient(155deg,#4aa3e8,var(--tile-back) 60%,#1f66a8)}.ms-wall i:after{background:linear-gradient(to top,var(--tile-back) 0 11%,#efe9dc 12%,var(--cream-dark) 48%,#b9b09c 49% 50%,var(--tile-back) 51% 61%,#efe9dc 62%,var(--cream-dark) 99%)}.ms-wall i:before{background:linear-gradient(to bottom,var(--tile-back) 0 11%,#efe9dc 12%,var(--cream-dark) 48%,#b9b09c 49% 50%,var(--tile-back) 51% 61%,#efe9dc 62%,var(--cream-dark) 99%)}.ms-stage .hand .tile:not(.ghost){background:linear-gradient(170deg,#ffffff 0%,var(--cream) 60%,#e9e3d6 100%)!important;border:1px solid #d3ccbc!important;border-radius:10px!important;box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #6b5a3a1f,0 4px #ddd5c4,0 8px 0 var(--tile-back),0 14px 14px #000a!important}.mc-side .cwind{left:-6px;width:34px;height:34px;border-radius:7px;background:linear-gradient(#3a4148,#22272d);box-shadow:inset 0 0 0 1px #ffffff2a;font-size:19px}.ms-stage .hand .tile:not(.ghost){box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #6b5a3a1f,0 3px #ddd5c4,0 5px 0 var(--tile-back),0 12px 14px #000a!important}.ms-stage .ms-river .cell{--T: calc(var(--tw-sm) * .5)}.bx{position:relative;display:block;flex:none;width:var(--bw);height:var(--bd);transform-style:preserve-3d}.bx .f{position:absolute;display:block}.bx .t{top:0;right:0;bottom:0;left:0;transform:translateZ(var(--bh))}.bx .n,.bx .s{left:0;right:0;height:var(--bh)}.bx .n{top:0;transform-origin:50% 0;transform:rotateX(90deg)}.bx .s{bottom:0;transform-origin:50% 100%;transform:rotateX(-90deg)}.bx .w,.bx .e{top:0;bottom:0;width:var(--bh)}.bx .w{left:0;transform-origin:0 50%;transform:rotateY(-90deg)}.bx .e{right:0;transform-origin:100% 50%;transform:rotateY(90deg)}.bx.ws{--bw: 38px;--bd: 51px;--bh: 38px;margin-right:1px}.bx.ws .t{border-radius:5px;background:linear-gradient(155deg,#57aef0,var(--tile-back) 55%,#1f66a8);box-shadow:inset 1px 1px #fff6,inset -1px -2px 3px #0003}.bx.ws .n{background:linear-gradient(to bottom,#e9e3d5 0 36%,var(--tile-back) 38% 49%,#b7ae9a 49% 50%,#e9e3d5 51% 87%,var(--tile-back) 89%)}.bx.ws .s{background:linear-gradient(to top,#efe9dc 0 36%,var(--tile-back) 38% 49%,#b7ae9a 49% 50%,#efe9dc 51% 87%,var(--tile-back) 89%)}.bx.ws .w{background:linear-gradient(to right,#e3dccd 0 36%,var(--tile-back) 38% 49%,#b7ae9a 49% 50%,#e3dccd 51% 87%,var(--tile-back) 89%)}.bx.ws .e{background:linear-gradient(to left,#e3dccd 0 36%,var(--tile-back) 38% 49%,#b7ae9a 49% 50%,#e3dccd 51% 87%,var(--tile-back) 89%)}.bx.hs{--bw: 34px;--bd: 16px;--bh: 46px;margin-right:1px}.bx.hs .n{border-radius:5px 5px 0 0;background:linear-gradient(170deg,#57aef0,var(--tile-back) 55%,#1f66a8);box-shadow:inset 1px 1px #fff5}.bx.hs .s{border-radius:5px 5px 0 0;background:linear-gradient(#ffffff,var(--cream))}.bx.hs .t,.bx.hs .w,.bx.hs .e{background:linear-gradient(to bottom,var(--tile-back) 0 32%,#b7ae9a 32% 34%,#efe9dc 34%,var(--cream-dark))}.ms-ohand{gap:0;transform-style:preserve-3d}.ms-wall{gap:0}@media(max-height:500px){.modal-bg:not(.peek){align-items:flex-start;overflow-y:auto}.modal-bg:not(.peek) .modal{display:block!important;max-height:none!important;overflow:visible;margin:auto 0}.modal-bg:not(.peek) .modal .yaku-list{overflow:visible!important;flex:none!important}.modal-bg:not(.peek) .modal-actions{position:sticky!important;bottom:-10px;z-index:2;padding:8px 0;background:linear-gradient(transparent,#142231 30%)}}.ms-zone:has(.ms-ohand.revealed) .ms-wall{display:none}.ms-orow:has(.ms-ohand.revealed){top:800px}.ms-stage .ms-ohand.revealed .tile{--w: 38px !important}.ms-stage .ms-me .turn-timer{left:84px!important;margin-left:0;bottom:106px!important;width:240px!important}.ms-stage .ms-me .preview{left:auto!important;right:24px!important;bottom:204px!important}.ms-tab{width:74px;height:74px}.ms-tab b{font-size:30px}.ms-tab small{font-size:13px}.ms-icon{width:74px;height:74px;font-size:32px}.ms-stage .ms-me .act{min-height:78px;min-width:128px}.ms-stage{--tw: 68px}.ms-stage .ms-tools .settings-panel,.ms-stage .ms-tools .legend{top:92px}.ms-console{background:linear-gradient(160deg,#a7adb5,#7d848d,#5d636b 70%,#4a5057);box-shadow:inset 0 3px #fff6,inset 0 -4px #0005,0 0 0 3px #2b3036,0 14px 28px #000c}.mc-side{font-size:23px;color:#ffe08a;text-shadow:0 1px 0 #000,0 0 8px #ffb84d88}.ms-stage .ms-badge .avatar,.ms-stage .ms-mybadge .avatar{--size: 44px !important;width:44px;height:44px;font-size:22px;filter:saturate(.75);box-shadow:0 0 0 2px #e0b04a,0 0 0 4px #3a2a0a,0 4px 10px #000a!important}.ms-badge.active .avatar,.ms-me.active .ms-mybadge .avatar{box-shadow:0 0 0 2px #e0b04a,0 0 0 5px #4fe0c8,0 0 16px #4fe0c8!important}.ms-badge.in-riichi .avatar{box-shadow:0 0 0 2px #e0b04a,0 0 0 5px #e2504a,0 0 14px #e2504a!important}.ms-stage .ms-handrow .meld{gap:1px}.ms-stage .ms-handrow .melds .tile.sideways{margin:0 calc(var(--w) * .18) calc(var(--w) * -.18)!important}.ms-stage{--tw: 72px;--tile-back: #2f6fa8}.ms-felt{bottom:90px}.ms-orow{top:876px}.bx.hs{--bh: 40px}.bx.ws .t,.bx.hs .n{background:linear-gradient(155deg,#3f82c0,#2f6fa8 55%,#1d4f80)}.ms-handrow{gap:28px}.ms-stage .ms-handrow .melds .tile{--w: 40px !important}.ms-stage .ms-me .turn-timer{bottom:114px!important}.ms-tab small{font-size:16px;color:#c8d0dc}.ms-tab.on small{color:#3a2600}.b-name .medal{font-size:15px}.i-round small{font-size:17px}.ms-stage .chip .meter,.ms-stage .chip .count-text,.ms-stage .chip small{font-size:15px}@media(max-height:500px){.modal-bg:not(.peek) .modal{padding-bottom:12px}.modal-bg:not(.peek) .modal-actions{background:linear-gradient(transparent,#142231 25%)!important;padding-top:22px;margin-top:8px}body.peeking .modal-bg.peek .modal-actions{transform:translate(-50%)!important}body.peeking .modal-bg.peek .modal-actions .act{min-height:44px}}.mc-side.turn .mc-score{color:#7ff5e2;text-shadow:0 0 10px #4fe0c8}.ms-badge.active .avatar,.ms-me.active .ms-mybadge .avatar{animation:turn-pulse 1.1s ease-in-out infinite alternate}@keyframes turn-pulse{to{box-shadow:0 0 0 2px #e0b04a,0 0 0 7px #4fe0c8aa,0 0 26px #4fe0c8!important}}.ms-mybadge{column-gap:14px}.ms-stage .ms-handrow .melds .tile{--w: 36px !important}.ms-handrow{max-width:1180px}.bx.ws{--bw: 31px;--bd: 41px;--bh: 30px}.ms-stage .ms-handrow .melds{margin-bottom:10px}.ms-stage .ms-handrow .melds .tile{--w: 42px !important}.mc-side.turn .cwind{box-shadow:0 0 0 2px #4fe0c8,0 0 12px #4fe0c8}.tenpai-waits{display:flex;align-items:center;gap:4px;margin-top:6px}.tenpai-waits>span{margin-right:6px;font-weight:700;color:#ffe08a}@media(max-height:500px){.ms-stage{--tw-sm: 44px}.ms-river{left:318px}.ms-stage .b-name{font-size:21px}.ms-stage .b-sub .score{font-size:22px}.ms-stage .chip .chip-body b,.ms-stage .chip .meter,.ms-stage .chip .count-text,.ms-stage .chip small{font-size:18px}.ms-stage .chip .cmp,.ms-stage .chip .sword{font-size:20px}.mc-side{font-size:27px}.modal-bg:not(.peek) .modal{font-size:14px}.modal-bg:not(.peek) .modal .tile.small{--w: 26px !important}.modal-bg:not(.peek) .score-table td,.modal-bg:not(.peek) .score-table th{padding-top:3px!important;padding-bottom:3px!important}.modal-bg:not(.peek) .modal-actions{background:#142231!important;padding-top:10px;box-shadow:0 -10px 12px #142231}}.ms-table{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek){align-items:center!important}.modal-bg:not(.peek) .modal{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-auto-flow:row dense;align-content:start;column-gap:18px;row-gap:4px;width:min(96vw,860px)!important;max-width:none!important;max-height:96vh!important;overflow-y:auto!important;padding:10px 14px!important}.modal-bg:not(.peek) .modal>*{grid-column:1;margin-top:0!important;margin-bottom:0!important}.modal-bg:not(.peek) .modal>.points,.modal-bg:not(.peek) .modal>.payout,.modal-bg:not(.peek) .modal>.score-table,.modal-bg:not(.peek) .modal>.standing,.modal-bg:not(.peek) .modal>.modal-actions{grid-column:2}.modal-bg:not(.peek) .modal>.score-table{grid-row:span 3;align-self:start;font-size:13px}.modal-bg:not(.peek) .modal>.modal-actions{position:static!important;background:none!important;box-shadow:none;padding:6px 0 0!important;align-self:end}.modal-bg:not(.peek) .modal .win-hero .avatar{--size: 40px !important;width:40px!important;height:40px!important}.modal-bg:not(.peek) .modal .win-stamp{transform:scale(.55);transform-origin:right top}.modal-bg:not(.peek) .modal .big-points{font-size:40px!important}.modal-bg:not(.peek) .modal h2{font-size:20px!important}.modal-bg:not(.peek) .modal .tile.small{--w: 24px !important}}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal .win-hand{flex-wrap:wrap!important;min-width:0;row-gap:4px}}@media(max-height:500px)and (max-width:700px)and (orientation:landscape){.modal-bg:not(.peek) .modal .tile.small{--w: 21px !important}}.ms-plane{transform:perspective(1500px) rotateX(42deg)}.ms-wall{top:790px}.ms-orow{top:862px}.tile.dora{position:relative}.tile.dora:after{content:"";position:absolute;right:0;top:0;width:26%;height:19%;border-radius:0 0 0 6px;border-top-right-radius:inherit;background:linear-gradient(135deg,#ffe58a,#e0a020);box-shadow:inset 0 0 0 1px #8a5a00aa;pointer-events:none}.ms-stage .ms-river .tile.dora:after{transform:translateZ(1px)}.ms-stage .chip.depleted{opacity:1!important;filter:none!important}.ms-stage .chip.depleted b,.ms-stage .chip.depleted .count-text,.ms-stage .chip.depleted small,.ms-stage .chip.depleted .chip-body{color:#cfd6e0!important;opacity:1!important}.toast-stack.ms{top:auto!important;bottom:21vh!important}@media(max-height:500px){.ms-badge{width:max-content;min-width:132px}.ms-mybadge,.ms-badge.left{left:160px}}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal>.win-hand,.modal-bg:not(.peek) .modal>.tenpai-row{grid-column:1 / -1}.modal-bg:not(.peek) .modal .win-stamp{margin-top:10px}.modal-bg:not(.peek) .modal>.modal-actions{margin-bottom:4px!important}}.ms-stage .ms-omelds .tile{--w: 40px !important}.ms-orow .ms-omelds{transform:translateY(-46px)}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal:has(>.win-hero):not(:has(>.win-hero~.win-hero)){grid-template-areas:"hero points" "hand hand" "dora payout" "yaku table" "yaku actions";grid-template-rows:auto auto auto auto 1fr}.modal-bg:not(.peek) .modal:has(>.win-hero)>.win-hero{grid-area:hero}.modal-bg:not(.peek) .modal:has(>.win-hero)>.win-hand{grid-area:hand}.modal-bg:not(.peek) .modal:has(>.win-hero)>.dora-rows{grid-area:dora}.modal-bg:not(.peek) .modal:has(>.win-hero)>.yaku-list{grid-area:yaku}.modal-bg:not(.peek) .modal:has(>.win-hero)>.points{grid-area:points}.modal-bg:not(.peek) .modal:has(>.win-hero)>.payout{grid-area:payout}.modal-bg:not(.peek) .modal:has(>.win-hero)>.score-table{grid-area:table}.modal-bg:not(.peek) .modal:has(>.win-hero)>.modal-actions{grid-area:actions}.modal-bg:not(.peek) .modal:has(>.win-hero~.win-hero)>*{grid-area:auto}}.ms-zone>.ms-omelds{position:absolute;right:22px;top:804px;transform:none}.ms-zone>.ms-omelds .melds{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:6px}.ms-stage .ms-river .cell:has(.tile.called){display:none!important}.tile.dora:after{width:max(9px,30%);height:auto;aspect-ratio:1;border-radius:0;border-top-right-radius:inherit;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(225deg,#fff1a8,#f2c230 45%,#c98a00);box-shadow:none}.ms-stage .ms-me .turn-timer{bottom:126px!important}.ms-mybadge{bottom:134px}.ms-badge .b-name,.ms-badge .b-sub{background:#0a121ce0;border-radius:8px;padding:1px 8px}.ms-badge.top{grid-template-columns:auto auto auto;grid-template-areas:"av name chips" "av sub chips";align-items:center;column-gap:8px;width:max-content}.ms-badge.top .b-top{grid-area:av}.ms-badge.top .b-name{grid-area:name}.ms-badge.top .b-sub{grid-area:sub}.ms-badge.top .chips{grid-area:chips}.callout:not(.skill){color:#ffe9a0;-webkit-text-stroke:3px #4a2a00;paint-order:stroke fill;text-shadow:0 3px 0 #2a1600,0 0 18px #000c;animation-duration:1.1s}.ms-cloth{background:radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff1c,transparent 70%),radial-gradient(ellipse at 50% 50%,#2aa08a,#187563 55%,#0d4a3d)}.ms-mybadge{left:auto!important;right:18px;bottom:134px}.ms-stage .ms-me .turn-timer{left:auto!important;right:18px!important}.ms-stage .ms-me .actions{right:300px}.ms-stage .ms-me .preview{right:300px!important}@media(max-height:500px)and (min-aspect-ratio:2/1){.ms-tab{height:68px}}.ms-mybadge{row-gap:6px}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal:not(:has(>.win-hero))>.score-table{grid-row:1 / span 2;align-self:start}.modal-bg:not(.peek) .modal:not(:has(>.win-hero))>.modal-actions{grid-row:3 / span 8;align-self:end}}.tile.sideways{transform:rotate(-90deg)}.ms-stage .ms-river .cell>.tile.sideways{transform:translateZ(var(--T)) rotate(-90deg)}.ms-stage .ms-omelds .tile.sideways{transform:translateZ(10px) rotate(-90deg)}.ms-zone>.ms-omelds{right:76px;top:794px}.ms-stage .ms-handrow .meld,.modal .win-hand .meld{display:flex;align-items:flex-end;gap:2px}.ms-mybadge .b-sub{position:relative;z-index:2;white-space:nowrap}.ms-mybadge{right:24px;bottom:140px}.ms-stage .ms-me .turn-timer{bottom:128px!important}.ms-badge.top{right:150px}.ms-stage .chip .dots,.ms-stage .chip .count-text,.ms-stage .b-name{font-size:18px}.ms-stage .b-sub .score{font-size:19px}@media(max-height:500px){.ms-stage .b-name{font-size:21px}.ms-stage .b-sub .score{font-size:22px}}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal .yaku{padding-top:1px!important;padding-bottom:1px!important;font-size:13px;min-height:0!important}.modal-bg:not(.peek) .modal .yaku .han{padding:0 8px!important}.modal-bg:not(.peek) .modal .win-hero{min-height:0!important;padding:0!important}.modal-bg:not(.peek) .modal .win-stamp{transform:scale(.42);margin-top:0}.modal-bg:not(.peek) .modal .big-points{font-size:34px!important}.modal-bg:not(.peek) .modal .score-table td,.modal-bg:not(.peek) .modal .score-table th{padding-top:1px!important;padding-bottom:1px!important}.modal-bg:not(.peek) .modal .modal-actions .act{min-height:44px;padding-top:6px!important;padding-bottom:6px!important}}@media(orientation:landscape)and (max-height:400px){.home .char-detail{font-size:13px!important;line-height:1.3!important;-webkit-mask-image:none;mask-image:none;overflow-y:auto}.home .char-detail .stat{margin:0!important;font-size:12px}}.modal .win-hand .melds{margin-left:18px}.modal .win-hand .win-tile{box-shadow:0 0 0 2px #ffd35c,0 0 10px #ffd35c88!important}.ms-zone.top>.ms-omelds{transform:scale(1.3);transform-origin:100% 100%}@media(max-height:500px){.tile.dora:after{width:max(16px,34%)}}.ms-badge.top{right:182px}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal .points .limit{transform:scale(.6);margin:-14px -10px}.modal-bg:not(.peek) .modal .points .hanfu{white-space:nowrap}}.modal .points{animation:rise .3s ease-out backwards;animation-delay:calc(var(--n, 0) * .12s)}.yakuman .modal .points,.modal-bg.yakuman .points{animation-delay:calc(.4s + var(--n, 0) * .35s)}.ms-zone.right>.ms-omelds{right:150px;top:784px}.ms-stage .b-sub .score{width:max-content;max-width:none;overflow:visible}.ms-mybadge .b-sub{margin-bottom:6px}.ms-stage .ms-me .turn-timer{bottom:134px!important}.ms-mybadge{bottom:146px}.ms-zone.left .ms-orow,.ms-zone.right .ms-orow{top:846px}.tile.dora:after{filter:drop-shadow(0 0 .6px #5a3a00) drop-shadow(0 0 .6px #5a3a00)}.ms-cloth{background:radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff1c,transparent 70%),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 60%,#00000066 100%),radial-gradient(ellipse at 50% 50%,#2aa08a,#187563 55%,#0d4a3d)}@media(max-height:500px)and (orientation:landscape){.modal-bg:not(.peek) .modal .points .limit{writing-mode:horizontal-tb!important;white-space:nowrap;padding:2px 8px!important;font-size:18px!important;width:auto!important;height:auto!important;transform:none;margin:0}.modal-bg:not(.peek) .modal .points{flex-wrap:nowrap;gap:8px}.modal-bg:not(.peek) .modal .tenpai-row+.tenpai-row,.modal-bg:not(.peek) .modal>.muted{margin-top:2px!important}}.ms-mybadge .b-sub{background:#0a121ce0;border-radius:8px;padding:1px 8px}.toast-stack.ms{top:13vh!important;bottom:auto!important;width:auto!important;max-width:min(52vw,520px)!important;pointer-events:none}.toast-stack.ms .toast{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-felt{bottom:10px;transform:scale(calc(var(--k) * 1.24))}.scene.dim:has(+.ms-table){display:none}#app:has(.ms-table){background:radial-gradient(ellipse at 50% 40%,#2b3046,#121522 75%)}.ms-cloth{background:radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff14,transparent 70%),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 55%,#0000005e 100%),repeating-radial-gradient(circle at 30% 28%,#ffffff06 0 2px,transparent 2px 46px),linear-gradient(160deg,#414a6e,#333a5a 45%,#252a45);box-shadow:inset 0 0 0 16px #4b505c,inset 0 0 0 19px #2a2e37,inset 0 0 80px #0009,0 30px 60px #000c}.ms-cloth:after{top:150px;right:150px;bottom:150px;left:150px;border-radius:6px;border:1.5px solid #ffffff2a;background:none}.ms-cloth:before{background:linear-gradient(#5a606c,#2c3038)}.ms-console{background:linear-gradient(160deg,#5a5f6b,#474c57 45%,#3a3e48);box-shadow:inset 0 2px #ffffff38,inset 0 -3px #0007,0 0 0 2px #23262d,0 14px 28px #000c}.mc-side .mc-score{color:#ffd76a}.ms-plane{transform:perspective(1500px) rotateX(37deg)}.ms-felt{transform:scale(calc(var(--k) * 1.15))}.ms-zone.top>.ms-omelds{right:150px;top:784px}.ms-zone>.ms-omelds,.ms-zone.left>.ms-omelds{right:150px;top:784px}.ms-zone.me .ms-wall{top:772px}.ms-stage:has(.ms-ohand.revealed) .ms-badge{opacity:.35}@media(min-height:700px){.ms-felt{transform:scale(calc(var(--k) * 1.24));bottom:0}}.ms-cloth{background:radial-gradient(circle at 50% 50%,transparent 0 200px,#ffffff10 201px 204px,transparent 205px 236px,#ffffff0c 237px 239px,transparent 240px),radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff16,transparent 70%),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 55%,#00000066 100%),repeating-radial-gradient(circle at 30% 28%,#ffffff0c 0 2px,transparent 2px 46px),repeating-radial-gradient(circle at 72% 74%,#ffffff09 0 1.5px,transparent 1.5px 38px),linear-gradient(160deg,#434c72,#343b5c 45%,#252a45)}.ms-stage .hand .tile:not(.ghost){box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #6b5a3a1f,0 4px #ddd5c4,0 12px 0 var(--tile-back),0 18px 16px #000a!important}@media(max-height:500px){.ms-felt{transform:scale(calc(var(--k) * 1.07));bottom:14px}}body.peeking .modal-bg.peek .modal-actions{top:auto!important;bottom:22vh!important;transform-origin:50% 100%}.mc-side .cwind{font-size:18px}.tile{position:relative}.tile .gloss{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff,#ffffffb0 7%,#fff0 22%),linear-gradient(118deg,#fff0 52%,#ffffff40 58%,#fff0 66%),radial-gradient(ellipse 120% 90% at 40% 30%,#fff0 55%,#5a4a2a1f);mix-blend-mode:soft-light;box-shadow:inset 0 1px #ffffffe6,inset 1px 0 #ffffffb3,inset 0 -2px 2px #6b5a3a33,inset -1px 0 1px #6b5a3a26}.tile.back .gloss,.tile.ghost .gloss{display:none}.ms-stage .hand .tile .gloss{mix-blend-mode:normal;background:linear-gradient(115deg,#fff9,#fff3 10%,#fff0 24%),linear-gradient(115deg,#fff0 60%,#ffffff26 66%,#fff0 74%),linear-gradient(#fff0 70%,#8a7a5a1c)}.ms-stage .hand .tile:not(.ghost){filter:drop-shadow(0 3px 2px #0005)}.ms-stage .ms-river .tile .gloss,.ms-stage .ms-omelds .tile .gloss{mix-blend-mode:normal;background:linear-gradient(125deg,#ffffffa0,#fff0 26%),linear-gradient(#fff0 65%,#7a6a4a22)}.ms-stage .hand .tile .gloss{background:linear-gradient(115deg,#fffc,#ffffff40 9%,#fff0 22%),linear-gradient(115deg,#fff0 58%,#ffffff38 64%,#fff0 72%),linear-gradient(#fff0 68%,#8a7a5a26)}.bx.ws .t,.bx.hs .n{background:linear-gradient(125deg,#fff5,#fff0 30%),linear-gradient(155deg,#3f82c0,#2f6fa8 55%,#1d4f80)!important}.ms-stage .tile.tsumogiri{background:linear-gradient(155deg,#e4e1d9,#d6d1c4 60%,#c9c3b4)!important}.ms-stage .tile.tsumogiri:before{display:none}.tile .gloss{background:linear-gradient(118deg,#fff,#ffffff80 6%,#fff0 16%),radial-gradient(ellipse 120% 90% at 40% 30%,#fff0 55%,#5a4a2a1a)}.ms-stage .hand .tile .gloss{background:linear-gradient(115deg,#fffa,#fff3 7%,#fff0 16%),linear-gradient(115deg,#fff0 70%,#ffffff1c,#fff0 80%),linear-gradient(#fff0 70%,#8a7a5a22)}.ms-stage .ms-river .tile .gloss,.ms-stage .ms-omelds .tile .gloss{background:linear-gradient(125deg,#ffffff80,#fff0 18%),linear-gradient(#fff0 65%,#7a6a4a1c)}@media(min-height:700px){.ms-felt{transform:scale(calc(var(--k) * 1.15));bottom:8px}}.ms-zone.top>.ms-omelds{right:46px;top:806px}.ms-stage:has(.ms-ohand.revealed) .ms-mybadge{opacity:.35}body.peeking .modal-bg.peek .modal-actions{left:auto!important;right:12px!important;bottom:8px!important;transform:none!important}.callout{animation-duration:.9s!important}.ms-stage .hand .tile:not(.ghost),.ms-stage .ms-river .tile:not(.back),.ms-stage .ms-omelds .tile:not(.back),.ms-stage .ms-ohand.revealed .tile,.modal .tile:not(.back){background:linear-gradient(165deg,#fff,#f7f9fc 45%,#e8eef5)!important}.ms-stage .tile.tsumogiri{background:linear-gradient(165deg,#e6e8ec,#d7dbe2 60%,#c9ced8)!important}.tile .gloss{mix-blend-mode:normal;background:linear-gradient(180deg,#ffffffd9,#fff6 6%,#fff0 18%),linear-gradient(112deg,#fff0 0,#fff0 74%,#ffffff8c 77%,#fff0 81%),radial-gradient(ellipse 130% 100% at 30% 0%,#fff0 60%,#6a7ea01f);box-shadow:inset 0 0 0 1.5px #ffffffd9,inset 0 0 7px 1px #c6e9ffb3,inset 0 -3px 4px #4a5a7a2e,inset 2px 2px 3px #ffffffb3}.ms-stage .hand .tile .gloss{background:linear-gradient(180deg,#fffffff2,#ffffff80 5%,#fff0 16%),linear-gradient(112deg,#fff0 0,#fff0 70%,#ffffffa6,#fff3 76%,#fff0 80%),linear-gradient(112deg,#fff0 0,#fff0 83%,#fff6,#fff0 87%),radial-gradient(ellipse 130% 100% at 30% 0%,#fff0 60%,#6a7ea024);box-shadow:inset 0 0 0 2px #ffffffe6,inset 0 0 10px 2px #bfe6ffbf,inset 0 -4px 6px #4a5a7a33,inset 3px 3px 4px #fffc}.ms-stage .hand .tile .gloss:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(112deg,#fff0 30%,#ffffffb3,#fff0 60%);background-size:300% 100%;background-position:120% 0;opacity:0}.ms-stage .hand .tile.selected .gloss:after,.ms-stage .hand button.tile.playable:hover .gloss:after{animation:crystal-sweep .7s ease-out}@keyframes crystal-sweep{0%{opacity:1;background-position:120% 0}to{opacity:1;background-position:-60% 0}}.bx.ws .t,.bx.hs .n{background:linear-gradient(180deg,#ffffff73,#fff0 22%),linear-gradient(112deg,#fff0 0,#fff0 70%,#ffffff40 74%,#fff0 79%),linear-gradient(155deg,#4a90d0,#2f6fa8 55%,#1d4f80)!important;box-shadow:inset 0 0 0 1px #fff6,inset 0 0 6px #bfe6ff66}.ms-orow{left:auto;right:34px;transform:none;top:812px;gap:10px;align-items:flex-end}.ms-zone.left .ms-orow,.ms-zone.right .ms-orow,.ms-zone.top .ms-orow{top:812px}.ms-orow .ms-omelds,.ms-zone.top .ms-orow .ms-omelds{position:static;transform:none}.ms-orow .ms-omelds .melds{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:5px}.ms-stage .ms-orow .ms-omelds .tile{--w: 34px !important}.ms-orow:has(.ms-ohand.revealed){top:790px}.ms-orow{right:120px}.ms-stage{--cream: #f4f8fc;--cream-dark: #c9d6e4}.ms-stage .ms-river .cell:after{background:linear-gradient(#ffffff 0%,#eaf1f8 30%,#cfdbe8 72%,#a9bcd2 79%,var(--tile-back) 81%,#1d5e9a 100%)!important}.ms-stage .ms-river .cell:before{background:linear-gradient(#1d5e9a 0%,var(--tile-back) 19%,#a9bcd2 21%,#cfdbe8 28%,#eaf1f8 70%,#ffffff 100%)!important}.ms-stage .ms-river .cell .edges:before{background:linear-gradient(90deg,#1d5e9a 0%,var(--tile-back) 19%,#a9bcd2 21%,#cfdbe8 28%,#eaf1f8 70%,#ffffff 100%)!important}.ms-stage .ms-river .cell .edges:after{background:linear-gradient(90deg,#ffffff 0%,#eaf1f8 30%,#cfdbe8 72%,#a9bcd2 79%,var(--tile-back) 81%,#1d5e9a 100%)!important}.ms-stage .hand .tile:not(.ghost){box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #4a5a7a1f,0 2px #f2f7fc,0 5px #cfdbe8,0 6px #a9bcd2,0 12px 0 var(--tile-back),0 18px 16px #000a!important}.bx.hs .t,.bx.hs .w,.bx.hs .e{background:linear-gradient(to bottom,var(--tile-back) 0 32%,#a9bcd2 32% 34%,#f4f8fc 34%,#cfdbe8)!important}.bx.hs .s{background:linear-gradient(#fff,#e6eef6)!important;box-shadow:inset 0 0 0 1px #fffc,inset 0 0 6px #bfe6ff99}.bx.ws .n{background:linear-gradient(to bottom,#f4f8fc 0 36%,var(--tile-back) 38% 49%,#a9bcd2 49% 50%,#f4f8fc 51% 87%,var(--tile-back) 89%)!important}.bx.ws .s{background:linear-gradient(to top,#ffffff 0 36%,var(--tile-back) 38% 49%,#a9bcd2 49% 50%,#ffffff 51% 87%,var(--tile-back) 89%)!important}.bx.ws .w{background:linear-gradient(to right,#e6eef6 0 36%,var(--tile-back) 38% 49%,#a9bcd2 49% 50%,#e6eef6 51% 87%,var(--tile-back) 89%)!important}.bx.ws .e{background:linear-gradient(to left,#e6eef6 0 36%,var(--tile-back) 38% 49%,#a9bcd2 49% 50%,#e6eef6 51% 87%,var(--tile-back) 89%)!important}.ms-cloth{background:radial-gradient(circle at 50% 50%,transparent 0 200px,#ffffff10 201px 204px,transparent 205px 236px,#ffffff0c 237px 239px,transparent 240px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.17 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.02' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0.05  0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23m)'/%3E%3C/svg%3E"),linear-gradient(118deg,#fff0 20%,#c8c4ff14 42%,#fff0 58%,#b8b4f010 78%,#fff0 92%),radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff12,transparent 70%),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 52%,#0000006e 100%),linear-gradient(160deg,#474f78,#363d60 45%,#262b48);background-size:auto,180px 180px,260px 260px,auto,auto,auto,auto}.ms-cloth{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.17 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.02' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0.05  0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23m)'/%3E%3C/svg%3E"),linear-gradient(118deg,#fff0 20%,#c8c4ff14 42%,#fff0 58%,#b8b4f010 78%,#fff0 92%),radial-gradient(ellipse 58% 52% at 50% 46%,#ffffff10,transparent 70%),radial-gradient(ellipse 75% 75% at 50% 50%,transparent 52%,#0000006e 100%),linear-gradient(#2c335699,#2c335699),url(/mats/stars.webp) center / cover no-repeat,#262b48;background-size:180px 180px,260px 260px,auto,auto,auto,auto,cover,auto}.ms-cloth:after{display:none}.ms-stage{--tw-sm: 34px}.ms-console{left:352px;top:352px;width:196px;height:196px}.mc-side{width:180px;margin-left:-90px}.mc-side.me{transform:translateY(74px)}.mc-side.right{transform:rotate(-90deg) translateY(74px)}.mc-side.top{transform:rotate(180deg) translateY(74px)}.mc-side.left{transform:rotate(90deg) translateY(74px)}.ms-river{left:352px;top:556px;width:220px}@media(max-height:500px){.ms-stage{--tw-sm: 38px}.ms-river{left:340px}}.ms-wall,.ms-zone.me .ms-wall{top:748px}.ms-stage .ms-river .cell{box-shadow:0 5px 6px #00000080,0 1px 2px #000a!important}.bx.ws,.bx.hs{border-radius:4px;box-shadow:0 8px 10px 1px #00000080,0 2px 3px #000000b0}.ms-stage .ms-omelds .meld .tile,.ms-stage .ms-ohand.revealed .tile{box-shadow:0 5px 6px #00000080,0 1px 2px #000a!important}.ms-console{box-shadow:inset 0 2px #ffffff38,inset 0 -3px #0007,0 0 0 2px #23262d,0 18px 22px #000000b3,0 4px 6px #000c}.ms-stage .hand .tile:not(.ghost){filter:drop-shadow(0 6px 5px #000000a0)}.ms-stage .ms-river .river.rows{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px!important;width:max-content}.ms-river .rrow{display:flex;gap:1px;transform-style:preserve-3d}.ms-wall,.ms-zone.me .ms-wall{top:714px}.ms-stage .ms-river .cell{box-shadow:0 7px 8px 1px #000000b0,0 2px 2px #000!important}.bx.ws,.bx.hs{box-shadow:0 12px 14px 2px #000000b0,0 3px 4px #000}.ms-stage .ms-omelds .meld .tile,.ms-stage .ms-ohand.revealed .tile{box-shadow:0 7px 8px 1px #000000b0,0 2px 2px #000!important}.ms-stage .hand .tile:not(.ghost){filter:drop-shadow(0 8px 6px #000000c8)}.ms-tabs-toggle{position:absolute;left:10px;top:172px;z-index:6;display:grid;place-items:center;width:74px;height:64px;border-radius:12px;border:1px solid #4a5b70;background:linear-gradient(#2b3a4c,#1a2532);color:#cfd8de;font:inherit;cursor:pointer}.ms-tabs-toggle b{font-size:22px}.ms-tabs-toggle.on{border-color:#e0b04a;color:#ffe08a}.ms-tabs-toggle .count{position:absolute;right:-6px;top:-6px;min-width:26px;height:26px;border-radius:13px;display:grid;place-items:center;background:#e0b04a;color:#2a1d00;font-size:16px;font-weight:900}.ms-tabs{top:244px!important;transform:none!important}.called-stack .tile.sideways{margin:calc(var(--w) * -.18) calc(var(--w) * .18)!important}.called-stack{justify-content:flex-end}.ms-handrow{max-width:1240px}.ms-handrow:has(.melds .meld:nth-child(2)) .hand .tile{--w: 66px !important}.ms-handrow:has(.melds .meld:nth-child(3)) .hand .tile{--w: 62px !important}.ms-stage .ms-handrow .melds .tile{--w: 38px !important}.ms-zone.me .ms-wall{top:740px}.tile .gloss{background:linear-gradient(180deg,#ffffffd9,#fff5 6%,#fff0 16%),linear-gradient(112deg,#fff0 0,#fff0 84%,#fff6,#fff0 90%),radial-gradient(ellipse 130% 100% at 30% 0%,#fff0 60%,#6a7ea01f)}.ms-stage .hand .tile .gloss{background:linear-gradient(180deg,#fffffff2,#ffffff70 5%,#fff0 15%),linear-gradient(112deg,#fff0 0,#fff0 84%,#ffffff8c 87%,#fff0 91%),radial-gradient(ellipse 130% 100% at 30% 0%,#fff0 60%,#6a7ea024)}.ms-stage .hand .tile:not(.ghost){box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #4a5a7a1f,0 4px #cfdbe8,0 11px 0 var(--tile-back),0 16px 14px #000a!important}.bx.ws .n,.bx.ws .s,.bx.ws .w,.bx.ws .e{background:linear-gradient(to top,#e8f0f8 0 40%,var(--tile-back) 40% 50%,#0004 50% 51%,#e8f0f8 51% 90%,var(--tile-back) 90%)!important}.bx.ws .n{background:linear-gradient(to bottom,#e8f0f8 0 40%,var(--tile-back) 40% 50%,#0004 50% 51%,#e8f0f8 51% 90%,var(--tile-back) 90%)!important}.ms-stage .tile.tsumogiri{background:linear-gradient(165deg,#d2d4d9,#c2c6ce 60%,#b3b8c2)!important}body.peeking .modal-bg.peek .modal-actions{bottom:150px!important;right:12px!important;transform:scale(.85)!important;transform-origin:100% 100%}.ms-zone.top .ms-orow .ms-omelds{transform:scale(1.25);transform-origin:100% 100%}.ms-stage .ms-river .tile,.ms-stage .ms-orow .ms-omelds .tile:not(.back),.ms-stage .ms-ohand.revealed .tile{border:0!important;border-radius:3px!important;box-shadow:none!important}.ms-stage .ms-river .tile .gloss{border-radius:3px;box-shadow:inset 0 0 0 1px #fff9,inset 0 -2px 3px #4a5a7a22}.ms-stage .ms-river .cell{border-radius:3px}.ms-stage .ms-river .cell:after{border-radius:0 0 3px 3px!important;background:linear-gradient(#f2f6fb 0%,#dfe7f0 55%,#c5d2e0 76%,var(--tile-back) 80%,#1d5e9a 100%)!important}.ms-stage .ms-river .cell:before{border-radius:3px 3px 0 0!important;background:linear-gradient(#1d5e9a 0%,var(--tile-back) 20%,#c5d2e0 24%,#dfe7f0 45%,#f2f6fb 100%)!important}.ms-stage .ms-river .cell .edges:before{background:linear-gradient(90deg,#1d5e9a 0%,var(--tile-back) 20%,#c5d2e0 24%,#dfe7f0 45%,#f2f6fb 100%)!important}.ms-stage .ms-river .cell .edges:after{background:linear-gradient(90deg,#f2f6fb 0%,#dfe7f0 55%,#c5d2e0 76%,var(--tile-back) 80%,#1d5e9a 100%)!important}.ms-stage .ms-river .river.rows,.ms-river .rrow{gap:0!important}.ms-stage .ms-river .tile,.ms-stage .ms-river .cell,.ms-stage .ms-river .tile .gloss{border-radius:6px!important}.ms-stage .ms-river .cell:after{border-radius:0 0 6px 6px!important}.ms-stage .ms-river .cell:before{border-radius:6px 6px 0 0!important}.ms-stage .ms-river .tile .gloss{box-shadow:inset 0 2px 2px #fffc,inset 2px 0 3px #ffffff80,inset -2px 0 3px #4a5a7a24,inset 0 -3px 4px #4a5a7a30}.ms-stage .ms-river .cell{box-shadow:0 8px 10px #00000080!important}.ms-stage .ms-river .cell:after{background:linear-gradient(#f2f6fb 0%,#dfe8f2 22%,#c9d6e4 34%,var(--tile-back) 36%,#24639e 100%)!important}.ms-stage .ms-river .cell:before{background:linear-gradient(#24639e 0%,var(--tile-back) 64%,#c9d6e4 66%,#dfe8f2 78%,#f2f6fb 100%)!important}.ms-stage .ms-river .cell .edges:before{background:linear-gradient(90deg,#24639e 0%,var(--tile-back) 64%,#c9d6e4 66%,#dfe8f2 78%,#f2f6fb 100%)!important}.ms-stage .ms-river .cell .edges:after{background:linear-gradient(90deg,#f2f6fb 0%,#dfe8f2 22%,#c9d6e4 34%,var(--tile-back) 36%,#24639e 100%)!important}.ms-stage .ms-river .tile .gloss{background:linear-gradient(180deg,#fffffff2,#ffffff70 5%,#fff0 15%),linear-gradient(112deg,#fff0 0,#fff0 84%,#ffffff8c 87%,#fff0 91%),radial-gradient(ellipse 130% 100% at 30% 0%,#fff0 60%,#6a7ea024);box-shadow:inset 0 0 0 1.5px #ffffffe6,inset 0 0 8px 1px #bfe6ffb3,inset 0 -3px 5px #4a5a7a33,inset 2px 2px 3px #fffc}.stage-cut{-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 76%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 76%,transparent);mask-composite:intersect}@media(max-height:500px){.ms-tabs-toggle{width:90px;height:88px}.ms-tabs-toggle b{font-size:28px}.ms-tabs{top:268px!important}.ms-tab{width:90px!important;height:86px!important}}.ms-omelds .called-stack{gap:0}.ms-zone.top .ms-orow{right:60px}.ms-stage .tile.tsumogiri{background:linear-gradient(165deg,#dfe2e7,#d3d7de 60%,#c7ccd4)!important}.ms-stage .ms-river .tile.tsumogiri .gloss{border-bottom:3px solid #8a93a3}.ms-zone .ms-river{--tw-sm: 68px;transform:scale3d(.5,.5,.5);transform-origin:0 0}@media(max-height:500px){.ms-zone .ms-river{--tw-sm: 76px}}.ms-stage .ms-river .tile,.ms-stage .ms-river .cell,.ms-stage .ms-river .tile .gloss{border-radius:12px!important}.ms-stage .ms-river .cell:after{border-radius:0 0 12px 12px!important}.ms-stage .ms-river .cell:before{border-radius:12px 12px 0 0!important}.ms-stage .ms-river .cell{box-shadow:0 16px 20px #00000080!important}.ms-table>.table3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.ms-table>.ms-stage{z-index:1}.ms-stage.gl .ms-cloth,.ms-stage.gl .ms-zone{opacity:0}.ms-console{transform:translateZ(3px)!important;box-shadow:inset 0 1px #ffffff30,inset 0 -1px #0006,0 0 0 2px #1d2026,0 0 0 4px #0005,0 3px 5px #00000080!important}.mc-side .cslot{position:absolute;left:50%;top:30px;width:116px;height:11px;margin-left:-58px;border-radius:6px;background:linear-gradient(#0d0f13,#22262d);box-shadow:inset 0 2px 3px #000c,0 1px #ffffff26}.mc-side .cslot .cstick{top:2px;left:4px;width:108px;height:7px;box-shadow:0 1px 1px #0008}.ms-stage.gl .ms-console{opacity:0}.tile.dora:after{content:""!important;position:absolute!important;right:0!important;bottom:0!important;left:0!important;top:0!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;clip-path:none!important;filter:none!important;box-shadow:none!important;border-radius:inherit!important;pointer-events:none;background:linear-gradient(118deg,#ffd65a00 36%,#ffe28cbf 47%,ivory,#ffe28cbf 53%,#ffd65a00 64%)!important;background-size:300% 100%!important;background-repeat:no-repeat!important;mix-blend-mode:screen;animation:dora-shine 1s linear infinite;transform:none!important}@keyframes dora-shine{0%{background-position:110% 0}70%,to{background-position:-10% 0}}@media(prefers-reduced-motion:reduce){.tile.dora:after{animation:none;background:linear-gradient(118deg,#ffd65a00 30%,#ffe28c80,#ffd65a00 70%)!important}}.ms-stage{--tile-back: #7fa9da}.ms-stage .hand .tile:not(.ghost){box-shadow:inset 1px 1px #fff,inset -2px -4px 6px #4a5a7a1a,0 3px #dbe4ee,0 8px 0 var(--tile-back),0 12px 12px #0005!important;filter:none}#app:has(.ms-table){background:radial-gradient(ellipse at 50% 40%,#70728f,#45475f 80%)}.ms-cloth{background:radial-gradient(ellipse 60% 55% at 50% 46%,#ffffff18,transparent 70%),linear-gradient(#9496bae0,#7c7ea3e0),url(/mats/stars.webp) center / cover no-repeat,#8a8cb0!important;box-shadow:inset 0 0 0 16px #a3a7b6,inset 0 0 0 19px #7d8190,inset 0 0 60px #0003,0 20px 40px #0006!important}.ms-wall,.ms-zone.me .ms-wall{top:786px!important}.ms-orow,.ms-zone.top .ms-orow,.ms-zone.left .ms-orow,.ms-zone.right .ms-orow{top:846px!important}.ms-badge:not(.expanded) .b-sub,.ms-badge:not(.expanded) .medal,.ms-badge:not(.expanded) .chips,.ms-me:not(.expanded) .ms-mybadge .b-sub,.ms-me:not(.expanded) .ms-mybadge .medal,.ms-me:not(.expanded) .ms-mybadge .chips{display:none!important}.ms-badge .b-top,.ms-mybadge>.avatar{cursor:pointer}.ms-badge .b-name,.ms-mybadge .b-name{background:#1a1c2ccc;border-radius:6px;font-size:16px!important}.ms-badge.expanded .b-sub,.ms-badge.expanded .chips,.ms-me.expanded .ms-mybadge .chips{animation:rise .18s ease-out}.scene.table-bg{display:block!important}.scene.table-bg .scene-img{top:-24px;right:-24px;bottom:-24px;left:-24px;filter:blur(7px) brightness(.62) saturate(.85)}.scene.table-bg:after{background:radial-gradient(ellipse at 50% 55%,#1a1c3000 30%,#12142699)!important}#app:has(.ms-table),body:has(.ms-table){background:#14162a!important}