:root{--felt:#0e7a43;--felt-d:#0a5a31;--gold:#ffd24a;--gold-d:#f0a500;--red:#e23b3b;--cream:#fbf6e6;--ink:#173a26;--line:#ffffff29;--shadow:0 8px 24px #00000052;--font:"Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--tink-red:linear-gradient(135deg, #ff7a7a 0%, #e0232c 40%, #9c0d13 68%, #ff9a9a 100%);--tink-blue:linear-gradient(135deg, #8ec2ff 0%, #2b7fd6 38%, #103f86 66%, #a9d4ff 100%);--tink-silver:linear-gradient(135deg, #f2f6fb 0%, #c7d0dc 34%, #7c8695 62%, #e9eff7 100%);--tink-gold:linear-gradient(135deg, #fff1a6 0%, #ffd23a 34%, #e8a400 62%, #ffe066 100%);--tink-rainbow:linear-gradient(120deg, #ff5a6e, #ffab35 26%, #33c96a 50%, #3aa0ff 74%, #b563ff 100%);--tink-flat:grayscale(1) brightness(.8) contrast(1.9);--tink-wash-a:.26;--dia-img:url(/tiles/diamond.png) center / contain no-repeat;--tile-gloss:linear-gradient(125deg, #ffffff80 0%, #fff0 34%, #fff0 60%, #ffffff3d 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}html,body,#root{height:100%}body{font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;background:#131c2c;overflow:hidden}@media (orientation:portrait){#root{transform-origin:0 0;width:100dvh;height:100dvw;transform:rotate(90deg)translateY(-100%)}}.screen{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.topbar{width:100%;max-width:1100px;margin-inline:auto}.felt{background:radial-gradient(70% 60% at 50% 0,#ffffff1a,#0000 60%),radial-gradient(60% 50% at 50% 100%,#00000047,#0000 70%),linear-gradient(160deg,#14935a,#0c6b3e 55%,#0a5733)}.topbar{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px 10px;display:flex}.topbar h2{letter-spacing:.04em;font-size:18px;font-weight:800}.title-screen,.menu-screen,.setup-screen{background:radial-gradient(120% 75% at 50% -12%,#26547a 0%,#0000 58%),radial-gradient(60% 44% at 82% 18%,#1c745c57 0%,#0000 70%),radial-gradient(80% 55% at 50% 108%,#0d3a28 0%,#0000 62%),linear-gradient(172deg,#12293e 0%,#0d2132 45%,#091624 100%);overflow:hidden}.title-screen:after,.menu-screen:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(120% 100% at 50% 42%,#0000 58%,#00000061 100%);position:absolute;inset:0}.menu-screen .topbar,.menu-screen .menu-cols,.menu-screen .toast,.title-screen .tl-hero,.title-screen .title-logo,.title-screen .tap{z-index:3;position:relative}.title-screen{cursor:pointer;justify-content:center;align-items:center;gap:10px}.tl-rays{pointer-events:none;opacity:.1;background:repeating-conic-gradient(#ffe9a8 0deg 7deg,#0000 7deg 24deg);width:160vmax;height:160vmax;margin-left:-80vmax;animation:70s linear infinite rays-spin;position:absolute;top:-62%;left:50%}@keyframes rays-spin{to{transform:rotate(360deg)}}.tl-orb{pointer-events:none;filter:blur(46px);opacity:.16;background:radial-gradient(circle,#ffd24a,#0000 70%);border-radius:50%;position:absolute}.tl-orb.o1{width:340px;height:340px;animation:11s ease-in-out infinite orb-f;bottom:-6%;left:8%}.tl-orb.o2{width:260px;height:260px;animation:14s ease-in-out infinite reverse orb-f;top:4%;right:6%}@keyframes orb-f{50%{transform:translateY(-36px)}}.tl-hero{--tile-w:92px;--tile-h:124px;--tile-d:52px;width:var(--tile-w);height:var(--tile-h);perspective:900px;filter:drop-shadow(0 30px 26px #0000008c);margin-bottom:20px}.t.cube.hero{animation:10s linear infinite hero-spin}.t.cube.hero .cf,.t.cube.hero .cube-img{border-radius:9px}@keyframes hero-spin{0%{transform:rotateX(-16deg)rotateY(90deg)}to{transform:rotateX(-16deg)rotateY(450deg)}}.title-logo{letter-spacing:.04em;z-index:1;background:linear-gradient(115deg,#0000 32%,#ffffffd9 47%,#0000 60%) 0 0/240% 100%,linear-gradient(#fff6d0 4%,#ffd24a 34%,#f0a500 58%,#c07f00 76%,#ffe07a 96%) 0 0/100% 100%;color:#0000;filter:drop-shadow(0 3px #4a2c00f2)drop-shadow(0 12px 26px #000000a6);-webkit-background-clip:text;background-clip:text;padding:0 10px;font-size:56px;font-weight:900;line-height:1.15;animation:4.2s ease-in-out infinite logo-gloss;position:relative}@keyframes logo-gloss{0%,55%{background-position:130% 0,0 0}to{background-position:-110% 0,0 0}}.title-logo .tl-d{background:linear-gradient(#ffb1a0 6%,#e23b3b 48%,#8f1d1d 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.18em}.tap{z-index:1;color:#ffedb3;letter-spacing:.18em;background:linear-gradient(#0000006b,#00000047);border:1.5px solid #ffd24abf;border-radius:999px;padding:13px 44px;font-size:16px;font-weight:800;animation:2.6s ease-in-out infinite tap-pulse;position:relative;overflow:hidden;box-shadow:0 0 18px #ffd24a2e,inset 0 1px #ffffff1f}.tap:after{content:"";background:linear-gradient(105deg,#0000,#fff4c880,#0000);width:34%;animation:2.6s ease-in-out infinite tap-sweep;position:absolute;top:-30%;bottom:-30%;left:-46%;transform:skew(-22deg)}@keyframes tap-sweep{0%,46%{left:-46%}78%,to{left:120%}}@keyframes tap-pulse{50%{box-shadow:0 0 30px #ffd24a61,inset 0 1px #ffffff1f}}.menu-body{flex-direction:column;flex:1;justify-content:center;gap:12px;width:100%;max-width:460px;margin:0 auto;padding:0 24px 40px;display:flex}.btn{cursor:pointer;color:#5a3b00;background:linear-gradient(180deg, #ffe07a, var(--gold-d));width:100%;box-shadow:0 5px 0 #b97c00, var(--shadow);text-align:left;border:0;border-radius:16px;align-items:center;gap:11px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:800;transition:all 80ms;display:flex}.btn:active{transform:translateY(3px);box-shadow:0 2px #b97c00}.btn .ico{font-size:22px}.btn .sub{opacity:.75;margin-top:2px;font-size:11px;font-weight:600;display:block}.btn.big{font-size:18px}.btn.ghost{color:#fff;box-shadow:none;border:1px solid var(--line);background:#ffffff1f;justify-content:center}.menu-logo{letter-spacing:.04em;background:linear-gradient(#fff6d0 4%,#ffd24a 34%,#f0a500 58%,#c07f00 76%,#ffe07a 96%);color:#0000;filter:drop-shadow(0 1px #4a2c00e6)drop-shadow(0 4px 10px #00000080);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.menu-logo .ml-d{background:linear-gradient(#ffb1a0 6%,#e23b3b 48%,#8f1d1d 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.16em}.menu-cols{z-index:1;flex:1;align-items:stretch;gap:18px;width:100%;max-width:880px;margin:0 auto;padding:8px 24px 20px;display:flex;position:relative;overflow-y:auto}.mcol{flex-direction:column;justify-content:flex-start;gap:14px;min-width:0;display:flex}.mcol.main{flex:1.5}.mcol.side{flex:1;gap:12px}.mode-card{cursor:pointer;text-align:left;color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.25);backdrop-filter:blur(10px)saturate(1.25);background:linear-gradient(160deg,#ffffff1c,#ffffff08 58%,#ffffff0f);border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:14px;width:100%;padding:15px 18px;font-family:inherit;transition:transform .22s cubic-bezier(.2,.9,.3,1.3),border-color .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 12px 30px #0000006b,inset 0 1px #ffffff24}.mode-card:hover{border-color:#ffd24a99;transform:translateY(-3px);box-shadow:0 18px 38px #00000080,0 0 26px #ffd24a29,inset 0 1px #ffffff2e}.mode-card:hover .mc-ico{transform:scale(1.06)rotate(-3deg)}.mode-card:active{transform:translateY(1px)}.mode-card:focus-visible{outline-offset:2px;outline:2px solid #ffd24acc}.mode-card.mc-gold{border-color:#ffd24a66;box-shadow:0 12px 30px #0000006b,0 0 18px #ffd24a1f,inset 0 1px #ffffff24}.mc-ico{border-radius:15px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:transform .22s cubic-bezier(.2,.9,.3,1.3);display:flex;position:relative;box-shadow:inset 0 1.5px #ffffff73,inset 0 -8px 14px #00000038,0 5px 14px #0006}.mc-ico:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,#ffffff57 0%,#ffffff0f 42%,#0000 60%);position:absolute;inset:0}.mc-red .mc-ico{background:linear-gradient(160deg,#ff8a5c,#c02626)}.mc-gold .mc-ico{background:linear-gradient(160deg,#ffe07a,#d98f00)}.mc-blue .mc-ico{background:linear-gradient(160deg,#5fd0ff,#1668a8)}.mc-green .mc-ico{background:linear-gradient(160deg,#6fe09a,#1e7a44)}.mc-txt{flex:1;min-width:0}.mc-txt b{letter-spacing:.06em;font-size:18px;font-weight:900;display:block}.mc-txt small{color:#dcecff99;letter-spacing:.01em;margin-top:3px;font-size:11px;font-weight:600;line-height:1.5;display:block}.mc-tag{letter-spacing:.1em;color:#ffffff6b;background:#0000002e;border:1px solid #fff3;border-radius:999px;flex:none;padding:4px 11px;font-size:10px;font-weight:800}.mc-tag.play{color:#3a2800;background:linear-gradient(180deg, #fff0ae, #ffd24a 45%, var(--gold-d));border-color:#fff6d6a6;font-size:11px;box-shadow:0 0 16px #ffd24a66,inset 0 1px #ffffffb3}@media (height<=430px){.topbar{padding:8px 24px 6px}.menu-cols{gap:12px;padding-top:4px;padding-bottom:12px}.mcol{gap:8px}.mode-card{padding:9px 16px}.mc-ico{width:40px;height:40px;font-size:20px}.mc-txt small{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.topbar .tb-icons{gap:8px;margin-left:auto;display:flex}.iconbtn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .18s;display:flex;box-shadow:inset 0 1px #ffffff1f}.iconbtn:hover{background:#ffffff2e;border-color:#ffd24a80;box-shadow:inset 0 1px #ffffff1f,0 0 14px #ffd24a2e}.iconbtn:active{transform:translateY(1px)}.me{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.25);backdrop-filter:blur(10px)saturate(1.25);background:linear-gradient(160deg,#ffffff1c,#ffffff08);border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:11px;padding:12px 14px;display:flex;box-shadow:0 12px 30px #0000006b,inset 0 1px #ffffff24}.me-av{background:linear-gradient(180deg, #ffe07a, var(--gold-d));border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:inset 0 1px #fff6,0 3px 10px #00000059}.me-info{min-width:0}.me-name{font-size:14px;font-weight:900}.me-id{color:#ffffff6b;margin-left:4px;font-size:10px;font-weight:700}.me-stats{color:#ffffff8c;gap:12px;margin-top:3px;font-size:11px;font-weight:600;display:flex}.me-stats b{color:#ffd24a;margin-right:2px;font-size:13px;font-weight:900}.pickup{cursor:pointer;text-align:left;color:#fff;background:linear-gradient(165deg,#ffffff29 0%,#0000 45%),linear-gradient(150deg,#8e44ad,#5b2c6f);border:1px solid #fff3;border-radius:18px;flex-direction:column;gap:7px;padding:11px 14px;font-family:inherit;transition:transform .22s cubic-bezier(.2,.9,.3,1.3),filter .22s;display:flex;box-shadow:0 12px 30px #0000006b,inset 0 1px #fff3}.pickup:hover{filter:brightness(1.1);transform:translateY(-2px)}.pickup:active{transform:translateY(1px)}.pk-top{justify-content:space-between;align-items:center;display:flex}.pk-tag{letter-spacing:.03em;font-size:11px;font-weight:800}.pk-pr{opacity:.85;border:1px solid #ffffff80;border-radius:99px;padding:1px 7px;font-size:9px;font-weight:700}.pk-body{align-items:center;gap:10px;display:flex}.pk-logo{color:#8e44ad;background:#ffffffeb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:flex}.pk-txt{flex:1;min-width:0}.pk-txt b{font-size:14px;font-weight:900;line-height:1.1;display:block}.pk-txt small{opacity:.85;font-size:10px}.pk-go{opacity:.9;font-size:14px}.hint{color:#dcecff6b;text-align:center;letter-spacing:.05em;font-size:11px;line-height:1.6}.toast{color:#ffe07a;box-shadow:var(--shadow);z-index:50;background:#000000bf;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:800;animation:.18s ease-out toast-in;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.topbar .back{cursor:pointer;opacity:.9;padding:0 6px;font-size:22px}.seg{background:#fff;border:2px solid #0c6b3e;border-radius:9px;flex:none;display:flex;overflow:hidden}.seg span{color:#0c6b3e;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:12px;font-weight:700}.seg span.on{color:#fff;background:#0c6b3e}.seg span.dis{opacity:.35;cursor:not-allowed}.fr-body{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:640px;margin:0 auto;padding:0 20px 24px;display:flex}.fr-list{position:relative}.fr-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-99999px}.fr-measure-row{white-space:nowrap;align-items:center;gap:20px;display:inline-flex}.fr-row{box-sizing:border-box;height:58px;box-shadow:var(--shadow);color:var(--ink);background:#fff;border:2px solid #0000;border-radius:14px;grid-template-columns:24px 100px 60px 42px;align-items:center;gap:6px;padding:0 14px;transition:transform .55s cubic-bezier(.5,0,.2,1),background .4s,border-color .4s;display:grid;position:absolute;left:0;right:0}.fr-list.has-chips .fr-row{grid-template-columns:24px 100px 60px 52px 1fr 20px 1fr 110px 48px 20px 56px}.fr-spacer{pointer-events:none}.fr-row.r1{border-color:var(--gold-d);background:linear-gradient(#fff6d6,#ffe9a8)}.fr-pos{text-align:center;font-size:22px;font-weight:900}.fr-row.r1 .fr-pos{color:var(--gold-d)}.fr-row.r2 .fr-pos{color:#7f8a99}.fr-row.r3 .fr-pos{color:#b07a4a}.fr-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.fr-so{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.fr-sopt,.fr-chippt{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.fr-sopt{text-align:right}.fr-chippt{text-align:left}.fr-total{text-align:right;font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.fr-sopt,.fr-chippt,.fr-total{color:#0c9c4e}.fr-sopt.minus,.fr-chippt.minus,.fr-total.minus{color:var(--red)}.fr-sopt.zero,.fr-chippt.zero,.fr-total.zero{color:#8a8f83}.fr-chip{flex-direction:row;align-items:center;gap:5px;min-width:0;display:flex}.fr-chip-lines{flex-direction:column;align-items:center;gap:3px;min-width:0;line-height:1.2;display:flex}.fr-chip-top{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:800}.fr-chip-conv{color:#a86a00;white-space:nowrap;font-size:10px;font-weight:700}.fr-op{text-align:center;color:#b7a06a;font-size:15px;font-weight:800}.fr-chip,.fr-chippt,.fr-total,.fr-op{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(4px)}.fr-chip.show,.fr-chippt.show,.fr-total.show,.fr-op.show{opacity:1;transform:none}.fr-crown{transform-origin:100% 100%;pointer-events:none;filter:drop-shadow(0 2px 2px #00000059);font-size:24px;line-height:1;animation:.45s cubic-bezier(.2,1.5,.4,1) both crown-pop;position:absolute;top:-15px;left:-4px;transform:rotate(-20deg)}@keyframes crown-pop{0%{opacity:0;transform:rotate(-20deg)translateY(8px)scale(.5)}}.fr-actions{opacity:0;visibility:hidden;gap:12px;transition:opacity .4s;display:flex}.fr-actions.show{opacity:1;visibility:visible}.fr-actions .btn{flex:1;justify-content:center;width:auto}#game-root{--board-scale:min(1.4, calc(100cqw / 745px), calc(50cqh / 190px));background-color:#1a2535;background-image:radial-gradient(130% 80% at 50% 0,#243045 0%,#0000 55%),radial-gradient(70% 60% at 20% 100%,#141e2e 0%,#0000 50%);flex-direction:column;width:100%;max-width:1200px;height:100%;margin-inline:auto;display:flex;position:relative;overflow:hidden;container-type:size}#actionbar{z-index:30;max-width:calc(370px * var(--board-scale,1));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute}#actionbar .ab{letter-spacing:.1em;opacity:.78;min-width:64px;padding:5px 14px;font-size:11px}#actionbar .ab:hover{opacity:1}.ab{cursor:pointer;letter-spacing:.16em;text-indent:.16em;color:#4a2f00;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff3c2 0%,#ffd968 30%,#f2b53a 64%,#de9a14 100%);border:1px solid #fff6d6bf;border-radius:999px;min-width:96px;padding:10px 24px;font-family:inherit;font-size:15px;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .12s;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 4px #965a0059,0 4px 12px #00000080}.ab:hover{filter:brightness(1.07);transform:translateY(-1px)}.ab:active{filter:brightness(.97);transform:translateY(1px);box-shadow:inset 0 2px 5px #78460073,0 2px 6px #0006}.ab.ron,.ab.tsumo{color:#fff;text-shadow:0 1px 2px #5a0000a6;background:linear-gradient(#ff9d84 0%,#f25a3c 32%,#d92e21 66%,#a81410 100%);border-color:#ffcdaab3;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 4px #5a000066,0 4px 12px #00000080,0 0 14px #e23b3b59}.ab.riichi{color:#fff;text-shadow:0 1px 2px #002846a6;background:linear-gradient(#9fdcff 0%,#45a4e8 32%,#1f7cc4 66%,#10578f 100%);border-color:#c8ebffb3;box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #002d5066,0 4px 12px #00000080}.ab.riichi.on{filter:brightness(1.15);box-shadow:inset 0 1px #fff9,0 0 0 2px #fff,0 0 16px #5abeffcc}.ab.pass{color:#f3f6f1;text-shadow:0 1px 2px #00000080;letter-spacing:.1em;background:linear-gradient(#465046eb,#283028eb);border:1px solid #ffffff73;box-shadow:inset 0 1px #ffffff38,0 3px 8px #0006}.ab.pass:hover{background:linear-gradient(#5a645af2,#373f37f2)}.auto-toggles{left:max(22px, calc(50% - 385px * var(--board-scale,1)));bottom:calc(50% - 157px * var(--board-scale,1));z-index:29;flex-direction:column;gap:7px;display:flex;position:absolute}.rules-btn{z-index:29;position:absolute;top:12px;right:14px}.atg{cursor:pointer;letter-spacing:.1em;color:#93a79b;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-family:inherit;font-size:11px;font-weight:800;transition:all .12s;display:flex}.atg:before{content:"";background:#5b6b62;border-radius:50%;flex:none;width:6px;height:6px;transition:all .12s;box-shadow:inset 0 1px 1px #0006}.atg:hover{color:#cfe0d5;background:#ffffff26}.atg.on{color:#ffe9a8;background:#78540059;border-color:#ffd24aa6}.atg.on:before{background:#ffd24a;box-shadow:0 0 7px #ffd24ae6}.wait-info{z-index:29;flex-direction:column;gap:6px;display:flex;position:absolute}.wait-info.seat-bot{align-items:center;bottom:34%;left:50%;transform:translate(-50%)}.wait-info.seat-top{align-items:center;top:12%;left:30%}.wait-info.seat-right{align-items:center;top:27%;left:80%;transform:translate(-50%,-50%)}.wait-info.seat-left{align-items:center;top:27%;left:20%;transform:translate(-50%,-50%)}.wi-row{opacity:1;background:#08100c8c;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:3px;padding:5px 10px;transition:opacity .3s;display:flex}.wi-row.wi-out{opacity:0}.wi-row.danger{opacity:.8;background:#50100873;border-color:#ff78648c}.wi-k{letter-spacing:.04em;color:#cfe0d5;white-space:nowrap;margin-right:5px;font-size:11px;font-weight:800}.wi-row.danger .wi-k{color:#ffc4b8}.wi-row .ftile img{border-radius:3px;width:21px;height:auto;display:block;box-shadow:0 1px 3px #00000073}.wi-hint{cursor:pointer;color:#6a3d00;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff3c2 0%,#ffd968 32%,#f2b53a 66%,#de9a14 100%);border:1px solid #fff6d6cc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-family:inherit;font-size:9px;font-weight:900;line-height:1;transition:transform .1s,filter .12s;animation:2.2s ease-in-out infinite wi-hint-breathe;display:flex;position:absolute;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 2px #965a0059,0 2px 5px #00000073}.wi-hint:hover{filter:brightness(1.08);transform:translateY(-1px)}.wi-hint:active{filter:brightness(.97);transform:translateY(1px)}@keyframes wi-hint-breathe{0%,to{box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 2px #965a0059,0 2px 5px #00000073,0 0 #ffd24a8c}50%{box-shadow:inset 0 1px #ffffffe6,inset 0 -1px 2px #965a0059,0 2px 5px #00000073,0 0 0 3px #ffd24a00}}.wi-hint-pos{bottom:6%;left:auto;right:5%;transform:none}.wi-hint-expanded{opacity:.8;align-items:center;inset:66% auto auto 50%;transform:translate(-50%,-50%)}.callout{z-index:38;color:#b3372e;letter-spacing:.18em;text-indent:.18em;white-space:nowrap;pointer-events:none;background:#fffdf4;border:2px solid #e8c58a;border-radius:999px;width:fit-content;padding:7px 26px;font-size:24px;font-weight:900;animation:.14s ease-out callout-pop;position:absolute;box-shadow:0 6px 18px #00000073}@keyframes callout-pop{0%{opacity:0;scale:.55}}.callout.seat-bot{margin-inline:auto;bottom:30%;left:0;right:0}.callout.seat-right{top:40%;left:calc(50% + 150px)}.callout.seat-top{margin-inline:auto;top:19%;left:0;right:0}.callout.seat-left{top:40%;right:calc(50% + 150px)}.callout-nuki{transition:opacity .7s}.callout-nuki.callout-fading{opacity:0}.intro-ov{z-index:45;background:#060c1499;justify-content:center;align-items:center;animation:.25s ease-out intro-in,.35s ease-in 2.5s forwards intro-out;display:flex;position:absolute;inset:0}@keyframes intro-in{0%{opacity:0}}@keyframes intro-out{to{opacity:0}}.intro-panel{background:linear-gradient(165deg,#12402cf2,#081e16f5);border:1.5px solid #ffd24a73;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:34px 84px;display:flex;box-shadow:0 24px 70px #0000008c}.intro-round{color:#fff;letter-spacing:.14em;text-shadow:0 3px 12px #00000080;font-size:46px;font-weight:900}.intro-round span{color:#ffd24a;letter-spacing:.1em;margin-left:14px;font-size:20px}.intro-oya{color:#bfe8cc;letter-spacing:.08em;font-size:13px;font-weight:800}.intro-dice{gap:20px;margin:16px 0 10px;display:flex}.intro-dice .die{--die:34px;box-shadow:0 3px 6px #00000080,inset 0 0 0 1.5px #00000024,inset 0 2px 3px #ffffffbf}.overlay{z-index:40;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ov-panel{width:90%;min-width:340px;max-height:calc(100% - 32px);box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:11px 20px;display:flex;position:relative;overflow-y:auto}.ov-panel>*{flex:none}.ov-panel h2{color:#0c6b3e;font-size:19px}.ov-sub{color:#5a6b5e;font-size:13px;font-weight:700}.ov-head{flex-wrap:wrap;align-items:center;gap:10px;padding-right:170px;display:flex}.ov-badge{color:#fff;letter-spacing:.2em;text-indent:.2em;border-radius:8px;padding:4px 14px;font-size:13px;font-weight:900;box-shadow:0 2px 5px #00000040}.ov-badge.ron{background:linear-gradient(#f25a3c,#b01a12)}.ov-badge.tsumo{background:linear-gradient(#16955c,#0a5d38)}.ov-winner{color:var(--ink);font-size:19px;font-weight:900}.ov-double{color:#8a6d1f;background:#fff3cd;border:1px solid #e8c58a;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.ov-loser{color:#fff;white-space:nowrap;background:#b3372e;border-radius:99px;padding:4px 12px;font-size:11.5px;font-weight:800}.ov-score{flex-direction:column;gap:3px;display:flex}.ov-hanfu{color:#5a6b5e;font-size:13px;font-weight:800}.ov-total{color:var(--ink);align-items:baseline;gap:4px;font-size:18px;font-weight:900;line-height:1;display:flex}.ov-total b{color:#b3372e;letter-spacing:.01em;font-size:36px;font-weight:900}.ov-total .ov-rank{margin-right:10px;font-size:28px}.ftile{display:inline-flex;position:relative}.fat-red img,.fat-blue img,.fat-silver img,.fat-gold img,.fat-rainbow img{filter:var(--tink-flat)}.fat-red:before,.fat-blue:before,.fat-silver:before,.fat-gold:before,.fat-rainbow:before,.fat-red:after,.fat-blue:after,.fat-silver:after,.fat-gold:after,.fat-rainbow:after{content:"";pointer-events:none;border-radius:3px;position:absolute;inset:1px}.fat-red:before,.fat-blue:before,.fat-silver:before,.fat-gold:before,.fat-rainbow:before{mix-blend-mode:lighten}.fat-red:after,.fat-blue:after,.fat-silver:after,.fat-gold:after,.fat-rainbow:after{opacity:var(--tink-wash-a)}.fat-red:before,.fat-red:after{background:var(--tink-red)}.fat-blue:before,.fat-blue:after{background:var(--tink-blue)}.fat-silver:before,.fat-silver:after{background:var(--tink-silver)}.fat-gold:before,.fat-gold:after{background:var(--tink-gold)}.fat-rainbow:before,.fat-rainbow:after{background:var(--tink-rainbow)}.fat-diamond:before{content:"";pointer-events:none;background:var(--dia-img);filter:drop-shadow(0 .5px .5px #78143c80);width:8px;height:8px;position:absolute;top:2.5px;right:2.5px}.ov-hand{flex-direction:column;gap:5px;display:flex}.ov-hand-row{flex-wrap:wrap;align-items:flex-end;gap:2px;display:flex}.ov-hand img{background:#fff;border:1px solid #d3c7a2;border-radius:3px;width:23px;display:block;box-shadow:0 1px 2px #00000040}.ov-meld{gap:2px;margin-left:10px;display:flex}.ov-hand .ov-win{outline-offset:1px;outline:2.5px solid #e23b3b;margin-left:12px}.ov-nuki{gap:2px;display:flex}.ov-nuki img{width:18px}.ov-dora{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:15px;right:18px}.ov-dora.ov-dora-inline{align-items:flex-start;margin-top:2px;position:static}.ovd-row{background:#eef2e9;border:1px solid #dde3d3;border-radius:8px;align-items:center;gap:2px;padding:4px 7px;display:flex}.ov-dora img{background:#fff;border:1px solid #d3c7a2;border-radius:3px;width:20px;display:block;box-shadow:0 1px 2px #0003}.ov-dora-k{color:#5a6b5e;white-space:nowrap;border-left:3px solid #17a06a;flex:none;width:42px;margin-right:4px;padding-left:5px;font-size:10.5px;font-weight:800;line-height:1.2}.ovd-slot{background:linear-gradient(#cfe0ee,#b8cfe2);border:1px solid #a9bfd3;border-radius:3px;width:20px;height:26.5px;box-shadow:inset 0 1px 1px #fff9}.yaku-list{list-style:none}.yaku-list li{border-bottom:1px dashed #e2e0d2;justify-content:space-between;padding:3px 2px;font-size:12px;font-weight:700;display:flex}.yaku-list li b{color:#c0392b}.yaku-list.cols2,.yaku-list.cols3{grid-auto-flow:column;column-gap:22px;display:grid}.yaku-list.cols2 li{padding:3px 2px;font-size:11px}.yaku-list.cols3 li{padding:2px;font-size:10px}.ov-chips{color:#5a6b5e;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:800;display:flex}.ov-chips b,.ov-chips>.chip-ico,.ov-chips>small{flex:none}.ov-chips b{color:#8a6d1f}.ov-chips small{font-size:10.5px}.ovc-in{color:#7c887a;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.ov-diff-title{margin-bottom:2px}.diff-table{border-collapse:collapse;table-layout:fixed;width:100%}.diff-table td{font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px dashed #e2e0d2;padding:14px 6px;font-size:20px;font-weight:700}.diff-table .dt-name{text-overflow:ellipsis;font-size:17px;overflow:hidden}.diff-table .dt-pts,.diff-table .dt-diff{text-align:right;width:108px;padding-right:16px}.diff-table .dt-chip{justify-content:flex-end;align-items:center;width:176px;display:flex}.diff-table .dt-chip .dtc-in{grid-template-columns:20px 50px 20px 58px;align-items:center;column-gap:4px;display:grid}.diff-table .dt-chip .dtc-num{text-align:right}.diff-table .dt-chip .dtc-unit,.diff-table .dt-chip .dtc-sub{text-align:left}.diff-table .dt-chip .chip-ico{background:radial-gradient(circle,#fff 0 5px,#fff0 6px),repeating-conic-gradient(#e23b3b 0deg 30deg,#fff 30deg 60deg);justify-self:center;width:20px;height:20px;margin-right:0}.diff-table .dt-chip small{opacity:.8;font-size:13px;font-weight:700}.diff-table .up{color:#0c9c4e}.diff-table .down{color:var(--red)}.diff-table .zero{color:#b0b5a8}.diff-table .chip-pos{color:#0c9c4e}.diff-table .chip-neg{color:var(--red)}.diff-table .chip-zero{color:var(--ink)}.dt-reveal{opacity:0;animation:.35s forwards dt-fade-in}@keyframes dt-fade-in{0%{opacity:0}to{opacity:1}}.ov-btns{gap:10px;display:flex}.ov-btns .ab{flex:1}.ab.btn-hold{visibility:hidden;pointer-events:none}.ab.ov-ghost{text-align:center;color:#6b7568;width:112px;text-shadow:none;box-shadow:none;letter-spacing:.06em;text-indent:0;background:#fff;border:1.5px solid #c6cabf;flex:none;padding-inline:0}.ab.ov-ghost:hover{color:#0c6b3e;filter:none;border-color:#0c6b3e;transform:none}.overlay,.ov-panel,.ov-panel>*{transition:opacity .22s,background .22s}.overlay.peeking{background:0 0}.overlay.peeking .ov-panel{box-shadow:none;background:#ffffff12}.overlay.peeking .ov-panel>:not(.ov-btns){opacity:.08}.overlay.peeking .ov-btns .ab:not(.ov-ghost){opacity:.25}.overlay.peeking .ov-btns .ab:not(.ov-ghost):hover{opacity:1}.chip-ico{vertical-align:-1.5px;background:radial-gradient(circle,#fff 0 3.2px,#fff0 3.8px),repeating-conic-gradient(#e23b3b 0deg 30deg,#fff 30deg 60deg);border-radius:50%;width:13px;height:13px;margin-right:5px;display:inline-block;box-shadow:inset 0 0 0 1px #00000047,0 1px 1px #0003}.zero .chip-ico{filter:grayscale()opacity(.45)}.rule-dialog-ov{z-index:70;background:#0000008c;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.screen.rule-dialog{border:1px solid #ffffff24;border-radius:14px;width:min(1100px,100%);height:min(680px,100%);overflow:hidden;box-shadow:0 18px 60px #0009}.rd-x{cursor:pointer;border:1px solid var(--line);color:#fff;background:#ffffff1f;border-radius:50%;width:34px;height:34px;font-family:inherit;font-size:17px;line-height:1;transition:all .12s}.rd-x:hover{background:#ffffff3d}.rc-panel.ro>*{pointer-events:none}.lobby-pop{width:360px}.lobby-body{flex-direction:column;gap:12px;padding:6px 4px 2px;display:flex}.lobby-label{color:#57604f;font-size:12px;font-weight:700}.lobby-input{color:var(--ink);background:#fbfcf8;border:2px solid #cfd8c8;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:700}.lobby-input:focus{border-color:#2f9e5f;outline:none}.lobby-join{align-self:center;min-width:180px}.lobby-wait{color:#57604f;text-align:center;font-size:13px;font-weight:700}.lobby-list{flex-direction:column;gap:8px;list-style:none;display:flex}.lobby-list li{color:#8a927f;background:#f1f4ec;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700}.lobby-list li.in{color:#1c6b3a;background:#e3f4e7}.lobby-error{color:#c0392b;text-align:center;margin-top:10px;font-size:12.5px;font-weight:700}.setup-screen .topbar{flex-wrap:nowrap}.setup-screen .topbar h2{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.setup-screen .topbar .tb-icons{flex:none;margin-left:0}.rc-presets{flex:none;align-items:center;gap:6px;display:flex}.rc-plabel{color:#ffffffb3;white-space:nowrap;font-size:12px;font-weight:800}.preset{cursor:pointer;border:1px solid var(--line);color:#eaf6ee;background:#ffffff1a;border-radius:99px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .12s}.preset.on{color:#fff;cursor:pointer;background:linear-gradient(#4aa6e6,#2f83c9);border-color:#2f83c9;position:relative}.preset.on:hover{filter:brightness(1.06)}.preset-edit{text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #223247;border-radius:50%;width:18px;height:18px;padding:0;font-size:11px;line-height:16px;position:absolute;top:-7px;right:-8px;box-shadow:0 1px 2px #0000004d}.base-pop-overlay{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.base-pop{width:340px;max-height:calc(100% - 24px);box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;padding:16px 16px 14px;animation:.14s ease-out pop-in;position:relative;overflow:auto}.confirm-pop{width:320px;box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;padding:20px 18px 16px;animation:.14s ease-out pop-in}.confirm-msg{text-align:center;padding:4px 4px 16px;font-size:15px;font-weight:800;line-height:1.5}.confirm-actions{gap:10px;display:flex}.confirm-btn{cursor:pointer;border:0;border-radius:11px;flex:1;padding:11px 8px;font-family:inherit;font-size:13px;font-weight:800}.confirm-btn.no{color:#555;background:#eceae3}.confirm-btn.yes{background:var(--gold-d);color:#fff}.base-pop-head{color:var(--ink);text-align:center;padding:2px 24px 12px;font-size:15px;font-weight:900}.base-list{flex-direction:column;gap:8px;display:flex}.base-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #dfe3d8;border-radius:11px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .1s;display:flex}.base-item:hover{border-color:var(--atc);background:#f6faf2}.base-item.sel{border-color:var(--atc);box-shadow:inset 0 0 0 1px var(--atc);background:#eef7ec}.base-item-radio{background:#fff;border:2px solid #c2c8ba;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px;transition:all .1s}.base-item.sel .base-item-radio{border-color:var(--atc);background:radial-gradient(circle, var(--atc) 0 4px, #fff 5px 16px)}.base-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.base-item-name{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.base-item-tag{background:var(--gold);color:#5a3b00;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:900}.base-item-desc{color:#6a7064;font-size:11px;font-weight:600;line-height:1.35}.base-save{background:#f5f6f2;border:1.5px dashed #cfd4c8;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;display:flex}.base-save-ic{filter:grayscale();opacity:.7;flex:none;font-size:15px}.base-save-body{flex-direction:column;gap:1px;display:flex}.base-save-name{color:#8a8f83;font-size:12.5px;font-weight:800}.base-save-sub{color:#a4a99c;font-size:10.5px;font-weight:700}.rc-main{flex:1;gap:0;width:100%;max-width:1100px;min-height:0;margin:0 auto;padding:0 8px 16px;display:flex}.rc-nav{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:fit-content;min-width:120px;padding:8px 4px;display:flex;overflow:auto}.rc-nav button{white-space:nowrap;cursor:pointer;text-align:left;color:#dfeee5;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:700;transition:all .1s;display:flex}.rc-nav button .nf{flex:none;justify-content:center;align-items:center;width:20px;font-size:15px;line-height:1;display:inline-flex}.rc-nav button .nf-chip{vertical-align:0;width:15px;height:15px;margin-right:0}.rc-nav button .nf-tile{border-radius:2px;width:auto;height:19px;display:block;box-shadow:0 1px 2px #0000004d}.rc-nav button .riichi-ico{background:#fff;border:1px solid #c9b98a;border-radius:3px;width:19px;height:6px;display:inline-block;position:relative}.rc-nav button .riichi-ico:after{content:"";background:#e23b3b;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rc-nav button.on{color:var(--ink);background:#fffffff5;font-weight:900}.rc-panel{flex-direction:column;flex:1;gap:10px;padding:8px 0 8px 14px;display:flex;overflow:auto}.rc-panel>*{flex:none}.pcard{color:var(--ink);box-shadow:var(--shadow);background:#fffffff5;border-radius:14px;padding:14px 18px}.ptitle{color:#0c6b3e;align-items:center;gap:7px;margin-bottom:11px;font-size:13px;font-weight:900;display:flex}.prows{grid-template-columns:1fr;gap:11px 24px;display:grid}.prow{flex-direction:column;gap:5px;display:flex}.prow.full{grid-column:1/-1}.prow .pl{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;font-weight:800;display:flex}.prow .psub{color:#8a8a78;text-align:right;margin-left:auto;font-size:10px;font-weight:600}.psec{grid-column:1/-1;align-items:center;gap:12px;display:flex}.prows .psec:not(:first-child){margin-top:10px}.psec:after{content:"";background:linear-gradient(90deg,#0c6b3e38,#0c6b3e08);border-radius:1px;flex:1;height:2px}.psec-label{white-space:nowrap;color:#0c6b3e;letter-spacing:.1em;align-items:center;gap:8px;font-size:12.5px;font-weight:900;display:flex}.psec-label:before{content:"";background:linear-gradient(135deg,#ffd24a,#f0a500);border-radius:2px;flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 1px 2px #0000002e}.pnote{color:#7a5b00;background:#fff8e1;border-left:4px solid #f9a825;border-radius:0 8px 8px 0;grid-column:1/-1;padding:7px 11px;font-size:11px;font-weight:600;line-height:1.5}.pnote .tag{color:#813a00;background:#ffe0b2;border-radius:4px;margin-right:5px;padding:1px 7px;font-size:9px;font-weight:800}.honba-ex{gap:3px 10px;display:grid}.hx-head{color:#a5763a;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:800}.hx-line{flex-wrap:wrap;align-items:baseline;gap:3px 8px;display:flex}.hx-k{white-space:nowrap;color:#6a4d00;font-weight:800}.hx-eq{color:#c39a4a;font-weight:700}.hx-v{white-space:nowrap}.hx-v b{color:#7a3b00;font-size:13px;font-weight:900}.hx-v small{color:#9a7a2a;font-size:10px;font-weight:600}.ura-ex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ux-item{align-items:center;gap:7px;display:flex}.ux-k{color:#6a4d00;white-space:nowrap;font-size:11px;font-weight:800}.ux-k-ura{color:#b8791a}.ux-k-genbutsu{color:#2f8f86}.ux-tile{background:#fff;border:1px solid #d8cfae;border-radius:4px;width:30px;height:auto;box-shadow:0 1px 3px #00000040}.ux-n{color:#9a7a2a;font-size:10px;font-weight:700}.ux-arrow{color:#c0aa60;flex:none;font-size:16px;font-style:normal;font-weight:900}.ux-group{background:#2f8f860f;border:1.5px solid #2f8f86;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:7px 12px;display:flex}.rselect{color:var(--ink);cursor:pointer;background:#fff;border:2px solid #d8dcd5;border-radius:9px;width:100%;min-height:38px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:800}.rselect:focus{border-color:#0c6b3e;outline:none}.rselect:disabled{opacity:.55;cursor:default}.prow .rin{align-items:center;gap:8px;display:flex}.seg.wide{width:100%;display:flex}.seg.wide span{text-align:center;flex:1;padding:6px 4px}.prow.na,.al-row.na,.yrow.na{opacity:.45}.prow.na .seg span,.yrow.na .seg span,.al-row.na .seg span,.prow.na .rselect,.al-row.na .al-input{pointer-events:none}.na-tag{color:#fff;white-space:nowrap;background:#9aa39b;border-radius:4px;padding:1px 7px;font-size:9px;font-weight:800}.gem-grid{grid-template-columns:1fr;gap:11px;display:grid}.gem-card{background:#fff;border:1.5px solid #e6ebe0;border-radius:13px;flex-direction:column;gap:9px;padding:12px 14px;transition:all .13s;display:flex;box-shadow:0 1px 2px #0000000a}.gem-card:hover{border-color:#cfd8c8;transform:translateY(-1px);box-shadow:0 6px 16px #00000017}.gem-card.locked{background:#fafbf7}.gc-head{align-items:center;gap:8px;display:flex}.gc-name{color:var(--ink);letter-spacing:.02em;font-size:15px;font-weight:900}.gc-note{color:#949a8c;letter-spacing:.02em;white-space:nowrap;background:#f4f6f0;border:1px solid #e9ede2;border-radius:999px;padding:1.5px 8px;font-size:9.5px;font-weight:700}.gc-ctrl{align-items:center;gap:10px;display:flex}.gc-ctrl .al-mid{flex:1;min-width:0}.gc-ctrl .al-n{flex:none}.gc-ctrl .rsv-tile{width:32px}.seg-locked{pointer-events:none;border-color:#c6cabf}.seg-locked span{color:#a4a99c}.seg-locked span.on{color:#fff;background:#b9bdb1}.al-mid{min-width:0}.al-n{color:#5a6b5e;white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.pochi2{box-sizing:border-box;width:100%;color:var(--ink);box-shadow:none;background:0 0;border:0;padding:0;container-type:inline-size}.pochi2 *{box-sizing:border-box}.pochi2 .pc2-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.pochi2 .pc2-title{letter-spacing:.02em;flex:none;align-items:baseline;margin:0;font-size:17px;font-weight:800;display:flex}.pochi2 .pc2-title .pc2-d{color:#c0392b;font-weight:900}.pochi2 .pc2-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(#17a08e,#0e8072);border-radius:999px;flex:none;padding:3px 10px;font-size:11.5px;font-weight:800;box-shadow:0 1px 2px #0000002e,inset 0 1px #ffffff40}.pochi2 .pc2-body{align-items:stretch;gap:12px;display:flex}.pochi2 .pc2-hero{background:#fff;border:1.5px solid #e6ebe0;border-radius:13px;flex:0 0 128px;justify-content:center;align-items:center;padding:12px 10px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pochi2 .pc2-tile{width:60px}.pochi2 .pc2-controls{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.pochi2 .pc2-group{background:#fff;border:1.5px solid #e6ebe0;border-radius:13px;padding:4px 11px 7px;box-shadow:0 1px 2px #0000000a}.pochi2 .pc2-glabel{letter-spacing:.05em;color:#8a6d1f;align-items:center;gap:6px;padding:3px 0 4px;font-size:10.5px;font-weight:900;display:flex}.pochi2 .pc2-glabel:before{content:"";background:linear-gradient(135deg,#ffd24a,#f0a500);border-radius:1.5px;flex:none;width:5px;height:5px;transform:rotate(45deg)}.pochi2 .pc2-row{background:#fffdf7;border:1px solid #eedebb;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex;box-shadow:inset 0 1px #fff}.pochi2 .pc2-group .pc2-row{box-shadow:none;background:0 0;border:0;border-radius:0;padding:5px 2px}.pochi2 .pc2-group .pc2-row+.pc2-row{border-top:1px dashed #e6ebe0}.pochi2 .pc2-label{min-width:0;font-size:13px;font-weight:800;line-height:1.2}.pochi2 .pc2-sub{color:#7a7059;margin-top:1px;font-size:10.5px;font-weight:600;line-height:1.25;display:block}.pochi2 .pc2-spacer{flex:1}.pochi2 .pc2-sw{cursor:pointer;background:#cdbf9d;border:none;border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.pochi2 .pc2-sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.pochi2 .pc2-sw[aria-checked=true]{background:#0c6b3e}.pochi2 .pc2-sw[aria-checked=true]:after{transform:translate(20px)}.pochi2 .pc2-sw:focus-visible{outline-offset:2px;outline:3px solid #ffd24a}.pochi2 .pc2-num{flex:none;align-items:center;gap:5px;display:flex}.pochi2 .pc2-num input{text-align:center;width:50px;height:28px;color:var(--ink);background:#fff;border:1px solid #d8c79a;border-radius:8px;font-family:inherit;font-size:14px;font-weight:800}.pochi2 .pc2-num input:focus-visible{outline-offset:1px;border-color:#f0a500;outline:3px solid #ffd24a}.pochi2 .pc2-unit{color:#7a7059;font-size:12px;font-weight:700}@container (width<=372px){.pochi2 .pc2-body{flex-direction:column;align-items:stretch}.pochi2 .pc2-hero{flex:none;padding:9px 12px}}.al-input{text-align:center;width:42px;color:var(--ink);border:1.5px solid #d8dcd5;border-radius:7px;padding:3px 4px;font-family:inherit;font-size:12px;font-weight:700}.al-input.locked{color:#9a9f92;pointer-events:none;background:#eef1ea;border-color:#dfe3da}.tilegroups{flex-direction:column;gap:13px;display:flex}.tilestrip{grid-template-columns:repeat(10,1fr);gap:9px;display:grid}.tset-card{padding:6px 14px}.tilereserve{color:#a9b0a4;background:#fafbf8;border:1.5px dashed #cfd3ca;border-radius:8px;min-height:56px;padding:4px 8px;font-size:11px;font-weight:700;position:relative}.tilereserve-inner{flex-wrap:nowrap;align-items:center;gap:5px;min-height:46px;padding-right:22px;display:flex;overflow:auto hidden}.tilereserve .rsv-tile{flex:none;width:32px}.rsv-empty{margin:0 auto}.rsv-clear-x{z-index:3;cursor:pointer;color:#8a9088;background:#fffffff0;border:1.5px solid #cfd3ca;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:all .1s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0003}.rsv-clear-x:hover:not(:disabled){color:#a82828;border-color:#a82828}.rsv-clear-x:disabled{opacity:.4;cursor:default}.tset-card{position:relative}.tilegrid-row{grid-template-columns:1fr auto;gap:13px 10px;display:grid}.tilegrid-row .tilestrip{min-width:0}.sp3d-d{grid-area:1/2/span 2;align-self:center}.sp3d-rainbow{grid-area:2/2/span 2;align-self:center}.sp3d-btn{cursor:pointer;perspective:300px;background:radial-gradient(120% 100% at 50% 18%,#354863e6,#1a2637);border:2px solid #16202f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px 9px #0006,inset 0 1px #ffffff1f}.sp3d-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000073}.sp3d-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd24a}.sp3d-holder{--tile-w:22px;--tile-h:30px;--tile-d:13px;width:var(--tile-w);height:var(--tile-h)}.sp3d-holder .t.cube{animation:none;transform:rotateX(-16deg)rotateY(202deg)}.sp-eff-overlay{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.sp-eff-pop{width:500px;max-width:94%;max-height:calc(100% - 24px);box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;padding:30px 16px 16px;animation:.14s ease-out pop-in;position:relative;overflow:auto}.sp-eff-pop.wide{width:680px}.sp-eff-pop.wide .gem-grid{grid-template-columns:repeat(2,1fr)}.at-red{--atc:#e23b3b}.at-blue{--atc:#2b7fd6}.at-silver{--atc:#9aa0aa}.at-gold{--atc:#f0a500}.at-rainbow{--atc:#b06ae0;--atg:linear-gradient(120deg, #ff5a5a, #ffb03a, #3ab46a, #3a6aff, #b03aff)}.at-diamond{--atc:#4ec6e8;--atg:linear-gradient(135deg, #7edcff, #fff 45%, #7edcff)}.at-pochi{--atc:#ff5da8}.ts-tile{cursor:pointer;background:#fff;border:1.5px solid #b9bdb2;border-radius:5px;padding:0;font-family:inherit;position:relative;box-shadow:0 1px 2px #0000002e}.ts-tile img{border-radius:4px;width:100%;height:auto;display:block}.ts-tile:after{content:"";z-index:1;pointer-events:none;background:var(--tile-gloss);border-radius:5px;position:absolute;inset:0}.ts-tile.on{border-color:#173a26;outline:2px solid #173a26}.ts-dots{z-index:2;background:#ffffffeb;border-radius:7px;gap:3px;padding:2px 5px;display:flex;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #00000038}.tilestrip .ts-tile .ts-dots{gap:2px;padding:2px 4px;top:-10px}.tilestrip .ts-tile .ts-dot{width:6.5px;height:6.5px}.ts-dot{background:var(--atg,var(--atc));border-radius:50%;flex:none;justify-content:center;align-items:center;width:8px;height:8px;display:inline-flex;box-shadow:inset 0 0 0 1px #00000026}.ts-dot.click{cursor:pointer}.ts-dot.click:hover{outline:2px solid #173a26}.ts-dot.at-pochi{background:#fff;box-shadow:inset 0 0 0 1.2px #3556b8}.ts-dot.at-pochi:after{content:"D";color:#d52121;font-family:Georgia,Times New Roman,serif;font-size:6.5px;font-style:italic;font-weight:900;line-height:1;transform:translate(-.5px)}.tse-pop-overlay{z-index:60;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tse-pop{width:330px;box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 22px 16px;animation:.14s ease-out pop-in;display:flex;position:relative}.tse-x{cursor:pointer;color:#8a9088;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:20px;font-weight:700;line-height:1;transition:all .1s;display:flex;position:absolute;top:8px;right:8px}.tse-x:hover{color:var(--ink);background:#eef1ea}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}.ts-tile.big{cursor:default;flex:none;width:72px}.tse-clear:disabled{opacity:.4;cursor:not-allowed}.tse-clear:disabled:hover{color:#7a7f72;border-color:#c6cabf}.tse-cap{color:#5a6b5e;text-align:center;font-size:11px;font-weight:700;line-height:1.6}.tse-chips{flex-direction:column;align-items:center;gap:6px;display:flex}.tse-chip-row{justify-content:center;gap:8px;display:flex}.tse-pop-btns{gap:8px;margin-top:2px;display:flex}.tse-chip{cursor:pointer;border:1.5px solid var(--atc);width:96px;color:var(--ink);background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:3px 8px;font-family:inherit;font-size:12px;font-weight:800;transition:all .1s;display:flex}.tse-chip .rsv-tile{flex:none;width:17px}.tse-chip:hover{background:#f2f6ef}.tse-chip:disabled{opacity:.4;cursor:not-allowed}.tse-clear{cursor:pointer;color:#7a7f72;background:#fff;border:1.5px solid #c6cabf;border-radius:8px;flex:none;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:800}.tse-clear:hover{color:#a82828;border-color:#a82828}.rsv-tile{isolation:isolate;background:#fff;border:2px solid #d8cfae;border-radius:6px;flex:none;width:36px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0003}.rsv-tile img{width:100%;height:auto;display:block}.rsv-tile:after{content:"";z-index:2;pointer-events:none;background:var(--atg,var(--atc));opacity:0;mix-blend-mode:lighten;position:absolute;inset:0}.rsv-tile.at-red img,.rsv-tile.at-blue img,.rsv-tile.at-silver img,.rsv-tile.at-gold img,.rsv-tile.at-rainbow img{filter:var(--tink-flat)}.rsv-tile.at-red:after,.rsv-tile.at-blue:after,.rsv-tile.at-silver:after,.rsv-tile.at-gold:after,.rsv-tile.at-rainbow:after{opacity:1}.rsv-tile.at-red:after{background:var(--tink-red)}.rsv-tile.at-blue:after{background:var(--tink-blue)}.rsv-tile.at-silver:after{background:var(--tink-silver)}.rsv-tile.at-gold:after{background:var(--tink-gold)}.rsv-tile.at-rainbow:after{background:var(--tink-rainbow)}.rsv-tile.at-red:before,.rsv-tile.at-blue:before,.rsv-tile.at-silver:before,.rsv-tile.at-gold:before,.rsv-tile.at-rainbow:before{content:"";z-index:3;pointer-events:none;opacity:var(--tink-wash-a);position:absolute;inset:0}.rsv-tile.at-red:before{background:var(--tink-red)}.rsv-tile.at-blue:before{background:var(--tink-blue)}.rsv-tile.at-silver:before{background:var(--tink-silver)}.rsv-tile.at-gold:before{background:var(--tink-gold)}.rsv-tile.at-rainbow:before{background:var(--tink-rainbow)}.rsv-tile.at-diamond:before{content:"";z-index:3;pointer-events:none;background:var(--dia-img);filter:drop-shadow(0 .5px 1px #78143c66);width:8px;height:8px;position:absolute;top:2px;right:2px}.wm-card{text-align:left;cursor:pointer;border:2.5px solid #0000;flex-direction:column;gap:0;width:100%;padding:0;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,opacity .18s,filter .18s;display:flex;position:relative;overflow:hidden}.wm-card:not(.on){opacity:.58;filter:saturate(.7)}.wm-card:not(.on):hover{opacity:.85;filter:saturate(.9);border-color:#b7d4c2;transform:translateY(-1px)}.wm-card.on{border-color:#f0a91e;animation:2.4s ease-in-out infinite wm-glow;transform:translateY(-2px)}.wm-card.on .wm-right{background:linear-gradient(135deg,#fffdf4,#fdf4dc)}@keyframes wm-glow{0%,to{box-shadow:0 0 0 3px #f5b62e66,0 8px 20px #7850004d}50%{box-shadow:0 0 0 7px #f5b62e9e,0 10px 28px #78500061}}.wm-head{background:linear-gradient(#fdf6e0,#faedc2);border-bottom:1.5px dashed #e3d29e;flex:none;align-items:baseline;gap:10px;padding:10px 18px;display:flex}.wm-head b{color:var(--ink);font-size:15px;font-weight:900}.wm-card.on .wm-head b{color:#9a6a00}.wm-tag{color:#8a7238;font-size:11px;font-weight:700}.wm-right{padding:14px 18px}.wm-diagram-box{width:100%;margin-bottom:11px}.wm-diagram{align-items:flex-end;gap:3px;width:fit-content;display:flex}.wm-col{flex-direction:column;gap:3px;display:flex}.wt{box-sizing:border-box;background:#fff;border:1.5px solid #35506b;border-top:5px solid #35506b00;border-radius:4px;width:26px;height:17px}.wt.w{border-top-width:1.5px;border-top-color:#35506b;height:17px}.wt.p{border-top-color:#e9c3e4}.wt.o{border-top-color:#f5a300}.wt.b{border-top-color:#35a3dc}.wt.d{border-top-width:1.5px;border-top-color:#35506b;border-bottom-width:5px;border-bottom-color:#f5a300}.wt.bd{border-top-width:1.5px;border-top-color:#35506b;border-bottom-width:5px;border-bottom-color:#35a3dc}.wt.none{visibility:hidden}.wm-gap{flex:none;width:18px}.wm-diagram.marked{position:relative}.wm-mark{pointer-events:none;border:2px dotted #2e8b3a;border-radius:5px;height:45px;position:absolute;top:-4px}.wm-mark.bottom{height:25px;top:16px}.wm-mark.haitei{border-color:#8a4fd0}.wm-mark-label{color:#2e7d32;background:#fffdf4eb;border-radius:3px;padding:1px 3px;font-size:9px;font-style:normal;font-weight:800;line-height:1;position:absolute;bottom:-7px;left:3px}.wm-mark.haitei .wm-mark-label{color:#7a3fbf}.wm-arrow{color:#35506b;margin:3px 0 3px 60px;font-size:15px}.wm-arrow-label{vertical-align:2px;margin-left:6px;font-size:10px;font-style:normal;font-weight:800}.wm-note{color:#7a3b00;background:#fbd9c5;border:1.5px solid #e08a4e;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.55}.p2-card{padding:0;transition:background .15s,box-shadow .15s;position:relative;overflow:hidden}.p2-card.on:before{content:"";z-index:1;pointer-events:none;background:#0c6b3e;width:4px;position:absolute;top:0;bottom:0;left:0}.p2-card:not(.on){background:#eaede6;box-shadow:0 2px 6px #00000029}.p2-card:not(.on) .p2-tile{box-shadow:none;border-color:#c9cec2}.p2-card:not(.on) .p2-tile img{filter:grayscale(.75);opacity:.55}.p2-card:not(.on) .p2-name{color:#7c8578}.p2-lock{color:#b4541b;white-space:nowrap;font-size:10px;font-weight:700}.p2-limit{z-index:5;-webkit-backdrop-filter:blur(7px);color:#dfeee5;letter-spacing:.02em;background:#0a141052;border:1px solid #ffffff29;border-radius:99px;align-self:center;align-items:center;gap:14px;width:fit-content;margin-top:8px;padding:6px 8px 6px 16px;font-size:11.5px;font-weight:700;display:flex;position:sticky;bottom:4px;box-shadow:0 6px 18px #00000059}.p2-limit b{color:#ffd24a}.p2-limit-go{cursor:pointer;color:#ffd24a;white-space:nowrap;background:#ffd24a1f;border:1px solid #ffd24a80;border-radius:99px;padding:3px 12px;font-family:inherit;font-size:11px;font-weight:800;transition:all .12s}.p2-limit-go:hover{background:#ffd24a47;border-color:#ffd24a}.p2-head{align-items:center;gap:12px;min-height:62px;padding:11px 18px;display:flex}.p2-tile{background:#fff;border:1.5px solid #d8cfae;border-radius:6px;flex:none;width:34px;overflow:hidden;box-shadow:0 1px 2px #0000002e}.p2-tile img{width:100%;height:auto;transition:all .15s;display:block}.p2-name{color:var(--ink);letter-spacing:.04em;font-size:16px;font-weight:900}.p2-cap{color:#949a8c;white-space:nowrap;background:#f4f6f0;border:1px solid #e9ede2;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700}.p2-main{align-items:center;gap:10px;margin-left:auto;display:flex}.p2-main .seg{flex:none;width:296px}.p2-onoff{color:#6b7568;white-space:nowrap;font-size:11.5px;font-weight:800}.p2-body{background:#fafcf9;border-top:1.5px dashed #e3e8de;grid-template-columns:1fr 1fr;gap:2px 30px;padding:10px 18px 13px 22px;animation:.16s ease-out p2-open;display:grid}@keyframes p2-open{0%{opacity:0;transform:translateY(-3px)}}.p2-row{align-items:center;gap:12px;padding:6px 0;display:flex}.p2-row.na{opacity:.55}.p2-rl{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.p2-rl b{color:var(--ink);font-size:12.5px;font-weight:800}.p2-rl small{color:#8a9083;font-size:10px;font-weight:600;line-height:1.35}.p2-note{color:#5a6b5e;grid-column:1/-1;align-items:center;gap:8px;padding:6px 0;font-size:11px;font-weight:700;line-height:1.5;display:flex}.p2-note:before{content:"";background:linear-gradient(135deg,#ffd24a,#f0a500);border-radius:2px;flex:none;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 1px 2px #0000002e}.p2-sw{cursor:pointer;background:#cdd2c8;border:0;border-radius:99px;flex:none;width:42px;height:24px;padding:0;transition:background .15s;position:relative;box-shadow:inset 0 1px 2px #0000002e}.p2-sw:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.p2-sw:hover{background:#b9c0b2}.p2-sw.on{background:#0c6b3e}.p2-sw.on:hover{background:#0e7d49}.p2-sw.on:after{left:21px}.p2-sw.dis{opacity:.45;cursor:not-allowed}.yrow{border-bottom:1px dashed #e2e0d2;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.yrow:last-child{border-bottom:0}.yname{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:800;overflow:hidden}.yname small{color:#8a8a78;white-space:normal;font-size:9.5px;font-weight:600;display:block}.seg.han{flex:0 0 260px;width:auto}.seg.han span{padding:5px 7px;font-size:10.5px}:root{--tile-w:22px;--tile-h:30px;--tile-d:12px;--col-face:#f4eeda;--col-back:#e8a93a;--face-ratio:32%;--tilt:55deg;--board-y:-20px;--base-rx:-90deg;--base-ry:180deg;--base-rz:0deg;--base-lift:19px;--brx:0deg;--bry:0deg;--brz:0deg;--blift:-4px;--hand-dist:241px;--hand-ox:-18px;--dbrx:-90deg;--dbry:0deg;--dbrz:0deg;--dblift:-12px;--disc-dist:69px;--wall-dist:184px;--wall-ox:43px;--wbrx:90deg;--wbry:0deg;--wbrz:0deg;--wlow:-12px;--whigh:0px;--break-gap:28px;--nuki-x:251px;--nuki-y:247px;--nbrx:-90deg;--nbry:0deg;--nbrz:0deg;--nlift:7px;--nuki-opacity:.5;--furo-x:278px;--furo-y:261px;--fbrx:-90deg;--fbry:0deg;--fbrz:0deg;--flift:-12px;--fside-rot:90deg;--panel:135px;--panel-z:5px;--panel-inset:9px;--pt-x:3px;--pt-y:-7px;--chip-x:-9px;--chip-y:-5px;--wd-x:-1px;--wd-y:5px;--pt-size:15px;--chip-size:9px;--wd-size:14px}#scene{perspective:960px;perspective-origin:50% 18%;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}#board{width:560px;height:560px;transform:scale(var(--board-scale,1)) translateY(var(--board-y)) rotateX(var(--tilt));transform-style:preserve-3d;position:relative}#board>*{transition:opacity .45s}#board.reveal-0>:not(#felt):not(#ci):not(.slot),#board.reveal-1>:not(#felt):not(#ci):not(.slot):not(.wz){opacity:0}#felt{background:radial-gradient(at 50% 38%,#2e6030,#1e4820 58%,#102810);border:3px solid #071207;border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 55px #0000008c,0 6px 32px #000000bf,0 0 0 1px #ffffff0a}.t{flex-direction:column;flex-shrink:0;align-items:stretch;display:inline-flex;position:relative}.t.cube{--W:var(--tile-w);--H:var(--tile-h);--D:var(--tile-d);width:var(--W);height:var(--H);transform-style:preserve-3d;position:relative}.t.cube .cf{box-sizing:border-box;border:1px solid #0003;border-radius:2px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 5px #0000001a,inset 0 1px #ffffff29}.t.cube .cf:after{content:"";pointer-events:none;border-radius:inherit;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:42px 42px;position:absolute;inset:0}.t.cube .c-front{width:var(--W);height:var(--H);margin:calc(var(--H)/-2) 0 0 calc(var(--W)/-2);transform:translateZ(calc(var(--D)/2));background:var(--col-back);border-color:#a9781f}.t.cube .c-back{width:var(--W);height:var(--H);margin:calc(var(--H)/-2) 0 0 calc(var(--W)/-2);transform:rotateY(180deg) translateZ(calc(var(--D)/2));background:var(--col-face);border-color:#b9a96a}.t.cube .c-top{width:var(--W);height:var(--D);margin:calc(var(--D)/-2) 0 0 calc(var(--W)/-2);transform:rotateX(90deg) translateZ(calc(var(--H)/2));background:linear-gradient(to bottom, var(--col-face) 0 calc(100% - var(--face-ratio)), var(--col-back) calc(100% - var(--face-ratio)) 100%);border-color:#b9a96a}.t.cube .c-bottom{width:var(--W);height:var(--D);margin:calc(var(--D)/-2) 0 0 calc(var(--W)/-2);transform:rotateX(-90deg) translateZ(calc(var(--H)/2));background:linear-gradient(to bottom, var(--col-back) 0 var(--face-ratio), var(--col-face) var(--face-ratio) 100%);border-color:#b9a96a}.t.cube .c-left{width:var(--D);height:var(--H);margin:calc(var(--H)/-2) 0 0 calc(var(--D)/-2);transform:rotateY(-90deg) translateZ(calc(var(--W)/2));background:linear-gradient(to right, var(--col-face) 0 calc(100% - var(--face-ratio)), var(--col-back) calc(100% - var(--face-ratio)) 100%);border-color:#b9a96a}.t.cube .c-right{width:var(--D);height:var(--H);margin:calc(var(--H)/-2) 0 0 calc(var(--D)/-2);transform:rotateY(90deg) translateZ(calc(var(--W)/2));background:linear-gradient(to right, var(--col-back) 0 var(--face-ratio), var(--col-face) var(--face-ratio) 100%);border-color:#b9a96a}.t.cube .cube-img{object-fit:contain;z-index:1;border-radius:2px;width:100%;height:100%;position:absolute;inset:0}.t.cube.at-red .cube-img,.t.cube.at-blue .cube-img,.t.cube.at-silver .cube-img,.t.cube.at-gold .cube-img,.t.cube.at-rainbow .cube-img{filter:var(--tink-flat)}.t.cube.at-red .c-back:before,.t.cube.at-blue .c-back:before,.t.cube.at-silver .c-back:before,.t.cube.at-gold .c-back:before,.t.cube.at-rainbow .c-back:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:lighten;border-radius:2px;position:absolute;inset:0}.t.cube.at-red .c-back:before{background:var(--tink-red)}.t.cube.at-blue .c-back:before{background:var(--tink-blue)}.t.cube.at-silver .c-back:before{background:var(--tink-silver)}.t.cube.at-gold .c-back:before{background:var(--tink-gold)}.t.cube.at-rainbow .c-back:before{background:var(--tink-rainbow)}.t.cube .tink-wash{z-index:3;pointer-events:none;opacity:var(--tink-wash-a);border-radius:2px;position:absolute;inset:0}.t.cube.at-red .tink-wash{background:var(--tink-red)}.t.cube.at-blue .tink-wash{background:var(--tink-blue)}.t.cube.at-silver .tink-wash{background:var(--tink-silver)}.t.cube.at-gold .tink-wash{background:var(--tink-gold)}.t.cube.at-rainbow .tink-wash{background:var(--tink-rainbow)}.t.cube:not([class*=\ at-]) .c-back:before,.t.cube:not([class*=\ at-]) .c-front:before{content:"";z-index:4;pointer-events:none;background:var(--tile-gloss);border-radius:2px;position:absolute;inset:0}.t.cube.at-diamond .c-back:before{content:"";z-index:2;pointer-events:none;background:var(--dia-img);filter:drop-shadow(0 .5px .5px #78143c80);width:5px;height:5px;position:absolute;top:1.5px;right:1.5px}.oz{width:calc(13 * var(--tile-w));transform-style:preserve-3d;z-index:4;transform:translate(-50%,-50%) rotateZ(var(--seat-rot,0deg)) translate(var(--hand-ox), var(--hand-dist)) rotateX(var(--hand-front-rot,0deg));flex-direction:row;justify-content:flex-start;gap:0;display:flex;position:absolute;top:50%;left:50%}.oz.seat-bot{--seat-rot:0deg;--hand-front-rot:calc(90deg - var(--tilt));--tile-w:27px;--tile-h:37px;--tile-d:15px;--hand-dist:258px}.oz.seat-top{--seat-rot:180deg}.oz.seat-left{--seat-rot:90deg}.oz.seat-right{--seat-rot:270deg}.t.cube.opp{transform:translateZ(calc(var(--base-lift) + var(--blift))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--brx)) rotateY(var(--bry)) rotateZ(var(--brz));transform-origin:50%;flex:none;margin:0}.t.cube.tsumo{margin-left:var(--tsumo-gap,6px)}.t.cube.opp.openfaced{--brx:-90deg;--blift:-12px}.t.cube.opp.openfaced.lifted{--blift:7px}.oz.seat-bot .t.cube.opp.openself{--brx:-35deg;--blift:7px}.oz.seat-bot .t.cube.opp.openself:hover{--blift:7px}.oz.seat-bot .t.cube.opp{cursor:pointer}.oz.seat-bot .t.cube.opp:hover{--blift:4px}.oz.seat-bot .t.cube.opp.disabled{cursor:default}.oz.seat-bot .t.cube.opp.disabled:hover{--blift:-4px}.dz{width:calc(6 * var(--tile-w));transform-style:preserve-3d;z-index:4;transform-origin:50% 0;transform:translateX(-50%) rotateZ(var(--dseat-rot,0deg)) translateY(var(--disc-dist));flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;position:absolute;top:50%;left:50%}.dz.seat-bot{--dseat-rot:0deg}.dz.seat-top{--dseat-rot:180deg}.dz.seat-left{--dseat-rot:90deg}.dz.seat-right{--dseat-rot:270deg}.dz .drow{transform-style:preserve-3d;flex-direction:row;gap:0;display:flex}.t.cube.dsc{transform:translateZ(calc(var(--base-lift) + var(--dblift))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--dbrx)) rotateY(var(--dbry)) rotateZ(calc(var(--dbrz) + var(--dscz,0deg)));transform-origin:50%;flex:none;margin:0}.t.cube.dsc.riichi-tile{--dscz:90deg;margin:0 calc((var(--tile-h) - var(--tile-w)) / 2)}.t.cube.dsc.claimed .cf{opacity:.35}.slot{z-index:1;transform-origin:0 0;width:356px;height:34px;transform:rotateZ(var(--slot-rot,0deg)) translate(calc(var(--wall-ox) - 28px), var(--wall-dist)) translate(-50%, -50%);border:1px solid #ffffff47;border-radius:3px;position:absolute;top:50%;left:50%}.slot.seat-bot{--slot-rot:0deg}.slot.seat-top{--slot-rot:180deg}.slot.seat-left{--slot-rot:90deg}.slot.seat-right{--slot-rot:270deg}.wz{transform-style:preserve-3d;z-index:3;transform-origin:0 0;--tile-w:20px;--tile-h:27px;--tile-d:11px;transform:rotateZ(var(--wseat-rot,0deg)) translate(calc(7 * var(--tile-w) + var(--wall-ox)), var(--wall-dist)) translate(-100%,-50%) translateZ(var(--wrise,0px));flex-direction:row;gap:0;display:flex;position:absolute;top:50%;left:50%}#board .wz{transition:opacity .45s,transform .55s}#board.reveal-0 .wz{--wrise:-32px}.wz.seat-bot{--wseat-rot:0deg}.wz.seat-top{--wseat-rot:180deg}.wz.seat-left{--wseat-rot:90deg}.wz.seat-right{--wseat-rot:270deg}.wcol{width:var(--tile-w);height:var(--tile-h);transform-style:preserve-3d;position:relative}.wcol.brk,.wcol.haitei{margin-left:var(--break-gap)}.wcol.reserve{margin-left:calc(var(--tile-w) + var(--break-gap))}.wcol.reserve.filled{margin-left:var(--tile-w)}.wreserve{width:var(--tile-w);height:var(--tile-h);transform-style:preserve-3d;position:absolute;top:0;left:100%}.wcol .t.cube.wall{margin:0;position:absolute;top:0;left:0}.t.cube.wall{--wtz:var(--wlow);transform:translateZ(calc(var(--base-lift) + var(--wtz))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--wbrx)) rotateY(var(--wbry)) rotateZ(var(--wbrz)) rotateX(var(--dora-rx,0deg));transform-origin:50%}.t.cube.wall.t2{--wtz:var(--whigh)}.t.cube.wall.dora{--dora-rx:180deg}.t.cube.wall.haitei-t .cf{animation:2s ease-in-out infinite haitei-glow}@keyframes haitei-glow{0%,to{box-shadow:0 0 4px 1px #a05fe68c}50%{box-shadow:0 0 9px 3px #a05fe6f2}}.nz{z-index:5;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2, var(--tile-h));transform-style:preserve-3d;transform:translate(-50%,-50%) rotateZ(var(--nseat-rot,0deg)) translate(var(--nuki-x), var(--nuki-y));place-items:end center;gap:4px 8px;display:grid;position:absolute;top:50%;left:50%}.nz.seat-bot{--nseat-rot:0deg}.nz.seat-top{--nseat-rot:180deg}.nz.seat-left{--nseat-rot:90deg}.nz.seat-right{--nseat-rot:270deg}.nuki-slot{transform-style:preserve-3d;position:relative}.nuki-empty{width:var(--tile-w);height:var(--tile-h)}.nuki-cnt{z-index:2;transform:translateX(-50%) translate(0px, calc(-24px + var(--ncy,0px))) translateZ(40px) rotateZ(calc(var(--nseat-rot,0deg) * -1)) rotateX(calc(var(--tilt) * -1));transform-origin:50%;color:#ffe000;white-space:nowrap;text-shadow:0 1px 1px #000;background:#0000008c;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:0;left:50%}.nz.seat-bot .nuki-cnt{--ncy:-2px}.nz.seat-top .nuki-cnt{--ncy:24px}.nz.seat-left .nuki-cnt{--ncy:22px}.nz.seat-right .nuki-cnt{--ncy:21px}.t.cube.nuki .cf{opacity:var(--nuki-opacity)}.t.cube.nuki{transform:translateZ(calc(var(--base-lift) + var(--nlift))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--nbrx)) rotateY(var(--nbry)) rotateZ(var(--nbrz));transform-origin:50%;margin:0}.fz{z-index:5;transform-origin:0 0;transform-style:preserve-3d;transform:rotateZ(var(--fseat-rot,0deg)) translate(var(--furo-x), var(--furo-y)) translate(-100%,-50%);flex-direction:row-reverse;align-items:flex-end;gap:0;display:flex;position:absolute;top:50%;left:50%}.fz.seat-bot{--fseat-rot:0deg}.fz.seat-top{--fseat-rot:180deg}.fz.seat-left{--fseat-rot:90deg}.fz.seat-right{--fseat-rot:270deg}.fmeld{transform-style:preserve-3d;flex-direction:row;align-items:flex-end;gap:0;margin-left:4px;display:flex;overflow:visible}.fside{width:var(--tile-h);height:var(--tile-w);transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.fstack{width:var(--tile-h);height:var(--tile-w);transform-style:preserve-3d;flex-direction:column-reverse;align-items:flex-start;gap:2px;display:flex;overflow:visible}.fstack .fside{flex-shrink:0}.t.cube.furo{transform:translateZ(calc(var(--base-lift) + var(--flift))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--fbrx)) rotateY(var(--fbry)) rotateZ(var(--fbrz)) rotateX(var(--fbk,0deg));transform-origin:50%;margin:0}.fside .t.cube.furo{transform:translateZ(calc(var(--base-lift) + var(--flift))) rotateX(var(--base-rx)) rotateY(var(--base-ry)) rotateZ(var(--base-rz)) rotateX(var(--fbrx)) rotateY(var(--fbry)) rotateZ(calc(var(--fbrz) + var(--fside-rot))) rotateX(var(--fbk,0deg))}.t.cube.furo.back{--fbk:180deg}#ci{transform:translate(-50%,-50%) translateZ(var(--panel-z));transform-style:preserve-3d;width:var(--panel);height:var(--panel);z-index:10;background:radial-gradient(at 50% 30%,#28374be6,#060a10f5 75%);border-radius:6px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #78a0d22e,inset 0 0 12px #000000b3,0 2px 7px #00000073}.ci-wall{background:#0e1520fc;border-radius:6px;position:absolute}.ci-wall.s-front{width:var(--panel);height:var(--panel-z);transform-origin:top;top:100%;left:0;transform:rotateX(-90deg)}.ci-wall.s-back{width:var(--panel);height:var(--panel-z);transform-origin:bottom;bottom:100%;left:0;transform:rotateX(90deg)}.ci-wall.s-left{width:var(--panel-z);height:var(--panel);transform-origin:100%;top:0;right:100%;transform:rotateY(-90deg)}.ci-wall.s-right{width:var(--panel-z);height:var(--panel);transform-origin:0;top:0;left:100%;transform:rotateY(90deg)}.rtray{background:#7896b92e;border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 1px 2px #0009,inset 0 -1px #ffffff1f,0 0 0 1px #a0bee14d}.rtray.bottom{left:50%;bottom:calc(4px + var(--panel-inset));width:64px;height:7px;transform:translate(-50%)}.rtray.top{left:50%;top:calc(4px + var(--panel-inset));width:64px;height:7px;transform:translate(-50%)}.rtray.left{top:50%;left:calc(4px + var(--panel-inset));width:7px;height:64px;transform:translateY(-50%)}.rtray.right{top:50%;right:calc(4px + var(--panel-inset));width:7px;height:64px;transform:translateY(-50%)}.rstick{background:linear-gradient(#fbf8ec,#e6e0cc);border-radius:3px;flex:none;width:58px;height:6px;position:relative;box-shadow:0 1px 1px #00000080}.rstick:after{content:"";background:#d52121;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rtray.left .rstick,.rtray.right .rstick{transform:rotate(90deg)}.ci-edge{justify-content:center;align-items:center;display:flex;position:absolute}.ci-edge .ein{white-space:nowrap;flex:none;justify-content:flex-start;align-items:center;gap:4px;width:118px;height:16px;padding-left:6px;padding-right:16px;line-height:1;display:flex;position:relative}.ci-edge .wd{font-size:var(--wd-size);color:#cfe0f0;transform:translate(var(--wd-x), var(--wd-y));font-weight:700}.ci-edge .pt{font-size:var(--pt-size);color:#f2f2f2;letter-spacing:.3px;transform:translate(var(--pt-x), var(--pt-y));font-weight:700}.ci-edge .pt .lo{vertical-align:baseline;opacity:.85;letter-spacing:1.5px;margin-left:1.5px;font-size:.69em;font-weight:700}.ci-edge .chip{transform:translate(var(--chip-x), calc(-50% + var(--chip-y)));font-size:var(--chip-size);color:#ffe0a0;align-items:center;gap:1.5px;font-weight:700;display:flex;position:absolute;top:50%;right:11px}.ci-edge .chip.minus{color:#ff5a5a}.ci-edge .chip:before{content:"";width:var(--chip-size);height:var(--chip-size);background:radial-gradient(circle at 35% 30%,#ffd9ec,#ff7ab0 55%,#d83a82 100%);border:1px solid #a82862;border-radius:50%;box-shadow:0 0 1px #0009,inset 0 0 0 1.5px #ffffff73,inset 0 0 0 3px #a8286280}.ci-edge.oya .wd{color:#ff6a6a;text-shadow:0 0 4px #ff464699}.ci-edge.turn .wd{text-shadow:0 0 6px #78dcffe6}.ci-edge.bottom{height:20px;bottom:13px;left:0;right:0}.ci-edge.top{height:20px;top:13px;left:0;right:0}.ci-edge.right{width:20px;top:0;bottom:0;right:13px}.ci-edge.left{width:20px;top:0;bottom:0;left:13px}.ci-edge.top .ein{transform:rotate(180deg)}.ci-edge.right .ein{transform:rotate(-90deg)}.ci-edge.left .ein{transform:rotate(90deg)}.ci-core{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ci-rnd{color:#aef0ae;font-size:13px;font-weight:700}.ci-dice{flex-direction:row;justify-content:center;gap:3px;margin-bottom:2px;display:flex}.die{--die:9.6px;width:var(--die);height:var(--die);box-sizing:border-box;padding:calc(var(--die) * .125);border-radius:calc(var(--die) * .26);background:linear-gradient(145deg,#fbfbf5,#e6e6dc);flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid;box-shadow:0 1px 1px #0000008c,inset 0 0 0 1px #0000002e,inset 0 1px 1px #ffffffb3}.die .pip{justify-content:center;align-items:center;display:flex}.die .pip.on:after{content:"";width:calc(var(--die) * .208);height:calc(var(--die) * .208);background:#2a2a2a;border-radius:50%}.die.red .pip.on:after{background:#d52121}.ci-sticks{gap:4px;font-size:10px;display:flex}.ci-stick{align-items:center;gap:3px;display:flex}.ci-stick:before{content:"";background:#efe9d6;border-radius:2px;width:13px;height:4px;box-shadow:0 0 1px #0009}.ci-stick.honba:before{background:#d88a6a}.ci-stick.honba{color:#ffb0a0}.ci-stick.kyo{color:#ffd0d0}.plbl{pointer-events:none;white-space:nowrap;z-index:2;color:#c8e1ff33;font-size:16px;font-weight:700;position:absolute}.plbl.top{top:5%;left:50%;transform:translate(-50%)}.plbl.right{top:50%;right:3%;transform:translateY(-50%)rotate(-90deg)}.plbl.left{top:50%;left:3%;transform:translateY(-50%)rotate(90deg)}