:root{--topbar-h:62px;--felt-950:#04382a;--felt-900:#06503c;--felt-800:#086345;--felt-700:#0b7a55;--felt-600:#12936a;--ivory:#f8f2e2;--ivory-hi:#fffced;--ivory-mid:#efe5cd;--ivory-edge:#cfc2a2;--ivory-shadow:#a99a7a;--ink:#2b2620;--green-ink:#1c7a4c;--blue-ink:#23508c;--red-ink:#b02a24;--accent:#e9b44c;--accent-strong:#f7ce79;--accent-soft:#e9b44c24;--on-accent:#1c1508;--danger:#e4695e;--safe:#6fd3a5;--text:#eef4ef;--text-dim:#aac2b6;--text-mute:#7e9a8c;--app-bg:#07241c;--app-bg-2:#0b3026;--topbar-bg:#061b15d1;--surface:#051e18a8;--surface-solid:#0a2b22;--surface-raised:#ffffff0b;--surface-raised-2:#ffffff14;--line:#ffffff14;--line-strong:#ffffff2e;--radius-xs:6px;--radius-sm:9px;--radius:14px;--radius-lg:22px;--shadow:0 18px 44px #0000006b;--shadow-soft:0 8px 20px #0000003d;--tile-hand:clamp(42px, min(4.7vw, 6.2vh), 64px);--tile-discard:clamp(16px, min(2.2vw, 2.9vh), 30px);--tile-meld:calc(var(--tile-hand) * .66);--tile-indicator:calc(var(--tile-discard) * 1.1);--tile-mini:38px;--dur-fast:.14s;--dur:.2s;--ease:cubic-bezier(.2, .7, .3, 1);--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Hiragino Sans", "Yu Gothic UI", "Segoe UI Emoji", sans-serif;--font-serif:"Songti TC", "Noto Serif TC", "Noto Serif CJK TC", "Yu Mincho", "Hiragino Mincho ProN", "PMingLiU", serif;--page-width:1120px}:root[data-theme=light]{--text:#17251f;--text-dim:#4f635a;--text-mute:#788a80;--app-bg:#f4f0e4;--app-bg-2:#ece5d4;--topbar-bg:#fffdf6db;--surface:#fffdf7;--surface-solid:#fffdf7;--surface-raised:#17251f0a;--surface-raised-2:#17251f12;--line:#17251f1f;--line-strong:#17251f38;--accent:#c08a24;--accent-strong:#8a5c0d;--accent-soft:#c08a2424;--on-accent:#2a1d06;--shadow:0 18px 44px #262e261f;--shadow-soft:0 8px 20px #262e2614}@media (height<=620px){:root{--topbar-h:50px;--tile-hand:clamp(34px, 5vh, 50px);--tile-discard:clamp(17px, 2.4vh, 28px);--tile-mini:32px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{min-height:100vh;font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 800px at 12% -10%, #1e604b59, transparent 62%), radial-gradient(900px 640px at 108% 4%, #174e3d52, transparent 60%), linear-gradient(180deg, var(--app-bg) 0%, var(--app-bg-2) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;line-height:1.6;overflow-x:hidden}:root[data-theme=light] body{background:radial-gradient(900px 600px at 8% -10%, #c08a241f, transparent 60%), radial-gradient(700px 500px at 100% 0%, #1c7a4c14, transparent 60%), linear-gradient(180deg, var(--app-bg), var(--app-bg-2))}body[data-screen=table]{--text:#eef4ef;--text-dim:#aac2b6;--text-mute:#7e9a8c;--line:#ffffff14;--line-strong:#ffffff2e;--surface:#051e18a8;--surface-solid:#0a2b22;--surface-raised:#ffffff0d;--surface-raised-2:#ffffff14;--accent:#e9b44c;--accent-strong:#f7ce79;--accent-soft:#e9b44c24;--on-accent:#1c1508;--safe:#6fd3a5;--danger:#e4695e;--topbar-bg:#061b15d9;background:var(--felt-950);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.icon{flex:none}.topbar{z-index:40;height:var(--topbar-h);background:var(--topbar-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)saturate(1.15);align-items:center;gap:clamp(10px,2vw,26px);padding:0 clamp(12px,3vw,34px);display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand__mark{background:linear-gradient(180deg, var(--ivory-hi), var(--ivory-mid));width:32px;height:38px;color:var(--green-ink);font-family:var(--font-serif);border-radius:6px;place-items:center;font-size:19px;line-height:1;display:grid;box-shadow:inset 0 -3px #aa9b7866,0 4px 10px #00000047}.brand__text{flex-direction:column;line-height:1.15;display:flex}.brand__text strong{font-family:var(--font-serif);letter-spacing:.06em;font-size:17px}.brand__text small{color:var(--text-mute);letter-spacing:.08em;font-size:10px}.nav{gap:2px;margin-left:6px;display:flex}.nav a{color:var(--text-dim);transition:background var(--dur), color var(--dur);border-radius:999px;padding:8px 13px;font-size:13px}.nav a:hover{background:var(--surface-raised);color:var(--text)}.nav a.is-active{color:var(--text);background:var(--surface-raised-2)}.topbar__tools{align-items:center;gap:8px;margin-left:auto;display:flex}.lang{align-items:center;display:flex;position:relative}.lang__select{appearance:none;border:1px solid var(--line);background:var(--surface-raised);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:7px 27px 7px 13px;font-size:12px}.lang .icon{pointer-events:none;color:var(--text-mute);position:absolute;right:9px}.icon-btn{width:38px;height:38px;color:var(--text-dim);transition:background var(--dur), color var(--dur);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-raised);color:var(--text)}.icon-btn.is-off{color:var(--text-mute)}.page{width:min(var(--page-width), 100% - clamp(24px, 6vw, 64px));flex:1;margin:0 auto;padding:clamp(28px,5vw,54px) 0 clamp(48px,8vw,92px)}.page__head{max-width:740px;margin-bottom:clamp(22px,3.6vw,38px)}.page__head h1{font-family:var(--font-serif);letter-spacing:.02em;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.25}.page__lead{color:var(--text-dim);margin-top:10px;font-size:clamp(14px,1.5vw,16px);line-height:1.8}.page__body{flex-direction:column;gap:clamp(18px,2.4vw,28px);display:flex}.page__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px}.btn{letter-spacing:.01em;min-height:46px;transition:transform var(--dur) var(--ease), background var(--dur), border-color var(--dur), color var(--dur), box-shadow var(--dur);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:var(--on-accent);box-shadow:0 10px 24px #e9b44c38,inset 0 1px #fff6}.btn--primary:hover{box-shadow:0 14px 30px #e9b44c47}.btn--ghost{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}.btn--ghost:hover{background:var(--surface-raised-2)}.btn--quiet{color:var(--text-dim);background:0 0}.btn--quiet:hover{color:var(--text);background:var(--surface-raised)}.btn--danger{color:var(--danger);background:0 0;border-color:#e4695e73}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.chip{border:1px solid var(--line);background:var(--surface-raised);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.chip--accent{background:var(--accent-soft);color:var(--accent-strong);border-color:#e9b44c59}.bot-tag{border:1px solid var(--line);color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:500;display:inline-flex}.notice{color:var(--text-mute);align-items:center;gap:9px;font-size:12px;display:flex}.notice__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes call-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes call-timer{0%{width:100%}to{width:0}}.rotate-hint{display:none}@media (orientation:portrait) and (width<=920px) and (height<=950px){body[data-screen=table] .rotate-hint{z-index:80;text-align:center;color:#eef4ef;backdrop-filter:blur(6px);background:#041410f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex;position:fixed;inset:0}.rotate-hint__icon{color:#e9b44c;animation:2.4s ease-in-out infinite rotate-nudge}.rotate-hint strong{font-family:var(--font-serif);font-size:20px;font-weight:600}.rotate-hint span:last-child{color:#aac2b6;font-size:13px}}@keyframes rotate-nudge{0%,60%,to{transform:rotate(0)}30%{transform:rotate(90deg)}}[data-motion=reduce] *,[data-motion=reduce] :before,[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=760px){.nav,.brand__text small{display:none}.brand__text strong{font-size:15px}.hero{grid-template-columns:minmax(0,1fr);gap:22px}.hero__title{font-size:clamp(28px,9vw,40px)}.hero__felt{padding:24px 12px 16px}.page,.home{width:min(var(--page-width), 100% - 24px);padding-top:20px;padding-bottom:40px}.page__head{margin-bottom:18px}.room__input{width:100%}.room__field{flex:100%}}@media (width<=420px){.lang__select{max-width:96px}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease}::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}html[data-motion=reduce]::view-transition-old(root),html[data-motion=reduce]::view-transition-new(root){animation:none}.tile{--w:var(--tile-hand);width:var(--w);aspect-ratio:5/7;vertical-align:bottom;isolation:isolate;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease), filter var(--dur) var(--ease);background:0 0;border:0;flex:none;padding:0;display:inline-block;position:relative}.tile--hand{--w:var(--tile-hand)}.tile--discard{--w:var(--tile-discard)}.tile--meld{--w:var(--tile-meld)}.tile--indicator{--w:var(--tile-indicator)}.tile--mini{--w:var(--tile-mini)}.tile__body{border-radius:calc(var(--w) * .11);background:linear-gradient(168deg, var(--ivory-hi) 0%, var(--ivory) 46%, var(--ivory-mid) 100%);box-shadow:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #fff6, inset 0 calc(var(--w) * -.06) 0 var(--ivory-edge), 0 calc(var(--w) * .015) 0 var(--ivory-shadow), 0 calc(var(--w) * .09) calc(var(--w) * .14) #00000052;display:block;position:absolute;inset:0;overflow:hidden}.tile__img{object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;width:96%;height:96%;position:absolute;inset:2%}.tile__index{color:var(--blue-ink);font-family:var(--font-ui);font-size:calc(var(--w) * .19);letter-spacing:.01em;background:#fffdf2f0;border-radius:3px;padding:1px 3px;font-weight:700;line-height:1.15;display:none;position:absolute;top:4%;left:5%;box-shadow:0 0 0 1px #2b262014}[data-tile-index=western] .tile__index,[data-contrast=high] .tile__index{display:block}.tile--interactive{cursor:pointer;border-radius:calc(var(--w) * .11)}.tile--interactive:disabled{cursor:default}@media (hover:hover){.hand .tile--interactive:not(:disabled):hover{transform:translateY(calc(var(--w) * -.12))}.hand .tile--interactive:not(:disabled):hover .tile__body{box-shadow:inset 0 1px 0 #fffffff2, inset 0 calc(var(--w) * -.06) 0 var(--ivory-edge), 0 calc(var(--w) * .02) 0 var(--ivory-shadow), 0 calc(var(--w) * .16) calc(var(--w) * .22) #00000061}}.hand .tile.is-selected{transform:translateY(calc(var(--w) * -.22));z-index:2}.hand .tile.is-selected .tile__body{box-shadow:0 0 0 2px var(--accent), 0 0 22px #e9b44c59, inset 0 1px 0 #fffffff2, inset 0 calc(var(--w) * -.06) 0 var(--ivory-edge), 0 calc(var(--w) * .16) calc(var(--w) * .22) #0000006b}.tile.is-dim{opacity:.35;filter:saturate(.55)}.tile.is-hinted:after{content:"";top:calc(var(--w) * -.11);background:var(--accent);z-index:3;border-radius:50%;width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 8px #e9b44cd9}.tile.is-safe:before{content:"";background:var(--safe);z-index:3;border-radius:50%;width:7px;height:7px;position:absolute;bottom:3px;right:3px;box-shadow:0 0 0 2px #051e188c}.tile.is-latest .tile__body{box-shadow:0 0 0 2px var(--accent), 0 0 16px #e9b44c66, inset 0 1px 0 #fffffff2, inset 0 calc(var(--w) * -.06) 0 var(--ivory-edge)}.tile.is-entering{animation:tile-in var(--dur) var(--ease) both}.tile--back .tile__body{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 calc(var(--w) * -.06) 0 #0000002e, 0 calc(var(--w) * .015) 0 #175f45, 0 calc(var(--w) * .1) calc(var(--w) * .16) #00000073;background:linear-gradient(168deg,#d8f2e3 0%,#a8d9bd 46%,#7fbf9c 100%)}.tile__back-pattern{box-shadow:inset 0 0 0 1px #ffffff57, inset 0 calc(var(--w) * .04) calc(var(--w) * .1) #00000038;background:linear-gradient(158deg,#2fa87c 0%,#1c8560 52%,#0f6244 100%);border-radius:14%;position:absolute;inset:8%}.tile__back-pattern:after{content:"";background:#fff3;border-radius:16%;position:absolute;inset:27%;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffffff61}[data-contrast=high] .tile__body{background:#fffdf4;box-shadow:0 0 0 2px #4b3f2a,0 0 0 3px #fffdf4,0 4px 8px #00000073}[data-contrast=high] .tile__img{filter:contrast(1.3)saturate(1.15)}[data-contrast=high] .tile__index{color:#000;background:#fff;box-shadow:0 0 0 1.5px #000}[data-contrast=high] .tile__back-pattern{background:repeating-linear-gradient(45deg,#ffffff4d 0 3px,#0000 3px 8px)}.home{flex-direction:column;flex:1;gap:clamp(42px,6vw,76px);width:min(1180px,100% - clamp(24px,6vw,64px));margin:0 auto;padding:clamp(30px,5vw,62px) 0 clamp(56px,8vw,96px);display:flex}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,54px);display:grid}.hero__copy{flex-direction:column;gap:16px;max-width:560px;display:flex}.hero__title{font-family:var(--font-serif);letter-spacing:.01em;font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.16}.hero__lead{color:var(--text-dim);font-size:clamp(14px,1.6vw,16.5px);line-height:1.9}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.hero__art{flex-direction:column;gap:12px;display:flex}.hero__felt{box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;background:radial-gradient(80% 70% at 50% 42%,#26745880,#0000 70%),linear-gradient(160deg,#0f4435,#072a21);border:1px solid #ffffff14;border-radius:26px;flex-direction:column;align-items:center;gap:18px;padding:30px 22px 20px;display:flex;position:relative;overflow:hidden}.hero__felt:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff03 0 2px,#0000 2px 5px);position:absolute;inset:0}.hero__pond{z-index:1;grid-template-columns:repeat(6,auto);justify-content:center;gap:4px;display:grid;position:relative}.hero__hand{z-index:1;flex-wrap:nowrap;justify-content:center;gap:2px;min-width:0;max-width:100%;display:flex;position:relative}.hero__hand .tile{--w:clamp(15px, 4.4vw, 34px);flex:0 auto;min-width:0}.hero__pond .tile{--w:clamp(16px, 4vw, 28px)}.hero__pond{grid-template-columns:repeat(6,minmax(0,auto));min-width:0;max-width:100%}.hero__hand .tile.is-drawn{margin-left:10px}.hero__badge{z-index:2;color:var(--text-dim);backdrop-filter:blur(6px);background:#04181399;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:10px;display:inline-flex;position:absolute;top:12px;left:14px}.hero__badge strong{color:var(--accent);font-family:var(--font-serif);font-size:12px}.hero__badge-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.hero__caption{color:var(--text-mute);align-items:center;gap:8px;font-size:11px;display:flex}.hero__caption .icon{color:var(--accent)}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(8px);padding:22px}.feature__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.feature h2{margin-bottom:6px;font-size:15.5px}.feature p{color:var(--text-dim);font-size:13px;line-height:1.75}.scope{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(120deg, var(--surface), transparent);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,36px);padding:clamp(22px,3.4vw,36px);display:grid}.scope__head h2{font-family:var(--font-serif);margin-bottom:8px;font-size:22px}.scope__head p{color:var(--text-mute);font-size:12px;line-height:1.7}.scope__list{flex-direction:column;gap:13px;display:flex}.scope__list li{color:var(--text-dim);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.6;display:flex}.scope__list .icon{color:var(--accent);margin-top:3px}.rules__toc{flex-wrap:wrap;gap:6px;display:flex}.rules__toc-item{border:1px solid var(--line);width:38px;height:38px;color:var(--text-mute);font-variant-numeric:tabular-nums;transition:border-color var(--dur), color var(--dur);border-radius:50%;place-items:center;font-size:11px;display:grid}.rules__toc-item:hover{border-color:var(--accent);color:var(--accent)}.rules__list{flex-direction:column;display:flex}.rule{border-top:1px solid var(--line);scroll-margin-top:calc(var(--topbar-h) + 24px);grid-template-columns:62px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.rule:last-child{border-bottom:1px solid var(--line)}.rule__index{font-family:var(--font-serif);color:var(--text-mute);font-size:25px;line-height:1.2}.rules__compare{border-collapse:collapse;width:100%;margin-top:12px;font-size:12.5px}.rules__compare th,.rules__compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px}.rules__compare th{width:30%;color:var(--text);white-space:nowrap;font-weight:600}.rules__compare td{color:var(--text-dim);line-height:1.6}@media (width<=620px){.rules__compare th,.rules__compare td{border:0;width:100%;padding:4px 0;display:block}.rules__compare tr{border-bottom:1px solid var(--line);padding:8px 0;display:block}}.rule h2{margin-bottom:6px;font-size:16.5px}.rule p{max-width:760px;color:var(--text-dim);font-size:14px;line-height:1.9}.lobby{grid-template-columns:minmax(0,1.42fr) minmax(260px,.78fr);align-items:start;gap:16px;min-width:0;display:grid}.modes{flex-direction:column;gap:10px;min-width:0;display:flex}.mode{text-align:left;width:100%;min-width:0;color:var(--text);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:transform var(--dur) var(--ease), border-color var(--dur), background var(--dur);align-items:center;gap:14px;padding:15px 16px;display:flex}.mode:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.mode.is-active{background:linear-gradient(120deg, var(--accent-soft), var(--surface));border-color:#e9b44c73;box-shadow:inset 0 0 0 1px #e9b44c1f}.mode.is-disabled{opacity:.6;cursor:not-allowed}.mode__icon{background:var(--surface-raised-2);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.mode__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mode__text strong{font-size:14.5px}.mode__text small{color:var(--text-dim);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.room{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;min-width:0;margin-top:16px;padding:18px;display:flex}.room__head h2{font-size:15px}.room__head p{color:var(--text-dim);margin-top:4px;font-size:12px;line-height:1.6}.room__form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.room__field{color:var(--text-mute);flex-direction:column;gap:4px;font-size:11px;display:flex}.room__input{border:1px solid var(--line-strong);background:var(--surface-raised);width:148px;height:42px;color:var(--text);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;border-radius:10px;padding:0 12px;font-size:16px}.room__actions{flex-wrap:wrap;gap:8px;display:flex}.room__status{min-height:16px;color:var(--text-dim);font-size:12px}.room__status.is-error{color:#f19b8f}@media (width<=860px){.lobby{grid-template-columns:minmax(0,1fr)}}.mode__check{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.mode__online{background:var(--surface-raised-2);color:var(--text-mute);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-self:center;padding:2px 8px;font-size:11px}.online{border:1px solid var(--line);background:var(--surface-raised);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex}.online strong{color:var(--text);font-size:14px}.online__dot{background:#3ec98a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #3ec98a2e}.online.is-quiet .online__dot{background:var(--text-mute);box-shadow:none}.online.is-offline{display:none}.ranked{border-radius:var(--radius);background:linear-gradient(120deg, var(--accent-soft), var(--surface));border:1px solid #e9b44c59;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ranked__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ranked__head h2{font-size:14px}.ranked p{color:var(--text-dim);font-size:11.5px;line-height:1.55}.ranked__rating{background:var(--accent-soft);color:var(--accent-strong);font-variant-numeric:tabular-nums;border:1px solid #e9b44c57;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.ranked__note{color:var(--text-mute)}.board__tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.board__tabs .chip{cursor:pointer;border:1px solid var(--line);background:var(--surface)}.board__tabs .chip--accent{border-color:#e9b44c80}.results__legend{background:var(--surface-raised);color:var(--text-mute);border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;font-size:11.5px;line-height:1.5;display:flex}.results__legend strong{color:var(--text-dim);margin-right:6px}.matchmake__note{max-width:460px;color:var(--text-mute);text-align:center;margin:0 auto;font-size:12px;line-height:1.6}.matchmake__link{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.matchmake__link code{background:var(--surface-raised-2);font-family:var(--font-ui);letter-spacing:.18em;border-radius:8px;padding:4px 10px}.row--stack{flex-direction:column;align-items:flex-start;gap:8px}.row--stack .segmented{width:100%}.lobby__panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;padding:20px;display:flex}.lobby__summary{flex-wrap:wrap;gap:6px;display:flex}.lobby__start{width:100%}.lobby__rules{color:var(--text-mute);gap:6px;font-size:12px;display:flex}.lobby__rules span{color:var(--accent)}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.row--toggle{cursor:pointer;padding:7px 0;position:relative}.row__text{flex-direction:column;gap:2px;display:flex}.row__text strong{font-size:13.5px;font-weight:600}.row__text small{color:var(--text-mute);font-size:11.5px;line-height:1.5}.row--toggle input{opacity:0;width:1px;height:1px;position:absolute}.switch{border:1px solid var(--line);background:var(--surface-raised-2);width:44px;height:26px;transition:background var(--dur), border-color var(--dur);border-radius:999px;flex:none;position:relative}.switch:after{content:"";background:var(--text-dim);width:20px;height:20px;transition:transform var(--dur) var(--ease), background var(--dur);border-radius:50%;position:absolute;top:2px;left:2px}.row--toggle input:checked+.switch{background:var(--accent);border-color:#0000}.row--toggle input:checked+.switch:after{background:var(--on-accent);transform:translate(18px)}.row--toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.segmented{border:1px solid var(--line);background:var(--surface-raised-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented__item{min-height:34px;color:var(--text-dim);white-space:nowrap;transition:background var(--dur), color var(--dur);background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:12px}.segmented__item.is-active{color:var(--accent-strong);background:var(--accent-soft);box-shadow:0 2px 8px #0000002e,inset 0 0 0 1px #e9b44c4d}.segmented__item.is-disabled{opacity:.4;cursor:not-allowed}.matchmake{flex-direction:column;align-items:center;gap:22px;padding:clamp(8px,2vw,24px) 0;display:flex}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(560px,100%);display:grid}.seat-card{border-radius:var(--radius);border:1px dashed var(--line-strong);background:var(--surface);opacity:.66;transition:opacity var(--dur), border-color var(--dur), background var(--dur);align-items:center;gap:12px;padding:14px 16px;display:flex}.seat-card.is-ready{opacity:1;border-style:solid;border-color:#6fd3a561}.seat-card__avatar{background:var(--surface-raised-2);width:44px;height:44px;color:var(--accent);font-family:var(--font-serif);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.seat-card.is-ready .seat-card__avatar{color:var(--safe);background:#6fd3a524}.seat-card__text{flex-direction:column;flex:1;min-width:0;display:flex}.seat-card__text strong{font-size:13.5px}.seat-card__text small{color:var(--text-mute);font-size:11px}.seat-card__state{font-size:10px}.matchmake__status{flex-direction:column;gap:10px;width:min(560px,100%);display:flex}.progress{background:var(--surface-raised-2);border-radius:2px;height:4px;overflow:hidden}.progress__bar{background:var(--accent);width:0;height:100%;transition:width 1s linear;display:block}.matchmake__countdown{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.matchmake__tip{color:var(--text-mute);align-items:center;gap:8px;font-size:12px;display:flex}.matchmake__tip .icon{color:var(--accent)}.matchmake .page__actions{justify-content:center}.results__head{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(130deg, var(--accent-soft), var(--surface));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;padding:10px 14px;display:grid}.results__badge{letter-spacing:.1em;color:var(--accent);white-space:nowrap;align-items:center;gap:5px;padding:0;font-size:10.5px;display:inline-flex}.results__title,.results__head h2{font-family:var(--font-serif);font-size:clamp(17px,2vw,21px);line-height:1.25}.results__limit{background:var(--accent-soft);font-family:var(--font-sans);letter-spacing:.06em;color:var(--accent-strong);vertical-align:middle;border:1px solid #e9b44c73;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;display:inline-block}.results__note,.results__head p{color:var(--text-dim);grid-column:2;font-size:12px}.results__head--draw .results__note{grid-column:1/-1}.results__table{border-collapse:collapse;width:100%;font-size:12.5px}.results__table th{text-align:left;letter-spacing:.08em;color:var(--text-mute);border-bottom:1px solid var(--line);padding:5px 8px;font-size:10.5px;font-weight:500}.results__table td{border-bottom:1px solid var(--line);padding:6px 8px}.results__table .num{text-align:right;font-variant-numeric:tabular-nums}.results__table tr.is-winner td{background:var(--accent-soft)}.results__player{align-items:center;gap:8px;font-weight:600;display:inline-flex}.is-plus{color:var(--safe)}.is-minus{color:var(--danger)}.riichi-dot{background:var(--danger);border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.win-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr);align-items:start;gap:16px;padding:14px;display:grid}.win-card__hand{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.win-card__hand .tile{--w:calc(var(--tile-meld) * .92)}.win-card__hand .meld{margin-left:6px}.win-card__yaku h3{letter-spacing:.12em;color:var(--text-mute);margin-bottom:6px;font-size:10.5px}.win-card__row{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:3px 0;font-size:12.5px;display:flex}.win-card__row--total{color:var(--accent);border-bottom:0;font-weight:600}.win-card__note{color:var(--text-mute);margin-top:8px;font-size:10.5px;line-height:1.5}.settings{flex-direction:column;gap:12px;max-width:840px;display:flex}.settings__group{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.settings__group h2{letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-bottom:4px;font-size:11px;font-weight:600}.settings__desc{color:var(--text-mute);font-size:12px;line-height:1.6}.inline-field{flex-wrap:wrap;gap:8px;display:flex}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-raised);min-width:0;min-height:42px;color:var(--text);flex:1;padding:0 12px;font-size:13px}.input[readonly]{color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.field-message{min-height:18px;color:var(--text-mute);font-size:12px}.field-message.is-error{color:var(--danger)}.range{width:min(220px,100%);accent-color:var(--accent)}.tut{flex-direction:column;gap:16px;display:flex}.tut__progress{justify-content:space-between;align-items:center;gap:16px;display:flex}.tut__count{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:12px}.tut__dots{gap:6px;display:flex}.tut__dot{background:var(--surface-raised-2);width:22px;height:4px;transition:background var(--dur);border-radius:2px}.tut__dot.is-active{background:var(--accent)}.tut__card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(16px,3vw,36px);padding:clamp(18px,3vw,30px);display:grid}.tut__visual{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(70% 70% at 50% 40%,#1e604a66,#061a1459);justify-content:center;align-items:center;min-height:230px;padding:16px;display:flex;overflow:hidden}.tut__copy h2{font-family:var(--font-serif);margin-bottom:10px;font-size:clamp(20px,2.6vw,26px);font-weight:600}.tut__copy p{color:var(--text-dim);font-size:14px;line-height:1.9}.tut__actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.tut .tile{--w:var(--tile-mini)}.tut .tile.is-drawn{margin-left:8px}.tut-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex}.tut-row{gap:2px;display:flex}.tut-group{background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.tut-group__label{letter-spacing:.08em;color:var(--text-mute);font-size:10px}.tut-flow,.tut-drawn{flex-direction:column;align-items:center;gap:10px;display:flex}.tut-arrow{color:var(--accent);align-items:center;gap:6px;font-size:11px;display:flex}.tut-caption{color:var(--text-mute);font-size:11px}.tut-calls{flex-direction:column;gap:10px;width:100%;display:flex}.tut-call{border:1px solid var(--line);background:#ffffff09;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.tut-call__tiles{align-items:center;gap:2px;display:flex}.tut-call .tile.is-called{outline:2px solid var(--accent);outline-offset:1px;border-radius:5px}.call-chip{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.call-chip--pon{color:#0a2b22;background:#7fd0a9}.call-chip--kan{color:#2a1208;background:#e08a6a}.tut-riichi{flex-direction:column;align-items:center;gap:12px;display:flex}.tut-riichi__layout{flex-direction:column;align-items:center;gap:14px;display:flex}.tut-stick{background:linear-gradient(#fffdf4,#e8ddc2);border-radius:4px;width:74px;height:14px;position:relative;box-shadow:0 4px 8px #00000059}.tut-stick-box{flex-direction:column;align-items:center;gap:5px;display:flex}.tut-stick__dot{background:#c0392b;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tut-riichi__score{color:var(--text-dim);flex-direction:column;align-items:center;font-size:11px;display:flex}.tut-riichi__score strong{color:var(--accent);font-size:20px}.tut-win{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.tut-win__card{border:1px solid var(--line);background:#051e1899;border-radius:12px;flex-direction:column;gap:4px;width:min(280px,100%);padding:12px 14px;display:flex}.tut-win__head{color:var(--accent);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.tut-win__row{border-top:1px dashed var(--line);color:var(--text-dim);justify-content:space-between;padding-top:4px;font-size:11px;display:flex}.tut-win__row--total{color:var(--text);font-weight:600}.ad-slot{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;min-height:148px;margin-top:clamp(24px,4vw,44px);padding-top:20px;display:flex}.ad-slot__label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);align-self:flex-start;font-size:9px}.ad-slot ins{width:100%}.ad-slot.is-empty{display:none}.site-foot{width:min(var(--page-width), 100% - clamp(24px, 6vw, 64px));border-top:1px solid var(--line);color:var(--text-mute);flex-direction:column;gap:12px;margin:0 auto;padding:clamp(26px,4vw,42px) 0 clamp(34px,5vw,54px);font-size:12px;display:flex}.site-foot__top{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.site-foot__brand{color:var(--text-dim);align-items:center;gap:8px;font-weight:600;display:inline-flex}.site-foot__brand .brand__mark{width:22px;height:22px;font-size:12px}.site-foot__tag{margin:0}.site-foot__nav{flex-wrap:wrap;gap:6px 18px;display:flex}.site-foot__nav a{color:var(--text-dim)}.site-foot__nav a:hover{color:var(--text)}.site-foot__legal{margin:0;line-height:1.7}.doc__meta{color:var(--text-mute);margin-top:-6px;font-size:12px}.doc__body{flex-direction:column;gap:clamp(20px,2.6vw,30px);max-width:760px;display:flex}.doc__section h2{font-family:var(--font-serif);letter-spacing:.01em;font-size:clamp(16px,1.9vw,20px);font-weight:600}.doc__section p{color:var(--text-dim);margin-top:8px;font-size:clamp(13px,1.45vw,15px);line-height:1.9}.doc__section a,.doc__related a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.doc__related{border-top:1px solid var(--line);color:var(--text-mute);flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding-top:clamp(16px,2vw,22px);font-size:12px;display:flex}.consent{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:60;border:1px solid var(--line);background:var(--surface-raised);width:min(820px,100% - 24px);color:var(--text-dim);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #00000059}.consent__text{flex:300px;min-width:0}.consent__text strong{color:var(--text);margin-bottom:4px;display:block}.consent__text p{margin:0;line-height:1.7}.consent__text a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.consent__actions{flex:none;gap:8px;display:flex}.consent__actions .btn{min-height:40px;padding:0 16px;font-size:13px}body:has(.consent) .page{padding-bottom:clamp(150px,22vw,190px)}body:has(.consent) .site-foot{padding-bottom:clamp(140px,20vw,180px)}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr)}.hero__copy{max-width:none}.hero__art{max-width:560px;margin:0 auto}.features,.scope,.lobby,.win-card,.tut__card{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.seat-grid{grid-template-columns:minmax(0,1fr)}.rule{grid-template-columns:38px minmax(0,1fr);gap:12px}.results__table th:nth-child(3),.results__table td:nth-child(3){display:none}}.meld--flower{margin-left:6px}.win-card__flowers{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.horse-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:16px 20px}.horse-card h3{letter-spacing:.12em;color:var(--text-mute);margin-bottom:10px;font-size:11px}.horse-card__tiles{flex-wrap:wrap;gap:10px;padding:2px 0 10px;display:flex}.horse-card__tile{flex-direction:column;align-items:center;gap:4px;display:flex}.horse-card__seat{color:var(--text-mute);font-size:10px}.horse-card__seat.is-hit{color:var(--accent-strong);font-weight:700}.horse-card__list{gap:2px;display:grid}.horse-card__row{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.horse-card__row.is-hit{color:var(--accent-strong)}.horse-card__owner{min-width:4.5em;font-weight:600}.horse-card__arrow{color:var(--text-mute)}.horse-card__hit{background:var(--accent-soft);border-radius:999px;padding:1px 6px;font-size:10px}.horse-card__delta{font-variant-numeric:tabular-nums;margin-left:auto}.horse-card__row.is-plus .horse-card__delta{color:var(--safe)}.horse-card__row.is-minus .horse-card__delta{color:var(--danger)}.horse-card__note{color:var(--text-mute);margin-top:10px;font-size:11px;line-height:1.6}.board{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;padding:16px;display:flex}.board__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.board__me{color:var(--accent-strong);font-size:12.5px;font-weight:600}.board__status{color:var(--text-dim);margin:0;padding:6px 2px;font-size:13px}.board__status.is-error{color:var(--danger)}.board__table{border-collapse:collapse;width:100%;font-size:13px}.board__table th{border-bottom:1px solid var(--line);letter-spacing:.08em;text-align:left;color:var(--text-mute);padding:6px 8px;font-size:11px;font-weight:500}.board__table td{border-bottom:1px dashed var(--line);padding:8px}.board__table .num{text-align:right;font-variant-numeric:tabular-nums}.board__row.is-you td{background:var(--accent-soft)}.board__rank{font-variant-numeric:tabular-nums;width:52px;font-weight:700}.board__rank--1{color:#e9b44c}.board__rank--2{color:#cbd5e1}.board__rank--3{color:#d9a066}.board__player{align-items:center;gap:8px;min-width:0;display:flex}.board__avatar{background:hsl(var(--h) 42% 40%);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.board__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board__tier{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.04em;border:1px solid #e9b44c66;border-radius:999px;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.board__you{background:var(--accent);color:var(--on-accent);border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.board__callout{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.results__upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.results__upload-status{color:var(--text-dim);font-size:12.5px}@media (width<=620px){.board{padding:12px}.board__table th:nth-child(4),.board__table td:nth-child(4),.board__table th:nth-child(5),.board__table td:nth-child(5){display:none}}.win-modal__flowers{align-items:center;gap:3px;margin-left:10px;display:flex}.results__flower{color:var(--accent-strong);white-space:nowrap;background:#e9b44c29;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:600}.modes{flex-direction:column;gap:12px;width:min(1120px,100%);margin:clamp(20px,3vw,34px) auto 0;padding:0 clamp(12px,3vw,34px);display:flex}.modes__head h2{font-family:var(--font-serif);font-size:clamp(18px,2vw,24px)}.modes__head p{color:var(--text-dim);margin-top:4px;font-size:13px}.modes__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.mode-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;transition:border-color var(--dur), transform var(--dur), background var(--dur);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.mode-card:hover:not(:disabled){border-color:#e9b44c73;transform:translateY(-2px)}.mode-card.is-active{background:linear-gradient(180deg, #e9b44c1f, var(--surface));border-color:#e9b44cb3}.mode-card.is-disabled{opacity:.55;cursor:not-allowed}.mode-card__top{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.mode-card__top strong{font-family:var(--font-serif);font-size:17px}.mode-card__badge{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.mode-card__badge--soon{background:var(--surface-raised-2);color:var(--text-dim)}.mode-card__desc{color:var(--text-dim);font-size:12.5px;line-height:1.6}.mode-card__cta{color:var(--accent-strong);align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:600;display:inline-flex}@property --turn{syntax:"<percentage>";inherits:false;initial-value:100%}.table-screen{height:100dvh;height:var(--vvh,100dvh);min-height:300px;color:var(--text);background:radial-gradient(120% 90% at 50% 0%, var(--felt-700) 0%, var(--felt-900) 55%, var(--felt-950) 100%);isolation:isolate;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}@supports (height:100dvh){.table-screen{height:100dvh;height:var(--vvh,100dvh)}}body[data-screen=table] .topbar{display:none}.table-screen__felt{pointer-events:none;background:radial-gradient(80% 60% at 50% 44%,#34b88561,#0000 72%),repeating-linear-gradient(45deg,#ffffff04 0 2px,#0000 2px 5px);border-radius:26px;position:absolute;inset:8px;box-shadow:inset 0 0 90px #00000080,inset 0 0 0 1px #ffffff0d}.table-screen__grid{z-index:1;height:100%;padding:calc(10px + env(safe-area-inset-top,0px)) calc(clamp(10px, 1.6vw, 22px) + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(clamp(10px, 1.6vw, 22px) + env(safe-area-inset-left,0px));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:clamp(128px,12vw,168px) minmax(0,1fr) clamp(128px,12vw,168px);gap:4px clamp(6px,1vw,12px);display:grid;position:relative}.seat{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.seat--top{grid-area:1/2;align-items:flex-start;padding-top:2px}.seat--top .plate{justify-content:flex-start;width:clamp(180px,24vw,300px)}.hand-area__side .plate,[data-meplate] .plate{width:clamp(150px,19vw,220px);min-width:0}.seat--left{grid-area:2/1;justify-content:flex-start}.seat--right{grid-area:2/3;justify-content:flex-end}.seat__content{flex-direction:column;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.seat--left .seat__content,.seat--right .seat__content{justify-content:flex-start;align-items:stretch;width:100%;height:100%}.plate{backdrop-filter:blur(6px);min-width:clamp(148px,15vw,210px);max-width:100%;transition:border-color var(--dur), box-shadow var(--dur);background:#0416119e;border:1px solid #ffffff17;border-radius:16px;justify-content:flex-start;align-items:center;gap:10px;padding:7px 13px 7px 9px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 6px 16px #00000038}.plate.is-active{border-color:#e9b44ca6;box-shadow:0 0 0 1px #e9b44c38,0 0 26px #e9b44c2e}.plate--compact{border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 6px;width:100%;min-width:0;min-height:56px;padding:8px 9px;display:grid}.plate--compact .plate__main{display:contents}.plate--compact .plate__name{text-overflow:ellipsis;grid-area:1/2;gap:5px;font-size:12.5px;overflow:hidden}.plate--compact .plate__sub{flex-wrap:nowrap;grid-area:2/1/2/-1;gap:0 6px;font-size:10.5px}.plate--compact .plate__wind{grid-area:1/1}.plate--compact .riichi-badge{grid-area:3/1/3/-1;margin-top:0}.plate--compact .plate__horse,.plate--compact .plate__flower{text-overflow:ellipsis;max-width:100%;overflow:hidden}.plate--compact .bot-tag{flex:none;padding:0 3px;font-size:0}.plate--compact .bot-tag .icon{width:11px;height:11px}.plate__wind{min-width:32px;height:32px;font-family:var(--font-serif);white-space:nowrap;color:var(--text);background:#ffffff1a;border-radius:999px;flex:none;place-items:center;padding:0 8px;font-size:15px;line-height:1;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.plate--compact .plate__wind{min-width:28px;height:28px;padding:0 6px;font-size:13px}.plate__wind.is-dealer{color:#2a1d06;background:linear-gradient(160deg,#f2c968,#d79f2e);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #e9b44c8c}.plate__dealer{background:var(--accent);color:var(--on-accent);letter-spacing:.02em;border-radius:5px;flex:none;padding:0 5px;font-size:10px;font-weight:700;line-height:1.55}.plate--compact .plate__dealer{padding:0 4px;font-size:9px}.dealer{background:var(--accent);color:var(--on-accent);font-family:var(--font-ui);letter-spacing:0;border-radius:4px;padding:0 3px;font-size:8px;font-style:normal;line-height:1.4;position:absolute;bottom:-3px;right:-4px}.plate__main{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.plate__name{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.plate__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.plate__sub{min-width:0;min-height:1.25em;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-size:11.5px;display:flex;overflow:hidden}.plate__score{min-width:5.2ch}.plate__count{color:var(--text-mute);min-width:6.4ch}.plate__horse{color:var(--text-dim);white-space:nowrap;background:#ffffff14;border-radius:999px;padding:0 5px}.plate__flower{color:var(--accent-strong);white-space:nowrap;background:#e9b44c24;border-radius:999px;padding:0 5px}.riichi-badge{color:#ffe2ae;white-space:nowrap;align-items:center;gap:4px;font-size:9.5px;display:inline-flex}.riichi-stick{background:#f6efdc;border-radius:2px;width:14px;height:6px;position:relative;box-shadow:0 1px 2px #0006}.riichi-stick:after{content:"";background:#c0392b;border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plate__timer{background:conic-gradient(var(--accent) var(--turn), #ffffff29 0);animation:turn-ring var(--turn-ms,18s) linear forwards;pointer-events:none;border-radius:999px;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%)}@keyframes turn-ring{0%{--turn:100%}to{--turn:0%}}.melds{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.melds--own{flex-wrap:nowrap;flex:none;justify-content:flex-start;max-width:46%;overflow:visible}.melds--own:empty{display:none}.melds--side{flex-direction:column;align-items:flex-start;gap:4px}.meld{background:#0003;border-radius:6px;gap:1px;padding:2px;display:flex;box-shadow:0 1px #ffffff0a}.meld--kan{padding-right:6px}.meld--flower{background:#e9b44c14;border-left:1px dashed #e9b44c59;margin-left:6px;padding-left:8px}.meld--flower .tile{opacity:.94}.melds--side .meld--flower{border-top:1px dashed #e9b44c59;border-left:0;margin:4px 0 0;padding:6px 0 0}.seat--left .tile--meld,.seat--right .tile--meld{--w:calc(var(--tile-hand) * .5)}.centre{grid-area:2/2;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;place-items:center;min-width:0;min-height:0;padding:2px 0;display:grid;position:relative}.pond-slot{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.pond-slot--top,.pond-slot--bottom{width:calc(var(--tile-discard) * 6 + 18px);max-width:100%}.pond-slot--top{grid-area:1/2;align-self:end}.pond-slot--bottom{grid-area:3/2;align-self:start}.pond-slot--left,.pond-slot--right{width:calc(var(--tile-discard) * 5.8);height:100%;min-height:0;position:relative}.pond-slot--left{grid-area:2/1}.pond-slot--right{grid-area:2/3}.pond{grid-template-columns:repeat(6, var(--tile-discard));place-content:flex-start center;gap:3px;display:grid}.pond--left,.pond--right{position:absolute;top:50%;left:50%}.pond--left{transform:translate(-50%,-50%)rotate(90deg)}.pond--right{transform:translate(-50%,-50%)rotate(-90deg)}.info{z-index:2;background:radial-gradient(circle at 50% 35%,#0b3026eb,#041410f0);border:1px solid #ffffff17;border-radius:16px;flex-direction:column;grid-area:2/2;gap:8px;width:min(clamp(210px,18vw,288px),100%);min-width:0;padding:clamp(8px,1.4vh,14px) clamp(8px,1.2vw,16px);display:flex;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000059}.info__meta{letter-spacing:.04em;min-width:0;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;margin-bottom:1px;font-size:clamp(9.5px,1.25vh,10.5px);font-weight:600;display:flex;overflow:hidden}.info__sticks{color:var(--accent)}.info__dora{letter-spacing:.08em;color:var(--text-mute);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:4px;margin-top:2px;font-size:9px;display:inline-flex}.info__dora>span{white-space:nowrap}.info__dora .tile{--w:clamp(16px, 2vh, 20px);aspect-ratio:5/5.6}.info__grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:clamp(3px,.7vh,6px) clamp(5px,.9vw,8px);display:grid}.info__cell{border-radius:9px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:clamp(1px,.5vh,4px) clamp(4px,.5vw,8px);line-height:1.2;display:flex}.info__cell.is-turn{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #e9b44c47}.info__cell--top{grid-area:1/2}.info__cell--left{grid-area:2/1}.info__cell--right{grid-area:2/3}.info__cell--bottom{grid-area:3/2}.info__wind{font-family:var(--font-serif);color:var(--text);align-items:center;gap:4px;font-size:14px;display:inline-flex;position:relative}.info__wind-char{background:#ffffff1a;border-radius:999px;place-items:center;min-width:clamp(20px,2.6vh,26px);height:clamp(20px,2.6vh,26px);padding:0 clamp(4px,.5vw,7px);font-size:clamp(11px,1.5vh,14px);line-height:1;display:grid}.info__wind:has(.dealer) .info__wind-char{color:#2a1d06;background:linear-gradient(160deg,#f2c968,#d79f2e)}.info__wind .dealer{border-radius:4px;padding:0 5px;font-size:10px;font-weight:700;line-height:1.6;position:static;bottom:auto;right:auto}.info__name{max-width:86px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,1.35vh,11.5px);overflow:hidden}.info__score{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(12px,1.75vh,14.5px);font-weight:600}.info__core{flex-direction:column;grid-area:2/2;align-items:center;padding:0 clamp(4px,.6vw,8px);display:flex}.info__remaining{font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(24px,min(3.2vw,4.4vh),40px);font-weight:700;line-height:1}.info__label{letter-spacing:.12em;color:var(--text-dim);margin-top:2px;font-size:clamp(9px,1.2vh,10.5px)}.info__order{letter-spacing:.02em;max-width:100%;color:var(--text-dim);opacity:.8;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:10px;overflow:hidden}@media (width<=720px){.info__order{margin-top:4px;font-size:9px}}@media (height<=900px){.info__order{display:none}}@media (height<=700px){.info__label{display:none}}.hand-area{grid-area:3/1/4/4;grid-template-columns:minmax(100px,180px) minmax(0,1fr);align-items:end;gap:10px;padding:0 4px 2px;display:grid;position:relative}.hand-area__side{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.hand-wrap{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.hand-row{justify-content:center;align-items:flex-end;gap:clamp(6px,1vw,14px);width:100%;min-width:0;display:flex}.hand{flex:auto;justify-content:center;align-items:flex-end;gap:clamp(2px,.3vw,4px);width:auto;min-width:0;max-width:100%;display:flex}.hand .tile{flex:0 1 var(--tile-hand);touch-action:none;min-width:0}.hand__gap{flex:none;width:clamp(8px,1.1vw,16px)}.hint-bar{width:100%;min-height:26px;color:var(--text-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:11px;display:flex}.hint-bar.is-hidden{display:none}.hint-badge{background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border:1px solid #e9b44c47;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.hint-badge--warn{color:var(--danger);background:#e26c6024;border-color:#e26c6066}.hint-legend{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.hint-waits{align-items:center;gap:3px;display:inline-flex}.hint-waits .tile{--w:20px}.hint-waits__label{letter-spacing:.08em;color:var(--accent-strong);margin-right:2px;font-size:10px}.dot{border-radius:50%;width:6px;height:6px}.dot--hint{background:var(--accent)}.dot--safe{background:var(--safe)}.table-tools{top:calc(14px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));z-index:12;gap:6px;display:flex;position:absolute}.tool-btn{height:40px;min-height:40px;color:var(--text-dim);backdrop-filter:blur(6px);background:#04161199;border:1px solid #ffffff1a;border-radius:999px;padding:0 13px;font-size:12px}.tool-btn:hover{color:var(--text);background:#09261ecc}.tool-btn.btn--primary{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;border-color:#e9b44c66}.tool-btn .icon{width:17px;height:17px}.table-toast{z-index:40;max-width:min(430px,100vw - 32px);color:var(--text);text-align:center;pointer-events:none;background:#061e18f0;border:1px solid #e9b44c73;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;animation:.18s ease-out table-toast-in;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #00000073}.table-toast.is-out{opacity:0;transition:opacity .4s,transform .4s;transform:translate(-50%,-6px)}@keyframes table-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.table-menu{z-index:25;backdrop-filter:blur(10px);background:#051c16f7;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:6px;width:min(248px,100vw - 24px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 44px #00000080}.table-menu[hidden]{display:none}.table-menu__row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 6px;font-size:11px;display:flex}.table-menu__row .lang__select{flex:1;min-width:0}.table-menu__item{border:1px solid var(--line);background:var(--surface-raised);min-height:38px;color:var(--text);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.table-menu__item span:last-child{letter-spacing:.08em;color:var(--text-mute);font-size:10px}.table-menu__item.is-on{background:var(--accent-soft);color:var(--accent-strong);border-color:#e9b44c66}.table-menu__item.is-on span:last-child{color:var(--accent)}.table-menu__item--danger{color:var(--danger);background:0 0;border-color:#e4695e4d;margin-top:2px}.table-menu__item--danger span:last-child{display:none}.action-layer{z-index:8;width:max-content;max-width:min(92vw,660px);display:none;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.action-layer.is-visible{display:block}.call-bar{backdrop-filter:blur(12px);animation:call-in var(--dur) var(--ease) both;background:#051c16f0;border:1px solid #e9b44c61;border-radius:14px;flex-direction:column;gap:7px;padding:9px 11px;display:flex;box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f}.call-bar--riichi{flex-direction:row;align-items:center;gap:14px;padding:8px 12px}.call-bar__head{color:var(--text-dim);justify-content:space-between;align-items:center;gap:14px;font-size:10px;display:flex}.call-bar__head strong{letter-spacing:.06em;color:var(--accent);font-size:11px}.call-bar__buttons{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.call-bar__body{align-items:center;gap:12px;display:flex}.call-bar__offer{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.call-bar__offer .tile{--w:calc(var(--tile-hand) * .66)}.call-bar__from{white-space:nowrap;color:var(--text-mute);font-size:9px}.call-bar:has(.call-btn--ron),.call-bar:has(.call-btn--tsumo){border-color:#f0544a8c;box-shadow:0 18px 40px #00000073,0 0 32px #c0392b40}.call-btn--ron,.call-btn--tsumo{color:#fff;background:linear-gradient(#f2695f,#c0392b);border-color:#ffffff38;min-width:92px;font-size:16px;font-weight:700;animation:1.5s ease-in-out infinite win-pulse}.call-btn--ron:hover,.call-btn--tsumo:hover{transform:translateY(-1px)scale(1.02)}@keyframes win-pulse{0%,to{box-shadow:0 10px 24px #c0392b61}50%{box-shadow:0 10px 36px #f2695fb3}}.call-btn{min-width:66px;min-height:44px;padding:0 16px;font-size:14px}.call-bar__timer{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.call-bar__timer span{background:var(--accent);height:100%;animation:linear forwards call-timer;display:block}.overlay{z-index:30;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay__scrim{backdrop-filter:blur(4px);background:#020e0bb8;position:absolute;inset:0}.win-modal{width:min(540px,100%);max-height:92%;box-shadow:var(--shadow);animation:modal-in .22s var(--ease) both;background:linear-gradient(#0d362a,#07251d);border:1px solid #e9b44c52;border-radius:22px;padding:clamp(20px,3vw,28px);position:relative;overflow:auto}.win-modal .tile{--w:clamp(24px, 2.4vw, 34px)}.win-modal .eyebrow{margin-bottom:4px}.win-modal h2{font-family:var(--font-serif);margin-bottom:14px;font-size:clamp(24px,3.2vw,32px);font-weight:600}.win-modal__hand{background:#0000002e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:14px;padding:12px;display:flex}.win-modal__hand .meld{margin-left:8px}.win-modal__yaku{flex-direction:column;display:flex}.win-modal__row{border-bottom:1px dashed var(--line);color:var(--text-dim);justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;display:flex}.win-modal__row--total{color:var(--text);border-bottom:0;font-weight:600}.win-modal__points{font-family:var(--font-serif);color:var(--accent);margin-top:6px;font-size:26px}.win-modal__note{color:var(--text-mute);margin-top:12px;font-size:11px;line-height:1.6}.win-modal__actions{justify-content:flex-end;margin-top:18px;display:flex}@media (width<=1280px){.table-tools .tool-btn span{display:none}.tool-btn{width:40px;padding:0}}@media (width<=1180px){.table-screen__grid{grid-template-columns:clamp(92px,10vw,128px) minmax(0,1fr) clamp(92px,10vw,128px)}.hand-area{grid-template-columns:minmax(78px,118px) minmax(0,1fr)}.hint-legend{display:none}}@media (width<=560px){.info{gap:5px;width:168px;padding:6px 8px}.info__grid{gap:2px 4px}.info__cell{padding:1px 3px}.info__wind-char{min-width:20px;height:20px;padding:0 5px;font-size:11px}.info__name{display:none}.info__score{font-size:11px}.info__remaining{font-size:24px}.info__label{display:none}.info__dora{font-size:8.5px}.info__dora .tile{--w:18px}}@media (height<=620px){.table-screen__grid{gap:2px 8px;padding:4px 8px 6px}.plate{gap:6px;padding:4px 8px 4px 4px}.plate__wind{min-width:24px;height:24px;padding:0 6px;font-size:12px}.plate__name{font-size:11px}.plate__sub{font-size:9.5px}.bot-tag{padding:0 4px;font-size:8px}.plate__timer{inset:-4px}.riichi-badge{gap:3px;font-size:8.5px}.riichi-stick{width:12px;height:5px}.info{width:clamp(148px,17vw,190px);padding:6px 8px}.info__remaining{font-size:22px}.info__cell{padding:1px 4px}.info__name{display:none}.info__dora{margin-top:2px}.hand-area{grid-template-columns:minmax(72px,104px) minmax(0,1fr);gap:6px}.hand-wrap{gap:2px}.hint-bar{min-height:20px}.hint-badge{padding:2px 6px;font-size:10px}.table-tools{top:8px;right:10px}.tool-btn{height:30px;min-height:30px}}@media (height<=460px){.table-screen__grid{grid-template-columns:88px minmax(0,1fr) 88px}.info{flex-direction:row;align-items:center;gap:10px;width:auto;padding:4px 10px}.info__grid{align-items:center;gap:8px;display:flex}.info__cell{display:none}.info__core{flex-direction:row;gap:6px;padding:0}.info__remaining{font-size:20px}.info__label{display:none}.info__dora{flex-direction:row;gap:4px;margin-top:0}.info__dora .tile{--w:20px}.plate__sub{gap:0 4px;font-size:9px}.plate__count{display:none}.plate--compact .bot-tag{padding:0 3px;font-size:0}.hint-bar{min-height:18px;font-size:9px}.hint-badge{padding:1px 6px;font-size:9px}.hint-waits .tile{--w:17px}.hint-waits__label{font-size:9px}.hint-legend{display:none}.hand-area{grid-template-columns:minmax(66px,82px) minmax(0,1fr)}.hand-area__side{gap:0}.call-bar{gap:4px;padding:6px 8px}.call-btn{min-width:54px;min-height:38px;padding:0 10px;font-size:12px}.call-bar__head{font-size:9px}.win-modal__hand{padding:8px}}:-webkit-any(html:fullscreen,html:-webkit-full-screen){background:var(--felt-950,#041611)}:is(html:fullscreen,html:fullscreen){background:var(--felt-950,#041611)}:-webkit-any(.table-screen:fullscreen,.table-screen:-webkit-full-screen){border-radius:0;width:100%;height:100%}:is(.table-screen:fullscreen,.table-screen:fullscreen){border-radius:0;width:100%;height:100%}:-webkit-any(.table-screen:fullscreen .table-screen__felt,.table-screen:-webkit-full-screen .table-screen__felt){border-radius:0;inset:0}:is(.table-screen:fullscreen .table-screen__felt,.table-screen:fullscreen .table-screen__felt){border-radius:0;inset:0}@media (display-mode:fullscreen),(display-mode:standalone){body[data-screen=table]{overscroll-behavior:none}}.seat__hand{justify-content:center;align-items:center;gap:1px;max-width:100%;padding:1px 0;display:flex}.seat__hand .tile--mini{--w:calc(var(--tile-mini) * .62);transition:transform .16s}.seat__hand .tile{transition:transform .16s,opacity .16s}.seat__hand .seat__back.is-entering{animation:.18s ease-out seat-back-in}.seat__hand .seat__back{transition:transform .16s ease-out,margin .16s ease-out}.seat__hand--2.is-drawn .seat__back:last-child{transform:translateY(-2px)}@keyframes seat-back-in{0%{opacity:0;transform:translateY(4px)scale(.9)}to{opacity:1;transform:none}}.overlay--sheet{justify-content:center;align-items:center;padding:14px;display:flex;overflow:auto}.overlay--sheet>.results-sheet{margin:auto}.results-sheet{width:min(600px,100%);max-height:100%;padding:calc(12px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));background:linear-gradient(#061e18fa,#041611fc);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;animation:.2s ease-out results-sheet-in;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #00000080}.results-panel{flex-direction:column;gap:10px;padding-bottom:2px;display:flex}.results-sheet .page__actions{z-index:2;background:linear-gradient(#051a15eb,#051a15 34%);flex-wrap:wrap;gap:8px;margin-top:0;padding:10px 0 2px;display:flex;position:sticky;bottom:0}@keyframes results-sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width>=720px){.results-sheet{border-radius:20px;max-height:calc(100% - 24px);margin-top:12px}}.seat__stack{justify-content:center;align-items:center;gap:7px;min-width:0;min-height:0;display:flex}.seat__stack--2{flex-direction:column}.seat__stack--1,.seat__stack--3{flex-direction:row;flex:auto;align-items:stretch;min-height:0}.seat__hand--1,.seat__hand--3{flex-flow:column;flex:none;justify-content:center;row-gap:0;width:auto;max-width:none;max-height:100%}.seat__hand--1 .seat__back,.seat__hand--3 .seat__back{--w:calc(var(--tile-mini) * .475);width:calc(var(--tile-mini) * .475);height:calc(var(--tile-mini) * .34);aspect-ratio:auto}.seat__hand--1.is-drawn .seat__back:last-child{transform:translate(-2px)}.seat__hand--3.is-drawn .seat__back:last-child{transform:translate(2px)}.wall{opacity:.8;justify-content:center;align-items:center;gap:2px;display:flex}.wall--top{flex-direction:row}.wall--left,.wall--right{flex-direction:column}.wall .wall__back{--w:calc(var(--tile-mini) * .15)}.wall .wall__back .tile__body{background:linear-gradient(#d6f5e4d9,#60b08dbf);border-radius:2px;box-shadow:0 1px 1px #0000004d}.wall .wall__back .tile__back-pattern{display:none}.wall--left .wall__back{transform:rotate(90deg)}.wall--right .wall__back{transform:rotate(-90deg)}