.room-lights{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-lights canvas{pointer-events:none;width:100%;height:100%;display:block}.lobby-layout,.loading-core{z-index:1}@media (width<=359px){.botanical-sprig-top{width:144px;top:9px;right:5px}.botanical-sprig-bottom{width:162px;bottom:10px;left:6px}.df-ranking .df-standing{grid-template-columns:54px minmax(0,1fr) auto;column-gap:6px;padding-left:4px}.df-ranking .df-rank{min-height:58px}.df-ranking .df-standing[data-rank="1"] .df-rank{width:54px;height:58px;font-size:41px}}@media (height<=480px) and (aspect-ratio>=1){.botanical-cover{width:100%}.botanical-sprig-top{width:154px;top:6px;right:7px}.botanical-sprig-bottom{width:160px;bottom:7px;left:7px}.botanical-cover:before,.botanical-cover:after{opacity:.18;width:160px}}.tatejan-mark{width:calc(var(--shell-logo-height,217px)*2/3);height:var(--shell-logo-height,217px);display:block;position:relative}.tatejan-mark .tatejan-logo{object-fit:contain;filter:none;width:100%;max-width:none;height:100%;display:block;transform:translate(-4%)scale(.9)}@font-face{font-family:LobbyMincho;src:url(/ui/lobby-v35/lobby-mincho-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:LobbyMincho;src:url(/ui/lobby-v35/lobby-mincho-500.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}body[data-shell]{color:#eee8d6;background:#090e12;margin:0}body[data-shell=loading] #viewport,body[data-shell=lobby] #viewport{visibility:hidden;pointer-events:none}#load-state,#lobby{z-index:20;box-sizing:border-box;font-synthesis:none;color:#eee8d6;background:#090e12;font-family:LobbyMincho,Yu Mincho,serif;position:fixed;inset:0;overflow:hidden}#load-state[hidden],#lobby[hidden],#loading-retry[hidden],.lobby-session[hidden]{display:none}#load-state{z-index:30;background:#040506;transition:opacity .45s;display:block}#load-state:before{content:"";pointer-events:none;background:radial-gradient(#101010 0%,#040506 58%);position:absolute;inset:0}#load-state.is-leaving{opacity:0;pointer-events:none}.loading-core{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(280px,100vw - 48px);margin:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-wisp{object-fit:contain;mix-blend-mode:screen;pointer-events:none;width:112px;height:168px;animation:3.8s ease-in-out infinite wisp-glow;display:block}.loading-meter{background:#bba77824;width:112px;height:1px;margin-top:2px;position:relative}.loading-meter>span{width:calc(var(--loading-value,0)*1%);background:linear-gradient(90deg,#91713d,#eeddb1);height:1px;transition:width .3s;display:block;box-shadow:0 0 8px #ddbd7145}.loading-status{color:#938b7a;letter-spacing:.16em;text-align:center;font:400 10px/1.7 LobbyMincho,serif}#loading-percent{display:none}#loading-retry{color:#eadab5;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #baa47666;min-height:48px;margin-top:4px;padding:10px 20px;font:400 16px LobbyMincho,serif}#load-state[data-error=true] .loading-status{letter-spacing:.04em;width:100%;font-size:12px;line-height:1.8}#load-state[data-error=true] .loading-wisp{opacity:.55;animation:none}#lobby{isolation:isolate;background:#10585d;transition:opacity .4s,filter .4s}.lobby-scene{object-fit:fill;pointer-events:none;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.lobby-shade{z-index:-2;pointer-events:none;background:linear-gradient(#031a1b33 0,#0000 30% 62%,#031a1b55 100%);position:absolute;inset:0}.lobby-motes{z-index:-1;pointer-events:none;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.lobby-layout{box-sizing:border-box;max-width:560px;height:100%;min-height:400px;padding:max(18px,env(safe-area-inset-top)) 26px max(14px,env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto clamp(32px,7vh,64px) auto minmax(0,1fr) auto;gap:0;margin:auto;display:grid;position:relative}.lobby-brand{flex-direction:column;grid-row:2;place-self:center;align-items:center;margin:0;display:flex}.lobby-flourish{color:#c1a071;width:192px;margin-bottom:9px}.lobby-flourish svg{stroke:currentColor;stroke-width:.8px;width:100%;height:28px;overflow:visible}.lobby-brand h1{letter-spacing:.26em;text-indent:.26em;color:#ecdbb4;-webkit-text-fill-color:transparent;background:linear-gradient(174deg,#fff4dc 10%,#e5cca0 50%,#9f7b44 97%);-webkit-background-clip:text;background-clip:text;outline:none;margin:0;font:500 clamp(60px,17vw,88px)/1.25 LobbyMincho,serif}.lobby-brand-rule{background:linear-gradient(90deg,#0000,#d1b67d,#0000);width:72px;height:1px;margin-top:23px}.lobby-actions{flex-direction:column;grid-row:4;align-items:center;gap:5px;width:100%;margin:0 auto;display:flex}.lobby-mode{letter-spacing:.1em;color:#cec9ba;text-shadow:0 1px 5px #000;justify-content:center;align-items:center;gap:13px;margin:0 0 2px;font:11px/1.5 DarkSans,system-ui,sans-serif;display:flex}.lobby-mode>span{background:#b59961;width:3px;height:3px;transform:rotate(45deg)}#lobby-start-slot{width:100%;max-width:250px}#lobby .lobby-start{width:100%;font-size:22px}#lobby .lobby-start .df-command-label{white-space:nowrap}.lobby-secondary{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.lobby-secondary button{color:#d9d2c2;letter-spacing:.1em;cursor:pointer;text-shadow:0 1px 7px #000;background:0 0;border:0;min-width:180px;min-height:46px;padding:9px 18px;font:400 16px/1.4 LobbyMincho,serif;display:block}.lobby-foot{letter-spacing:.12em;color:#aebeb7;grid-row:6;justify-content:space-between;gap:16px;padding:5px 0 0;font:9px/1.6 DarkSans,system-ui,sans-serif;display:flex}#lobby.is-leaving{opacity:0;filter:blur(3px);pointer-events:none}#lobby.is-arriving .lobby-brand{animation:none}#lobby.is-arriving .lobby-actions{animation:.65s ease-out .15s both lobby-arrive}#lobby-dialog{box-sizing:border-box;color:#eee8d6;background:linear-gradient(145deg,#1b2729ee,#0a1418f5);border:1px solid #bca67a55;width:min(390px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:30px 26px 18px;font:400 15px/1.8 LobbyMincho,serif;overflow:auto;box-shadow:0 18px 90px #0008}#lobby-dialog::backdrop{-webkit-backdrop-filter:blur(5px);background:#050b12ac}#lobby-dialog h2{letter-spacing:.12em;color:#e4c894;margin:0 0 24px;font:400 27px/1.4 LobbyMincho,serif}#lobby-dialog p{color:#b8c1be;margin:9px 0;font:12px/1.9 DarkSans,system-ui,sans-serif}#lobby-dialog ol{counter-reset:help;margin:0;padding:0;list-style:none}#lobby-dialog li{counter-increment:help;padding:0 0 18px 34px;position:relative}#lobby-dialog li:before{content:counter(help,decimal-leading-zero);color:#b99b64;font:20px/1.5 DarkUINumber,Georgia,serif;position:absolute;top:0;left:0}#lobby-dialog li strong{color:#eddec1;font-weight:400}#lobby-dialog .lobby-note{border-top:1px solid #b4a47c2b;padding-top:14px;font-size:11px}#lobby-dialog:not([data-kind=settings]) fieldset{border:0;margin:0 0 25px;padding:0}#lobby-dialog:not([data-kind=settings]) legend{color:#b9c1b9;margin-bottom:15px;font:12px DarkSans,system-ui,sans-serif}#lobby-dialog .lobby-orientation{gap:12px;display:flex}#lobby-dialog .lobby-orientation button{color:#aeb6b4;cursor:pointer;background:#06131580;border:1px solid #a693682f;flex:1;min-height:50px;font:400 16px LobbyMincho,serif}#lobby-dialog .lobby-orientation button[aria-pressed=true]{color:#ecd5a9;background:#aa894a18;border-color:#bd9f65}#lobby-dialog footer{justify-content:center;margin-top:20px;display:flex}#lobby-dialog footer .df-command{max-width:100%;font-family:LobbyMincho,serif;font-size:20px}#lobby-dialog details{color:#9fa9a7;margin-top:25px;font:11px/1.8 DarkSans,system-ui,sans-serif}#lobby-dialog summary{cursor:pointer;min-height:44px}#lobby-dialog a{color:#dbc597;text-underline-offset:3px}#lobby button:focus-visible,#loading-retry:focus-visible,#lobby-dialog button:focus-visible{outline-offset:4px;outline:none}@media (hover:hover){.lobby-secondary button:hover{color:#fff3d4;text-shadow:0 0 14px #e0bc8299}}@media (width>=760px){.lobby-brand h1{font-size:88px}.lobby-flourish{width:220px}}@media (height<=650px) and (width<=759px){.lobby-layout{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.lobby-brand h1{font-size:60px}.lobby-flourish{width:160px;margin-bottom:3px}.lobby-brand-rule{margin-top:13px}.lobby-actions{gap:4px}.lobby-mode{font-size:10px}.lobby-secondary button{min-height:44px;font-size:15px}}@media (height<=480px){.lobby-layout{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;max-width:820px;min-height:0;padding:12px 26px 10px}.lobby-brand{grid-area:1/1;margin:0}.lobby-brand h1{font-size:clamp(46px,8vw,64px)}.lobby-flourish{width:150px;margin-bottom:0}.lobby-brand-rule{margin-top:16px}.lobby-actions{grid-area:1/2;align-self:center;gap:2px;margin:0}#lobby .lobby-start{font-size:clamp(18px,2.9vw,22px)}.lobby-mode{margin-bottom:3px;font-size:10px}.lobby-secondary button{min-width:120px;min-height:44px;font-size:14px}.lobby-foot{grid-area:2/1/auto/3;padding:0}.loading-wisp{width:92px;height:138px}.loading-core{gap:14px}#lobby-dialog{padding:20px 24px 14px}}@media (prefers-reduced-motion:reduce){#load-state,#lobby,.loading-meter>span{transition:none!important}.loading-wisp,#lobby.is-arriving .lobby-brand,#lobby.is-arriving .lobby-actions{animation:none!important}}@keyframes wisp-glow{0%,to{opacity:.62;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes lobby-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#load-state{background:#135f62 url(/ui/broadcast-v07/mat-native.png) 50%/100% 100% no-repeat}#load-state:before{background:linear-gradient(#04202166,#0000 40%,#04202155)}.book-frame{object-fit:fill;pointer-events:none;opacity:.46;width:calc(100% - 20px);height:calc(100% - 20px);display:block;position:absolute;inset:10px}#lobby .book-frame{z-index:-1;width:min(560px,100% - 16px);left:50%;transform:translate(-50%)}#load-state .book-frame{width:min(560px,100% - 16px);left:50%;transform:translate(-50%)}.lobby-layout{padding:40px 38px 32px}.lobby-brand h1,.loading-title{font-family:DarkMincho,LobbyMincho,Yu Mincho,serif}.lobby-flourish{display:none}.lobby-brand-rule{width:100px;margin-top:20px}.loading-title{letter-spacing:.26em;text-indent:.26em;color:#efdeb7;text-shadow:0 3px 10px #052123;margin:0;font-size:clamp(60px,17vw,88px);font-weight:500}.loading-subtitle{letter-spacing:.4em;text-indent:.4em;color:#d8c39b;margin:0 0 12px;font:12px LobbyMincho,serif}.loading-status{color:#ddd4be}.loading-meter{background:#cabb9245;width:140px;height:2px}.loading-meter>span{height:2px}@media (height<=480px) and (aspect-ratio>=1){.book-frame,#lobby .book-frame,#load-state .book-frame{object-fit:fill;opacity:.42;width:calc(100% - 20px);height:calc(100% - 16px);inset:8px;transform:none}.lobby-layout{padding:22px 64px}}@media (width<=359px){.lobby-layout{padding-left:28px;padding-right:28px}.lobby-secondary{gap:18px}}@font-face{font-family:TatejanTitle;src:url(/ui/logo-v61/yuji-syuku-title.woff2)format("woff2");font-style:normal;font-weight:400;font-display:block}.lobby-brand h1,.loading-title{font-synthesis:none;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.035em;text-indent:0;color:#eddbb5;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px #091c2033;filter:drop-shadow(0 2px 2px #06171899);background:linear-gradient(165deg,#fff4d8 5%,#f0dab0 42%,#c3a171 76%,#e4cc9c 100%);-webkit-background-clip:text;background-clip:text;font-family:TatejanTitle,DarkMincho,LobbyMincho,serif;font-size:clamp(72px,19.5vw,94px);font-weight:400;line-height:1.08;position:relative}@media (height<=650px) and (width<=759px){.lobby-brand h1,.loading-title{font-size:68px}}@media (height<=480px){.lobby-brand h1,.loading-title{font-size:56px}}@media (height<=480px) and (aspect-ratio>=1){#lobby .book-frame,#load-state .book-frame{visibility:hidden}#lobby:after,#load-state:after{content:"";pointer-events:none;opacity:.53;border-style:solid;border-width:80px 88px;border-image:url(/ui/lobby-v40/gilt-frame.png) 380 280 fill/80px 88px;position:absolute;inset:8px}}.lobby-foot{justify-content:center}@media (width<=359px) and (height>=481px){.lobby-layout{padding-top:72px}}.lobby-audio button{color:#efe0ba;min-width:140px;min-height:44px;font:inherit;cursor:pointer;background:#15343680;border:1px solid #c5a66c80;padding:8px 22px}.lobby-audio button[aria-pressed=false]{color:#aec3bd;border-color:#aec3bd60}#lobby-dialog[data-kind=settings]{width:min(420px,100vw - 24px);box-shadow:none;background:0 0;border:0;padding:0}#lobby-dialog[data-kind=settings] footer{justify-content:stretch;margin-top:12px;display:grid}#lobby-dialog[data-kind=settings] details{margin-top:4px}#load-state,#lobby{--shell-logo-height:clamp(176px,31svh,255px)}.loading-core,.lobby-layout{box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--shell-logo-height) clamp(18px,4svh,34px) 168px minmax(0,1fr) 5px;gap:0;width:min(560px,100%);max-width:560px;height:100%;min-height:0;margin:auto;padding:40px 38px 32px;display:grid;position:absolute;inset:0;transform:none}.lobby-brand,.loading-title{grid-area:2/1;place-self:center;margin:0}.lobby-brand h1,.loading-title{writing-mode:horizontal-tb;filter:none;text-shadow:none;letter-spacing:0;text-indent:0;background:0 0;font-size:0;line-height:0}.tatejan-logo{width:auto;height:var(--shell-logo-height);object-fit:contain;max-width:none;display:block;transform:translate(-4%)}.lobby-brand-rule{display:none}.lobby-actions,.loading-feedback{grid-area:4/1;align-self:start}.loading-feedback{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.lobby-secondary{gap:0}.lobby-foot{grid-area:6/1}@media (height<=650px) and (width<=759px){.loading-core,.lobby-layout{padding-top:32px;padding-bottom:32px}}@media (width<=359px){.loading-core,.lobby-layout{padding-left:28px;padding-right:28px}}@media (height<=480px) and (aspect-ratio>=1){#load-state,#lobby{--shell-logo-height:clamp(141px,48svh,189px)}.loading-core,.lobby-layout{grid-template-rows:1fr 5px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;width:min(820px,100%);max-width:820px;padding:22px 64px}.lobby-brand,.loading-title{grid-area:1/1}.lobby-actions,.loading-feedback{grid-area:1/2;align-self:center}.loading-feedback{gap:14px}.lobby-foot{grid-area:2/1/auto/3}}#match-ui{z-index:2;pointer-events:none;color:var(--ink);position:absolute;inset:0}#match-ui[hidden],#match-ui[data-opening=true]{visibility:hidden}.player-info{isolation:isolate;white-space:nowrap;padding:0 4px;position:absolute}.player-info:before{content:"";opacity:.7;z-index:-1;pointer-events:none;background:url(/ui/v11/ink-wash.png) 50%/100% 100% no-repeat;position:absolute;inset:0 -2px -3px}.player-identity{align-items:center;gap:7px;height:15px;margin-left:36px;display:flex}.player-name{font-family:var(--ui-font);color:#d0cec5;letter-spacing:.06em;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.player-turn{background:#e4c387;width:4px;height:4px;display:none;transform:rotate(45deg)}.player-info[data-active=true] .player-turn{display:block}.player-standing{align-items:center;gap:7px;height:29px;display:flex}.player-crest{flex:0 0 29px;align-self:center;place-items:center;height:32px;margin-top:-7px;display:grid;position:relative}.player-crest svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.crest-field{fill:#1b2427;stroke:#8d8c7d;stroke-width:.65px}.player-wind{font-family:var(--round-font);color:#e6e0d0;margin-top:-1px;font-size:18px;font-weight:600;line-height:1;position:relative}.player-info[data-active=true] .crest-field{fill:#423a27;stroke:#cbae71}.player-info[data-active=true] .player-wind{color:#f1d59d}.player-score{font-family:var(--round-font);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em;color:#f3eddf;text-shadow:0 1px 3px #0008;font-size:20px;font-weight:600;line-height:1}.player-info[data-win-preview=true]{pointer-events:auto;cursor:pointer}.table-actions{pointer-events:auto;justify-content:center;gap:8px;display:flex;position:absolute}.command-group{display:contents}.command-group[hidden],.action-button[hidden]{display:none!important}.table-actions[data-declaring=true]{visibility:hidden;pointer-events:none}.action-button{--command-color:#efe8d8;isolation:isolate;flex:0 0 var(--button-width);width:var(--button-width);min-width:0;height:100%;color:var(--command-color);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 9px 4px;display:flex;position:relative}.command-surface{z-index:-1;pointer-events:none;background:#121c1e;position:absolute;inset:10px -1px 5px;-webkit-mask:url(/ui/v11/ink-wash.png) 50%/100% 100% no-repeat;mask:url(/ui/v11/ink-wash.png) 50%/100% 100% no-repeat}.command-surface:after{content:"";opacity:.56;background:url(/ui/v11/ink-wash.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.action-label{font-family:var(--action-font);font-synthesis:none;letter-spacing:0;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #0008;font-size:26px;font-weight:700;line-height:1.14;display:block}.action-riichi{--command-color:#f2d8a1}.action-riichi .command-surface{background:#514127}.action-tsumo,.action-ron{--command-color:#ffdfbd}.action-tsumo .command-surface,.action-ron .command-surface{background:#4d2824}.action-pass{--command-color:#d9ddda}.action-button:disabled{--command-color:#939e9d;cursor:default}.action-button:disabled .command-surface{opacity:.65;background:#182124}.action-button:not(:disabled):hover .command-surface{filter:brightness(1.4)}.action-button:not(:disabled):active .command-surface{filter:brightness(1.15);background:#ae9060}.action-button:focus-visible{outline-offset:0;border-radius:3px;outline:none}#turn-hint{color:#f2eee4;pointer-events:none;margin:0;font-size:11px;position:absolute;bottom:2px;left:0;transform:translateY(100%)}#turn-hint:not([data-ended=true]){display:none}#match-ui[data-compact=true] .player-identity{height:13px;margin-left:33px}#match-ui[data-compact=true] .player-standing{gap:6px;height:27px}#match-ui[data-compact=true] .player-name{font-size:9px}#match-ui[data-compact=true] .player-crest{flex-basis:27px;height:29px}#match-ui[data-compact=true] .player-wind{font-size:17px}#table-menu-button{z-index:4;color:#f4ecdc;background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:8px;right:8px}#table-menu{width:min(420px,100vw - 24px);max-width:100vw;max-height:calc(100dvh - 24px);color:var(--ink);background:0 0;border:0;border-radius:0;margin:auto;padding:0;overflow:auto}#table-menu::backdrop{-webkit-backdrop-filter:blur(6px);background:#061316ce}.menu-shell{padding:18px;position:relative}.orientation-options,.audio-options,.hand-display-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.menu-actions{gap:8px;display:grid}.menu-settings[hidden],.menu-exit-confirm[hidden]{display:none}.menu-exit-confirm{text-align:center;padding:18px 0 8px}.menu-exit-confirm h2{color:#ead5a4;margin:0;font:500 clamp(19px,5.5vw,24px)/1.6 DarkMincho,serif}.menu-exit-confirm p{color:#bac2b8;margin:14px 0 27px;font:12px/1.7 DarkSans,sans-serif}.menu-exit-confirm .menu-actions{grid-template-columns:1fr 1fr;gap:12px}#menu-close{margin-top:14px}@media (height<=480px){.menu-shell{padding:8px 18px}.orientation-options,.audio-options,.hand-display-options{margin-bottom:4px}.menu-actions{gap:3px}#menu-close{margin-top:7px}}.menu-options{border:0;min-width:0;margin:0 0 14px;padding:0}.menu-options legend{color:#c7ccbe;letter-spacing:.04em;margin:0 0 6px;padding:0;font:12px/1.4 DarkSans,sans-serif}.menu-volumes{gap:0;margin:0 7px;display:grid}.menu-volumes label{color:#d9d8c8;grid-template-columns:32px minmax(0,1fr) 27px;align-items:center;gap:12px;min-height:44px;font:12px DarkSans,sans-serif;display:grid}.menu-volumes input{accent-color:#cfb276;cursor:pointer;width:100%;height:44px;margin:0}.menu-volumes output{text-align:right;color:#adbaae;font-variant-numeric:tabular-nums;font-size:11px}@media (height<=480px){.menu-options{margin-bottom:4px}.menu-options legend{margin-bottom:2px;font-size:11px}.menu-volumes{grid-template-columns:1fr 1fr;gap:18px;margin:0 4px}.menu-volumes label{grid-template-columns:27px minmax(0,1fr) 22px;gap:5px}.menu-shell .df-command{height:46px}.menu-shell .df-command-frame{height:44px}.menu-actions #menu-close{margin-top:0}}.play-assist-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.play-assist-options button{color:#c5cbbf;background:#071c2090;border:1px solid #b8a47538;border-radius:3px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:8px;font:400 16px DarkMincho,serif;display:flex;box-shadow:inset 0 1px #ffffff08}.play-assist-options button[aria-pressed=true]{color:#ffedb4;background:linear-gradient(105deg,#85704442,#373c2944);border-color:#e0c47baa;box-shadow:inset 0 0 18px #dfbd6712}.assist-light{border:1px solid #90998988;flex:none;width:6px;height:6px;transform:rotate(45deg)}[aria-pressed=true]>.assist-light{background:#f2d58a;border-color:#ffedaf;box-shadow:0 0 7px #edcd8590}.play-assist-options button:focus-visible{outline-offset:2px;outline:2px solid #edce85}@media (height<=480px){.play-assist-options{grid-template-columns:repeat(4,1fr);gap:6px}.play-assist-options button{gap:6px;min-height:44px;font-size:14px}}.play-assist-dock{z-index:6;pointer-events:auto;width:80px;height:44px;position:absolute}.play-assist-dock[hidden],#play-assist-panel[hidden]{display:none}#play-assist-toggle{color:#d4d9ca;background:linear-gradient(90deg,#0000,#061d2180);border:0;justify-content:center;align-items:center;gap:6px;width:100%;height:44px;padding:0;font:11px DarkSans,sans-serif;display:flex}#play-assist-toggle i{border:1px solid #a5b2a088;width:4px;height:4px;transform:rotate(45deg)}#play-assist-toggle[data-active=true]{color:#f5dfa3}#play-assist-toggle[data-active=true] i{background:#f4d789;border-color:#f4d789;box-shadow:0 0 6px #e4c06b90}#play-assist-toggle[aria-expanded=true]{color:#f7dfa2;background:#0b262ade}#play-assist-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#103b40f5,#061c22f5);border:1px solid #d5c08050;border-radius:5px;padding:13px;position:absolute;bottom:50px;right:0;box-shadow:0 8px 24px #0005}#play-assist-panel .play-assist{margin:0}#play-assist-panel .play-assist-options{grid-template-columns:1fr 1fr}#play-assist-panel legend{color:#e7d5a5;margin-bottom:8px}#play-assist-toggle:focus-visible{outline-offset:1px;outline:2px solid #edce85}.play-assist-dock[data-compact=true] .assist-caption{display:none}.play-assist-dock[data-compact=true] #play-assist-toggle{gap:5px}@font-face{font-family:Table Sans;src:url(/fonts/noto-sans-jp-ui-v08.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--ui-font:"Table Sans","Hiragino Kaku Gothic ProN",system-ui,sans-serif;--action-font:"Table Display","Yu Mincho",serif;--round-font:"Table Display","Yu Mincho",serif;--ink:#f2eee4;--muted:#bdc7c7;--accent:#d9b87a;--paper:#ede7d9;--mat:#174c50;--surface:#141d21;--surface-raised:#293338;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui-font);font-synthesis:none;background:#0b1115}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(at 50% 36%,#243137,#090e12)}#viewport{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;overflow:hidden}#game-screen{transform-origin:50%;background:var(--mat);width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#table{position:absolute;inset:0;overflow:hidden}canvas{touch-action:manipulation;outline:none;width:100%;height:100%;display:block}.tsumo-ready-light[hidden]{display:none}button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}button{font:inherit;border:0}button:focus-visible{outline:none}summary:focus-visible,.player-info:focus-visible{outline-offset:3px;outline:3px solid #f1cf8b}button:disabled{cursor:default}.visually-hidden,#wall-remaining{clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#wall-remaining[hidden]{display:none}@media (prefers-reduced-motion:reduce){.action-button{transition:none;animation:none}}@font-face{font-family:Table Display;src:url(/fonts/shippori-mincho-b1-600-v11.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Table Display;src:url(/fonts/shippori-mincho-b1-700-v11.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.botanical-cover{pointer-events:none;width:min(560px,100%);position:absolute;inset:0 0 0 50%;overflow:hidden;transform:translate(-50%)}#lobby .botanical-cover{z-index:-1}.botanical-sprig{filter:drop-shadow(0 3px 4px #03181c80);opacity:.88;width:clamp(148px,46vw,238px);height:auto;position:absolute}.botanical-sprig-top{top:17px;right:11px;transform:rotate(180deg)}.botanical-sprig-bottom{width:clamp(162px,49vw,255px);bottom:17px;left:11px}.botanical-cover:before,.botanical-cover:after{content:"";aspect-ratio:1;opacity:.25;background:linear-gradient(140deg,#f1dba0,#8c7548 45%,#d0b576 75%,#856b3f);width:clamp(150px,48vw,260px);position:absolute;-webkit-mask:url(/ui/botanical-v68/rose-corner-source.png) 50%/contain no-repeat;mask:url(/ui/botanical-v68/rose-corner-source.png) 50%/contain no-repeat}.botanical-cover:before{top:14px;left:5px;transform:scaleX(-1)}.botanical-cover:after{bottom:14px;right:5px;transform:scaleY(-1)}#lobby .book-frame,#load-state .book-frame{opacity:.46}.loading-core,.lobby-layout{z-index:1}.df-ranking .df-standing{grid-template-columns:64px minmax(0,1fr) auto;column-gap:9px;padding-left:6px}.df-ranking .df-rank{place-items:center;min-height:64px;display:grid}.df-ranking .df-standing[data-rank="1"] .df-rank{isolation:isolate;width:64px;height:64px;position:relative}.df-victory-wreath{z-index:-1;pointer-events:none;opacity:.92;transform-origin:50% 86%;background:url(/ui/botanical-v68/victory-wreath.webp) 50%/contain no-repeat;position:absolute;inset:0}.df-ranking .df-standing[data-rank="1"]{background-image:linear-gradient(95deg,rgba(var(--player-rgb),.27),rgba(var(--player-rgb),.085) 60%,transparent 96%)}.df-ranking .df-standing[data-rank="1"] .df-rank{text-shadow:0 0 9px #ffe7a866,0 0 22px #e7bd4d30;padding:0;font-size:45px}.df-standing[data-rank="1"] .df-rank-value{transform:translateY(-3px)}.df-ranking .df-standing[data-rank="1"]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#d7bd7977,#d7bd7915,#0000);height:1px;position:absolute;bottom:0;left:58px;right:12px}@media (width<=359px){.botanical-sprig-top{width:144px;top:9px;right:5px}.botanical-sprig-bottom{width:162px;bottom:10px;left:6px}.df-ranking .df-standing{grid-template-columns:54px minmax(0,1fr) auto;column-gap:6px;padding-left:4px}.df-ranking .df-rank{min-height:58px}.df-ranking .df-standing[data-rank="1"] .df-rank{width:54px;height:58px;font-size:41px}}@media (height<=480px) and (aspect-ratio>=1){.botanical-cover{width:100%}.botanical-sprig-top{width:154px;top:6px;right:7px}.botanical-sprig-bottom{width:160px;bottom:7px;left:7px}.botanical-cover:before,.botanical-cover:after{opacity:.18;width:160px}}#win-result[data-landscape=true] .df-ranking .df-rank{min-height:40px}#win-result[data-landscape=true] .df-ranking .df-standing[data-rank="1"] .df-rank{width:40px;height:40px;padding:0}.df-ranking-petals{contain:paint;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.df-ranking-petals[data-depth=back]{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.df-ranking-petals[data-depth=front]{z-index:4}.df-ranking-petal{width:var(--petal-size);height:var(--petal-size);opacity:0;background:url(/ui/botanical-v68/petals.webp) var(--petal-x) var(--petal-y)/200% 200% no-repeat;transform-origin:50%;position:absolute;top:0;left:0}.df-ranking>header,.df-ranking>footer,.df-ranking>ol{z-index:3;position:relative}.df-ranking>header,.df-ranking>footer{z-index:5}.botanical-mat-inlay{pointer-events:none;z-index:-1;opacity:.12;position:fixed;inset:10px}.botanical-mat-inlay i{aspect-ratio:1;background:#d2bd83;width:min(38vw,220px);position:absolute;-webkit-mask:url(/ui/botanical-v68/rose-corner-source.png) 50%/contain no-repeat;mask:url(/ui/botanical-v68/rose-corner-source.png) 50%/contain no-repeat}.botanical-mat-inlay i:first-child{top:0;left:0;transform:scaleX(-1)}.botanical-mat-inlay i:nth-child(2){top:0;right:0}.botanical-mat-inlay i:nth-child(3){bottom:0;left:0;transform:rotate(180deg)}.botanical-mat-inlay i:nth-child(4){bottom:0;right:0;transform:scaleY(-1)}.df-settlement-table{--settlement-row:clamp(58px,18cqh,84px);--settlement-gap:clamp(8px,2.5cqh,12px);grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--settlement-row);gap:var(--settlement-gap);box-sizing:border-box;align-content:center;width:100%;min-height:0;padding:10px;display:grid;position:relative}.df-settlement-table .df-transfer{--rank-x:0px;--rank-y:0px;--rank-scale:1;--rank-lift:0;isolation:isolate;z-index:1;box-sizing:border-box;text-align:left;width:100%;min-width:0;height:100%;transform:translate(var(--rank-x),var(--rank-y)) scale(var(--rank-scale));transform-origin:50%;opacity:calc(1 - var(--rank-dim,0));box-shadow:0 5px 14px rgba(2,17,20,calc(var(--rank-lift)*.28));background:0 0;border:0;border-radius:0;grid-template-rows:19px 1fr;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:3px 10px;margin:0;padding:9px 12px 9px 5px;display:grid;position:relative}.df-settlement-table .df-transfer:before,.df-settlement-table .df-transfer:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}.df-settlement-table .df-transfer:before{background-color:rgba(12,53,59,calc(var(--rank-front,0)*.97));background:radial-gradient(ellipse at 38% 65%,rgba(255,222,131,calc(var(--settlement-light,0)*.55)),transparent 90%),linear-gradient(100deg,rgba(var(--player-rgb),.24),#0a202559 58%,#0b252721);background-color:rgba(12,53,59,calc(var(--rank-front,0)*.97));opacity:1}.df-settlement-table .df-transfer:after{background:linear-gradient(110deg,#0000 34%,#fff4bf26 43%,#fff8d5cf 50%,#fff4bf30 57%,#0000 66%) 0 0/250% 100%;background-position:var(--settlement-sweep,130%) 0;opacity:var(--settlement-sheen,0)}.df-settlement-table .df-transfer[data-self=true]:before{background:radial-gradient(ellipse at 38% 65%,rgba(255,222,131,calc(var(--settlement-light,0)*.55)),transparent 90%),linear-gradient(100deg,rgba(var(--player-rgb),.31),#bba36b21 64%,#10252718);background-color:rgba(12,53,59,calc(var(--rank-front,0)*.97))}.df-settlement-table .df-transfer[data-receiving=true][data-settled=true]{--settlement-light:.13}.df-settlement-table .df-transfer[data-moving=true]{will-change:transform;z-index:2}.df-settlement-table .df-transfer[data-moving=true][data-rising=true]{z-index:3}.df-settlement-table .df-transfer[data-leading=true]{z-index:4}.df-settlement-table .df-transfer-rank{color:#d6d3bc;text-shadow:0 1px 3px #09272b;grid-area:1/1/3;align-self:stretch;place-items:center;font-size:42px;line-height:1;display:grid;position:relative}.df-settlement-table .df-transfer-rank>span{grid-area:1/1}.df-settlement-table .df-transfer[data-new-leader=true] .df-transfer-rank{transform:scale(calc(1 + var(--rank-victory,0)*.3));text-shadow:0 1px 3px #09272b,0 0 8px rgba(255,243,188,var(--rank-victory,0)),0 0 22px rgba(255,213,101,calc(var(--rank-victory,0)*.85))}.df-settlement-table .df-transfer[data-new-leader=true] .df-transfer-rank:before{content:"";pointer-events:none;z-index:-1;opacity:var(--rank-victory,0);transform:scale(calc(.7 + var(--rank-victory,0)*.4));background:radial-gradient(#fff6c754 0%,#fce29e2b 24%,#efc95100 68%);position:absolute;inset:-16px -22px}.df-settlement-table .df-transfer[data-rank="1"] .df-transfer-rank{color:#f6dfa4}.df-settlement-table .df-transfer-name{color:#e7e4d7;white-space:nowrap;grid-area:1/2;min-width:0;font-size:14px;line-height:19px;display:block}.df-settlement-table .df-transfer-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.df-settlement-table .df-transfer-delta{font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;place-self:center end;font:400 16px/19px DarkSans,sans-serif}.df-settlement-table .df-transfer-totals{white-space:nowrap;grid-area:2/2/auto/4;justify-content:start;align-items:center;min-width:0;display:flex}.df-settlement-table .df-transfer-after{text-align:left;font-variant-numeric:tabular-nums;letter-spacing:0;color:#eee8d6;min-width:0;font-size:clamp(30px,9cqw,38px);font-weight:400;line-height:1;display:block}.df-settlement-table .df-transfer[data-self=true] .df-transfer-name{color:#ffe2a1;font-weight:500}.df-settlement-table .df-transfer[data-self=true] .df-transfer-after{color:#fff0c8}.df-settlement-table .df-transfer[data-receiving=true] .df-transfer-after{text-shadow:0 1px 3px #102523,0 0 16px rgba(255,232,156,var(--settlement-light,0))}.df-dialog[data-step=settlement] :is(.result-settlement,#df-settlement):not([hidden]){justify-content:center;align-items:center;height:100%;display:flex;position:relative}.df-settlement-light{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}@container settlement-body (width<=300px){.df-settlement-table{padding-inline:7px}.df-settlement-table .df-transfer{grid-template-columns:34px minmax(0,1fr) auto;column-gap:7px;padding:7px 8px 7px 3px}.df-settlement-table .df-transfer-rank{font-size:36px}.df-settlement-table .df-transfer-name{font-size:12px}.df-settlement-table .df-transfer-delta{font-size:14px}.df-settlement-table .df-transfer-after{font-size:30px}}@container settlement-body (width>=450px) and (height<=330px){.df-settlement-table{--settlement-row:clamp(34px,18cqh,48px);--settlement-gap:8px;padding-block:6px}.df-settlement-table .df-transfer{grid-template-rows:1fr;grid-template-columns:36px minmax(0,1fr) minmax(105px,auto) minmax(76px,auto);column-gap:18px;padding:3px 16px 3px 5px}.df-settlement-table .df-transfer-rank{grid-row:1;font-size:31px}.df-settlement-table .df-transfer-name{grid-row:1;font-size:15px}.df-settlement-table .df-transfer-totals{grid-area:1/3;justify-content:end}.df-settlement-table .df-transfer-after{font-size:29px}.df-settlement-table .df-transfer-delta{grid-area:1/4;font-size:17px}}@container settlement-body (width>=450px) and (height<=190px){.df-settlement-table{--settlement-row:calc((100cqh - 28px)/4);--settlement-gap:6px;padding-block:5px}.df-settlement-table .df-transfer{padding-block:2px}.df-settlement-table .df-transfer-rank{font-size:28px}.df-settlement-table .df-transfer-name{font-size:14px}.df-settlement-table .df-transfer-after{font-size:27px}}:root{--df-settlement-field:linear-gradient(110deg,#081319b0,#07191b69 52%,#06131dad),url(/ui/broadcast-v07/mat-native.png) center/cover no-repeat}.dark-theme{--ivory:#eee8d6;--muted:#a7ada8;--metal:#a69269;--glint:#e6d4ae;--ink:#10191b;--paper:url(/ui/dark-fantasy-v01/charcoal-vellum.png);font-synthesis:none;color:var(--ivory);font-family:DarkMincho,Yu Mincho,serif}.dark-theme :is(.df-dialog,.df-ranking) :is(h2,h3,p){margin:0}.dark-theme .df-command{cursor:pointer;border:0;font-family:DarkMincho,serif}.dark-theme .df-dialog img{max-width:100%;display:block}.dark-theme .df-dialog svg,.dark-theme .df-ranking svg{display:block}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:DarkNumber;src:url(/ui/dark-fantasy-v01/cormorant-garamond.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:DarkUINumber;src:url(/ui/dark-fantasy-v20/ui-lining.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:DarkCenterNumber;src:url(/ui/dark-fantasy-v19/center-lining-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DarkSans;src:url(/ui/broadcast-v07/noto-sans-jp.woff2)format("woff2");font-weight:400 900;font-display:swap}.df-number{font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;font-family:DarkUINumber,serif;font-weight:500}[data-tone=red]{--player:#d87568;--player-rgb:215,117,104;--player-deep:#793b30}[data-tone=blue]{--player:#6ca6de;--player-rgb:108,166,222;--player-deep:#27548d}[data-tone=gold]{--player:#d6b969;--player-rgb:214,185,105;--player-deep:#6b5521}[data-tone=green]{--player:#82bf68;--player-rgb:130,191,104;--player-deep:#39622e}.df-nav{min-height:58px;padding:env(safe-area-inset-top) 12px 0;color:#adb9b6;justify-content:center;align-items:center;gap:22px;font-family:DarkSans,sans-serif;font-size:11px;display:flex}.df-nav a{white-space:nowrap;padding:17px 0 12px}.df-nav a[aria-current=page]{color:var(--glint);box-shadow:0 1px var(--metal)}.df-section{padding:20px 0 34px;scroll-margin-top:12px}.df-section h2{letter-spacing:.1em;color:#c8d0c7;align-items:center;gap:14px;margin-bottom:24px;font-family:DarkSans,sans-serif;font-size:13px;font-weight:400;display:flex}.df-section h2:after{content:"";background:linear-gradient(90deg,#b8b89f38,#0000);flex:1;height:1px}.df-section-content{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.df-rule{stroke:#b2a58b;stroke-width:.75px;opacity:.65;width:100%;height:14px}.df-players{grid-template-columns:1fr 1fr;gap:23px 20px;width:100%;display:grid}.df-player{isolation:isolate;grid-template-rows:20px 32px;grid-template-columns:30px max-content;column-gap:10px;width:max-content;max-width:100%;padding:4px 9px 3px 1px;display:grid;position:relative}.df-player:before{content:"";z-index:-1;background:linear-gradient(90deg,rgba(var(--player-rgb),.1),#0c1419ac 42%,#0c141930);border-radius:0;position:absolute;inset:1px -4px 0 13px;-webkit-mask-image:linear-gradient(90deg,#000 65%,#0000);mask-image:linear-gradient(90deg,#000 65%,#0000)}.df-player-name{white-space:nowrap;letter-spacing:.02em;align-self:end;font-size:12px}.df-player-score{color:#f0e8d7;align-self:end;font-size:30px;line-height:1}.df-wind{isolation:isolate;width:27px;height:27px;color:var(--ivory);letter-spacing:0;text-align:center;flex:none;place-items:center;font-size:17px;line-height:1;display:inline-grid;position:relative}.df-wind:before{content:"";z-index:-1;background:linear-gradient(140deg,var(--player),var(--player-deep) 85%);border:1px solid var(--player);position:absolute;inset:1px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #fff8d126}.df-player .df-wind:before,#match-ui .df-wind:before{background:linear-gradient(140deg,rgba(var(--wind-rgb,var(--player-rgb)),.8),var(--wind-deep,#101b20) 78%);border-color:var(--wind-edge,var(--player));box-shadow:inset 0 0 0 2px #101b2070}.df-player[data-tone=blue],#match-ui .player-info[data-tone=blue]{--wind-rgb:98,145,188;--wind-deep:#111924;--wind-edge:#7c9fbf}.df-player[data-tone=green],#match-ui .player-info[data-tone=green]{--wind-rgb:111,155,94;--wind-deep:#152017;--wind-edge:#8fa77d}.df-wind>span{letter-spacing:0;text-align:center;text-shadow:0 1px 2px #061915bb;line-height:1;display:block;transform:translateY(-.04em)}.df-player>.df-wind{grid-row:1/3;align-self:center}.df-player[data-active=true] .df-wind:after{content:"";border:1px solid #f5eadab0;position:absolute;inset:-3px;transform:rotate(45deg)}.df-commands{grid-template-columns:repeat(2,154px);gap:13px 18px;display:grid}.df-command{isolation:isolate;width:154px;height:66px;color:var(--ivory);letter-spacing:.025em;text-shadow:0 1px 3px #0009;background:0 0;place-items:center;padding:4px 18px;font-size:27px;font-weight:500;line-height:1.1;display:inline-grid;position:relative}.df-command-face{z-index:-2;background:linear-gradient(120deg,#1720208a,#060d10b0),var(--paper) center/cover;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);position:absolute;inset:5px 2px;box-shadow:inset 0 1px #d6c49560}.df-command-frame{z-index:-1;stroke:#b7b39b;stroke-width:.72px;opacity:.74;width:100%;height:64px;position:absolute;inset:1px 0;overflow:visible}.df-command-frame path:nth-child(2){stroke:#f0ddac;stroke-width:.55px}.df-command-frame path:nth-child(3){stroke:#cfb985;stroke-width:.8px}.df-command-label{position:relative;transform:translateY(-1px)}.df-command-win{color:#f5dc9f}.df-command-win .df-command-face{background:linear-gradient(95deg,#4e3b2199,#2d201770),var(--paper) center/cover}.df-command-win .df-command-frame{stroke:#d4b778;opacity:1}.df-command[aria-pressed=true]{color:#251d11;text-shadow:none}.df-command[aria-pressed=true] .df-command-face{background:linear-gradient(105deg,#dec79aeb,#b79759ed),var(--paper) center/cover}.df-command[aria-pressed=true] .df-command-frame{stroke:#f7e2b2;opacity:1}.df-command:disabled{color:#81908a;opacity:.48}.df-command:active:not(:disabled) .df-command-label{transform:translateY(1px)}.df-command:active:not(:disabled) .df-command-face{filter:brightness(1.2)}.df-command-wide{width:230px;height:62px;font-size:20px}.df-command-wide .df-command-frame{height:60px}.df-navigation{gap:14px;display:grid}@media (hover:hover){.df-command:hover:not(:disabled){color:#fff0c9}.df-command:hover:not(:disabled) .df-command-frame{stroke:#f5dd9e;opacity:1}.df-command[aria-pressed=true]:hover{color:#251d11}}.df-calls{gap:13px;width:100%;display:grid}.df-effect-row{align-items:center;gap:7px;width:100%;min-width:0;display:flex}.df-effect{background:0 0;flex:1;min-width:0;height:116px;padding:0;position:relative}.df-effect[data-type=ceremonial]{height:188px}.df-effect canvas{pointer-events:none;width:100%;height:100%;display:block}.df-opening-row .df-effect{height:155px}.df-replay{color:#c7c5ae;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:58px;font-family:DarkSans,sans-serif;font-size:9px;display:flex}.df-replay svg{stroke:currentColor;stroke-width:1.1px;width:25px;height:25px}.df-replay svg path:first-child{fill:currentColor;stroke:none}.df-replay:active{color:#fff1c7;transform:scale(.96)}.df-center{isolation:isolate;filter:drop-shadow(0 7px 9px #00101470);background:radial-gradient(#152d32df 0,#09181dec 50%,#182628cf 64%,#0000 67%);border-radius:50%;width:196px;height:196px;position:relative}.df-center:before{content:"";z-index:-1;opacity:.17;background:var(--paper) center/cover;border-radius:50%;position:absolute;inset:14px}.df-dial-art{stroke:#b7a787;stroke-width:.75px;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.df-dial-art>circle:first-child{stroke:#c1b692;stroke-width:1.1px}.df-dial-art>circle:nth-child(2){stroke:#92876d;stroke-width:.4px}.df-center-round{text-align:center;letter-spacing:.11em;width:100%;font-size:17px;position:absolute;top:31px;left:0}.df-center-round b{font-size:21px}.df-center-value{text-align:center;color:#edfbfc;text-shadow:0 0 13px #70bdd750,0 2px 2px #0009;width:100%;font-size:67px;font-weight:500;line-height:1;position:absolute;top:50%;left:0;transform:translateY(-50%)}.df-center-caption{text-align:center;letter-spacing:.2em;color:#a5b7b4;width:100%;font:9px DarkSans,sans-serif;position:absolute;top:132px;left:0}.df-center-sticks{justify-content:center;gap:17px;display:flex;position:absolute;bottom:28px;left:0;right:0}.df-center-sticks>span{align-items:center;gap:5px;display:flex}.df-center-sticks svg{width:26px;height:9px}.df-center-sticks b{font-size:17px;line-height:1}.df-markers{align-items:center;gap:38px;padding:12px;display:flex;position:relative}.df-marker{width:24px;height:29px;display:block}.df-markers-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.df-round-counters{color:#f0e8d8;justify-content:flex-start;align-items:center;gap:8px;width:max-content;display:flex}.df-round-counters>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.df-round-counters svg{width:26px;height:10px}.df-round-counters b{letter-spacing:0;text-align:left;text-shadow:0 1px 2px #0005;min-width:1.2em;font:500 16px/1 DarkUINumber,serif}.df-icons{gap:24px;display:flex}.df-icon{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#0c181a80;border:1px solid #bdad8255;place-items:center;width:48px;height:48px;display:grid}.df-icon svg{stroke:#d8cba8;stroke-width:1.25px;stroke-linejoin:round;stroke-linecap:round;width:23px;height:23px}.df-icon:active{background:#77603b66}.df-menu{background:linear-gradient(95deg,#091216dc,#0c1819a3),var(--paper) center/cover;border-top:1px solid #b3a48440;border-bottom:1px solid #b3a48430;width:100%;padding:16px 18px}.df-menu-tabs{border-bottom:1px solid #b7ac9330;gap:22px;padding:0 6px 13px;display:flex}.df-menu-tabs button{color:#aab3ab;background:0 0;min-height:44px;padding:6px 8px;font-size:17px}.df-menu-tabs button[aria-pressed=true]{color:#f4dfb5;box-shadow:0 1px #b6a079}.df-menu-choices{gap:2px;padding-top:12px;display:grid}.df-menu-choice{text-align:left;background:0 0;grid-template-columns:1fr 20px;gap:6px;min-height:79px;padding:16px 12px;display:grid;position:relative}.df-menu-choice>span{font-size:18px;font-weight:500}.df-menu-choice small{color:#a1b1aa;font:10px DarkSans,sans-serif}.df-menu-choice svg{stroke:#b4a279;stroke-width:1px;grid-area:1/2/3;align-self:center;width:15px;height:20px}.df-menu-choice[aria-pressed=true]{color:#f7e0b1;background:linear-gradient(90deg,#b3884255,#8d6c2614 84%,#0000)}.df-menu-choice[aria-pressed=true] svg{stroke:#f4dfac}.df-ranking{isolation:isolate;text-shadow:0 1px 4px #071b1d66;background:0 0;width:100%;padding:23px 18px 20px;position:relative}.df-ranking header{justify-content:space-between;align-items:baseline;padding:0 2px 9px;display:flex}.df-ranking h3{letter-spacing:.15em;color:#e9d4a6;font-size:32px;font-weight:400}.df-ranking header>span{color:#b6b9ab;font-size:12px}.df-ranking>ol{gap:4px;margin:15px 0 0;padding:0;list-style:none;display:grid}.df-standing{background:linear-gradient(95deg,rgba(var(--player-rgb),.22),rgba(var(--player-rgb),.065) 52%,transparent 94%);border-bottom:1px solid #c4b89922;grid-template-rows:22px 35px;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;gap:2px 7px;min-height:90px;padding:12px 6px 13px 2px;display:grid;position:relative}.df-standing:last-child{border-bottom:0}.df-rank{text-align:center;color:#cec9b5;grid-row:1/3;font-size:55px;line-height:1}.df-standing[data-rank="1"] .df-rank{color:#eed799;text-shadow:0 0 9px #ffe7a866,0 0 22px #e7bd4d30;font-size:65px}.df-rank-name{letter-spacing:.03em;grid-column:2/4;font-size:13px}.df-rank-score{color:#f0ead6;grid-column:2;font-size:32px;line-height:1}.df-rank-delta{color:#c2cbc0;white-space:nowrap;grid-column:3;align-self:end;padding-bottom:3px;font:11px DarkSans,sans-serif}.df-ranking footer{justify-content:center;padding-top:20px;display:flex}.df-ranking footer .df-command{max-width:100%}.df-modal-open{overflow:hidden}.df-modal-open #dark-parts,.df-modal-open .df-nav,.df-modal-open .df-options-nav{visibility:hidden}.df-dialog{width:min(448px,100vw - 28px);max-width:none;height:min(696px,100dvh - 48px);max-height:none;color:var(--ivory);box-shadow:none;text-shadow:0 1px 4px #02121570;background:0 0;border:0;border-radius:0;margin:auto;padding:0;overflow:hidden}.df-dialog::backdrop{background:0 0}.df-result-shell{flex-direction:column;height:100%;min-height:0;display:flex}.df-result-header{flex:none;padding:18px 20px 0}.df-result-round{color:#b8c0b8;align-items:baseline;gap:5px;font:11px DarkSans,sans-serif;display:flex}.df-result-round>span{margin-left:10px}.df-dialog:not([data-step=settlement]) .df-result-deposit{display:none}.df-result-winner{justify-content:space-between;align-items:center;padding:12px 0 5px;display:flex}.df-result-winner h2{letter-spacing:.12em;color:#f1dcaa;outline:none;font-size:38px;font-weight:500}.df-result-winner>span{align-items:center;gap:10px;font-size:14px;display:flex}.df-result-winner .df-wind{width:24px;height:24px;font-size:16px}.df-result-step-title{color:#e4d5b5;letter-spacing:.12em;outline:none;flex:none;padding:9px 20px 10px;font-size:15px;font-weight:400}.df-result-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 19px;overflow:hidden auto}.df-dialog [hidden]{display:none!important}.df-result-tiles{padding:17px 0 13px}.df-hand{width:100%}.df-indicators{justify-content:center;gap:18px;padding-top:10px;display:flex}.df-indicators>span{color:#c2cabd;align-items:center;gap:6px;font:9px DarkSans,sans-serif;display:flex}.df-indicators img{width:70px}.df-yaku{margin:0;padding:0;list-style:none}.df-yaku li{border-bottom:1px solid #c6bc9b23;justify-content:space-between;align-items:center;min-height:33px;font-size:15px;display:flex}.df-yaku li>span:last-child{align-items:center;gap:8px;display:flex}.df-yaku b{font-size:24px;line-height:1}.df-yaku small{color:#a9b6ac;font:10px DarkSans,sans-serif}.df-bonuses{color:#c4cbbd;gap:0;padding:8px 0;font:13px DarkMincho,serif;display:grid}.df-bonuses>span{justify-content:space-between;align-items:center;gap:9px;min-height:24px;display:flex}.df-bonuses b{color:#e8e4ce;font-size:20px;font-weight:400;line-height:1}.df-score{padding:6px 0}.df-han{border-bottom:1px solid #c1b79940;justify-content:space-between;align-items:baseline;padding-bottom:7px;font-size:12px;display:flex}.df-han b{margin-right:3px;font-size:25px}.df-han strong{color:#edcc86;letter-spacing:.16em;font-size:19px;font-weight:500}.df-winning-score{text-align:right;color:#f5e2af;padding-top:9px;font-size:59px;font-weight:500;line-height:1.15;display:block}.df-result-footer{flex:none;justify-content:center;padding:10px 16px 12px;display:flex}.df-result-footer .df-command{height:56px;font-size:19px}.df-settlement-list{padding-top:5px}.df-transfer{background:linear-gradient(90deg,rgba(var(--player-rgb),.1),transparent 75%);border-bottom:1px solid #c7b99138;grid-template-columns:1fr auto;align-items:center;gap:9px 8px;padding:16px 1px 15px;display:grid}.df-transfer-name{align-items:center;gap:10px;font-size:13px;display:flex}.df-transfer-name .df-wind{width:23px;height:23px;font-size:15px}.df-transfer-delta{color:#e1dac6;white-space:nowrap;font:400 18px DarkSans,sans-serif}.df-transfer-before{color:#9eadab;padding-left:33px;font:12px DarkSans,sans-serif}.df-transfer-after{text-align:right;align-items:center;gap:10px;font-size:33px;line-height:1;display:flex}.df-transfer-after small{color:#909f9c;font:12px DarkSans,sans-serif}@media (width<=359px){#dark-parts{padding:12px 16px 46px}.df-commands{grid-template-columns:repeat(2,136px);gap:12px}.df-command{width:136px}.df-command-wide{width:220px}.df-command{font-size:26px}.df-command-wide{font-size:19px}.df-players{gap:22px 12px}.df-player{grid-template-columns:27px max-content;column-gap:7px;padding-right:2px}.df-player-name{font-size:11px}.df-player-score{font-size:28px}.df-ranking{padding:20px 12px}.df-standing{grid-template-columns:39px minmax(0,1fr) auto;gap:2px 5px}.df-rank{font-size:49px}.df-standing[data-rank="1"] .df-rank{font-size:58px}.df-rank-score{font-size:28px}.df-rank-delta{font-size:10px}.df-rank-name{font-size:12px}.df-icons{gap:20px}.df-result-header{padding:14px 15px 0}.df-result-body{padding:0 14px}.df-transfer-delta{font-size:16px}.df-transfer-name{gap:8px;font-size:12px}.df-transfer-after{font-size:30px}.df-indicators{gap:12px}.df-indicators img{width:62px}}@media (height<=650px){.df-dialog{height:calc(100dvh - 36px)}.df-result-header{padding-top:12px}.df-result-round{font-size:10px}.df-result-winner{padding:8px 0 3px}.df-result-winner h2{font-size:30px}.df-result-step-title{padding-top:4px;padding-bottom:8px}.df-result-footer{padding:5px 16px 9px}.df-transfer{gap:6px 8px;padding-top:14px;padding-bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@font-face{font-family:DarkMincho;src:url(/ui/dark-fantasy-v03/zen-confirm-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+78BA,U+8A8D}.df-result-reveal{visibility:hidden;opacity:0}.df-result-reveal[data-visible=true]{visibility:visible;opacity:1}.df-winning-score{transform-origin:100%}.df-result-footer .df-command{width:min(250px,100%);height:62px;font-size:22px}.df-result-footer .df-command-frame{height:60px}.df-result-footer .df-command:disabled{opacity:1;color:#f5dc9f}.df-result-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.df-dialog[data-step=settlement] .df-result-body{container:settlement-body/size}.df-dialog[data-step=settlement] .df-result-step-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}@container settlement-body (height<=400px){.df-transfer{row-gap:6px;padding-top:8px;padding-bottom:8px}}.df-dialog[data-step=next] .df-result-header,.df-dialog[data-step=next] .df-result-step-title,.df-dialog[data-step=next] .df-result-footer{display:none}.df-dialog[data-step=next] .df-result-body{place-items:center;display:grid;overflow:hidden}.df-next-round{text-align:center;outline:none;width:100%;padding:35px 0}.df-next-round-word{color:#f5e6c8;text-shadow:0 0 20px #d7bd814d;justify-content:center;align-items:baseline;gap:21px;font-size:42px;line-height:1.2;display:flex}.df-next-round-word b{font-size:84px;font-weight:400}.df-next-round p{letter-spacing:.1em;color:#d4c4a4;margin:15px 0 28px;font-size:15px}.df-next-round p b{margin-right:6px;font-size:24px}.df-next-round .df-rule{width:72%;margin:auto}@media (height<=650px){.df-result-header{padding-top:8px}.df-result-winner{padding-top:4px}.df-result-step-title{padding-top:2px;padding-bottom:5px}.df-result-tiles{padding:8px 0}.df-indicators{padding-top:6px}.df-yaku li{min-height:27px;font-size:14px}.df-yaku b{font-size:21px}.df-bonuses{padding:8px 0}.df-score{padding-top:3px;padding-bottom:3px}.df-han{padding-bottom:4px}.df-han b{font-size:22px}.df-winning-score{padding-top:4px;font-size:51px}.df-result-footer .df-command{height:58px}.df-result-footer .df-command-frame{height:56px}}.df-transfer-delta[data-change-tone=positive],.df-rank-delta[data-change-tone=positive]{color:#a8d1c2}.df-transfer-delta[data-change-tone=negative],.df-rank-delta[data-change-tone=negative]{color:#d8a9a6}.df-transfer-delta[data-change-tone=zero],.df-rank-delta[data-change-tone=zero]{color:#859895}.df-rank-delta{align-self:center;padding:0;font-size:20px}.df-standing[data-self=true]{background:linear-gradient(95deg,rgba(var(--player-rgb),.29),#b6934721 68%,transparent);box-shadow:inset 0 0 0 1px #dfc69880}.df-standing[data-self=true] .df-rank-name{color:#f8dea4;font-size:16px;font-weight:500}.df-standing[data-self=true] .df-rank-score{color:#fff0c8}@media (width<=359px){.df-rank-delta{font-size:18px}.df-rank-score{font-size:28px}}.df-command:focus-visible{outline:none}.df-command:focus-visible .df-command-face{filter:brightness(1.28)}button:focus-visible:not(.df-command){filter:brightness(1.22)}.df-match-points{font-variant-numeric:tabular-nums;letter-spacing:0;color:#cfccbb;white-space:nowrap;margin-left:12px;font:12px DarkSans,sans-serif;display:inline-block}.df-match-points>span{color:#a5afa9;font-size:10px}.df-dialog[data-step=details] .df-result-header{padding-top:10px}.df-dialog[data-step=details] .df-result-winner{padding:4px 0 2px}.df-dialog[data-step=details] .df-result-winner h2{font-size:32px;line-height:1.2}.df-dialog[data-step=details] .df-result-step-title{padding-top:3px;padding-bottom:4px}.df-dialog[data-step=details] .df-result-tiles{padding:7px 0 8px}.df-dialog[data-step=details] .df-indicators{padding-top:5px}.df-yaku li{min-height:29px}.df-yaku b{font-size:22px}.df-score{padding-top:10px}.df-winning-score{isolation:isolate;position:relative}.df-score-amount{isolation:isolate;z-index:1;width:max-content;max-width:100%;margin-left:auto;display:block;position:relative}.df-score-value{z-index:1;transform-origin:100%;display:block;position:relative}.df-score-petals{z-index:0;pointer-events:none;contain:paint;height:clamp(250px,2.4em + 120px,280px);position:absolute;inset:auto -32px -144px;overflow:hidden}.df-score-petal{opacity:0;transform-origin:50%;background-repeat:no-repeat;position:absolute;top:0;left:0}.df-score-petals-modal{z-index:0;width:100%;height:100%;inset:0}.df-result-shell{z-index:1;position:relative}.df-indicators .df-indicator-face{width:21px;height:auto}.df-indicators{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:310px;margin-inline:auto;display:grid}.df-indicators>.df-indicator-row{white-space:nowrap;grid-template-columns:auto minmax(0,1fr);gap:5px;display:grid}.df-indicator-strip{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:1px;max-width:109px;display:grid}.df-indicators .df-indicator-strip>img.actual-tile{min-width:0;max-width:21px;display:block;width:100%!important;height:auto!important}.df-dialog[data-dense=true][data-step=details] .df-result-winner h2{font-size:28px}.df-dialog[data-dense=true][data-step=details] .df-result-header>.df-rule,.df-dialog[data-dense=true][data-step=details] .df-result-step-title{display:none}.df-dialog[data-dense=true] .df-yaku li{min-height:22px;font-size:13px}.df-dialog[data-dense=true] .df-yaku b{font-size:19px}.df-dialog[data-dense=true] .df-winning-score{padding-top:3px;font-size:46px}.df-dialog[data-dense=true] .df-score{padding-top:5px}@media (height<=650px){.df-yaku li{min-height:25px}.df-yaku b{font-size:20px}.df-score{padding-top:7px}.df-dialog[data-step=details] .df-result-header{padding-top:6px}}@media (orientation:landscape) and (height<=500px){.df-dialog:not(.app-result){width:min(740px,100vw - 32px);height:calc(100dvh - 24px)}.df-dialog:not(.app-result) #df-details{grid-template-columns:1.1fr 1fr;align-content:start;gap:0 24px;display:grid}.df-dialog:not(.app-result) .df-result-tiles{grid-area:1/1}.df-dialog:not(.app-result) .df-yaku{grid-area:1/2/3}.df-dialog:not(.app-result) .df-score{grid-area:2/1;padding-top:0}.df-dialog:not(.app-result) .df-winning-score{padding-top:0;font-size:39px}.df-dialog:not(.app-result) .df-result-winner h2{font-size:27px}}.actual-hand>.actual-tile,.actual-meld>.actual-tile{flex:1;width:0;min-width:0}.df-result-tile{aspect-ratio:168/249;height:auto;display:block;position:relative}.df-result-tile>img{aspect-ratio:168/249;width:100%;height:auto;display:block}.df-tile-face-light{pointer-events:none;border-radius:2px;position:absolute;inset:2% 2% 10%;overflow:hidden}.df-tile-sheen{opacity:0;background:linear-gradient(120deg,#0000 25%,#fff7d129 40%,#ffffffb8 50%,#fff9dc3d 61%,#0000 76%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.df-tile-sheen{opacity:.18;transform:none}}.df-dialog[data-step=settlement]{height:min(640px,100dvh - 36px)}body.dark-theme{--ui-font:DarkSans,"Hiragino Kaku Gothic ProN",sans-serif;--action-font:DarkMincho,"Yu Mincho",serif;--round-font:DarkMincho,"Yu Mincho",serif}#match-ui{color:var(--ivory)}#match-ui .df-round-counters{position:absolute}#match-ui .player-info{grid-template-rows:15px 25px;grid-template-columns:25px minmax(0,1fr);column-gap:8px;max-width:none;padding:1px 4px;position:absolute}#match-ui .player-info:before{background:linear-gradient(90deg,rgba(var(--player-rgb),.1),#0c1419ac 42%,#0c141930);opacity:1;inset:1px -4px 0 12px;-webkit-mask-image:linear-gradient(90deg,#000 65%,#0000);mask-image:linear-gradient(90deg,#000 65%,#0000)}#match-ui .player-name{letter-spacing:.02em;color:#e1e0d2;align-self:end;font:400 10px/12px DarkMincho,serif;transform:translateY(1px)}#match-ui .player-score{letter-spacing:0;color:#f0e8d7;text-shadow:0 1px 3px #0007;align-self:end;font:500 25px/1 DarkUINumber,serif}#match-ui .df-wind{width:23px;height:23px;font-size:15px}#match-ui .player-wind,#match-ui[data-compact=true] .player-wind{color:inherit;margin:0;font:400 15px/1 DarkMincho,serif}#match-ui[data-compact=true] .player-info{grid-template-rows:14px 23px;column-gap:7px}#match-ui[data-compact=true] .player-score{font-size:23px}#match-ui .action-button{width:var(--button-width);height:60px;color:var(--ivory);padding:4px 8px;font:500 27px/1.1 DarkMincho,serif;display:inline-grid}#match-ui .action-button.df-command-win{color:#f5dc9f}#match-ui .action-button .df-command-frame{height:58px}#match-ui .action-label{font:inherit;letter-spacing:.015em;text-shadow:inherit}#match-ui .action-button:disabled{color:#85918b;opacity:.48}#match-ui .action-button:focus-visible{outline-offset:0;outline:none}@media (width<=359px){#match-ui .action-button{font-size:26px}}.cutin canvas{width:100%;height:100%}.cutin .cutin-word{font:700 var(--call-type)/1 DarkMincho,serif;filter:none;background:0 0}#table-menu-button:before{display:none}#table-menu-button{color:#eee1c7;background:linear-gradient(120deg,#10202480,#07131799);border:1px solid #baa97b66;border-radius:2px;box-shadow:0 2px 6px #07171a33}#table-menu{color:var(--ivory);width:min(420px,100vw - 24px)}#table-menu::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061316ce}.menu-shell .df-command{text-align:center;width:100%;height:58px;font:400 20px DarkMincho,serif}.menu-shell .df-command-frame{height:56px}.menu-shell [data-orientation],.menu-shell [data-sound-enabled]{font-size:18px}.menu-shell .df-command:hover{background:0 0}@media (height<=480px){.menu-shell .df-command{height:50px;font-size:18px}.menu-shell .df-command-frame{height:48px}.menu-shell [data-orientation],.menu-shell [data-sound-enabled]{font-size:17px}}body.app-result-open #match-ui,body.app-result-open #table-menu-button{visibility:hidden}#win-result.app-result{transform:translate(-50%,-50%) rotate(var(--result-rotation,0deg)) scale(var(--result-scale,1));width:min(448px,calc(var(--result-w) - 28px));height:min(696px,calc(var(--result-h) - 36px));max-width:none;max-height:none;box-shadow:none;color:var(--ivory);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:DarkMincho,serif;position:fixed;inset:50dvh auto auto 50vw;overflow:hidden}#win-result::backdrop{-webkit-backdrop-filter:none;background:0 0}.app-settlement-backdrop{z-index:30;pointer-events:none;opacity:0;background:var(--df-settlement-field);position:fixed;inset:0}.app-settlement-backdrop .botanical-mat-inlay{z-index:0;position:absolute}body:has(#win-result[open])>.app-settlement-backdrop{opacity:1;transition:opacity .65s ease-out}@media (prefers-reduced-motion:reduce){body:has(#win-result[open])>.app-settlement-backdrop{transition:none}}#win-result .result-sample-label{color:#9eafa7;margin-left:auto;font:9px DarkSans,sans-serif}#win-result .df-ranking{flex-direction:column;height:100%;padding:20px 18px;display:flex}#win-result .df-ranking>ol{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}#win-result .df-standing{min-height:78px}#win-result .df-ranking footer{padding-top:12px}#win-result[data-landscape=true]{width:min(740px,calc(var(--result-w) - 32px));height:calc(var(--result-h) - 24px)}#win-result[data-landscape=true] .df-result-header{padding-top:5px}#win-result[data-landscape=true] .df-result-winner{padding:3px 0 0}#win-result[data-landscape=true] .df-result-winner h2{font-size:27px}#win-result[data-landscape=true] .df-result-step-title{padding:2px 20px 5px;font-size:12px}#win-result[data-step=settlement] .df-result-step-title{padding:0}#win-result[data-landscape=true] .result-details{grid-template-columns:1.1fr 1fr;align-content:start;gap:0 25px;display:grid}#win-result[data-landscape=true] .df-result-tiles{grid-area:1/1;align-self:center}#win-result[data-landscape=true] .df-yaku{grid-area:1/2/3}#win-result[data-landscape=true] .df-yaku li{min-height:22px;font-size:12px}#win-result[data-landscape=true] .df-yaku b{font-size:19px}#win-result[data-landscape=true] .df-bonuses{grid-area:2/2;padding:5px 0}#win-result[data-landscape=true] .df-score{grid-area:2/1;padding:0}#win-result[data-landscape=true] .df-han{padding:0}#win-result[data-landscape=true] .df-han b{font-size:20px}#win-result[data-landscape=true] .df-winning-score{padding-top:0;font-size:39px}#win-result[data-landscape=true] .df-result-footer{padding:3px 16px 4px}#win-result[data-landscape=true] .df-result-footer .df-command{height:54px}#win-result[data-landscape=true] .df-ranking{padding:8px 28px}#win-result[data-landscape=true] .df-ranking h3{font-size:25px}#win-result[data-landscape=true] .df-ranking>ol{gap:2px;margin:4px 0 0}#win-result[data-landscape=true] .df-standing{grid-template-rows:1fr;grid-template-columns:40px 1fr auto 100px;min-height:40px;padding:3px 10px}#win-result[data-landscape=true] .df-rank{grid-row:1;font-size:31px!important}#win-result[data-landscape=true] .df-rank-name{grid-area:1/2}#win-result[data-landscape=true] .df-rank-score{grid-area:1/3;font-size:28px}#win-result[data-landscape=true] .df-rank-delta{text-align:right;grid-area:1/4}#win-result[data-landscape=true] .df-ranking footer{padding-top:4px}#win-result[data-landscape=true] .df-ranking footer .df-command{height:54px}#win-result[data-landscape=true] .df-ranking footer .df-command-frame{height:52px}#load-state{color:var(--ivory)}#win-result[data-landscape=true] .df-result-header .df-rule{height:10px}#app-ranking-title{outline:none}#table-menu::backdrop{-webkit-backdrop-filter:blur(6px)}#match-ui .df-player[data-active=true] .df-wind:after{inset:-2px}.cutin .cutin-word.visually-hidden{position:absolute}#match-ui .table-actions{flex-wrap:wrap;align-content:start}.actual-hand{--result-tiles:14;--tile-gap:calc(100% / var(--result-tiles) * .24);align-items:end;gap:0;width:100%;padding:6px 0 10px;display:flex}.actual-hand>.actual-tile{flex:1;width:0;min-width:0}.actual-hand>.winning.separated{margin-left:var(--tile-gap)}.actual-meld{min-width:0;margin-left:var(--tile-gap);flex:3;gap:0;display:flex}.actual-meld>.actual-tile{flex:1;width:0;min-width:0}.actual-tile{object-fit:contain;aspect-ratio:168/249;height:auto;display:block}.actual-indicators{align-items:center;gap:1px;display:flex!important}.df-indicators .actual-tile{width:21px!important;height:auto!important}.waits-panel{z-index:3;pointer-events:none;color:#f1dfb8;text-shadow:0 1px 3px #000;position:absolute}.waits-panel[hidden]{display:none}.waits-strip{background:linear-gradient(90deg,#0a171d00,#0a171da8 10% 90%,#0a171d00);height:100%;position:absolute;top:0}.waits-caption,.wait-tile{position:absolute;top:50%;transform:translateY(-50%)}.waits-caption{white-space:nowrap;text-align:center;font:10px/1.15 DarkMincho,serif}.wait-tile{align-items:center;height:100%;font:9px/1 DarkSans,sans-serif;display:flex}.wait-tile img{width:var(--wait-tile-width);height:auto;display:block}.wait-tile small{color:#f4e5c6;text-align:center;background:#092327e8;border-radius:2px;min-width:8px;font:9px/11px DarkSans,sans-serif;position:absolute;bottom:0;right:0}.wait-tile.unavailable img{opacity:.55}.meld-choice{--choice-tile:28px;z-index:21;color:#f4e7c9;padding:0;font:18px DarkMincho,serif;position:absolute}.meld-choice[hidden]{display:none}.meld-choice-options{background:linear-gradient(90deg,#0a171d00,#0a171da8 6% 94%,#0a171d00);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;padding:7px 4px;display:flex}.meld-choice[data-many=true] .meld-choice-options{grid-template-columns:repeat(3,max-content);display:grid}.meld-choice-pair{min-width:84px;min-height:56px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:3px;display:grid;position:relative}.meld-choice-pair:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(at 50% 70%,#f2d59266,#0000 68%);transition:opacity .12s;position:absolute;inset:6px -5px -3px}.meld-choice-tiles{filter:drop-shadow(0 4px 3px #061a2099);align-items:flex-end;gap:0;transition:transform .12s,filter .12s;display:flex;position:relative}.meld-choice img{width:var(--choice-tile);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto}.meld-choice-pair:focus-visible{outline:none}.meld-choice-pair:focus-visible:before,.meld-choice-pair:active:before{opacity:1}.meld-choice-pair:focus-visible .meld-choice-tiles,.meld-choice-pair:active .meld-choice-tiles{filter:drop-shadow(0 6px 4px #061a20b3)brightness(1.08);transform:translateY(-5px)}.meld-choice .df-command{flex:none;width:76px;height:56px;padding:4px 10px;font-size:18px}.meld-choice .df-command-frame{height:54px}@media (hover:hover){.meld-choice-pair:hover:before{opacity:1}.meld-choice-pair:hover .meld-choice-tiles{filter:drop-shadow(0 6px 4px #061a20b3)brightness(1.08);transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.meld-choice-tiles,.meld-choice-pair:before{transition:none}}#match-ui .table-actions[hidden],.menu-actions button[hidden]{display:none!important}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DarkMincho;src:url(/ui/type-v106/live-mincho-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.draw-reveal-info{z-index:18;pointer-events:none;position:absolute;inset:0}.draw-seat-result{text-align:center;color:#b6c4c1;text-shadow:0 1px 3px #001016;background:radial-gradient(#102b31d9,#0a202780 62%,#10252a00);border:0;max-width:min(210px,55vw);padding:3px 3px 4px;font:500 14px/1.2 DarkMincho,serif;position:absolute}.draw-seat-result[data-ready=true]{color:#f3dba9}.draw-seat-result strong{white-space:nowrap;font-weight:500}.draw-seat-result[data-inline=true]{align-items:center;gap:6px;display:flex}.draw-seat-result[data-inline=true] .draw-waits{flex-wrap:nowrap;margin-top:0}.draw-waits{flex-wrap:wrap;justify-content:center;gap:2px;max-width:184px;margin-top:3px;display:flex}.draw-waits img{object-fit:contain;width:18px;height:25px}.draw-reveal-info[hidden]{display:none}#win-result .df-result-footer{gap:8px}#win-result .df-result-footer .df-command{width:min(174px,50%);font-size:19px}#win-result .result-auto-progress{pointer-events:none;background:#ead29b24;border-radius:2px;height:2px;position:absolute;bottom:9px;left:15%;right:15%}#win-result .result-auto-progress[hidden]{display:none}#win-result .result-auto-progress i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--confirm-progress,0));background:linear-gradient(90deg,#9c8044,#e9cc84 65%,#fff1c0);display:block;box-shadow:0 0 5px #edce8770}#win-result .result-auto-progress b{left:calc(var(--confirm-progress,0)*100%);background:#ffe8aa;width:4px;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 6px #f2d890aa}.result-table-controls{z-index:22;pointer-events:auto;gap:8px;display:flex;position:absolute}.result-table-controls[hidden]{display:none}.result-table-controls .df-command{flex:1;width:auto;min-width:0;height:54px;padding:4px 5px;font-size:16px}.result-table-controls .df-command-frame{height:52px}#win-result .df-standing[data-self=true]{background:linear-gradient(95deg,rgba(var(--player-rgb),.29),#b6934721 68%,transparent);box-shadow:inset 0 0 0 1px #dfc69880}#win-result[data-landscape=true] .df-rank-delta{font-size:19px}#win-result[data-landscape=true] .df-result-footer .df-command{height:48px;font-size:18px}#win-result[data-landscape=true] .df-result-footer .df-command-frame{height:46px}@media (width<=359px){.meld-choice{--choice-tile:28px}.meld-choice[data-count="3"] .meld-choice-options{grid-template-columns:repeat(2,max-content);display:grid}.meld-choice .df-command{width:70px}}#win-result[data-landscape=true] .df-bonuses>span{min-height:20px;font-size:12px}#win-result[data-landscape=true] .df-bonuses b{font-size:18px}#win-result[data-compact=true]:not([data-landscape=true]) .df-bonuses{padding:5px 0}#win-result[data-compact=true]:not([data-landscape=true]) .df-bonuses>span{min-height:22px}@media (height<=480px){.menu-shell .df-command{height:46px}.menu-shell .df-command-frame{height:44px}}#win-result.app-result[data-step=settlement]:not([data-landscape=true]){height:min(640px,calc(var(--result-h) - 36px))}.df-standing,.df-transfer{isolation:isolate}.df-character{z-index:0;pointer-events:none;border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.df-character img{object-fit:contain;opacity:.1;filter:none;width:44%;height:140%;position:absolute;top:-5%;right:1%;-webkit-mask-image:linear-gradient(#000 5% 48%,#0007 75%,#0000 100%);mask-image:linear-gradient(#000 5% 48%,#0007 75%,#0000 100%)}.df-standing>span:not(.df-character),.df-standing>strong,.df-standing>small,.df-transfer>span:not(.df-character),.df-transfer>strong{z-index:1;position:relative}.df-standing[data-rank="1"] .df-character img{opacity:.12}.df-transfer .df-character img{opacity:.11;width:38%;right:6%}#match-ui .df-character{inset:0 -3px 0 30px}#match-ui .df-character img{opacity:.085;width:55px;height:140%;top:-4%;right:-1px;-webkit-mask-image:linear-gradient(#000 0% 35%,#0005 75%,#0000);mask-image:linear-gradient(#000 0% 35%,#0005 75%,#0000)}#match-ui .player-info>span:not(.df-character),#match-ui .player-info>strong{z-index:1;position:relative}#win-result[data-landscape=true] .df-character img{width:24%;height:140%;top:-5%;right:37%}#win-result[data-landscape=true] .df-transfer .df-character img{opacity:.1;width:25%;right:34%}.round-opening{z-index:6;pointer-events:none;position:absolute;inset:0}.round-opening[hidden]{display:none}.round-opening-copy{left:var(--opening-x,50%);top:var(--opening-y,50%);pointer-events:none;width:min(80%,302px);height:202px;position:absolute;transform:translate(-50%,-50%)}.round-opening canvas{width:100%;height:100%}.round-opening-dora-light{pointer-events:none;position:absolute;inset:0}.round-opening-dora-light[hidden]{display:none}#cutin-layer{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.cutin{pointer-events:none;will-change:opacity;isolation:isolate;justify-content:center;align-items:center;display:flex;position:absolute}.cutin-backdrop{opacity:.98;background:url(/ui/v11/ink-wash.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.cutin-word{font-family:var(--action-font);font-size:var(--call-type);font-synthesis:none;letter-spacing:0;white-space:nowrap;color:#e9fbff;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #edffff)drop-shadow(0 0 5px #53d3ffc0)drop-shadow(0 0 11px #20b7f56b);background:linear-gradient(#fff 20%,#f7feff 44%,#caf4ff 65%,#8bdfff 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1;display:block;position:relative}