:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#26338a;--navy-dark:#161d55;--ivory:#f2f0e8;font-family:system-ui,sans-serif}body{color:#f3eee6;background:radial-gradient(circle,#0000 0 14px,#ffbe7812 15px 17px,#0000 18px) 0 0/44px 44px,radial-gradient(at 50% 30%,#a3221f 0%,#6e1210 75%);place-items:center;min-height:100vh;margin:0;display:grid;overflow-x:hidden}#app{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:12px 16px 0;display:flex}.layout{align-items:flex-start;gap:28px;width:100%;display:flex}.main-col{flex-direction:column;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex;position:relative;container-type:inline-size}button{font:inherit;cursor:pointer;border:0}.tile{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fff,#f1efe6);flex:none;display:block;overflow:hidden}.tile svg{width:100%;height:100%;display:block}.tile.back{background:linear-gradient(#3445a8, var(--navy-dark))}.tile.mini{vertical-align:middle;width:1.35em;height:1.8em;box-shadow:0 .14em 0 var(--navy);border-radius:.2em;margin:0 .15em;display:inline-block}.scene{--T:min(74cqw, calc((100vh - 300px) / .92), 980px);--u:calc(var(--T) / 30);perspective:calc(var(--T) * 1.6);margin-top:calc(var(--T) * -.12);margin-bottom:calc(var(--T) * .01)}.table{width:var(--T);height:var(--T);border-radius:calc(var(--u) * .5);background: radial-gradient(circle at 50% 50%, transparent 0 calc(var(--u) * 5.6), #ffffff0d calc(var(--u) * 5.6) calc(var(--u) * 5.8), transparent calc(var(--u) * 5.8) calc(var(--u) * 7.8), #ffffff0a calc(var(--u) * 7.8) calc(var(--u) * 8.4), transparent calc(var(--u) * 8.4) calc(var(--u) * 10.6), #ffffff0d calc(var(--u) * 10.6) calc(var(--u) * 10.8), transparent calc(var(--u) * 10.8)), radial-gradient(circle at 50% 55%, #2a8a43 0%, #1f7135 65%, #195d2c 100%);box-shadow:inset 0 0 calc(var(--u) * 1.2) #00000059, 0 0 0 calc(var(--u) * .25) #3f2410,  0 0 0 calc(var(--u) * .85) #6b3d1a, 0 0 0 calc(var(--u) * 1.05) #3a1f0b, 0 calc(var(--u) * 2) calc(var(--u) * 2.5) #0009;transform-style:preserve-3d;position:relative;transform:rotateX(40deg)}.table:after{content:"";left:calc(var(--u) * .4);right:calc(var(--u) * .4);top:calc(100% + var(--u) * 1.05);height:calc(var(--u) * 1.1);border-radius:0 0 calc(var(--u) * .8) calc(var(--u) * .8);transform-origin:top;background:linear-gradient(#5a3315,#2c1707);position:absolute;transform:rotateX(90deg)}.layer{align-items:center;gap:calc(var(--u) * 1.5);padding-bottom:calc(var(--u) * .9);pointer-events:none;transform-style:preserve-3d;flex-direction:column-reverse;display:flex;position:absolute;inset:0}.rack-row{height:calc(var(--u) * 1.6);align-items:flex-end;gap:calc(var(--u) * .4);border-radius:calc(var(--u) * .2);transform-style:preserve-3d;display:flex}.rack-row.winner{outline:calc(var(--u) * .1) solid #ffd75e;outline-offset:calc(var(--u) * .15)}.group{gap:calc(var(--u) * .04);transform-style:preserve-3d;display:flex}.wind-label{left:0;right:0;bottom:calc(var(--u) * 7);text-align:center;letter-spacing:.02em;color:#d98a2b;opacity:.85;line-height:1.12;position:absolute}.wl-name{font-size:calc(var(--u) * .95);color:#f1d7a8;font-weight:800}.wl-wind{font-size:calc(var(--u) * .7);font-weight:700}.wind-label.active{color:#ffe066;opacity:1;text-shadow:0 0 calc(var(--u) * .5) #ffe066cc}.wind-label.active .wl-name{color:#fff3c4}.wind-label.winner{color:#ffd75e;opacity:1;text-shadow:0 0 calc(var(--u) * .6) #ffd75e}.box{--H:calc(var(--u) * var(--bh));width:calc(var(--u) * var(--bw));height:calc(var(--u) * var(--bd));transform-style:preserve-3d;border-radius:calc(var(--u) * .1);box-shadow:0 0 calc(var(--u) * .4) calc(var(--u) * .05) #00000073;flex:none;position:relative}.face{position:absolute}.face.top{transform:translateZ(var(--H));border-radius:calc(var(--u) * .12);inset:0;overflow:hidden}.face.top svg{width:100%;height:100%;display:block}.face.front{width:100%;height:var(--H);transform-origin:top;top:100%;left:0;transform:rotateX(90deg)}.face.back{width:100%;height:var(--H);transform-origin:bottom;bottom:100%;left:0;transform:rotateX(-90deg)}.face.left{height:100%;width:var(--H);transform-origin:100%;top:0;right:100%;transform:rotateY(90deg)}.face.right{height:100%;width:var(--H);transform-origin:0;top:0;left:100%;transform:rotateY(-90deg)}.face.front{box-shadow:inset 0 0 0 100vmax #0000000a}.face.left{box-shadow:inset 0 0 0 100vmax #0000001f}.face.right{box-shadow:inset 0 0 0 100vmax #00000014}.face.back{box-shadow:inset 0 0 0 100vmax #0000002e}.box.up .face.top{background:linear-gradient(160deg,#fff,#f1efe6)}.box.up .face.front,.box.up .face.right{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 40%, #d8d4c8 40% 46%, var(--ivory) 46%)}.box.up .face.back,.box.up .face.left{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 54%, #d8d4c8 54% 60%, var(--navy) 60%)}.box.up .face.right,.box.up .face.left{--dir:right}.box.up.facedown .face.top{background:linear-gradient(160deg, #3a4cb3, var(--navy))}.box.up.facedown .face.front,.box.up.facedown .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 54%, #d8d4c8 54% 60%, var(--navy) 60%)}.box.up.facedown .face.back,.box.up.facedown .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 40%, #d8d4c8 40% 46%, var(--ivory) 46%)}.box.up.bonus .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .08) #e0b53a}.box.up.latest .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .1) #ffcf33}.box.up.latest{box-shadow:0 0 calc(var(--u) * .6) calc(var(--u) * .15) #ffcf33b3}.box.down2 .face.top,.box.down1 .face.top{background:linear-gradient(160deg, #3a4cb3, var(--navy))}.box.down2 .face.front,.box.down2 .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 22%, var(--navy) 22% 50%, var(--ivory) 50% 72%, var(--navy) 72%)}.box.down2 .face.back,.box.down2 .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 28%, var(--ivory) 28% 50%, var(--navy) 50% 78%, var(--ivory) 78%)}.box.down1 .face.front,.box.down1 .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 44%, var(--navy) 44%)}.box.down1 .face.back,.box.down1 .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 56%, var(--ivory) 56%)}.box.down2 .face.right,.box.down2 .face.left,.box.down1 .face.right,.box.down1 .face.left{--dir:right}.stack-gap{width:var(--u);height:calc(var(--u) * 1.34);flex:none}.box.stand{--seam:repeating-linear-gradient(to right, transparent 0 calc(var(--u) * 1.15 - 1.5px), #00000073 calc(var(--u) * 1.15 - 1.5px) calc(var(--u) * 1.15))}.box.stand .face.back{background:var(--seam), linear-gradient(#3a4cb3, var(--navy-dark))}.box.stand .face.front{background:var(--seam), var(--ivory)}.box.stand .face.top{background:var(--seam), linear-gradient(to bottom, var(--navy) 0 50%, var(--ivory) 50%);border-radius:0}.box.stand .face.left,.box.stand .face.right{background:linear-gradient(to bottom, var(--navy) 0 50%, var(--ivory) 50%)}.wall{gap:calc(var(--u) * .04);padding-bottom:calc(var(--u) * .4);transform-style:preserve-3d;display:flex}.pool{transform-style:preserve-3d;width:calc(var(--u) * 12.22);height:calc(var(--u) * 12.22);align-content:center;gap:calc(var(--u) * .1);flex-wrap:wrap;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar{z-index:1;box-sizing:border-box;background:#00000047;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,1180px);padding:7px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000040}.tb-left,.tb-right{align-items:center;gap:10px;display:flex}.tb-left{justify-self:start}.tb-right{justify-self:end}@media (width<=900px){.topbar{border-radius:28px;grid-template-columns:1fr 1fr}.topbar .status{grid-area:1/1/auto/-1}}.chip{box-sizing:border-box;white-space:nowrap;color:#f6efe2;background:linear-gradient(#461610eb,#260a08eb);border:2px solid #ffd75e4d;border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 20px 0 6px;font-size:1.08rem;font-weight:700;transition:border-color .15s,background .15s,transform 80ms;display:inline-flex;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff14}button.chip:hover{background:linear-gradient(#5c1e16f2,#320e0af2);border-color:#ffd75ebf}button.chip:active{transform:translateY(2px)}button.chip:focus-visible{outline-offset:2px;outline:3px solid #ffd75e}.chip-icon{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.chip-icon svg{width:22px;height:22px}.chip.icon-only{justify-content:center;width:52px;padding:0}.chip.icon-only.off{opacity:.6}.chip.on{border-color:#e0b53a}.chip.on .chip-icon{color:#1a1a1a;background:#e0b53a}.chip.info{cursor:default;font-variant-numeric:tabular-nums}.chip.round .chip-icon{background:var(--navy);color:#fff;font-family:Noto Serif TC,KaiTi,serif;font-size:1.25rem;font-weight:900}.chip-stack{flex-direction:column;line-height:1.15;display:flex}.chip-stack .chip-small strong{font-size:1.05rem}.chip.info strong{font-size:1.3rem}.chip-small{opacity:.85;font-weight:500}.tile-icon{background:linear-gradient(#4558c4, var(--navy-dark));width:15px;height:20px;box-shadow:0 3px 0 var(--ivory);border-radius:3px;margin-bottom:3px}.status{justify-content:center;display:flex}.status-pill{box-sizing:border-box;color:#f3eee6;background:#0006;border:2px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;min-width:300px;min-height:58px;padding:5px 26px 5px 6px;transition:background .3s,color .3s;display:inline-flex}.status-badge{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-family:Noto Serif TC,KaiTi,serif;font-size:1.45rem;font-weight:900;display:grid;box-shadow:inset 0 -3px #00000040}.status-title{align-items:center;gap:2px;font-size:1.3rem;font-weight:800;line-height:1.15;display:flex}.status-hint{opacity:.8;font-size:.98rem}.status.mine .status-pill,.status.win .status-pill{color:#1a1a1a;background:linear-gradient(#ffe68f,#e0b53a);border-color:#fff3c4;box-shadow:0 0 20px #ffd75e99}.status.mine .status-pill{animation:1.6s ease-in-out infinite status-pulse}.status.mine .status-badge,.status.win .status-badge{background:#b8231f}@keyframes status-pulse{50%{box-shadow:0 0 6px #ffd75e40}}@media (prefers-reduced-motion:reduce){.status.mine .status-pill{animation:none}}.action-bar{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex;position:relative}.act{color:#fff;background:#4a4f57;border-radius:12px;padding:10px 28px;font-size:1.4rem;font-weight:700;box-shadow:0 4px #00000073}.act.primary{background:#2e7d5b;box-shadow:0 4px #1d5a40}.act:active{transform:translateY(3px);box-shadow:0 1px #00000073}.act .tile.mini{font-size:1.1rem}.bar-hint{opacity:.9;font-size:1.2rem}.hand-meter{background:#00000052;border:2px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:100%;padding:6px 10px;display:flex}.hm-total{color:inherit;cursor:pointer;background:#ffffff14;border:2px solid #ffffff26;border-radius:999px;align-items:baseline;gap:8px;padding:4px 14px;transition:border-color .15s;display:flex}.hm-total:hover,.hm-total-wrap.open .hm-total{border-color:#ffd75e}.hm-total:focus-visible{outline-offset:2px;outline:3px solid #ffd75e}.hm-total.ok{background:#2e7d5b73;border-color:#6fd39d}.hm-more{opacity:.75;font-size:1.05rem}.hm-total-wrap{position:relative}.hm-card{z-index:30;box-sizing:border-box;color:#1a1a1a;text-align:left;background:#fffaf0;border:3px solid #e0b53a;border-radius:16px;width:min(460px,92vw);max-height:60vh;padding:16px 18px 14px;display:none;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 16px 40px #0009}.hm-total-wrap:hover .hm-card,.hm-total-wrap:focus-within .hm-card,.hm-total-wrap.open .hm-card{display:block}.hm-card:after{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.hm-card-title{font-size:1.3rem;font-weight:900}.hm-card h4{text-transform:uppercase;letter-spacing:.08em;color:#8a6a1e;margin:12px 0 6px;font-size:.95rem}.hm-empty{opacity:.75;margin:4px 0;font-size:1rem}.hm-row{background:#2e7d5b1a;border-left:4px solid #2e7d5b;border-radius:10px;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:6px;padding:8px 10px;display:grid}.hm-row.next{background:#e0b53a1f;border-left-color:#e0b53a}.hm-row-name{align-items:center;gap:6px;font-size:1.08rem;font-weight:800;display:flex}.hm-row-name .tile.mini{margin:0;font-size:1rem}.hm-row-faan{color:#1d7a3a;font-size:1.1rem;font-weight:900}.hm-row.next .hm-row-faan{color:#a8731a}.hm-row-why{opacity:.85;grid-column:1/-1;font-size:.98rem}.hm-row-tiles{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:3px;margin-top:2px;display:flex}.hm-row-tiles .tile.mini{margin:0;font-size:1.15rem}.hm-tiles-label{margin-right:4px;font-size:.95rem;font-weight:700}.hm-card-foot{opacity:.7;margin-top:8px;font-size:.92rem}.hm-plans{background:#e0b53a29;border:2px solid #e0b53a;border-radius:14px;margin-top:10px;padding:10px 12px}.hm-plans h4{color:#8a5a00!important;margin-top:0!important}.hm-plans-intro{margin:0 0 8px;font-size:1rem}.hm-plan{background:#fffdf6;border-radius:12px;margin-top:8px;padding:8px;box-shadow:0 1px 4px #0000001f}.hm-plan-head{justify-content:space-between;align-items:baseline;margin:0 2px 6px;display:flex}.hm-plan-num{font-size:1.1rem;font-weight:900}.hm-plan-effort{opacity:.65;flex:1;margin-left:10px;font-size:.92rem}.hm-plan-total{color:#1d7a3a;font-size:1.1rem;font-weight:900}.hm-row.plan-step{background:#e0b53a1f;border-left-color:#e0b53a;margin-bottom:4px}.hm-row.plan-step.luck{background:#2f80d014;border-left-color:#2f80d0}.hm-way{color:#1a1a1a;background:linear-gradient(#ffe68f,#e0b53a);border:2px solid #fff3c4;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:1.02rem;font-weight:700;display:inline-flex;box-shadow:0 0 14px #ffd75e73}.hm-way:hover{filter:brightness(1.06)}.hm-way-label{font-weight:900}.hm-label{opacity:.85;font-size:.95rem}.hm-faan{font-size:1.45rem;font-weight:900}.hm-need{color:#ffd75e;font-size:.95rem;font-weight:700}.hm-total.ok .hm-need{color:#a8f0c6}.hm-chips{flex-wrap:wrap;gap:6px;display:flex}.hm-chip{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:1.02rem;font-weight:700;display:inline-flex}.hm-chip .tile.mini{margin:0;font-size:.95rem}.hm-chip b{color:#ffd75e}.hm-chip small{opacity:.8;font-weight:500}.hm-chip.have{background:#2e7d5b8c;border:2px solid #6fd39d99}.hm-chip.close{color:#f6e7c4;border:2px dashed #ffd75e8c}.hm-ready{color:#1a1a1a;background:linear-gradient(#ffe68f,#e0b53a);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;display:flex}.hm-ready-label{font-size:1.1rem;font-weight:900}.hm-win{align-items:center;gap:4px;font-weight:800;display:inline-flex}.hm-win .tile.mini{margin:0;font-size:1.05rem}.hm-win.short{opacity:.5;text-decoration:line-through}.claim-card{z-index:10;box-sizing:border-box;color:#1a1a1a;background:#fffaf0;border:4px solid #e0b53a;border-radius:18px;max-width:94cqw;padding:18px 24px 22px;animation:.18s ease-out pop-in;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #000000a6}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.9)}}.claim-head{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;font-size:1.6rem;font-weight:700;display:flex}.tile.claim-tile{width:66px;height:88px;box-shadow:0 5px 0 var(--navy), 0 8px 16px #0000004d;border-radius:9px}.claim-options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.claim-btn{color:#fff;background:#2e7d5b;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:170px;padding:14px 22px 12px;display:flex;box-shadow:0 5px #1d5a40}.claim-btn:hover{filter:brightness(1.1)}.claim-btn:active{transform:translateY(4px);box-shadow:0 1px #1d5a40}.claim-label{align-items:center;gap:4px;font-size:1.9rem;font-weight:800;display:flex}.claim-label .tile.mini{font-size:1.4rem}.claim-hint{opacity:.92;font-size:1.05rem}.claim-effects{flex-direction:column;gap:3px;margin-top:6px;font-size:.95rem;font-weight:700;display:flex}.claim-effects span{border-radius:6px;padding:2px 8px}.claim-effects .ce-bad{color:#9b1c12;background:#fde2df}.claim-effects .ce-good{color:#1d5a40;background:#ddf5e6}.claim-btn.win{color:#1a1a1a;background:#e0b53a;box-shadow:0 5px #a8831f}.claim-btn.pass{background:#5b6068;box-shadow:0 5px #3b3f45}.player-rack{--w:min(72px, calc((100cqw - 70px) / 15));--band:calc(var(--w) * .28);min-height:calc(var(--w) * 1.34 + var(--band));background:linear-gradient(#1d6a33,#134a23);border-radius:12px 12px 0 0;justify-content:center;align-items:flex-end;gap:3px;min-width:40%;padding:12px 18px 14px;display:flex;box-shadow:0 -2px 12px #0006}.player-rack.winner{outline-offset:-3px;outline:3px solid #ffd75e}.player-rack .tile{width:var(--w);height:calc(var(--w) * 1.34);padding-top:var(--band);background:linear-gradient(to bottom, #5568d0 0, #3a4cb3 calc(var(--band) * .5), var(--navy) calc(var(--band) - 3px), #d9d6cc calc(var(--band) - 3px), #fff var(--band), #f1efe6);border-radius:7px;box-shadow:0 4px 8px #00000059}.player-rack .tile.drawn{margin-left:calc(var(--w) * .4)}.tile.clickable{cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s}@media (hover:hover){.tile.clickable:hover{transform:translateY(-10px);box-shadow:0 12px 16px #0006}.tile.clickable:active{transition-duration:60ms;transform:translateY(-4px)}}.banner{z-index:50;transform:translate(var(--anchor,-50%), -50%);color:#fff6d6;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#124624f0;border:3px solid #ffd75e;border-radius:999px;align-items:center;gap:4px;padding:12px 34px;font-size:2rem;font-weight:800;animation:1.9s ease-out forwards turn-banner;display:flex;position:fixed;box-shadow:0 10px 30px #00000080,0 0 24px #ffd75e73}.banner.call{background:#aa201cf2;border-color:#ffe9a8;padding:10px 26px;font-size:1.8rem;animation-duration:2.2s}.banner[data-spot="1"]{--anchor:-100%}.banner[data-spot="3"]{--anchor:0%}.banner.flower{background:#9c2d70f2;border-color:#ffd1ea;padding:10px 26px;font-size:1.6rem;animation-duration:2.2s}.banner .tile.mini{margin-left:2px;font-size:1.25rem}.banner .tile.mini:first-of-type{margin-left:12px}@keyframes turn-banner{0%{opacity:0;translate:0 14px;scale:.7}14%{opacity:1;translate:0;scale:1.06}24%{scale:1}75%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -30px;scale:.96}}@media (prefers-reduced-motion:reduce){.banner{animation:1.9s linear forwards turn-banner-fade}@keyframes turn-banner-fade{0%,75%{opacity:1}to{opacity:0}}}.table-dice{align-items:center;gap:calc(var(--u) * .5);transform-style:preserve-3d;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-row{gap:calc(var(--u) * .9);transform-style:preserve-3d;display:flex}.box.die .face.top{box-sizing:border-box;padding:calc(var(--u) * .22);border-radius:calc(var(--u) * .25);background:linear-gradient(145deg,#fff,#ece8de);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.box.die .face.front,.box.die .face.back,.box.die .face.left,.box.die .face.right{border-radius:calc(var(--u) * .2);background:#ece8de}.box.die{border-radius:calc(var(--u) * .25)}.pip{width:calc(var(--u) * .26);height:calc(var(--u) * .26);background:#1a1a1a;border-radius:50%}.pip.red{background:#d0282b}.pip.big{width:calc(var(--u) * .5);height:calc(var(--u) * .5)}.table-dice.rolling .box.die{animation:.3s ease-in-out infinite alternate die-tumble}.table-dice.rolling .box.die:nth-child(2){animation-delay:-.15s}@keyframes die-tumble{0%{transform:translateZ(calc(var(--u) * 1.6)) rotateZ(-30deg) rotateX(12deg)}to{transform:translateZ(0)rotate(25deg)}}.table-dice.landing .box.die{animation:.35s ease-out die-land}@keyframes die-land{0%{transform:translateZ(calc(var(--u) * .8)) rotateZ(-12deg)}}.dice-total{font-size:calc(var(--u) * 1.6);color:#ffe066;text-shadow:0 0 calc(var(--u) * .6) #ffe06699;font-weight:900;line-height:1;transform:translateZ(2px)}.table-dice.landing .dice-total{animation:.4s ease-out total-in}@keyframes total-in{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.table-dice .box.die,.dice-total{animation:none!important}}.ghost-tile{z-index:45;transform-origin:0 0;box-shadow:0 3px 0 var(--navy), 0 10px 18px #00000059;pointer-events:none;background:linear-gradient(160deg,#fff,#f1efe6);border-radius:12%/9%;position:fixed;overflow:hidden}.ghost-tile svg{width:100%;height:100%;display:block}.ghost-tile.back{background:linear-gradient(160deg, #4a5cc8, var(--navy));box-shadow:0 3px 0 var(--ivory), 0 10px 18px #00000059}.result-card{z-index:20;box-sizing:border-box;color:#1a1a1a;text-align:center;background:#fffaf0;border:5px solid #e0b53a;border-radius:22px;width:min(700px,94cqw);max-height:calc(100vh - 100px);padding:24px 28px 26px;animation:.45s cubic-bezier(.2,1.4,.4,1) result-in;position:absolute;top:70px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 20px 60px #000000b3}.result-card.you{background:radial-gradient(circle at 50% 0,#fffbe6,#ffe8a3)}@keyframes result-in{0%{opacity:0;transform:translate(-50%)scale(.75)}}.result-title{color:#b8231f;font-size:2.6rem;font-weight:900;line-height:1.15}.result-sub{margin-top:6px;font-size:1.6rem;font-weight:700}.result-how{opacity:.75;margin-top:4px;font-size:1.15rem}.result-hand{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 20px;display:flex}.rh-group{gap:2px;display:flex}.tile.rh{width:38px;height:51px;box-shadow:0 3px 0 var(--navy), 0 4px 8px #0003;border-radius:5px}.tile.rh.win-tile{box-shadow:0 0 0 3px #e0b53a, 0 3px 0 var(--navy), 0 6px 12px #0000004d;transform:translateY(-8px)}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.result-cols{text-align:left;flex-wrap:wrap;justify-content:center;gap:18px;margin:4px 0 12px;display:flex}.result-cols h4{text-transform:uppercase;letter-spacing:.08em;color:#8a6a1e;grid-column:1/-1;margin:0 0 4px;font-size:1.05rem}.faan-list,.score-box{background:#0000000d;border-radius:14px;flex:250px;padding:12px 16px}.faan-list{grid-template-columns:1fr auto;align-content:start;gap:4px 14px;font-size:1.1rem;display:grid}.faan-list strong{text-align:right;color:#1d7a3a}.faan-list .total{border-top:2px solid #0000001f;margin-top:4px;padding-top:6px;font-size:1.2rem;font-weight:800}.faan-list strong.total{color:#b8231f}.faan-list .paid{opacity:.75;grid-column:1/-1;margin-top:6px;font-size:1rem}.score-table{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;gap:6px 16px;font-size:1.15rem;display:grid}.st-head{text-align:right;text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.8rem}.st-name.you{font-weight:800}.pay-box{text-align:left;background:#0000000d;border-radius:14px;margin:0 0 12px;padding:12px 16px}.pay-box h4{text-transform:uppercase;letter-spacing:.08em;color:#8a6a1e;margin:0 0 4px;font-size:1.05rem}.pay-rule{margin:0 0 8px;font-size:1rem;line-height:1.4}.pay-rows{font-variant-numeric:tabular-nums;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 14px;font-size:1rem;display:grid}.pay-name.you{font-weight:800}.pay-delta{text-align:right;opacity:.6;font-weight:700}.pay-delta.up{color:#1d7a3a;opacity:1}.pay-delta.down{color:#b8231f;opacity:1}.pay-why{opacity:.8}.st-delta{text-align:right;opacity:.6;font-weight:700}.st-delta.up{color:#1d7a3a;opacity:1}.st-delta.down{color:#b8231f;opacity:1}.st-total{text-align:right;font-weight:700}.st-total.bust{color:#b8231f}.result-next{opacity:.8;margin:0 0 14px;font-size:1.1rem}.standings{flex-direction:column;gap:8px;max-width:420px;margin:18px auto;display:flex}.standing{text-align:left;background:#0000000d;border-radius:12px;grid-template-columns:56px 1fr auto auto;align-items:center;gap:0 10px;padding:10px 18px;font-size:1.3rem;display:grid}.standing.first{background:linear-gradient(#ffe68f,#f3cd57);font-weight:800}.standing.you .who{font-weight:800}.standing .place{color:#8a6a1e;font-weight:800}.standing .pts{font-variant-numeric:tabular-nums;font-weight:700}.standing .gain{font-variant-numeric:tabular-nums;opacity:.6;font-size:1rem}.standing .gain.up{color:#1d7a3a;opacity:1}.standing .gain.down{color:#b8231f;opacity:1}.confetti{z-index:25;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:10px;height:16px;animation:3s ease-in forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{to{transform:translate(var(--drift), 105vh) rotate(var(--spin));opacity:.2}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.help{box-sizing:border-box;background:#180a08e0;border-radius:16px;flex:0 0 clamp(360px,28vw,580px);max-height:calc(100vh - 24px);padding:16px 20px 20px;font-size:1.08rem;line-height:1.5;position:sticky;top:12px;overflow-y:auto;box-shadow:0 10px 30px #00000073}.help-head{justify-content:space-between;align-items:center;display:flex}.help h2{margin:0;font-size:1.5rem}.help h3{color:#ffd75e;margin:0 0 6px;font-size:1.2rem}.help p{margin:6px 0}.help section{border-top:1px solid #ffffff24;margin-top:14px;padding-top:12px}.help section.now{background:#ffd75e1a;border:2px solid #ffd75e8c;border-radius:12px;padding:10px 14px}.help .tile.mini{font-size:1.15rem}.close-btn{color:#f3eee6;background:#ffffff1a;border-radius:10px;width:44px;height:44px;font-size:1.3rem}.tiles-row{align-items:center;gap:3px;display:inline-flex}.tile.ex{width:34px;height:46px;box-shadow:0 3px 0 var(--navy);border-radius:5px}.example-hand{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.set-grid{grid-template-columns:auto auto 1fr;align-items:center;gap:10px;display:grid}.set-what{opacity:.9;font-size:.98rem}.min-note{color:#ffe9a8;background:#ffd75e2e;border-radius:8px;padding:4px 10px;display:inline-block}.pattern-card{background:#ffffff0f;border-radius:12px;margin:8px 0;padding:10px 12px}.pattern-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.faan-badge{color:#1a1a1a;background:#e0b53a;border-radius:999px;flex:none;padding:2px 10px;font-size:.92rem;font-weight:800}.pattern-what{opacity:.9;margin:2px 0 6px;font-size:.98rem}.pattern-tiles{flex-wrap:wrap;gap:6px;display:flex}.tile.ex.sm{width:23px;height:31px;box-shadow:0 2px 0 var(--navy);border-radius:4px}.sub-h{margin-top:14px!important}.payout-table{font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.payout-table .pf{background:#ffd75e38;grid-row:1;padding:4px 0;font-weight:800}.payout-table .pp{background:#ffffff0f;grid-row:2;padding:4px 0;font-size:.8rem}@media (width>=1600px){.help{padding:20px 26px 24px;font-size:1.18rem}.help h2{font-size:1.7rem}.help h3{font-size:1.35rem}.tile.ex{border-radius:6px;width:42px;height:57px}.tile.ex.sm{border-radius:5px;width:31px;height:42px}.help .tile.mini{font-size:1.3rem}.set-what,.pattern-what{font-size:1.08rem}.faan-badge{font-size:1rem}.payout-table .pp{font-size:.92rem}}@media (width<=1150px){.help{z-index:30;background:#180a08f5;border-radius:16px 0 0 16px;width:min(380px,92vw);max-height:none;position:fixed;top:0;bottom:0;right:0}}.coach-layer{z-index:100;position:fixed;inset:0}.coach-layer.dim{background:#0000008c}.coach-spot{pointer-events:none;border:3px solid #ffd75e;border-radius:16px;animation:1.6s ease-in-out infinite coach-ring;position:fixed;box-shadow:0 0 0 9999px #0000008c,0 0 24px #ffd75ecc}@keyframes coach-ring{50%{border-color:#fff3c4}}.coach-card{box-sizing:border-box;color:#1a1a1a;background:#fffaf0;border:4px solid #e0b53a;border-radius:18px;width:min(440px,100vw - 24px);padding:18px 20px 16px;animation:.25s ease-out coach-in;position:fixed;box-shadow:0 18px 50px #0009}@keyframes coach-in{0%{opacity:0;translate:0 10px}}.coach-title{color:#b8231f;font-size:1.5rem;font-weight:900}.coach-body{margin-top:6px;font-size:1.15rem;line-height:1.45}.coach-body p{margin:6px 0}.coach-body .example-hand{margin:8px 0}.coach-body .tile.ex{box-shadow:0 3px 0 var(--navy)}.coach-foot{align-items:center;gap:12px;margin-top:14px;display:flex}.coach-count{text-align:center;opacity:.6;flex:1;font-size:.95rem}.coach-off{color:#6b5a3a;background:0 0;padding:6px 0;font-size:.95rem;text-decoration:underline}.coach-next{padding:10px 26px;font-size:1.25rem}@media (prefers-reduced-motion:reduce){.coach-spot,.coach-card{animation:none}}.dialog-layer{place-items:center;display:grid}.dialog-card{box-sizing:border-box;color:#1a1a1a;text-align:center;background:#fffaf0;border:4px solid #e0b53a;border-radius:20px;width:min(460px,100vw - 32px);padding:24px 26px 22px;animation:.2s ease-out coach-in;box-shadow:0 18px 50px #0009}.dialog-title{color:#b8231f;font-size:1.8rem;font-weight:900}.dialog-text{opacity:.85;margin:8px 0 18px;font-size:1.15rem}.dialog-actions{flex-direction:column;gap:10px;display:flex}.dialog-actions .act{width:100%}.act.danger{background:#b8231f;box-shadow:0 4px #7a1512}.menu-page{flex-direction:column;align-items:center;width:min(560px,100%);margin:4vh auto;display:flex;position:relative}.menu-sound{z-index:5;gap:10px;display:flex;position:fixed;top:16px;right:16px}.credit{text-align:center;opacity:.7;margin:18px 0 0;font-size:.92rem}.menu-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.tile-fan{justify-content:center;height:110px;margin-bottom:8px;display:flex}.tile-fan .fan-tile{width:62px;height:84px;box-shadow:0 6px 0 var(--navy), 0 10px 18px #00000073;transform-origin:50% 160%;border-radius:9px;margin:0 -6px;animation:.6s cubic-bezier(.2,1.2,.4,1) both fan-in}.tile-fan .fan-tile:first-child{--r:-24deg;animation-delay:50ms}.tile-fan .fan-tile:nth-child(2){--r:-12deg;animation-delay:.1s}.tile-fan .fan-tile:nth-child(3){--r:0deg;z-index:1;animation-delay:.15s;translate:0 -8px}.tile-fan .fan-tile:nth-child(4){--r:12deg;animation-delay:.2s}.tile-fan .fan-tile:nth-child(5){--r:24deg;animation-delay:.25s}.tile-fan .fan-tile{rotate:var(--r)}@keyframes fan-in{0%{opacity:0;rotate:0deg}}.menu-title{letter-spacing:.02em;filter:drop-shadow(0 1.5px #e0a92e)drop-shadow(0 1.5px #b8231f)drop-shadow(0 1.5px #9a1b18)drop-shadow(0 2px #6e100e)drop-shadow(0 10px 14px #00000073);flex-direction:column;align-items:center;margin:4px 0 0;font-family:Lilita One,system-ui,sans-serif;font-weight:400;line-height:.95;display:flex}.mt-line{gap:.28em;font-size:3.2rem;display:flex}.mt-line.mt-big{font-size:5rem}.mt-word{background:linear-gradient(#fffbe8 0%,#ffe9a3 38%,#ffcf4a 62%,#f0a81c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:.55s cubic-bezier(.2,1.6,.4,1) both word-in;display:inline-block}.mt-line .mt-word:first-child{animation-delay:.15s;rotate:-4deg}.mt-line .mt-word:nth-child(2){animation-delay:.3s;rotate:3deg}.mt-big .mt-word{animation-delay:.48s;rotate:0deg}@keyframes word-in{0%{opacity:0;transform:translateY(-.5em)scale(.6)}}.menu-cn{letter-spacing:.3em;color:#ffd75e;text-shadow:0 2px #7a1512,0 0 18px #ffcf4a59;margin-top:8px;padding-left:.3em;font-family:Noto Serif TC,KaiTi,serif;font-size:1.8rem;font-weight:900}.menu-tagline{letter-spacing:.02em;color:#fff3c4;background:#00000038;border-radius:999px;align-items:center;gap:10px;margin:12px 0 26px;padding:6px 16px;font-size:1.08rem;font-style:italic;font-weight:600;animation:.5s ease-out .7s both word-in;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd75e59}.mt-spark{color:#ffd75e;font-size:.8em;font-style:normal}@media (prefers-reduced-motion:reduce){.mt-word,.menu-tagline{animation:none}}.menu-cards{flex-direction:column;gap:12px;width:100%;display:flex}.menu-card{color:#f6efe2;text-align:left;background:linear-gradient(#461610eb,#260a08eb);border:2px solid #ffd75e47;border-radius:18px;align-items:center;gap:16px;width:100%;padding:14px 20px 14px 14px;transition:border-color .15s,transform .1s,background .15s;display:flex;position:relative;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff12}.menu-card:not(:disabled):hover{border-color:#ffd75ed9;transform:translateY(-2px)}.menu-card:not(:disabled):active{transform:translateY(1px)}.menu-card:focus-visible{outline-offset:3px;outline:3px solid #ffd75e}.mc-icon{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.mc-icon svg{width:28px;height:28px}.mc-text{flex-direction:column;gap:2px;display:flex}.mc-title{font-size:1.45rem;font-weight:800}.mc-sub{opacity:.82;font-size:1.02rem}.mc-tag{color:#1a1a1a;background:#ffd75e;border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:800;position:absolute;top:-11px;right:16px;box-shadow:0 3px 8px #0000004d}.menu-card.primary{background:linear-gradient(#36925f,#23704a);border-color:#6fd39d}.menu-card.primary .mc-icon{background:#fff3}.menu-card.primary .mc-sub{opacity:.92}.menu-card.learn .mc-icon{color:#1a1a1a;background:#e0b53a}.menu-card.soon{opacity:.55;cursor:not-allowed}.menu-card.soon .mc-tag{background:#ffffffd9}.rules-page{width:min(860px,100%);margin:3vh auto 4vh}.rules-head{align-items:center;gap:18px;margin-bottom:14px;display:flex}.rules-head h1{color:#fff6d6;margin:0;font-size:2.4rem}.help.rules-body{width:auto;max-height:none;padding:24px 30px 28px;font-size:1.18rem;position:static;overflow:visible}.rules-body section:first-child{border-top:0;margin-top:0;padding-top:0}.rules-body .tile.ex{border-radius:6px;width:42px;height:57px}.rules-body .tile.ex.sm{border-radius:5px;width:31px;height:42px}.rules-foot{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;display:flex}.setup{counter-reset:setup-step;background:linear-gradient(#461610f0,#1e0907f0);border:2px solid #ffd75e4d;border-radius:22px;max-width:660px;margin:5vh auto 4vh;padding:28px 32px 30px;box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff12}.setup-title{color:#fff6d6;margin:0;font-size:2.4rem}.setup-intro{opacity:.85;margin:4px 0 8px;font-size:1.12rem}.setup-q{color:#ffd75e;align-items:center;gap:10px;margin:24px 0 4px;font-size:1.35rem;display:flex}.setup-q:before{counter-increment:setup-step;content:counter(setup-step);color:#1a1a1a;background:#e0b53a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:900;display:grid}.setup-help{opacity:.85;margin:4px 0 10px;font-size:1.02rem;line-height:1.45}.choice-row{flex-wrap:wrap;gap:12px;display:flex}.choice{color:#f3eee6;text-align:left;background:#ffffff0f;border:3px solid #ffffff26;border-radius:14px;flex-direction:column;flex:160px;gap:2px;padding:14px 16px;display:flex}.choice:hover{border-color:#ffd75e99}.choice.picked{background:#ffd75e2e;border-color:#ffd75e}.choice-label{font-size:1.35rem;font-weight:800}.choice-sub{opacity:.85;font-size:.98rem}.choice.picked .choice-label:before{content:"✓ ";color:#ffd75e}.setup-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.setup-actions .act.big{flex:1}.act.big{padding:14px 40px;font-size:1.6rem}@media (width<=600px){body{touch-action:manipulation;place-items:start center}#app{padding:8px 8px 12px}.wl-name{font-size:calc(var(--u) * 1.35)}.wl-wind{font-size:calc(var(--u) * 1)}.main-col{gap:6px}.topbar{border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:6px;padding:5px}.tb-left,.tb-right{gap:6px}.tb-right{justify-content:flex-end;min-width:0}.chip.round{flex:0 auto;min-width:0}.chip.round .chip-stack{min-width:0;overflow:hidden}.chip.round .chip-stack>span{text-overflow:ellipsis;overflow:hidden}.topbar .chip{gap:6px;height:40px;padding:0 12px 0 4px;font-size:.9rem}.topbar .chip-icon{width:30px;height:30px}.topbar .chip-icon svg{width:18px;height:18px}.topbar .chip:not(.round){justify-content:center;width:40px;padding:0}.topbar .chip:not(.round) .chip-label{display:none}.chip.round .chip-icon,.chip.info strong{font-size:1rem}.status-pill{gap:8px;width:100%;min-width:0;min-height:46px;padding:3px 14px 3px 4px}.status-badge{width:36px;height:36px;font-size:1.1rem}.status-title{font-size:1.05rem}.status-hint{font-size:.85rem}.scene{--T:min(86cqw, calc((100vh - 330px) / .8), 980px);margin-top:calc(var(--T) * -.07)}.table{transform:rotateX(32deg)}.player-rack{--w:calc((100cqw - 34px) / 7.4);box-sizing:border-box;border-radius:12px;flex-wrap:wrap;align-content:flex-end;gap:6px 3px;width:100%;min-width:0;padding:10px 6px 12px}.player-rack .tile{border-radius:6px}.player-rack .tile.drawn{margin-left:calc(var(--w) * .2)}.action-bar{gap:6px;min-height:0}.hand-meter{border-radius:12px;gap:5px 6px;padding:4px 6px}.hm-total{gap:6px;padding:2px 10px}.hm-faan{font-size:1.15rem}.hm-label,.hm-need{font-size:.8rem}.hm-chip,.hm-way{padding:3px 9px;font-size:.85rem}.claim-card{border-width:3px;width:calc(100vw - 16px);max-width:none;padding:12px 10px 14px;top:120px;bottom:auto}.claim-head{gap:10px;margin-bottom:10px;font-size:1.15rem}.tile.claim-tile{border-radius:6px;width:44px;height:59px}.claim-options{gap:8px}.claim-btn{flex:130px;min-width:0;padding:10px 8px 8px}.claim-label{font-size:1.35rem}.claim-label .tile.mini{font-size:1.1rem}.claim-hint{font-size:.85rem}.claim-effects{font-size:.8rem}.result-card{border-width:3px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px 12px 18px;top:8px}.result-title{font-size:1.8rem}.result-sub{font-size:1.2rem}.result-how{font-size:.95rem}.result-hand{gap:5px;margin:12px 0 14px}.tile.rh{--rw:min(23px, calc((100vw - 64px) / 15.5));width:var(--rw);height:calc(var(--rw) * 1.35);border-radius:3px}.result-cols{gap:10px}.faan-list,.score-box{flex-basis:100%;padding:10px 12px}.faan-list,.score-table{font-size:.98rem}.pay-box{padding:10px 12px}.pay-rule{font-size:.92rem}.pay-rows{grid-template-columns:auto auto;gap:0 12px;font-size:.95rem}.pay-why{grid-column:1/-1;margin-bottom:6px;font-size:.82rem}.result-next{font-size:.95rem}.act{padding:10px 18px;font-size:1.1rem}.standing{grid-template-columns:40px 1fr auto auto;padding:8px 12px;font-size:1.05rem}.tile-fan{height:90px}.tile-fan .fan-tile{width:50px;height:68px}.mt-line{font-size:2.6rem}.mt-line.mt-big{font-size:3.9rem}.act.big{padding:12px 20px;font-size:1.3rem}}.rotate-note{display:none}@media (orientation:landscape) and (height<=500px){.rotate-note{z-index:200;text-align:center;background:radial-gradient(at 50% 30%,#a3221f 0%,#6e1210 75%);place-content:center;gap:10px;padding:24px;font-size:1.3rem;font-weight:700;display:grid;position:fixed;inset:0}.rotate-note .rn-icon{font-size:3rem}}.player-rack .tile.lifted{transform:translateY(-14%);box-shadow:0 0 0 2px #ffd75e,0 10px 14px #00000073}