:root{--felt-1: #2c6c59;--felt-2: #215546;--felt-3: #173f35;--mat: rgba(10, 34, 27, .34);--mat-line: rgba(217, 180, 106, .26);--wood-1: #74512f;--wood-2: #503521;--wood-3: #2e1e12;--ivory: #fcf8ee;--ivory-2: #efe5cd;--ivory-side: #ddcfac;--jade: #2f7d60;--jade-2: #1f5d47;--jade-3: #154133;--paper: #f8f3e7;--paper-2: #ede5d2;--paper-3: #dcd0b4;--ink: #1c201e;--ink-2: #4b514d;--ink-3: #7b8079;--on-felt: #eaf2ec;--on-felt-2: #b0cabe;--on-felt-3: #84a798;--glass: rgba(8, 24, 19, .42);--glass-line: rgba(255, 255, 255, .07);--accent: #b8412c;--accent-2: #93301f;--accent-ink: #fff7ef;--gold: #dcb76b;--up: #2f7a55;--down: #b8412c;--ui: "PingFang HK", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--serif: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--brush: "LXGW WenKai TC", "Kaiti TC", "STKaiti", "BiauKai", "DFKai-SB", var(--serif);--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--paper-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.25 0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--grain: repeating-linear-gradient(92deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 7px, rgba(0, 0, 0, .05) 7px 9px, transparent 9px 15px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--ui);background:var(--wood-3);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}input,select{font:inherit}.tile{--w: 24px;position:relative;display:inline-block;flex:none;width:var(--w);height:calc(var(--w) * 4 / 3);border-radius:calc(var(--w) * .15);background:radial-gradient(130% 60% at 28% 0%,#ffffffe6,#fff0 60%),linear-gradient(172deg,#fffdf7 0%,var(--ivory) 42%,#ede2c6 100%);box-shadow:inset 0 0 0 1px #fffc,inset 0 calc(var(--w) * -.04) calc(var(--w) * .04) #967a4a42,inset calc(var(--w) * -.025) 0 calc(var(--w) * .03) #967a4a24,0 calc(var(--w) * .035) 0 #e8dbb9,0 calc(var(--w) * .055) 0 var(--ivory-side),0 calc(var(--w) * .07) 0 #f4ecd6,0 calc(var(--w) * .095) 0 #3f9a76,0 calc(var(--w) * .125) 0 var(--jade),0 calc(var(--w) * .15) 0 var(--jade-3),0 calc(var(--w) * .17) calc(var(--w) * .06) #0000004d,0 calc(var(--w) * .2) calc(var(--w) * .2) #00000042;margin-bottom:calc(var(--w) * .17)}.tile svg{display:block;width:100%;height:100%}.tile.flat{box-shadow:inset 0 0 0 1px #fffc,inset 0 calc(var(--w) * -.035) calc(var(--w) * .035) #967a4a38,0 calc(var(--w) * .03) 0 var(--ivory-side),0 calc(var(--w) * .045) 0 #f4ecd6,0 calc(var(--w) * .075) 0 var(--jade),0 calc(var(--w) * .095) 0 var(--jade-3),0 calc(var(--w) * .11) calc(var(--w) * .1) #0000004d;margin-bottom:calc(var(--w) * .11)}.tile.back{background:radial-gradient(120% 60% at 28% 0%,#ffffff47,#fff0 60%),linear-gradient(168deg,#3f9a77 0%,var(--jade) 45%,var(--jade-2) 100%);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 calc(var(--w) * -.04) calc(var(--w) * .04) #00000038,0 calc(var(--w) * .05) 0 var(--jade-3),0 calc(var(--w) * .065) 0 #f4ecd6,0 calc(var(--w) * .11) 0 var(--ivory-2),0 calc(var(--w) * .14) calc(var(--w) * .12) #00000052}.tile.stand{height:calc(var(--w) * 1.18);border-radius:calc(var(--w) * .14) calc(var(--w) * .14) calc(var(--w) * .08) calc(var(--w) * .08);background:linear-gradient(180deg,#fffaf0 0,var(--ivory-2) 13%,#c9b98f 17%,transparent 17.5%),linear-gradient(90deg,#ffffff38 0 14%,#fff0 38%,#0000 70%,#00000038),linear-gradient(180deg,#44a07c,var(--jade) 45%,var(--jade-2));box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 calc(var(--w) * -.05) calc(var(--w) * .05) #00000040,0 calc(var(--w) * .06) 0 var(--jade-3),0 calc(var(--w) * .1) calc(var(--w) * .12) #00000059;margin-bottom:calc(var(--w) * .1)}.tile.r180 svg{transform:rotate(180deg)}.table{--pad: clamp(8px, calc(1.3vw - 2px) , 24px);--k: 1;position:fixed;inset:0;display:grid;column-gap:8px;row-gap:6px;padding:calc(max(var(--pad),env(safe-area-inset-top)) + 6px) calc(max(var(--pad),env(safe-area-inset-right)) + 8px) calc(max(var(--pad),env(safe-area-inset-bottom)) + 4px) calc(max(var(--pad),env(safe-area-inset-left)) + 8px);background:linear-gradient(180deg,#ffeecd29,#ffeecd00 22%),var(--grain),repeating-linear-gradient(2deg,rgba(0,0,0,.06) 0 1px,transparent 1px 11px),linear-gradient(180deg,var(--wood-1),var(--wood-2) 60%,var(--wood-3));box-shadow:inset 0 1px #ffeecd33,inset 0 0 0 1px #00000073;color:var(--on-felt);overflow:hidden;user-select:none;-webkit-user-select:none;grid-template-columns:[zl] minmax(0,1fr) [sl] var(--seatw) [bd] var(--BW) [sr] var(--seatw) [zr] minmax(0,1fr);grid-template-rows:var(--toph) var(--BH) var(--handh);grid-template-areas:"bl top top top br" "zl sl bd sr zr" "hand hand hand hand hand"}.table:before{content:"";position:absolute;inset:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));border-radius:16px;background:radial-gradient(46% 44% at 50% 44%,#ffe4a533,#ffe4a50f 55%,#ffe4a500 80%),radial-gradient(140% 120% at 50% 45%,#0000 46%,#00000080),repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.045) 0 1px,transparent 1px 3px),var(--noise),radial-gradient(115% 85% at 50% 46%,var(--felt-1) 0%,var(--felt-2) 58%,var(--felt-3) 100%);box-shadow:inset 0 0 0 1px #00000073,inset 0 4px 10px #0006,inset 0 0 70px #00000061,0 0 0 1px #00000080,0 0 0 3px #d6b06852,0 0 0 4px #00000059;pointer-events:none}.table>*{position:relative;z-index:1;min-width:0;min-height:0}@media(min-width:1000px)and (min-height:600px){.table:not(.port){--brass: linear-gradient(180deg, #f3d895, #c69a4a 45%, #7d5a24);--bo: calc(var(--pad) - 14px);background:var(--brass) left var(--bo) top var(--bo) / 46px 9px no-repeat,var(--brass) left var(--bo) top var(--bo) / 9px 46px no-repeat,var(--brass) right var(--bo) top var(--bo) / 46px 9px no-repeat,var(--brass) right var(--bo) top var(--bo) / 9px 46px no-repeat,var(--brass) left var(--bo) bottom var(--bo) / 46px 9px no-repeat,var(--brass) left var(--bo) bottom var(--bo) / 9px 46px no-repeat,var(--brass) right var(--bo) bottom var(--bo) / 46px 9px no-repeat,var(--brass) right var(--bo) bottom var(--bo) / 9px 46px no-repeat,linear-gradient(180deg,#ffeecd29,#ffeecd00 22%),var(--grain),repeating-linear-gradient(2deg,rgba(0,0,0,.06) 0 1px,transparent 1px 11px),linear-gradient(180deg,var(--wood-1),var(--wood-2) 60%,var(--wood-3))}}.bar{display:flex;gap:6px;align-items:flex-start}.bar-left{grid-area:bl}.bar-right{grid-area:br;justify-content:flex-end}.chip{border:0;border-radius:999px;padding:5px 11px;font-size:calc(13px * var(--k, 1));line-height:1.35;background:var(--glass);color:var(--on-felt);cursor:pointer;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--glass-line);display:inline-flex;align-items:center;gap:5px}.chip:hover{background:#08181394}.chip.warn{background:var(--gold);color:var(--ink)}.chip b{letter-spacing:.1em}.chip svg{width:15px;height:15px;display:block}.chip.icon{padding:5px 8px}.zone-left{grid-area:zl;display:flex;flex-direction:column;gap:8px;justify-content:space-between;min-height:0}.log{list-style:none;margin:0;padding:0;display:grid;gap:5px;align-content:start;overflow:hidden;font-size:calc(13px * var(--k, 1));line-height:1.4;color:var(--on-felt-3);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.log li{padding-left:9px;border-left:2px solid transparent}.log li:first-child{color:var(--on-felt);border-left-color:var(--gold)}.log li.new{animation:fade-in .3s ease}.log li:nth-child(2){color:var(--on-felt-2)}.log li.err{color:#ffcdbf}.log li.big:first-child{font-weight:700}.logbox{display:flex;flex-direction:column;gap:4px;min-height:0;min-width:0}.logbox .log{min-height:0}.log-head{display:flex;align-items:baseline;gap:8px;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:var(--on-felt-2);font-size:calc(12px * var(--k, 1));line-height:1.3}.log-head:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.log-title{font-family:var(--brush);font-weight:700;color:var(--on-felt)}.log-state{color:var(--gold)}.logbox.closed .log li:not(:first-child){display:none}.logbox.closed .log{-webkit-mask-image:none;mask-image:none}.logbox.closed .log li:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table.cards .logbox{flex:0 1 auto;padding:8px 12px 10px;border-radius:12px;background:linear-gradient(180deg,#382315db,#1e130cdb),var(--grain);box-shadow:inset 0 0 0 1px #dcb76b6b,inset 0 0 0 3px #00000038,0 5px 14px #0000004d}.table.cards .log-head{font-size:calc(12.5px * var(--k, 1))}.table.cards .log-title{font-size:calc(15px * var(--k, 1));color:#ffe7b0}.table.cards .log{-webkit-mask-image:none;mask-image:none;color:#efe5cd9e}.table.cards .log li:first-child{color:#fff6e4}.table.cards .log li:nth-child(2){color:#efe5cdd1}@keyframes fade-in{0%{opacity:0}}.zone-right{grid-area:zr;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:0}.zone-right>.scoreboard{margin-bottom:auto;flex:0 1 auto;min-height:0;overflow-y:auto}.scoreboard.in-modal{margin-top:8px}.panel{background:var(--glass);border-radius:14px;padding:10px;box-shadow:inset 0 0 0 1px var(--glass-line);display:grid;gap:8px;animation:fade-in .2s ease}.table.cards .zone-right .panel{background:linear-gradient(180deg,#402818f0,#22150df0),var(--grain);box-shadow:inset 0 0 0 1px #dcb76b99,inset 0 0 0 3px #0000003d,0 6px 16px #00000059}.table.cards .zone-right .panel .ptitle{color:#ffe7b0}.panel .ptitle{font-family:var(--brush);font-weight:700;font-size:calc(17px * var(--k, 1));margin:0;color:var(--on-felt)}.panel .psub{margin:0;font-size:calc(12.5px * var(--k, 1));color:var(--on-felt-2);line-height:1.5}.info-line{display:flex;justify-content:space-between;gap:8px;font-size:calc(12.5px * var(--k, 1));color:var(--on-felt-2)}.info-line b{color:var(--on-felt);font-weight:600}.claim-head{display:flex;align-items:center;gap:8px;font-size:calc(13px * var(--k, 1));color:var(--on-felt-2)}.claim-head .tile{--w: var(--md)}.acts{display:grid;gap:6px}.acts.two{grid-template-columns:1fr 1fr}.act{border:0;border-radius:11px;min-height:38px;padding:6px 10px;cursor:pointer;font-weight:700;font-size:calc(15px * var(--k, 1));display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:linear-gradient(180deg,#fffdf6,var(--ivory-2));color:var(--ink);box-shadow:0 3px 0 var(--ivory-side),0 5px 10px #0000004d}.act:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ivory-side),0 2px 6px #0000004d}.act .tile{--w: var(--xs);margin-bottom:0;box-shadow:inset 0 0 0 1px #00000014}.act .tile.hl{box-shadow:inset 0 0 0 2px var(--accent)}.act.win{background:linear-gradient(180deg,#c9503a,var(--accent) 55%,var(--accent-2));color:var(--accent-ink);font-family:var(--brush);font-size:calc(19px * var(--k, 1));min-height:46px;letter-spacing:.06em;box-shadow:0 3px #6e2216,0 6px 14px #00000059}.act.win small{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:0;opacity:.9}.act.pass{background:transparent;color:var(--on-felt);box-shadow:inset 0 0 0 1.5px #eaf2ec73;font-weight:600}.act.dark{background:linear-gradient(180deg,#2b3430,#1a201d);color:var(--ivory);box-shadow:0 3px #0c0f0e,0 5px 10px #0000004d}.act:focus-visible,.chip:focus-visible,.btn:focus-visible,.link:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.clock{font-size:12px;font-variant-numeric:tabular-nums;color:var(--on-felt-2)}.clock.hot{color:#ffd59a;font-weight:700}.plate{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);min-width:0;max-width:100%;height:var(--plateh)}.plate.stack{border-radius:14px}.table:not(.port) .plate.stack,.table:not(.port) .zone-left>.plate{height:auto;min-height:var(--plateh)}.table:not(.port) .plate.stack .pscore,.table:not(.port) .zone-left>.plate .pscore{flex-wrap:wrap;row-gap:2px}.ava{--hue: 160;position:relative;flex:none;width:calc(var(--plateh) - 8px);height:calc(var(--plateh) - 8px);border-radius:50%;display:grid;place-items:center;color:var(--ivory);font-family:var(--brush);font-weight:700;font-size:calc((var(--plateh) - 8px) * .46);background:radial-gradient(circle at 35% 30%,hsl(var(--hue) 32% 46%),hsl(var(--hue) 34% 28%));box-shadow:inset 0 0 0 1.5px #ffffff2e}.ava>.pt{position:absolute;inset:0;width:100%;height:100%;clip-path:circle(50% at 50% 50%);pointer-events:none}.ava{background:radial-gradient(circle at 50% 32%,hsl(var(--hue) 52% 64%),hsl(var(--hue) 40% 36%) 78%)}.ava .wind-badge{position:absolute;right:-3px;bottom:-3px;width:46%;height:46%;border-radius:50%;display:grid;place-items:center;background:var(--ivory);color:var(--ink);font-family:var(--brush);font-size:calc((var(--plateh) - 8px) * .27);box-shadow:0 1px 3px #0006}.ava .seal{position:absolute;inset:0;border-radius:22%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:calc((var(--plateh) - 8px) * .5);box-shadow:inset 0 0 0 2px #ffe6d28c;animation:seal-in .28s cubic-bezier(.2,.9,.3,1)}.ava .seal.long{font-size:calc((var(--plateh) - 8px) * .3);line-height:1.05}@keyframes seal-in{0%{transform:scale(.6) rotate(-8deg);opacity:0}}.plate.turn .ava{box-shadow:inset 0 0 0 1.5px #ffffff2e,0 0 0 2.5px var(--gold);animation:turn-ring 1.6s ease-in-out infinite}@keyframes turn-ring{50%{box-shadow:inset 0 0 0 1.5px #ffffff2e,0 0 0 2.5px #dcb76b59}}.pinfo{display:grid;min-width:0;line-height:1.25}.pname{display:flex;align-items:center;gap:4px;font-size:calc(13px * var(--k, 1));color:var(--on-felt);min-width:0}.pname span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pscore{display:flex;align-items:center;gap:4px;font-size:calc(13px * var(--k, 1));font-variant-numeric:tabular-nums;color:var(--on-felt-2);font-weight:600;white-space:nowrap}.pscore.up{color:#9fe0bd}.pscore.down{color:#ffb6a5}.ptag{display:none}.table.cards .ptag{display:block;font-family:var(--brush);font-size:calc(12px * var(--k, 1));line-height:1.3;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table.cards .plate{border-radius:12px;padding:4px 12px 4px 4px;background:linear-gradient(180deg,#3c2516eb,#1e130ceb),var(--grain);box-shadow:inset 0 0 0 1px #dcb76b80,inset 0 0 0 3px #00000038,0 4px 12px #00000052}.table.cards .plate.turn{box-shadow:inset 0 0 0 1.5px var(--gold),inset 0 0 16px #dcb76b47,0 4px 14px #00000059}.table.cards .pname{font-size:calc(14px * var(--k, 1));font-weight:600}.table.cards .seat-left .plate,.table.cards .seat-right .plate{padding-right:10px}.table.cards .seat-left .ava,.table.cards .seat-right .ava{--sa: min(calc(var(--plateh) - 8px), calc(var(--seatw) * .34));width:var(--sa);height:var(--sa);font-size:calc(var(--sa) * .46)}.badge{flex:none;font-size:calc(10.5px * var(--k, 1));line-height:1.5;padding:0 5px;border-radius:5px;background:var(--paper-2);color:var(--ink);font-weight:700}.badge.dealer{background:var(--gold)}.badge.ting{background:var(--accent);color:var(--accent-ink)}.badge.off{background:#6d6d6d;color:#fff}.seat{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.seat-top{grid-area:top}.seat-left{grid-area:sl;flex-direction:column}.seat-right{grid-area:sr;flex-direction:column-reverse}.seat-left .plate,.seat-right .plate{width:100%}.strip-box{position:relative;flex:none}.strip{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}.strip.one{flex-direction:row;align-items:flex-end;gap:6px}.strip-row{display:flex;align-items:flex-end;gap:1px}.strip-row.melds{gap:5px}.strip .meld,.mine .meld{display:inline-flex;gap:1px;align-items:flex-end}.strip .tile{--w: var(--sm)}.strip .tile.stand{--w: var(--so)}.strip .flowers .tile{--w: calc(var(--sm) * .78)}.board{grid-area:bd;position:relative;border-radius:18px;background:radial-gradient(70% 62% at 50% 46%,#ffecbe0d,#ffecbe00 72%),var(--mat);box-shadow:inset 0 0 0 1px var(--mat-line),inset 0 2px 18px #00000040}.board.walled{background:radial-gradient(70% 62% at 50% 46%,#ffecbe12,#ffecbe00 72%),#0a221b1f;box-shadow:inset 0 0 0 1px #d9b46a1f,inset 0 0 30px #00000024}.wall-side{position:absolute;left:50%;top:50%;transform-origin:0 0;display:flex;flex-direction:row-reverse;gap:1px;height:var(--wd);align-items:flex-start;pointer-events:none}.wt{flex:none;width:var(--wt);height:calc(var(--wt) * 4 / 3);border-radius:calc(var(--wt) * .14);visibility:hidden;background:radial-gradient(120% 60% at 28% 0%,#fff3,#fff0 60%),linear-gradient(168deg,#368a6a,#2a7056 45%,#1d5241)}.wt.two,.wt.one{visibility:visible}.wt.two{box-shadow:inset 0 0 0 1px #ffffff24,inset 0 calc(var(--wt) * -.05) 0 #0000002e,0 calc(var(--wt) * .04) 0 var(--jade-3),0 calc(var(--wt) * .09) 0 var(--ivory-2),0 calc(var(--wt) * .105) 0 #281c0cd9,0 calc(var(--wt) * .145) 0 var(--jade-3),0 calc(var(--wt) * .2) 0 var(--ivory-side),calc(var(--wt) * .06) calc(var(--wt) * .24) calc(var(--wt) * .14) #00000073}.wt.one{transform:translateY(calc(var(--wt) * .1));box-shadow:inset 0 0 0 1px #ffffff24,0 calc(var(--wt) * .04) 0 var(--jade-3),0 calc(var(--wt) * .1) 0 var(--ivory-2),0 calc(var(--wt) * .12) calc(var(--wt) * .1) #00000052}.wt.res{filter:brightness(.74) saturate(.75)}.table.danger .wt.two:not(.res),.table.danger .wt.one:not(.res){background:radial-gradient(120% 60% at 28% 0%,#ffc8aa4d,#fff0 60%),linear-gradient(168deg,#4a9c79 0%,var(--jade) 45%,#5b2e22 130%)}.table.deciding .board>.wall-side{filter:brightness(.5) saturate(.8);transition:filter .2s}.pond{position:absolute;left:50%;top:50%;transform-origin:0 0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px}.pond .tile{--w: var(--pt)}.tile.same-glow:before,.table:has(.hand .tile.sel[data-k="0"]) :is(.pond,.strip,.my-melds) .tile[data-k="0"]:before,.table:has(.hand .tile.sel[data-k="1"]) :is(.pond,.strip,.my-melds) .tile[data-k="1"]:before,.table:has(.hand .tile.sel[data-k="2"]) :is(.pond,.strip,.my-melds) .tile[data-k="2"]:before,.table:has(.hand .tile.sel[data-k="3"]) :is(.pond,.strip,.my-melds) .tile[data-k="3"]:before,.table:has(.hand .tile.sel[data-k="4"]) :is(.pond,.strip,.my-melds) .tile[data-k="4"]:before,.table:has(.hand .tile.sel[data-k="5"]) :is(.pond,.strip,.my-melds) .tile[data-k="5"]:before,.table:has(.hand .tile.sel[data-k="6"]) :is(.pond,.strip,.my-melds) .tile[data-k="6"]:before,.table:has(.hand .tile.sel[data-k="7"]) :is(.pond,.strip,.my-melds) .tile[data-k="7"]:before,.table:has(.hand .tile.sel[data-k="8"]) :is(.pond,.strip,.my-melds) .tile[data-k="8"]:before,.table:has(.hand .tile.sel[data-k="9"]) :is(.pond,.strip,.my-melds) .tile[data-k="9"]:before,.table:has(.hand .tile.sel[data-k="10"]) :is(.pond,.strip,.my-melds) .tile[data-k="10"]:before,.table:has(.hand .tile.sel[data-k="11"]) :is(.pond,.strip,.my-melds) .tile[data-k="11"]:before,.table:has(.hand .tile.sel[data-k="12"]) :is(.pond,.strip,.my-melds) .tile[data-k="12"]:before,.table:has(.hand .tile.sel[data-k="13"]) :is(.pond,.strip,.my-melds) .tile[data-k="13"]:before,.table:has(.hand .tile.sel[data-k="14"]) :is(.pond,.strip,.my-melds) .tile[data-k="14"]:before,.table:has(.hand .tile.sel[data-k="15"]) :is(.pond,.strip,.my-melds) .tile[data-k="15"]:before,.table:has(.hand .tile.sel[data-k="16"]) :is(.pond,.strip,.my-melds) .tile[data-k="16"]:before,.table:has(.hand .tile.sel[data-k="17"]) :is(.pond,.strip,.my-melds) .tile[data-k="17"]:before,.table:has(.hand .tile.sel[data-k="18"]) :is(.pond,.strip,.my-melds) .tile[data-k="18"]:before,.table:has(.hand .tile.sel[data-k="19"]) :is(.pond,.strip,.my-melds) .tile[data-k="19"]:before,.table:has(.hand .tile.sel[data-k="20"]) :is(.pond,.strip,.my-melds) .tile[data-k="20"]:before,.table:has(.hand .tile.sel[data-k="21"]) :is(.pond,.strip,.my-melds) .tile[data-k="21"]:before,.table:has(.hand .tile.sel[data-k="22"]) :is(.pond,.strip,.my-melds) .tile[data-k="22"]:before,.table:has(.hand .tile.sel[data-k="23"]) :is(.pond,.strip,.my-melds) .tile[data-k="23"]:before,.table:has(.hand .tile.sel[data-k="24"]) :is(.pond,.strip,.my-melds) .tile[data-k="24"]:before,.table:has(.hand .tile.sel[data-k="25"]) :is(.pond,.strip,.my-melds) .tile[data-k="25"]:before,.table:has(.hand .tile.sel[data-k="26"]) :is(.pond,.strip,.my-melds) .tile[data-k="26"]:before,.table:has(.hand .tile.sel[data-k="27"]) :is(.pond,.strip,.my-melds) .tile[data-k="27"]:before,.table:has(.hand .tile.sel[data-k="28"]) :is(.pond,.strip,.my-melds) .tile[data-k="28"]:before,.table:has(.hand .tile.sel[data-k="29"]) :is(.pond,.strip,.my-melds) .tile[data-k="29"]:before,.table:has(.hand .tile.sel[data-k="30"]) :is(.pond,.strip,.my-melds) .tile[data-k="30"]:before,.table:has(.hand .tile.sel[data-k="31"]) :is(.pond,.strip,.my-melds) .tile[data-k="31"]:before,.table:has(.hand .tile.sel[data-k="32"]) :is(.pond,.strip,.my-melds) .tile[data-k="32"]:before,.table:has(.hand .tile.sel[data-k="33"]) :is(.pond,.strip,.my-melds) .tile[data-k="33"]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:#ffe8a038;box-shadow:inset 0 0 0 2px #ffd678f2,inset 0 0 10px #ffc85a99}@media(hover:hover){.table:has(.hand .tile[data-k="0"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="0"]:before,.table:has(.hand .tile[data-k="1"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="1"]:before,.table:has(.hand .tile[data-k="2"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="2"]:before,.table:has(.hand .tile[data-k="3"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="3"]:before,.table:has(.hand .tile[data-k="4"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="4"]:before,.table:has(.hand .tile[data-k="5"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="5"]:before,.table:has(.hand .tile[data-k="6"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="6"]:before,.table:has(.hand .tile[data-k="7"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="7"]:before,.table:has(.hand .tile[data-k="8"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="8"]:before,.table:has(.hand .tile[data-k="9"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="9"]:before,.table:has(.hand .tile[data-k="10"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="10"]:before,.table:has(.hand .tile[data-k="11"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="11"]:before,.table:has(.hand .tile[data-k="12"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="12"]:before,.table:has(.hand .tile[data-k="13"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="13"]:before,.table:has(.hand .tile[data-k="14"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="14"]:before,.table:has(.hand .tile[data-k="15"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="15"]:before,.table:has(.hand .tile[data-k="16"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="16"]:before,.table:has(.hand .tile[data-k="17"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="17"]:before,.table:has(.hand .tile[data-k="18"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="18"]:before,.table:has(.hand .tile[data-k="19"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="19"]:before,.table:has(.hand .tile[data-k="20"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="20"]:before,.table:has(.hand .tile[data-k="21"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="21"]:before,.table:has(.hand .tile[data-k="22"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="22"]:before,.table:has(.hand .tile[data-k="23"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="23"]:before,.table:has(.hand .tile[data-k="24"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="24"]:before,.table:has(.hand .tile[data-k="25"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="25"]:before,.table:has(.hand .tile[data-k="26"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="26"]:before,.table:has(.hand .tile[data-k="27"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="27"]:before,.table:has(.hand .tile[data-k="28"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="28"]:before,.table:has(.hand .tile[data-k="29"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="29"]:before,.table:has(.hand .tile[data-k="30"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="30"]:before,.table:has(.hand .tile[data-k="31"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="31"]:before,.table:has(.hand .tile[data-k="32"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="32"]:before,.table:has(.hand .tile[data-k="33"]:hover) :is(.pond,.strip,.my-melds) .tile[data-k="33"]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:#ffe8a038;box-shadow:inset 0 0 0 2px #ffd678f2,inset 0 0 10px #ffc85a99}}.pond .tile.last:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 8px #dcb76b99}.pond .tile.fresh{animation:drop .22s ease-out}@keyframes drop{0%{opacity:0;transform:scale(.82)}}.compass{position:absolute;left:50%;top:50%;width:var(--C);height:var(--C);transform:translate(-50%,-50%);border-radius:16%;background:radial-gradient(130% 70% at 50% -6%,#fff0d229,#fff0d200 58%),radial-gradient(circle at 50% 42%,#4a3422,#22170f 78%);box-shadow:inset 0 0 0 2px #d8b46a,inset 0 0 0 3.5px #6b4b20,inset 0 0 0 5px #f0d28c4d,inset 0 0 22px #0009,0 0 0 2px #8a6630,0 0 0 3px #00000059,0 10px 24px #00000073}.compass:before{content:"";position:absolute;inset:24.5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#00000038,#0000 72%);box-shadow:0 0 0 1px #dcb76b73,0 1px 0 1px #00000059}.compass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;--rv: radial-gradient(circle, #fbe3a6 0 22%, #b88a3e 48%, #5c4119 62%, transparent 66%);background:var(--rv) 7% 7% / 8% 8% no-repeat,var(--rv) 93% 7% / 8% 8% no-repeat,var(--rv) 7% 93% / 8% 8% no-repeat,var(--rv) 93% 93% / 8% 8% no-repeat}.compass.stamping:before,.compass.stamping:after{opacity:0}.cw{position:absolute;left:50%;top:50%;width:calc(var(--C) * .24);height:calc(var(--C) * .24);display:grid;place-items:center;font-family:var(--brush);font-weight:700;font-size:calc(var(--C) * .17);color:#efe5cd99}.cw:after{content:"";position:absolute;left:18%;right:18%;bottom:calc(var(--C) * -.035);height:3px;border-radius:3px;background:transparent}.cw.turn{color:var(--gold);text-shadow:0 0 10px rgba(220,183,107,.55)}.cw.turn:after{background:var(--gold);box-shadow:0 0 8px #dcb76bcc;animation:turn-bar 1.6s ease-in-out infinite}@keyframes turn-bar{50%{opacity:.45}}.cw .dealer-dot{position:absolute;top:4%;right:-14%;width:34%;height:34%;border-radius:4px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:calc(var(--C) * .075)}.cc{position:absolute;inset:26%;display:grid;place-content:center;justify-items:center;text-align:center;gap:1px}.cc .wall{font-variant-numeric:tabular-nums;font-size:calc(var(--C) * .2);font-weight:700;color:var(--ivory);line-height:1}.cc .wall-label{font-size:calc(var(--C) * .075);color:#efe5cd99}.cc .round{font-family:var(--brush);font-size:calc(var(--C) * .085);color:#efe5cdbf;white-space:nowrap}.ring{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none}.ring rect{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.mine{grid-area:hand;display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--lg) * .4);min-width:0}.hand{display:flex;gap:2px;align-items:flex-end;padding-top:calc(var(--lg) * .26);padding-bottom:6px;flex-wrap:nowrap}.hand .tile{--w: var(--lg);cursor:default;transition:transform .12s ease,filter .12s}.hand.active .tile{cursor:pointer}.hand .tile.drawn{margin-left:calc(var(--lg) * .3);animation:fade-in .25s ease}.hand .tile.sel{transform:translateY(calc(var(--lg) * -.24))}.hand .tile.dim{filter:brightness(.78) saturate(.85)}.hand.active .tile.tingable:before{content:"";position:absolute;left:50%;bottom:calc(var(--lg) * -.27);width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold)}@media(hover:hover){.hand.active .tile:not(.sel):hover{transform:translateY(calc(var(--lg) * -.1))}}.my-melds{display:flex;gap:calc(var(--md) * .25);align-items:flex-end;padding-bottom:6px}.my-melds .tile{--w: var(--md)}.my-melds .flowers{display:inline-flex;gap:1px;align-items:flex-end}.my-melds .flowers .tile{--w: var(--xs)}.overlay{position:fixed;inset:0;z-index:20;background:#0a141199;display:grid;place-items:center;padding:10px;animation:fade-in .25s ease}.card{background:var(--paper-noise),linear-gradient(180deg,#fcf9f0,var(--paper));color:var(--ink);border-radius:18px;box-shadow:0 18px 50px #00000073,inset 0 0 0 1px #ffffffb3}.result{width:min(940px,100%);max-height:calc(100dvh - 20px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;overflow:hidden}.result .col{padding:16px 18px;overflow:auto;display:grid;gap:12px;align-content:start;min-height:0}.result .col+.col{background:#00000009;border-left:1px solid var(--paper-3)}.r-head{display:flex;align-items:center;gap:12px}.r-seal{flex:none;width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:var(--brush);font-size:26px;box-shadow:inset 0 0 0 2px #ffe6d28c}.r-seal.draw{background:var(--ink-2)}.r-title{margin:0;font-family:var(--brush);font-size:26px;line-height:1.2}.r-sub{margin:0;font-size:13px;color:var(--ink-2)}.win-hand{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-end;padding:10px;border-radius:12px;background:linear-gradient(180deg,#245b4b,#1b4a3d)}.win-hand .tile{--w: var(--rt)}.win-hand .meld,.win-hand .flowers{display:inline-flex;gap:1px;margin-left:calc(var(--rt) * .35);align-items:flex-end}.win-hand .flowers .tile{--w: calc(var(--rt) * .7)}.win-hand .win-tile{margin-left:calc(var(--rt) * .35)}.win-hand .win-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent)}.fans{width:100%;border-collapse:collapse;font-size:14px}.fans td{padding:5px 4px;border-bottom:1px dashed var(--paper-3)}.fans td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.fans tbody tr{animation:fan-in .3s ease backwards}.fans tr.sub td{color:var(--ink-2);font-weight:400}.fans tfoot td{font-weight:700;border-bottom:0;font-size:17px;padding-top:8px}.fans tfoot td:last-child{color:var(--accent);font-family:var(--brush);font-size:22px}.win-block{display:grid;gap:12px}.win-hand.grouped{gap:3px calc(var(--rt) * .18)}.win-hand .grp{display:inline-flex;gap:1px;padding:3px;border-radius:8px;align-items:flex-end;transition:background-color .15s,box-shadow .15s}.win-hand.grouped .win-tile{margin-left:0}.win-hand .meld.grp{margin-left:calc(var(--rt) * .2)}.win-hand.focus .tile{opacity:.32;transition:opacity .15s}.win-hand.focus .grp.lit .tile,.win-hand.focus .tile.lit{opacity:1}.win-hand.focus .grp.lit{background:#ffe09647;box-shadow:inset 0 0 0 1.5px #ffe096d9}.fans tr[data-fi]{cursor:pointer}.fans tr[data-fi]:focus-visible{outline:2px solid var(--jade);outline-offset:-2px}.fans tr.on td{background:#dcb76b38}.fans tr.on td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.fan-hint{margin:-4px 0 0}@keyframes fan-in{0%{opacity:0}}.scores{display:grid;gap:6px}.srow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 8px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3);font-size:14px}.srow .ava{width:30px;height:30px;font-size:14px}.srow .sname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow .sdelta{font-variant-numeric:tabular-nums;font-weight:700;min-width:3.5em;text-align:right}.srow .stotal{font-variant-numeric:tabular-nums;color:var(--ink-2);min-width:4em;text-align:right;font-size:13px}.sdelta.up{color:var(--up)}.sdelta.down{color:var(--down)}.shead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:0 8px 0 48px;font-size:11.5px;color:var(--ink-3)}.shead span:nth-child(2){min-width:3.5em;text-align:right}.shead span:nth-child(3){min-width:4em;text-align:right}.laa{display:grid;gap:5px;padding:10px 12px;border-radius:12px;background:var(--paper-2);font-size:13.5px}.laa p{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.5}.laa .laa-title{font-weight:700;font-family:var(--brush);font-size:16px}.laa .laa-event{color:var(--ink-2)}.next-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.next-row .hint{font-size:13px;color:var(--ink-2)}.btn{border:0;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:700;cursor:pointer;background:var(--paper-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;box-shadow:0 2px 0 var(--paper-3)}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--paper-3)}.btn.primary{background:linear-gradient(180deg,#c64d37,var(--accent));color:var(--accent-ink);box-shadow:0 2px 0 var(--accent-2)}.btn.jade{background:linear-gradient(180deg,#357f63,var(--jade-2));color:var(--ivory);box-shadow:0 2px 0 var(--jade-3)}.btn.dark{background:var(--ink);color:var(--ivory);box-shadow:0 2px #000}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--paper-3)}.btn.small{min-height:30px;padding:4px 10px;font-size:13px;border-radius:9px;background:var(--ink);color:var(--ivory);box-shadow:none}.btn.wide{width:100%}.btn .clock{color:inherit;opacity:.85}.ptitle{margin:0;font-size:18px;font-weight:700;font-family:var(--brush)}.psub{margin:0;font-size:13px;color:var(--ink-2);line-height:1.6}.fine{margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.6}.modal{position:fixed;inset:0;z-index:40;display:none;place-items:center;padding:12px;background:#0a141180}.modal.show{display:grid;animation:fade-in .2s ease}.modal .card{width:min(380px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:16px 18px;display:grid;gap:12px}.modal .card.wide{width:min(560px,100%)}.field{display:grid;gap:5px;font-size:13px;color:var(--ink-2)}.field input,.field select,.join-row input{border:1.5px solid var(--paper-3);background:#fff;border-radius:11px;padding:10px 12px;font-size:16px;color:var(--ink);min-width:0}.field input:focus,.field select:focus,.join-row input:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px #2f7d602e}.range-row{display:grid;grid-template-columns:5.5em 1fr 2.6em;align-items:center;gap:10px;font-size:14px}.range-row input{width:100%;accent-color:var(--jade)}.range-row output{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;font-size:13px}.check{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.55}.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--jade);flex:none}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;font-size:13.5px}.help-grid li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--paper-3);padding:4px 0}.help-grid b{font-variant-numeric:tabular-nums;color:var(--accent)}.rotate-art{display:grid;place-items:center;height:74px}.rotate-art svg{width:74px;height:74px}.home{position:relative;min-height:100dvh;display:grid;place-items:center;padding:22px 16px;background:radial-gradient(55% 50% at 50% 40%,#ffe6ac1f,#ffe6ac00 74%),repeating-linear-gradient(45deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px),var(--noise),radial-gradient(110% 80% at 50% 35%,var(--felt-1) 0%,var(--felt-2) 55%,var(--felt-3) 100%);box-shadow:inset 0 0 0 max(8px,env(safe-area-inset-left)) var(--wood-2),inset 0 0 0 calc(max(8px,env(safe-area-inset-left)) + 2px) #d6b06847,inset 0 0 110px #00000080}.home-wrap{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,5vw,64px);align-items:center}.hero{color:var(--on-felt);display:grid;gap:14px}.hero-tiles{display:flex;gap:10px}.hero-tiles .tile{--w: clamp(34px, 5.4vw, 58px)}.hero h1{margin:0;font-family:var(--brush);font-size:clamp(44px,7.4vw,84px);line-height:1.05;letter-spacing:.06em;color:var(--ivory);text-shadow:0 3px 0 rgba(0,0,0,.25)}.hero .tag{display:flex;gap:8px;flex-wrap:wrap}.hero .tag span{font-size:13px;padding:3px 10px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);color:var(--on-felt-2)}.hero p{margin:0;color:var(--on-felt-2);font-size:15px;line-height:1.7;max-width:30em}.home-card{width:100%;padding:22px 20px;display:grid;gap:12px}.home-card.solo-card{width:min(440px,100%)}.home-card.wide-card{width:min(820px,100%)}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice .btn{flex-direction:column;gap:2px;min-height:64px;font-size:16px}.choice .btn small{font-size:12px;font-weight:500;opacity:.85}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:.2em}.links{display:flex;gap:18px;justify-content:center}.account{display:grid;gap:8px;justify-items:center;text-align:center}.account:not(:empty){border-top:1px dashed var(--paper-3);padding-top:12px}.account .gsi{min-height:44px;display:flex;justify-content:center;width:100%}.acc-line{margin:0;font-size:14px}.acc-msg{color:var(--jade-2)}.link{border:0;background:none;color:var(--jade-2);font-weight:700;cursor:pointer;padding:4px;text-decoration:underline;text-underline-offset:3px;font-size:14px}.or{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--paper-3)}.shake{animation:shake .35s;border-color:var(--accent)!important}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.lobby-code{display:flex;justify-content:center;gap:10px}.lobby-code .tile{--w: clamp(44px, 9vw, 60px);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:clamp(26px,5.4vw,36px);color:var(--ink)}.lobby .status{text-align:center;color:var(--ink-2);font-size:14px;margin:0}.lobby .join-row input{font-size:13px;letter-spacing:0;text-transform:none}.seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.seats li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3);font-size:15px;min-width:0}.seats li .ava{width:34px;height:34px;font-size:16px}.seats li .sn{display:grid;min-width:0;line-height:1.3}.seats li .sn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seats li .sn small{color:var(--ink-3);font-size:12px}.seats li.bot{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px dashed var(--paper-3);border:1.5px dashed var(--paper-3)}.seats li.bot .ava{--hue: 40 !important;filter:grayscale(.6);opacity:.75}.rules-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rules-head h2,.rules-head h3{margin:0;font-family:var(--brush)}.rules-head h2{font-size:24px}.section{display:grid;gap:10px;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3)}.section h3{margin:0;font-family:var(--brush);font-size:18px}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fan-search{width:100%}.fan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 18px}.fan-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--paper-3);font-size:14px}.fan-row small{display:block;color:var(--ink-3);font-size:12px;margin-top:1px;line-height:1.4}.fan-row input{width:70px;flex:none;border:1.5px solid var(--paper-3);border-radius:9px;padding:5px 7px;font-size:15px;text-align:right;background:#fff}.fan-row input.changed{border-color:var(--gold);background:#fffaf0}.save-bar{position:sticky;bottom:0;padding:10px 0 2px;background:linear-gradient(180deg,transparent,var(--paper) 30%)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:step}.steps li{display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:15px;line-height:1.7;counter-increment:step}.steps li:before{content:counter(step);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--jade-2);color:var(--ivory);font-weight:700;font-family:var(--serif)}@media(max-height:520px){.table{--pad: 5px;row-gap:4px;column-gap:6px}.chip{font-size:12px;padding:4px 9px}.log{font-size:11.5px;gap:3px}.panel{padding:7px;gap:6px;border-radius:12px}.panel .ptitle{font-size:15px}.act{min-height:32px;font-size:13.5px;padding:4px 8px;border-radius:9px}.act.win{min-height:38px;font-size:16px}.pname,.pscore{font-size:11.5px}.plate{gap:6px;padding-right:8px}.result .col{padding:12px 14px;gap:9px}.r-seal{width:38px;height:38px;font-size:21px}.r-title{font-size:21px}.srow{padding:4px 8px;font-size:13px}.home{padding:14px max(26px,env(safe-area-inset-right)) 14px max(26px,env(safe-area-inset-left))}.home-card{padding:14px;gap:9px}.hero{gap:8px}.hero p{display:none}.btn{min-height:38px;padding:7px 14px}.choice .btn{min-height:52px}}.table.port{grid-template-columns:[a] var(--seatw) [b] calc(var(--BW) / 2) [c] calc(var(--BW) / 2) [d] var(--seatw);grid-template-rows:auto var(--toph) var(--BH) var(--zoneh) var(--handh);grid-template-areas:"bl bl br br" "top top top top" "sl bd bd sr" "zl zl zr zr" "hand hand hand hand";justify-content:center;align-content:center}.table.port .zone-left{justify-content:flex-start}.table.port .seat-left .plate,.table.port .seat-right .plate{flex-direction:column;height:auto;padding:5px 3px;gap:3px;text-align:center}.table.port .seat .pinfo{justify-items:center}.table.port .seat .pname,.table.port .seat-left .pscore,.table.port .seat-right .pscore{justify-content:center;flex-wrap:wrap}.table.port .logbox{max-height:calc(var(--zoneh) - var(--plateh) - 8px)}.table.port .logbox .log{overflow:hidden}.table.port .zone-right{justify-content:flex-start}.table.port.one .mine{flex-direction:row;align-items:flex-end;justify-content:center;gap:calc(var(--lg) * .4)}.table.port.one .hand{flex-wrap:nowrap}.table.port .acts,.table.port .acts.two{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.table.port .panel{gap:6px;padding:8px}.table.port .mine{flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:2px}.table.port .hand{flex-wrap:wrap;justify-content:center;row-gap:4px;padding-top:calc(var(--lg) * .26)}@media(max-width:760px){.home-wrap{grid-template-columns:1fr}.hero{justify-items:center;text-align:center}.hero .tag{justify-content:center}.result{grid-template-columns:1fr;overflow:auto}.result .col{overflow:visible}.result .col+.col{border-left:0;border-top:1px solid var(--paper-3)}.seats{grid-template-columns:1fr}}@media(max-width:760px)and (max-height:520px){.home-wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero{justify-items:start;text-align:left}.result{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);overflow:hidden}.result .col{overflow:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.board>.center-slot{position:absolute;z-index:6;left:50%;bottom:10px;transform:translate(-50%);width:max-content;max-width:calc(100% - 12px)}.board>.center-slot:empty{display:none}.center-acts{display:grid;justify-items:center;gap:10px;padding:12px 16px 16px;border-radius:20px;background:#081612d6;box-shadow:0 14px 40px #00000080,inset 0 0 0 1px #dcb76b66;animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.ca-head{display:flex;align-items:center;gap:10px;color:var(--on-felt);font-size:calc(15px * var(--k, 1))}.ca-head .tile{--w: var(--md)}.big-acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bact{min-width:calc(84px * var(--k, 1));min-height:calc(72px * var(--k, 1));padding:6px 14px;border:0;border-radius:18px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--brush);font-weight:700;font-size:calc(32px * var(--k, 1));line-height:1;background:linear-gradient(180deg,#fffdf6,var(--ivory-2));color:var(--ink);box-shadow:0 5px 0 var(--ivory-side),0 8px 18px #0006}.bact:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ivory-side),0 4px 10px #0006}.bact small{font-family:var(--ui);font-size:calc(12px * var(--k, 1));font-weight:700;opacity:.88}.bact .combo{display:inline-flex;gap:1px}.bact .combo .tile{--w: calc(var(--xs) * 1.05);margin-bottom:0;box-shadow:inset 0 0 0 1px #00000014}.bact .combo .tile.hl{box-shadow:inset 0 0 0 2px var(--accent)}.bact.win{min-width:calc(120px * var(--k, 1));font-size:calc(40px * var(--k, 1));background:linear-gradient(180deg,#d0573f,var(--accent) 55%,var(--accent-2));color:var(--accent-ink);box-shadow:0 5px #6e2216,0 8px 22px #b8412c80}.bact.ting{background:linear-gradient(180deg,#f3d897,var(--gold));box-shadow:0 5px #9b7a35,0 8px 18px #0006}.bact.dark{background:linear-gradient(180deg,#2b3430,#1a201d);color:var(--ivory);box-shadow:0 5px #0c0f0e,0 8px 18px #0006}.bact.pass{background:transparent;color:var(--on-felt);box-shadow:inset 0 0 0 2px #eaf2ec80;font-size:calc(26px * var(--k, 1))}.bact:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.table.deciding .board>.pond,.table.deciding .board>.compass,.table.deciding .seat{filter:brightness(.5) saturate(.8);transition:filter .2s}@media(max-height:520px){.bact{min-width:62px;min-height:52px;font-size:25px;border-radius:14px;padding:4px 10px}.bact.win{min-width:88px;font-size:30px}.bact.pass{font-size:20px}.center-acts{padding:8px 10px 12px;gap:6px;border-radius:16px}.big-acts{gap:8px}.ca-head{font-size:12.5px}}.battle-layer{position:fixed;inset:0;z-index:35;pointer-events:none}.battle-layer:empty{display:none}.battle{position:absolute;inset:0;pointer-events:auto;display:grid;place-items:center;padding:10px;background:var(--noise),radial-gradient(circle at 50% 42%,#46160cf7,#0e0a08fb 70%,#040605fc);animation:fade-in .2s ease}.bt-body{display:contents}.bt-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.bt-rays{position:absolute;left:50%;top:46%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;pointer-events:none;z-index:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffaa5a1c 0deg 5deg,#ffaa5a00 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#000 8%,transparent 42%);mask:radial-gradient(circle,#000 0,#000 8%,transparent 42%);animation:rays-spin 70s linear infinite}.bt-rays:after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .3s;background:repeating-conic-gradient(from 7deg,#ff783c42 0deg 3deg,#ff783c00 3deg 12deg);animation:rays-spin 8s linear infinite reverse}.battle[data-heat="2"] .bt-rays:after{opacity:.3}.battle[data-heat="3"] .bt-rays:after{opacity:.6}.battle[data-heat="4"] .bt-rays:after{opacity:.85}.battle.fast .bt-rays:after{opacity:1}@keyframes rays-spin{to{transform:rotate(360deg)}}.bt-stage,.ult{position:relative;z-index:2}.bt-stage{transition:opacity .16s ease}.battle.cut-hide .bt-stage{visibility:hidden;opacity:0;transition:none}.bt-stage{--fa: clamp(44px, min(14vh, 20vw), 104px);width:min(1000px,100%);max-height:calc(100dvh - 20px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,2vh,18px);color:var(--ivory)}.bt-stage.shake{animation:shake-st .32s}@keyframes shake-st{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.bt-title{display:grid;justify-items:center;gap:2px}.bt-title-text{font-family:var(--brush);font-size:clamp(26px,min(6.5vh,8vw),58px);text-align:center;letter-spacing:.08em;line-height:1.15;background:linear-gradient(100deg,#ffd38a,#ffe6b0 38%,#fffaf0,#ffe6b0 62%,#ffd38a) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,140,60,.55)) drop-shadow(0 3px 0 rgba(0,0,0,.45));animation:shimmer 2.6s linear infinite}.bt-title-text.slam{animation:slam .35s cubic-bezier(.2,.9,.3,1),shimmer 2.6s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes slam{0%{transform:scale(.6);opacity:0;filter:blur(4px)}}.bt-sub{font-size:clamp(12px,2vh,15px);color:#fff0dcb8}.bt-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:clamp(10px,2vw,24px);align-items:center;min-height:0}.bt-side{display:grid;gap:8px;align-content:center;min-width:0}.fighter{position:relative;display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#301810e6,#160c09e6);box-shadow:inset 0 0 0 1px #ffffff1f;min-width:0}.fighter.atk{box-shadow:inset 0 0 0 1.5px #dcb76bb3}.fighter.atk.powered{animation:powered .32s ease-in-out infinite alternate}@keyframes powered{0%{box-shadow:inset 0 0 0 2px #ffd36e,inset 0 0 18px #ffa03c73}to{box-shadow:inset 0 0 0 2px #fff3c4,inset 0 0 34px #ffbe5abf}}.fighter.ko .ava{filter:grayscale(.85) brightness(.7);transition:filter .4s}.fighter.atk.charging{animation:charging .09s ease-in-out infinite alternate}@keyframes charging{0%{box-shadow:inset 0 0 0 1.5px #dcb76bb3,inset 0 0 10px var(--sc, #ffd36e)}to{box-shadow:inset 0 0 0 2px #fff,inset 0 0 26px var(--sc, #ffd36e)}}.f-bar{position:absolute;left:10px;right:10px;bottom:3px;height:4px;border-radius:4px;background:#00000080;overflow:hidden;pointer-events:none}.f-bar i{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(var(--v))}.f-bar .lag{background:#fff3d6;opacity:.85;transition:transform .6s ease .25s}.f-bar .cur{background:linear-gradient(90deg,#ff4a2a,#ffb347);transition:transform .14s ease-out}.f-bar.atk .lag{display:none}.f-bar.atk .cur{background:linear-gradient(90deg,#ffc860,#fff3c4)}.bt-stage.multi .tgt .f-bar{left:8px;right:8px;bottom:2px;height:3px}.fighter .ava{width:var(--fa);height:var(--fa);font-size:calc(var(--fa) * .46);overflow:hidden}.fighter .ava:after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;opacity:0;pointer-events:none}.fighter.hit .ava:after{animation:flash .28s ease-out}.fighter.hit-hard .ava:after{animation:flash .42s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}.fighter.hit{animation:shake-f .3s,hurt .36s ease-out}.fighter.hit-hard{animation:knock .46s cubic-bezier(.2,.8,.3,1),hurt-hard .55s ease-out}@keyframes shake-f{25%{transform:translate(5px)}50%{transform:translate(-4px)}75%{transform:translate(2px)}}@keyframes knock{12%{transform:translate(6px) scale(.95)}30%{transform:translate(-5px) scale(.98)}50%{transform:translate(3px)}72%{transform:translate(-2px)}}@keyframes hurt{0%{box-shadow:inset 0 0 0 2px #fff,inset 0 0 30px var(--sc, #ff6a3a)}}@keyframes hurt-hard{0%{box-shadow:inset 0 0 0 3px #fff,inset 0 0 54px var(--sc, #ff6a3a),inset 0 0 0 999px #ff462847}}.fighter.lunge{animation:lunge .22s ease-out}@keyframes lunge{40%{transform:translate(6px)}}.slash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.slash path{fill:none;stroke:#fff2d6;stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px #ff8a4a)}.slash.cut path{animation:slash .42s ease-out}@keyframes slash{0%{stroke-dashoffset:100;opacity:1}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.f-info{display:grid;min-width:0;gap:1px}.f-name{font-size:clamp(13px,2.2vh,17px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3eadb}.f-num{font-family:var(--brush);font-size:clamp(20px,min(5vh,8vw),40px);font-variant-numeric:tabular-nums;color:#ffb3a1;line-height:1.1;min-height:1.1em;white-space:nowrap}.fighter.atk .f-num{color:#a8ecc6}.fighter .f-num.neg{color:#ffb3a1}.fighter .f-num.pos{color:#a8ecc6}.f-num.pop{animation:num-pop .25s ease-out}@keyframes num-pop{0%{transform:scale(.8);color:#fff}}.f-tag{font-size:clamp(11px,1.8vh,13px);color:#ffd59a;min-height:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-stage.multi .tgt .fighter{padding:6px 8px;gap:8px}.bt-stage.multi .tgt .ava{--fa: clamp(30px, 8vh, 60px)}.bt-stage.multi .tgt .f-num{font-size:clamp(17px,3.6vh,28px)}.bt-lane{display:grid;gap:clamp(6px,1.6vh,14px);justify-items:center;text-align:center;min-width:0}.bt-move{position:relative;display:grid;justify-items:center;gap:3px;width:100%;min-height:calc(clamp(26px,6vh,52px)*1.05 + clamp(13px,2.6vh,20px)*1.3 + 3px);align-content:center}.bt-move>.mv-name,.bt-move>.mv-fan{position:relative;z-index:1}.mv-ink{position:absolute;left:5%;top:0;width:90%;height:68%;z-index:0;opacity:0;pointer-events:none}.mv-ink path{fill:#962012cc}.mv-ink .dry{fill:none;stroke:#ffcd9647;stroke-width:2}.mv-ink.sweep{animation:ink-sweep .28s ease-out forwards}@keyframes ink-sweep{0%{opacity:.95;clip-path:inset(0 100% 0 0)}to{opacity:.95;clip-path:inset(0 0 0 0)}}.bt-move.heavy .mv-ink path{fill:#ba1c0ee6}.bt-move.finisher .mv-ink path,.bt-move.ko .mv-ink path{fill:#760c06f0}.bt-move.finisher .mv-ink .dry,.bt-move.ko .mv-ink .dry{stroke:#ffd36e99}.bt-move.laa .mv-ink path{fill:#18488cd1}.bt-move.kick .mv-ink path{fill:#1e6e34d1}.bt-move.cut .mv-ink path{fill:#ebebeb38}.mv-tag{display:inline-grid;place-items:center;width:1.5em;height:1.5em;margin-right:6px;border-radius:5px;font-style:normal;font-family:var(--brush);font-weight:700;line-height:1;color:#1c120c;background:var(--sc);box-shadow:0 0 10px var(--sc);vertical-align:-.2em}.bt-move[data-st=gun] .mv-ink path:not(.dry){fill:#966e1edb}.bt-move[data-st=punch] .mv-ink path:not(.dry){fill:#aa4e1cdb}.bt-move[data-st=slash] .mv-ink path:not(.dry){fill:#566a8ad6}.bt-move[data-st=ninja] .mv-ink path:not(.dry){fill:#3a404ce6}.bt-move[data-st=magic] .mv-ink path:not(.dry){fill:#622696db}.bt-move[data-st=fire] .mv-ink path:not(.dry){fill:#b6280ee6}.bt-move[data-st=water] .mv-ink path:not(.dry){fill:#145096db}.bt-move[data-st=thunder] .mv-ink path:not(.dry){fill:#806c0ae0}.bt-move[data-st=wind] .mv-ink path:not(.dry){fill:#1c6c44db}.bt-move[data-st=ice] .mv-ink path:not(.dry){fill:#267696d6}.bt-move.ko .mv-name{color:#ffe08a;letter-spacing:.12em;text-shadow:0 0 26px rgba(255,60,30,1),0 0 6px rgba(255,255,255,.8)}.mv-name{font-family:var(--brush);font-size:clamp(26px,6vh,52px);line-height:1.05;color:#fff;text-shadow:0 0 14px rgba(255,170,80,.55);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mv-fan{font-size:clamp(13px,2.6vh,20px);line-height:1.3;font-weight:700;color:var(--gold);max-width:100%}.bt-move.heavy .mv-name{color:#ffd59a;text-shadow:0 0 22px rgba(255,90,40,.95)}.bt-move.finisher .mv-name{color:#ff9b7a;text-shadow:0 0 24px rgba(255,70,40,.95)}.bt-move.laa .mv-name{color:#a9dcff;text-shadow:0 0 16px rgba(80,170,255,.85)}.bt-move.kick .mv-name{color:#b8f5b2;text-shadow:0 0 16px rgba(90,220,110,.8)}.bt-move.cut .mv-name{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.95)}.bt-move.pop{animation:move-pop .26s ease-out}@keyframes move-pop{0%{transform:scale(.78);opacity:0}}.bt-track{position:relative;width:100%;height:clamp(18px,3.6vh,30px)}.chainbar{position:absolute;inset:28% 6px;border-radius:999px;background:repeating-linear-gradient(90deg,#d7e0e6 0 10px,transparent 10px 13px,#93a4ae 13px 23px,transparent 23px 26px);opacity:0}.bt-track.chained .chainbar{animation:chain-in .35s ease-out forwards}@keyframes chain-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.bt-track.snap .chainbar{animation:snap .55s ease-out forwards}@keyframes snap{0%{opacity:1;filter:brightness(2)}to{opacity:0;filter:brightness(1)}}.bt-combo{display:flex;align-items:baseline;gap:6px;min-height:clamp(30px,6vh,50px)}.bt-combo b{font-family:var(--brush);font-size:clamp(28px,6vh,50px);color:#ffcf6e;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,180,60,.6)}.bt-combo span{font-family:var(--brush);font-size:clamp(14px,2.6vh,20px);color:#ffe6b0}.bt-combo.pop b{animation:num-pop .22s ease-out}.bt-combo[data-lv="3"] b,.bt-combo[data-lv="4"] b{animation:combo-burn .45s ease-in-out infinite alternate}.bt-combo[data-lv="3"].pop b,.bt-combo[data-lv="4"].pop b{animation:num-pop .22s ease-out,combo-burn .45s ease-in-out .22s infinite alternate}@keyframes combo-burn{to{text-shadow:0 0 30px rgba(255,80,30,1),0 0 8px #fff}}.bt-combo[data-lv="2"] b{color:#ffd36e;text-shadow:0 0 16px rgba(255,180,60,.85)}.bt-combo[data-lv="3"] b{color:#ff9a4a;text-shadow:0 0 20px rgba(255,110,40,.95)}.bt-combo[data-lv="4"] b{color:#ff5a36;text-shadow:0 0 24px rgba(255,60,30,1),0 0 4px #fff}.bt-combo[data-lv="4"] span{color:#ffb38a}.bt-moves{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-content:flex-start;min-height:28px}.bt-chip{font-size:clamp(12px,2vh,14px);padding:3px 10px;border-radius:999px;background:#ffffff1a;color:#fdf0d8;animation:fade-in .2s;white-space:nowrap}.bt-chip.heavy{background:#ff783c47;color:#ffd9b8}.bt-chip.laa{background:#50a0ff3d}.bt-chip.kick{background:#78dc7838}.bt-moves.dense{gap:4px}.bt-moves.dense .bt-chip{font-size:11px;padding:2px 7px}.bt-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.bt-total{font-size:clamp(14px,2.4vh,18px);color:#ffe6b0}.bt-total b{font-family:var(--brush);font-size:1.5em;color:#fff}.battle .btn.small{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}.bt-cutin{position:absolute;inset:0;z-index:3;display:none;place-items:center;pointer-events:none;color:var(--ivory)}.battle.cut-show .bt-cutin{display:grid}.ci-band{--ch: clamp(140px, 42vh, 330px);position:relative;width:100%;height:var(--ch);box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,44px);padding:0 max(16px,7vw);background:linear-gradient(100deg,#0e0806f2,#36120af2 55%,#0e0806f2);box-shadow:inset 0 3px 0 var(--sc),inset 0 -3px 0 var(--sc);animation:ci-in .22s cubic-bezier(.2,.9,.3,1)}.ci-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,230,190,.07) 0 3px,transparent 3px 26px);animation:ci-streak .5s linear infinite}.ci-band:after{content:"";position:absolute;left:-8%;top:-40%;width:55%;height:180%;pointer-events:none;background:radial-gradient(closest-side,var(--sc),transparent);opacity:.32}@keyframes ci-in{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}.bt-cutin.leave .ci-band{animation:ci-out .14s ease-in forwards}@keyframes ci-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(50% 0 50% 0)}}@keyframes ci-streak{to{background-position:-120px 0}}.ci-ava,.ci-text{position:relative;z-index:1}.ci-ava{animation:ci-ava .4s cubic-bezier(.2,.9,.3,1)}.ci-ava .ava{--ca: min(calc(var(--ch) * .8), 30vw);width:var(--ca);height:var(--ca);font-size:calc(var(--ca) * .46);box-shadow:inset 0 0 0 2px #fff0d280,0 0 0 3px var(--sc)}@keyframes ci-ava{0%{transform:translate(-36px) scale(1.12);opacity:0}}.ci-text{display:grid;gap:4px;min-width:0;animation:ci-txt .36s cubic-bezier(.2,.9,.3,1) .05s both}@keyframes ci-txt{0%{transform:translate(40px);opacity:0}}.ci-kind{font-family:var(--brush);font-size:clamp(14px,3vh,24px);letter-spacing:.3em;color:var(--sc)}.ci-name{font-family:var(--brush);font-size:clamp(34px,min(11vh,10vw),104px);line-height:1.05;color:#fff;text-shadow:0 0 24px var(--sc),0 4px 0 rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-sub{font-size:clamp(14px,3vh,24px);font-weight:700;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-sub .mv-tag{background:var(--sc);box-shadow:0 0 10px var(--sc)}.ci-skip{position:absolute;right:14px;bottom:14px;pointer-events:auto}@media(max-aspect-ratio:4/5){.bt-arena{grid-template-columns:1fr}.bt-side.atk{justify-items:center}}.fx-layer{position:fixed;inset:0;z-index:15;pointer-events:none;overflow:hidden}.fx-tile{position:absolute;will-change:transform;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.fx-tile .tile{--w: var(--fw);display:block}.fx-tile.heavy{filter:drop-shadow(0 0 10px rgba(255,140,70,.85)) drop-shadow(0 6px 8px rgba(0,0,0,.4))}.fx-trail{position:absolute;transform-origin:0 50%;border-radius:999px;background:linear-gradient(90deg,#fff4d600,#ffeec880 70%,#fffaebd9)}.fx-trail.claim{background:linear-gradient(90deg,#ffd28c00,#ffc47899 70%,#ffecc8f2)}.fx-trail.heavy{background:linear-gradient(90deg,#ff783c00,#ff6e3cb3 70%,#ffdcaa)}.tile.incoming{visibility:hidden}.pond .tile.landed{animation:landed .28s ease-out}@keyframes landed{0%{filter:brightness(1.5)}to{filter:none}}.meld.impact .tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;animation:impact .42s ease-out forwards;pointer-events:none}.meld.impact.heavy .tile:after{background:#ffc58a;animation-duration:.6s}@keyframes impact{0%{opacity:.95}to{opacity:0}}.board.quake{animation:quake .32s linear}.board.quake.heavy{animation:quake .46s linear}@keyframes quake{15%{transform:translate(-3px,1px)}35%{transform:translate(3px,-2px)}55%{transform:translate(-2px,2px)}75%{transform:translate(2px,-1px)}}.compass>.cw,.compass>.cc,.compass>.ring{transition:opacity .12s}.compass.stamping>.cw,.compass.stamping>.cc,.compass.stamping>.ring{opacity:0}.stamp{position:absolute;inset:6%;border-radius:13%;display:grid;place-content:center;justify-items:center;gap:calc(var(--C) * .02);color:#fff6e6;text-align:center;overflow:hidden;animation:stamp-in .32s cubic-bezier(.2,.9,.3,1) both,stamp-out .2s ease-in calc(var(--dur) - .2s) forwards;animation-delay:var(--el),calc(var(--el) + var(--dur) - .2s)}.stamp:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--C) * .025) #ffdca0b3;animation:ring-out .5s ease-out both;animation-delay:var(--el)}.stamp:after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,rgba(255,226,180,.11) 0 7deg,transparent 7deg 20deg);animation:rays 7s linear infinite;pointer-events:none}.stamp.dice:after{display:none}@keyframes rays{to{transform:rotate(360deg)}}.stamp>*{z-index:1}.stamp b{position:relative;font-family:var(--brush);font-weight:700;font-size:calc(var(--C) * .46);line-height:1;text-shadow:0 0 calc(var(--C) * .08) rgba(255,150,70,.85),0 3px 0 rgba(0,0,0,.35)}.stamp b.two{font-size:calc(var(--C) * .3);letter-spacing:.04em}.stamp b.long{font-size:calc(var(--C) * .27);width:2.1em;line-height:1.04;text-align:center}.stamp small{position:relative;font-size:max(10px,calc(var(--C) * .09));line-height:1.2;color:#ffeed2d9;max-width:calc(var(--C) * .8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp.claim{background:radial-gradient(circle at 50% 42%,#7d2f18,#2a120a);box-shadow:inset 0 0 0 1.5px #ffc89666}.stamp.kong{background:radial-gradient(circle at 50% 42%,#c9472f,#6e1f12);box-shadow:inset 0 0 0 2px #ffe6c88c}.stamp.kong b{font-size:calc(var(--C) * .52)}.stamp.ting{background:radial-gradient(circle at 50% 42%,#966622f5,#34200af7)}.stamp.ting b{color:#ffe3a3}.stamp.danger{background:radial-gradient(circle at 50% 45%,#8e2416,#3a0d07)}.stamp.dice{background:radial-gradient(circle at 50% 40%,#3d2c1d,#241910 75%);gap:calc(var(--C) * .06)}.stamp.dice small{animation:fade-in .3s both;animation-delay:calc(var(--el) + .7s)}@keyframes stamp-in{0%{transform:scale(.55);opacity:0}}@keyframes stamp-out{to{transform:scale(.9);opacity:0}}@keyframes ring-out{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1)}}.dice-row{position:relative;display:flex;gap:calc(var(--C) * .1)}.dice-row .die{--dz: calc(var(--C) * .2);animation:tumble .72s cubic-bezier(.3,.7,.4,1) both;animation-delay:var(--el)}.dice-row .die.d1{animation-delay:calc(var(--el) + 60ms)}.dice-row .die.d2{animation-delay:calc(var(--el) + .12s)}.die{--dz: 32px;flex:none;width:var(--dz);height:var(--dz);border-radius:22%;padding:calc(var(--dz) * .14);display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);place-items:center;background:linear-gradient(160deg,#fffdf6,var(--ivory-2));box-shadow:inset 0 -2px #a08c6459,0 3px 6px #00000059}.die i{width:72%;height:72%;border-radius:50%;background:var(--ink)}.die.red i{background:var(--accent)}@keyframes tumble{0%{transform:rotate(-560deg) scale(.4);opacity:0}70%{transform:rotate(-20deg) scale(1);opacity:1}to{transform:none}}.plate.charged{animation:charged 1.8s ease-in-out infinite;animation-delay:var(--now, 0ms)}@keyframes charged{0%,to{box-shadow:inset 0 0 0 1.5px #ec7848bf,inset 0 0 12px #ec643c47}50%{box-shadow:inset 0 0 0 1.5px #ffc46ee6,inset 0 0 18px #ff965073}}.plate.charged .ava:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 8%,rgba(255,120,60,.95) 18%,transparent 30% 52%,rgba(255,205,110,.95) 66%,transparent 78%);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%);animation:aura 1.6s linear infinite;animation-delay:var(--now, 0ms)}.plate.charged .ava .wind-badge,.plate.charged .ava .seal{z-index:1}@keyframes aura{to{transform:rotate(360deg)}}.badge.dealer.hot{background:linear-gradient(0deg,#d9482a,#f2a640);color:#fff;animation:flicker 1.2s ease-in-out infinite;animation-delay:var(--now, 0ms)}@keyframes flicker{50%{filter:brightness(1.18) saturate(1.2)}}.table:after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .4s;inset:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));border-radius:16px;box-shadow:inset 0 0 0 3px #e85438cc,inset 0 0 80px 16px #c4201294}.table.danger:after{opacity:1;animation:danger 1.6s ease-in-out infinite;animation-delay:var(--now, 0ms)}@keyframes danger{50%{box-shadow:inset 0 0 0 3px #ff785af2,inset 0 0 110px 26px #d62818b8}}.cc .wall.low{color:#ffa086}.table.danger .cc .wall-label{color:#ffb8a4;font-weight:700}.intro-layer{position:fixed;inset:0;z-index:45;pointer-events:none}.intro-layer:empty{display:none}.intro{position:absolute;inset:0;pointer-events:auto;cursor:pointer;display:grid;place-items:center;padding:12px;background:repeating-linear-gradient(-62deg,rgba(255,210,160,.05) 0 2px,transparent 2px 46px),var(--noise),radial-gradient(circle at 50% 45%,#54200f,#120c09 70%,#050605) #050605;background-size:400px 400px,auto,auto;animation:fade-in .2s ease,lines 3.4s linear}@keyframes lines{to{background-position:260px 0,0 0,0 0}}.intro.out{animation:fade-out .26s ease-in forwards}@keyframes fade-out{to{opacity:0}}.in-stage{--ia: clamp(36px, 9vh, 70px);--im: clamp(48px, 17vh, 128px);--dz: clamp(24px, 7vh, 58px);width:min(1040px,100%);max-height:calc(100dvh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,2.2vh,20px);color:var(--ivory)}.in-title{display:grid;justify-items:center;gap:2px}.in-kicker{font-size:clamp(12px,2vh,15px);letter-spacing:.3em;color:#ffe6bec7}.in-head{font-family:var(--brush);font-size:clamp(28px,7vh,64px);line-height:1.1;letter-spacing:.2em;color:#ffe6b0;text-shadow:0 0 18px rgba(255,140,60,.6),0 3px 0 rgba(0,0,0,.4);animation:wipe-r .36s ease-out both}.in-arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,44px);min-height:0}.in-side{display:grid;gap:clamp(6px,1.4vh,12px);min-width:0}.in-side.me{justify-items:end}.in-card{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:16px;min-width:0;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f;animation:wipe-l .38s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--d)}.in-side.me .in-card{animation-name:wipe-r}.in-card .ava{width:var(--ia);height:var(--ia);font-size:calc(var(--ia) * .46)}.in-card.me{padding:14px 20px 14px 14px;box-shadow:inset 0 0 0 1.5px #dcb76bbf}.in-card.me .ava{width:var(--im);height:var(--im);font-size:calc(var(--im) * .46)}.in-card.dealer{box-shadow:inset 0 0 0 1.5px #e86040cc}.in-meta{display:grid;min-width:0;line-height:1.25}.in-ttl{font-family:var(--brush);font-size:clamp(13px,2.5vh,20px);color:#ffd59a;white-space:nowrap}.in-card.me .in-ttl{font-size:clamp(16px,3.6vh,30px)}.in-name{font-size:clamp(13px,2.4vh,19px);font-weight:700;color:#fbf3e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-card.me .in-name{font-size:clamp(15px,3vh,24px)}.in-wind{font-size:clamp(11px,1.8vh,13px);color:#fff0dcb3}.in-vs{font-family:var(--brush);font-weight:700;font-style:italic;font-size:clamp(34px,10vh,96px);line-height:1;padding:0 .08em;color:#ff8a5c;text-shadow:0 0 22px rgba(255,90,40,.85),0 4px 0 rgba(0,0,0,.45);animation:slam-in .42s cubic-bezier(.2,.9,.3,1) .72s both}@keyframes slam-in{0%{transform:scale(.45);opacity:0;filter:blur(3px)}}@keyframes wipe-r{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes wipe-l{0%{clip-path:inset(0 0 0 100%);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}.in-dice{display:flex;justify-content:center;gap:calc(var(--dz) * .7);padding:calc(var(--dz) * .22) 0}.in-dice .die{--dz: inherit;width:var(--dz);height:var(--dz);animation:tumble .9s cubic-bezier(.3,.7,.4,1) 1.2s both}.in-dice .die.d1{animation-delay:1.28s}.in-dice .die.d2{animation-delay:1.36s}.in-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.in-info{font-size:clamp(12px,2.2vh,16px);color:#ffe6b0;animation:fade-in .3s 2.15s both}.intro .btn.small{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}@media(max-aspect-ratio:4/5){.in-arena{grid-template-columns:1fr;justify-items:center}.in-side.me{justify-items:center}.in-side.foes{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.in-side.foes .in-card{flex-direction:column;text-align:center;padding:8px 6px;gap:6px}.in-side.foes .in-meta{justify-items:center}.in-side.foes .in-card{animation-name:wipe-r}}.ult{width:min(1000px,100%);max-height:calc(100dvh - 20px);display:grid;justify-items:center;align-content:center;gap:clamp(8px,2.4vh,22px);color:var(--ivory)}.ult.shake{animation:shake-ult .3s}@keyframes shake-ult{25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,1px)}}.ult-hero{display:flex;align-items:center;gap:14px;animation:wipe-r .38s ease-out both}.ult-hero .ava{--ua: clamp(52px, 17vh, 128px);width:var(--ua);height:var(--ua);font-size:calc(var(--ua) * .46);box-shadow:inset 0 0 0 2px #ffdca066,0 0 0 3px #e8604099}.ult-id{display:grid;gap:2px;line-height:1.2;min-width:0}.ult-ttl{font-family:var(--brush);font-size:clamp(15px,3.2vh,26px);color:#ffd59a}.ult-name{font-size:clamp(15px,3vh,24px);font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ult-flames{display:flex;gap:6px;flex-wrap:wrap}.ult-flame{display:inline-flex;align-items:center;gap:3px;font-size:clamp(12px,2vh,15px);font-weight:700;padding:2px 9px 2px 6px;border-radius:999px;background:linear-gradient(0deg,#d9482ae6,#f2a640e6);color:#fff}.flame{width:12px;height:15px;fill:#fff3d6}.flame .core{fill:#ffb14a}.ult-flame .flame{animation:flicker .9s ease-in-out infinite}.ult-call{display:grid;justify-items:center;gap:2px}.ult-kanji{font-family:var(--brush);font-weight:700;font-size:clamp(42px,13vh,120px);line-height:1.05;letter-spacing:.12em;padding-left:.12em;color:#fff;text-shadow:0 0 26px rgba(255,70,40,.95),0 4px 0 rgba(0,0,0,.45);animation:slam-in .42s cubic-bezier(.2,.9,.3,1) .12s both}.ult-move{font-family:var(--brush);font-size:clamp(20px,5vh,44px);line-height:1.15;color:#ffd59a;text-shadow:0 0 14px rgba(255,170,80,.6);animation:grow-in .3s ease-out .5s both;max-width:100%;text-align:center}@keyframes grow-in{0%{opacity:0;transform:scale(.88)}}.ult-hand{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px calc(var(--tw) * .3);max-width:100%}.ult-own{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ult.two .ult-own{max-width:calc((var(--tw) + 2px) * 10)}.ult-hand .tile{--w: var(--tw)}.ult-meld{display:inline-flex;gap:1px;align-items:flex-end}.flip{position:relative;display:inline-block;flex:none;width:var(--tw);height:calc(var(--tw) * (4 / 3 + .11))}.flip>.tile{position:absolute;left:0;top:0;margin:0}.flip>.face{transform:scaleX(0)}.flip.open>.back{animation:flip-out .1s ease-in forwards}.flip.open>.face{animation:flip-in .12s ease-out .1s forwards}@keyframes flip-out{to{transform:scaleX(0)}}@keyframes flip-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.flip.win{margin-left:calc(var(--tw) * .3)}.flip.win>.face:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent),0 0 14px #ff5a32cc}.flip.impact>.face:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;animation:impact .5s ease-out forwards;z-index:1}.ult .bt-foot{width:100%}.plate{position:relative}.plate .pwrap{display:grid;flex:1 1 auto;min-width:0}.seat-top .plate{min-width:calc(var(--plateh) * 3.2)}.zone-left>.plate{min-width:min(100%,calc(var(--plateh) * 3.2))}.bubble{position:absolute;z-index:2;top:4px;bottom:4px;left:calc(var(--plateh) + 4px);right:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:1px 6px;border-radius:8px;font-size:calc(12px * var(--k, 1));line-height:1.3;font-weight:700;background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px #00000014;animation:bubble-in .22s ease-out both;animation-delay:var(--el, 0ms);word-break:break-all}.bubble.emote{background:linear-gradient(180deg,#f6dc9c,var(--gold));color:#3a2a10;animation:bubble-pop .32s ease-out both;animation-delay:var(--el, 0ms)}@keyframes bubble-in{0%{opacity:0}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.table.port .seat-left .plate .bubble,.table.port .seat-right .plate .bubble{left:3px;right:3px;top:calc(var(--plateh) + 1px);bottom:4px;text-align:center}@media(max-height:520px){.bubble{font-size:11px;padding:0 5px}}.emote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.emote-btn{min-height:46px;font-size:16px}.emote-btn:disabled{opacity:.45;cursor:default}.btn.share{background:var(--paper-2);color:var(--ink);gap:6px}.btn.share svg{width:17px;height:17px}.medals{position:absolute;inset:0;pointer-events:auto;cursor:pointer;display:grid;place-items:center;padding:12px;background:var(--noise),radial-gradient(circle at 50% 42%,#503a12f5,#0e0c08f7 70%) #0b0907;animation:fade-in .2s ease}.md-stage{display:grid;justify-items:center;gap:clamp(8px,2.2vh,18px);color:var(--ivory);text-align:center;max-height:calc(100dvh - 24px);width:min(760px,100%)}.md-head{margin:0;font-family:var(--brush);font-size:clamp(26px,6vh,50px);color:#ffe6b0;letter-spacing:.2em;padding-left:.2em;text-shadow:0 0 18px rgba(255,190,80,.55);animation:slam-in .4s cubic-bezier(.2,.9,.3,1) both}.md-row{display:flex;justify-content:center;gap:clamp(14px,4vw,40px);flex-wrap:wrap}.md-item{--ms: clamp(64px, 20vh, 140px);display:grid;justify-items:center;gap:4px;width:calc(var(--ms) * 1.5);animation:grow-in .42s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--d)}.md-row.many .md-item{--ms: clamp(56px, 15vh, 110px)}.md-item .medal-svg{width:var(--ms);height:calc(var(--ms) * 1.2)}.md-item .medal-svg .shine{animation:shine 1.2s ease-out both;animation-delay:calc(var(--d) + .35s)}@keyframes shine{0%{opacity:0;transform:translate(-30px)}40%{opacity:.55}to{opacity:0;transform:translate(30px)}}.md-name{font-family:var(--brush);font-size:clamp(18px,4vh,30px);color:#fff}.md-desc{font-size:clamp(12px,2.2vh,15px);color:#fff0dcc7}.md-title{margin:0;display:grid;gap:2px;font-family:var(--brush);font-size:clamp(16px,3.4vh,24px);color:#ffd59a;animation:fade-in .3s both .8s}.md-title small{font-family:var(--ui);font-size:12px;color:#fff0dcb3}.md-more{margin:0;font-size:13px;color:#fff0dcb3}.medals .btn.small{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}@media(max-height:420px){.md-desc{display:none}}.ach-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.ach-grid li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3);min-width:0}.ach-grid li.locked{background:transparent;color:var(--ink-3)}.ach-grid .medal-svg{width:44px;height:53px;flex:none}.ach-grid li>div{display:grid;gap:1px;min-width:0;font-size:13px;line-height:1.45}.ach-grid b{font-family:var(--brush);font-size:17px;color:var(--ink)}.ach-grid li.locked b{color:var(--ink-3)}.ach-title{color:var(--accent);font-weight:700}.ach-date{color:var(--ink-3);font-size:12px}.title-list{display:grid;gap:4px}.title-list small{color:var(--ink-3);margin-left:4px}.face-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:6px}.face-pick{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;cursor:pointer;font-size:13px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--paper-3)}.face-pick input{position:absolute;opacity:0;pointer-events:none}.face-pick .ava{width:56px;height:56px}.face-pick:has(input:checked){box-shadow:inset 0 0 0 2px var(--gold);background:#dcb76b1f;color:var(--ink);font-weight:700}.face-pick:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.away-box{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--glass-line);font-size:calc(13px * var(--k, 1));color:#ffd59a;font-weight:700}.table.narrow .seat-left .plate,.table.narrow .seat-right .plate{flex-direction:column;height:auto;padding:5px 3px;gap:3px;text-align:center}.table.narrow :is(.seat-left,.seat-right) .pinfo{justify-items:center}.table.narrow :is(.seat-left,.seat-right) :is(.pname,.pscore){justify-content:center;flex-wrap:wrap}.table.narrow .seat-left .plate .bubble,.table.narrow .seat-right .plate .bubble{left:3px;right:3px;top:calc(var(--plateh) + 1px);bottom:4px;text-align:center}.scoreboard{display:grid;gap:6px;min-width:0;padding:8px 10px;border-radius:12px;color:#efe5cddb;background:linear-gradient(180deg,#382315e6,#1e130ce6),var(--grain);box-shadow:inset 0 0 0 1px #dcb76b73,inset 0 0 0 3px #00000038,0 5px 14px #0000004d;font-size:calc(12px * var(--k, 1));line-height:1.35}.sb-head{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:inherit}.sb-head:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.sb-title{flex:none;font-family:var(--brush);font-weight:700;font-size:calc(15px * var(--k, 1));color:#ffe7b0}.sb-sum{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#efe5cdb3;font-variant-numeric:tabular-nums}.sb-state{flex:none;font-size:.92em;color:var(--gold)}.scoreboard.closed .sb-body{display:none}.sb-body{display:grid;gap:6px;min-width:0}.sb-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.sb-table th{font-weight:400;font-size:.9em;color:#efe5cd8c;text-align:right;padding:0 2px 2px}.sb-table th:nth-child(1){width:1.4em}.sb-table th:nth-child(2){text-align:left;width:34%}.sb-table td{padding:2px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid rgba(220,183,107,.14)}.sb-table td.rk{text-align:center;color:var(--gold);font-family:var(--brush)}.sb-table td.nm{text-align:left;color:#efe5cdeb}.sb-table td.tot{font-weight:700}.sb-table .up{color:#9fe0bd}.sb-table .down{color:#ffb6a5}.sb-table tr.me td{background:#dcb76b1a}.sb-sub{margin:2px 0 0;display:flex;align-items:baseline;gap:6px;font-family:var(--brush);font-size:calc(13px * var(--k, 1));color:#ffe7b0}.sb-sub small{font-family:var(--ui);font-size:.82em;color:#efe5cd8c}.sb-none{margin:0;color:#efe5cd8c}.sb-debts{list-style:none;margin:0;padding:0;display:grid;gap:5px}.sb-debt{display:grid;gap:1px;padding:4px 6px;border-radius:7px;background:#0003;min-width:0}.sb-debt.mine{box-shadow:inset 2px 0 0 var(--gold)}.sb-rel{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;min-width:0}.sb-rel b{font-weight:600;color:#fff6e4}.sb-arrow{color:#efe5cd99}.sb-amt{margin-left:auto;font-weight:700;color:#ffb6a5;font-variant-numeric:tabular-nums}.sb-mouth{color:#a9dcff}.sb-cut{padding:0 5px;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-size:.9em}.sb-wait{font-size:.86em;color:#efe5cd80}.sb-next{font-size:.88em;color:#efe5cd94}.page{place-items:start center;padding-block:28px}.page-card{gap:14px}.page-body{display:grid;gap:12px;min-width:0}.page-body>*{min-width:0}.rules-head .head-extra{min-width:1px;display:flex;justify-content:flex-end}.rules-head h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-error:not(:empty){color:var(--accent-2)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sub-h{margin:6px 0 0;font-family:var(--brush);font-size:18px}.link.danger,.btn.danger{color:var(--accent-2)}.btn.ghost.danger{box-shadow:inset 0 0 0 1.5px #b8412c73}.notice{margin:0;padding:9px 12px;border-radius:11px;font-size:13.5px;line-height:1.6;background:var(--paper-2);color:var(--ink)}.notice.warn{background:#b8412c1a;color:var(--accent-2);box-shadow:inset 0 0 0 1px #b8412c4d}.notice.good{background:#2f7d601a;color:var(--jade-3);box-shadow:inset 0 0 0 1px #2f7d604d}.rule-list{margin:0;padding-left:1.2em;display:grid;gap:4px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.rule-details summary{cursor:pointer;font-weight:700;font-size:14px}.rule-details[open] summary{margin-bottom:4px}.field-input{border:1.5px solid var(--paper-3);background:#fff;border-radius:11px;padding:10px 12px;font-size:16px;color:var(--ink);min-width:0;width:100%}.field-input:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px #2f7d602e}.code-input{text-transform:uppercase;letter-spacing:.2em}.page .join-row input:not(.code-input):not(#wcode){text-transform:none;letter-spacing:0}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.mode-card{border:0;cursor:pointer;text-align:left;display:grid;gap:4px;padding:14px 16px;border-radius:14px;min-height:84px;background:linear-gradient(180deg,#c64d37,var(--accent));color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-2)}.mode-card.jade{background:linear-gradient(180deg,#357f63,var(--jade-2));box-shadow:0 3px 0 var(--jade-3)}.mode-card b{font-family:var(--brush);font-size:22px;font-weight:400}.mode-card span{font-size:13px;line-height:1.5;opacity:.92}.mode-card:disabled{opacity:.5;cursor:default}.mode-card:active:not(:disabled){transform:translateY(1px)}.queue-box{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3);flex-wrap:wrap}.queue-box[hidden]{display:none}.queue-text{display:grid;gap:2px;flex:1;min-width:160px}.q-title{font-size:16px}.q-sub{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}.queue-spin{display:grid;grid-template-columns:repeat(2,14px);gap:4px;flex:none}.queue-spin span{width:14px;height:18px;border-radius:3px;background:var(--ivory);box-shadow:inset 0 0 0 1px var(--ivory-side),0 2px 0 var(--jade-2);animation:q-flip 1.6s ease-in-out infinite}.queue-spin span:nth-child(2){animation-delay:.2s}.queue-spin span:nth-child(3){animation-delay:.6s}.queue-spin span:nth-child(4){animation-delay:.4s}@keyframes q-flip{0%,60%,to{transform:none}30%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.queue-spin span{animation:none}}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--paper-3)}.tab{border:0;background:none;padding:8px 12px;font-size:14.5px;font-weight:700;color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;min-height:40px}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.game-list,.rank-table,.review-list,.hash-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.game-list li{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:8px 2px;border-bottom:1px dashed var(--paper-3);font-size:14px;min-height:44px}.game-list li>span:empty{display:none}.game-list .g-when{color:var(--ink-3);font-size:12.5px;font-variant-numeric:tabular-nums;flex:none}.game-list .g-kind{flex:none;display:inline-flex;gap:6px;align-items:center}.game-list em,.rank-table em{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--jade);color:var(--ivory)}.game-list .g-names{display:block;flex:1 1 10em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-list .g-names em{margin-left:6px}.game-list .g-place{flex:none;font-weight:700}.game-list .g-delta{flex:none;font-variant-numeric:tabular-nums;font-weight:700}.g-delta.up{color:var(--up)}.g-delta.down{color:var(--down)}.game-list .link{margin-left:auto;flex:none}.rank-table li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;padding:7px 2px;border-bottom:1px dashed var(--paper-3);font-size:14px;min-height:40px}.rank-table li.me{background:#dcb76b29}.rank-table .rk{font-family:var(--serif);font-weight:700;color:var(--accent);text-align:center}.rank-table .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-table .dn{color:var(--ink-2);font-size:13px}.rank-table .pt{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.rank-table .gm{grid-column:2 / -1;color:var(--ink-3);font-size:12px}.rank-table li:has(.dn){grid-template-columns:2.2em minmax(0,1fr) auto auto}.rank-table li:has(.dn) .gm{grid-column:2 / -1}.rank-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--paper-3)}.dan-seal{flex:none;min-width:64px;height:64px;padding:0 8px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:var(--brush);font-size:22px;box-shadow:inset 0 0 0 2px #ffe6d28c;text-align:center;line-height:1.1}.rank-main{flex:1;min-width:0;display:grid;gap:6px}.rank-line{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.rank-line b{font-size:18px;min-width:0;overflow:hidden;text-overflow:ellipsis}.dan-bar{height:8px;border-radius:99px;background:var(--paper-2);overflow:hidden}.dan-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--jade),var(--gold));border-radius:inherit}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.stat{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--paper-2);text-align:center}.stat span{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat b{font-size:18px;font-variant-numeric:tabular-nums}.stat small{font-size:11.5px;color:var(--ink-3)}.day-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.day-row b{font-variant-numeric:tabular-nums}.daily-me{display:grid;gap:10px}.club-forms .section{align-content:start}.invite{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--paper-2)}.invite .code{font-family:var(--serif);font-size:22px;letter-spacing:.2em}.cup-form .grid2{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.page-modal .card{width:min(520px,100%)}.page-modal code{word-break:break-all;font-size:12px}.review-list li{display:flex;flex-wrap:wrap;gap:2px 10px;padding:6px 0;border-bottom:1px dashed var(--paper-3);font-size:13.5px;align-items:center}.review-list li>span:first-child{color:var(--ink-3);font-size:12.5px;flex:none}.review-list .sug{color:var(--jade-2);font-weight:700}.review-list .link{margin-left:auto}.hash-list li{display:grid;gap:2px;padding:6px 0;border-bottom:1px dashed var(--paper-3);font-size:12.5px}.hash-list .ok{color:var(--up);font-weight:700}.hash-list .bad{color:var(--down);font-weight:700}.report-form{display:grid;gap:10px}.report-form fieldset{border:0;margin:0;padding:0}.report-form legend{padding:0;margin-bottom:4px}.hash-list code{color:var(--ink-2)}.viewer-on{--vbar: 52px}.viewer-on .table,.viewer-on .overlay{bottom:var(--vbar)}.viewer-on .table.port:not(.one) .zone-right .panel{row-gap:2px}.viewer-table{position:relative}.viewer-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding:6px max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(180deg,var(--wood-2),var(--wood-3));color:var(--on-felt);box-shadow:0 -1px #d6b06859}.vb-group{display:flex;align-items:center;gap:4px;flex:none;min-width:0}.vb-group:last-child{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.vbtn{width:38px;height:38px;border:0;border-radius:10px;display:grid;place-items:center;background:#ffffff14;color:var(--ivory);cursor:pointer;flex:none}.vbtn svg{width:18px;height:18px}.vbtn.main{background:var(--accent)}.vbtn:active{transform:translateY(1px)}.vb-pos{font-size:12.5px;color:var(--on-felt-2);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px}.vb-range{flex:1 1 120px;min-width:80px;accent-color:var(--gold)}.vb-seat{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--on-felt-2)}.vb-seat select{max-width:9em;border-radius:8px;border:0;padding:6px;font-size:13px;background:#ffffff1f;color:var(--ivory)}.vb-seat select option{color:var(--ink)}.vchip{border:0;border-radius:999px;padding:0 12px;height:34px;font-size:13px;font-weight:700;background:#ffffff1a;color:var(--ivory);cursor:pointer;white-space:nowrap}.vchip.bad{background:var(--accent)}.vb-live{font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap}.watch-wait{position:fixed;inset:0 0 var(--vbar) 0;display:grid;place-items:center;padding:16px}.watch-wait .card{text-align:center;justify-items:center}@media(max-width:560px){.viewer-bar{gap:4px 8px;padding-block:4px max(4px,env(safe-area-inset-bottom))}.vbtn{width:34px;height:34px}.vchip{height:30px;padding:0 10px;font-size:12.5px}.vb-range{order:3;flex-basis:100%;height:14px}.vb-group:last-child{order:4;margin-left:0;width:100%;justify-content:space-between;flex-wrap:nowrap}.vb-seat{min-width:0;flex:0 1 auto}.vb-seat>span{display:none}.vb-seat select{max-width:8em;min-width:0}}@media(min-width:561px)and (max-width:1100px){.vbtn{width:34px;height:34px}.vchip{height:32px;padding:0 10px;font-size:12.5px}.vb-seat>span{display:none}.vb-seat select{max-width:8em}.vb-pos{font-size:12px}.vb-range{flex:1 1 60px;min-width:60px}}@media(max-height:460px)and (min-width:561px){.viewer-bar{flex-wrap:nowrap;padding-block:4px max(4px,env(safe-area-inset-bottom))}.vbtn{width:32px;height:32px}.vchip{height:30px;padding:0 9px;font-size:12px}.vb-seat>span{display:none}.vb-pos{display:none}.vb-group:last-child{flex-wrap:nowrap}}@media(max-width:480px){.rank-card{flex-direction:column;align-items:stretch}.dan-seal{height:52px}.page{padding-inline:10px}.page-card{padding:18px 14px}}.plate.red .pname>span:first-child{color:#ff8a73;text-decoration:line-through rgba(255,138,115,.55)}.rank-res ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rank-res li{display:grid;grid-template-columns:3em minmax(0,1fr) auto auto auto;gap:2px 8px;align-items:center;font-size:13.5px}.rank-res li.me{font-weight:700}.rank-res .rr-place{font-family:var(--brush);color:var(--accent)}.rank-res .rr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-res .rr-dan{font-size:12.5px;color:var(--ink-2);white-space:nowrap}.rank-res .rr-pts,.rank-res .rr-r{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.rank-res em{font-style:normal;font-size:11px;padding:0 6px;border-radius:999px;color:#fff;background:var(--ink-3)}.rank-res em.up,.rr-pts.up{color:var(--up)}.rank-res em.up{color:#fff;background:var(--up)}.rank-res em.down,.rr-pts.down{color:var(--down)}.rank-res em.down{color:#fff;background:var(--down)}.hint-list{margin:0;padding-left:1.3em;display:grid;gap:4px;font-size:13.5px}.hint-list li span+span{margin-left:10px;color:var(--ink-2)}@media(max-width:480px){.rank-res li{grid-template-columns:3em minmax(0,1fr) auto}.rank-res .rr-dan{grid-column:2}}.arena{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-btn{border:0;cursor:pointer;display:grid;gap:1px;align-content:center;text-align:center;min-height:54px;padding:6px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--paper-3),0 2px 0 var(--paper-3);min-width:0}.arena-btn b{font-family:var(--brush);font-weight:400;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.arena-btn small{font-size:11px;color:var(--ink-3);line-height:1.3;overflow-wrap:anywhere}.arena-btn:hover{background:var(--paper)}.arena-btn:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px var(--paper-3)}.lang-switch{display:flex;justify-content:center;gap:4px}.lang-btn{border:0;background:none;cursor:pointer;padding:6px 10px;border-radius:999px;font-size:13px;color:var(--ink-2);min-height:32px}.lang-btn.on{background:var(--ink);color:var(--ivory);font-weight:700}:lang(en) .arena-btn b{font-family:var(--ui);font-weight:700;font-size:14px}:lang(en) .ult-kanji{font-size:clamp(30px,min(11vw,13vh),120px);letter-spacing:.03em;padding-left:.03em}:lang(en) .ult-call,:lang(en) .ult-move{max-width:100%;overflow-wrap:anywhere}:lang(en) .in-card{max-width:100%}:lang(en) .in-ttl{white-space:normal;overflow-wrap:anywhere}:lang(en) .in-card.me .in-ttl{font-size:clamp(15px,3vh,26px)}:lang(en) .md-head{letter-spacing:.04em;padding-left:.04em;font-size:clamp(22px,min(7.5vw,6vh),50px);max-width:100%;overflow-wrap:anywhere}:lang(en) .md-title{max-width:100%;overflow-wrap:anywhere}@media(max-height:460px)and (orientation:landscape){.arena-btn{min-height:44px}.arena-btn small{display:none}}@media(max-width:380px){.arena-btn small{display:none}}.account{min-width:0}.account .gsi{max-width:100%;overflow:hidden}.field>span{overflow-wrap:anywhere;text-spacing-trim:space-all}.page-card,.page-body,.game-list,.rank-table,.review-list,.hash-list,.daily-me,.club-forms{grid-template-columns:minmax(0,1fr)}.game-list li,.rank-table li{min-width:0}.club-forms{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.laa .laa-choice{display:grid;gap:6px;padding:8px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--accent)}.laa .laa-choice .next-row{gap:8px}.laa .laa-choice .btn{white-space:normal;text-align:center;max-width:100%}.laa .laa-choice .btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-3)}.laa .laa-choice .fine{font-size:12px;color:var(--ink-2)}:lang(en) .table .plate .badge{padding:0 3px}