:root{--felt:#1d4d3a;--felt-dark:#143829;--ink:#f3f1e8;--muted:#b9c4bd;--accent:#f2c14e;--warn:#ff8a65;--plus:#8bd48b;--minus:#ff8a80;--panel:#fbfaf5;--panel-ink:#1d2320;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--felt-dark);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(at 50% 30%,#183a30 0%,#10241e 60%,#0b1915 100%) fixed;min-height:100dvh}.brand{letter-spacing:.01em;align-items:center;gap:.55em;font-weight:800;display:inline-flex}.brand img{border-radius:18%;box-shadow:0 2px 8px #0006}.signin{text-align:center;padding-top:12dvh}.signin h1{margin:0;font-size:2.6rem}.signin .brand{flex-direction:column;gap:.4em}.signin .tagline{color:var(--muted);margin:.6rem 0 1.6rem}.signin .button{padding:.75rem 1.6rem;font-size:1.1rem}button,.button{font:inherit;background:var(--accent);color:#1d2320;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:.4rem;min-height:44px;padding:.5rem 1.1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;min-height:auto;padding:0;font-weight:400;text-decoration:underline}input[type=text],input:not([type]){font:inherit;border:1px solid var(--muted);border-radius:6px;width:100%;max-width:20rem;padding:.5rem;font-size:1rem}.page{max-width:32rem;margin:0 auto;padding:1.5rem 1rem}.page fieldset{border:1px solid #3b6b57;border-radius:8px;gap:.5rem;margin:0 0 1rem;display:grid}.page label{align-items:center;gap:.5rem;min-height:32px;display:flex}.bar{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.bar h1{flex:1;margin:0}.small{color:var(--muted);font-size:.85rem}.notice{color:var(--warn)}footer{margin-top:2rem}.tile{box-shadow:0 max(1px, calc(var(--tw) * .06)) 0 #cfc6ad, 0 max(1px, calc(var(--tw) * .08)) max(2px, calc(var(--tw) * .14)) #00000073;background-repeat:no-repeat;background-size:100% 100%;border-radius:12%;flex:none;display:inline-block}.tile-s{--tw:var(--t,20px);width:var(--tw);height:calc(var(--tw) * 4 / 3)}.tile-m{--tw:28px;width:var(--tw);height:calc(var(--tw) * 4 / 3)}.tile-l{--tw:var(--T,40px);width:var(--tw);height:calc(var(--tw) * 4 / 3)}.tile.back:not(.tinted){filter:hue-rotate(185deg)saturate(.7)brightness(.85)}.tile.sideways{margin:0 calc(var(--t,20px) / 6);transform:rotate(-90deg);translate:0 calc(var(--t,20px) / 6)}.tile.dim{filter:brightness(.55)}.tile.tsumogiri{filter:brightness(.82)saturate(.85)}.tile.haku{position:relative}.tile.haku:before{content:"";border:max(1px, calc(var(--tw) * .06)) solid #3d6fb8;border-radius:8%;position:absolute;inset:18% 20%}.tile.red-five{position:relative}.tile.red-five:after{content:"";aspect-ratio:1;background:#e53935;border:max(1px,.06em) solid #1b1b1b;border-radius:2px;width:20%;position:absolute;top:7%;right:9%;transform:rotate(45deg)}.tile.highlight{outline:2px solid var(--accent);outline-offset:1px}.tile-button{background:0 0;border-radius:0;min-height:0;padding:0;transition:translate 80ms;display:inline-block}.tile-button:hover:not(:disabled),.tile-button:focus-visible{translate:0 -8px}.play{background:radial-gradient(circle at 50% 40%, var(--felt), var(--felt-dark));flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.banner{z-index:5;background:#000000b3;border-radius:999px;padding:.4rem .9rem;font-size:.9rem;position:fixed;top:.5rem;left:50%;translate:-50%}.banner.warn{color:var(--warn)}.table{--board:min(100vw, calc(100dvh - 11rem), 760px);--t:calc(var(--board) / 22);--T:min(calc((100vw - 24px) / 14.8), 52px, calc(var(--board) / 8));flex-direction:column;flex:1;align-items:center;display:flex}.board{width:var(--board);height:var(--board);flex:none;margin-block:auto;position:relative}.center{width:calc(var(--t) * 6);height:calc(var(--t) * 6);text-align:center;background:#00000040;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.center.turn-0{box-shadow:inset 0 -4px 0 var(--accent)}.center.turn-1{box-shadow:inset -4px 0 0 var(--accent)}.center.turn-2{box-shadow:inset 0 4px 0 var(--accent)}.center.turn-3{box-shadow:inset 4px 0 0 var(--accent)}.center .round{font-weight:700;font-size:min(max(.8125rem, calc(var(--t) * .8)), calc(var(--t) * 1.15))}.center .small{font-size:min(max(.625rem, calc(var(--t) * .5)), calc(var(--t) * .6))}.dora{align-items:center;gap:2px;margin-top:2px;display:flex}.dora-label{font-size:min(max(.625rem, calc(var(--t) * .45)), calc(var(--t) * .6));color:var(--muted);margin-right:.3em}.zone{width:calc(var(--t) * 6);transform-origin:0 0;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;top:50%;left:50%}.zone-0{transform:translate(-50%, calc(var(--t) * 3.1))}.zone-1{transform:rotate(-90deg) translate(-50%, calc(var(--t) * 3.1))}.zone-2{transform:rotate(180deg) translate(-50%, calc(var(--t) * 3.1))}.zone-3{transform:rotate(90deg) translate(-50%, calc(var(--t) * 3.1))}.seat-label{font-size:min(max(.625rem, calc(var(--t) * .55)), calc(var(--t) * .85));white-space:nowrap;max-width:calc(var(--t) * 9);align-items:center;gap:4px;display:flex;overflow:hidden}.seat-label .wind{color:var(--accent);font-weight:700}.seat-label .wind.dealer{background:var(--accent);color:#1d2320;border-radius:4px;padding:0 .3em}.seat-label .name{text-overflow:ellipsis;max-width:calc(var(--t) * 4);overflow:hidden}.seat-label .points{font-variant-numeric:tabular-nums}.seat-label.turn .name{-webkit-text-decoration:underline 2px var(--accent);text-decoration:underline 2px var(--accent)}.seat-label .clock{color:var(--accent);font-variant-numeric:tabular-nums}.tag{background:#ffffff26;border-radius:4px;padding:0 4px;font-size:.8em}.tag.warn{background:var(--warn);color:#1d2320}.riichi-stick{width:calc(var(--t) * 1.6);background:#fff;border-radius:2px;height:4px;box-shadow:inset 0 0 0 1px #c33}.river{min-width:calc(var(--t) * 6);flex-direction:column;gap:1px;display:flex}.river,.backs{will-change:transform}.river-row{height:calc(var(--t) * 4 / 3);display:flex}.opponent-hand{--t:calc(var(--board) / 22 * .7);align-items:flex-end;gap:4px;margin-top:1px;display:flex}.backs{display:flex;position:relative}.backs>span{display:flex}.backs>.apart{margin-left:calc(var(--t) * .3)}.backs>.slot-out{left:calc(var(--at) * var(--t));pointer-events:none;animation:.45s ease-in forwards slot-out;position:absolute}.backs>.slot-shift{animation:.45s ease-in-out slot-shift}.backs>.slot-in{animation:.45s ease-out slot-in}@keyframes slot-out{to{opacity:0;transform:translateY(-50%)}}@keyframes slot-shift{0%{transform:translateX(calc(var(--dx) * var(--t)))}}@keyframes slot-in{0%{opacity:.2;transform:translate(calc(var(--dx) * var(--t)), -60%)}}@media (prefers-reduced-motion:reduce){.backs>.slot-out{display:none}.backs>.slot-in,.backs>.slot-shift{animation:none}.backs>.slot-in .tile{outline:2px solid var(--accent)}}.meld{align-items:flex-end;margin-left:4px;display:inline-flex}.river-row:last-child>.tile:last-child{animation:.18s ease-out discard-in}.own-hand .drawn .tile,.backs>.apart{animation:.15s ease-out draw-in}.meld{animation:.2s ease-out meld-in}.dialog{animation:.2s ease-out dialog-in}.callout{z-index:3;pointer-events:none;font-weight:800;font-size:max(1rem, calc(var(--t) * 1.3));color:#fff;border:2px solid var(--accent);white-space:nowrap;background:#0009;border-radius:999px;padding:.05em .7em;animation:.9s ease-out forwards callout;position:absolute;translate:-50% -50%}.callout-0{top:76%;left:50%}.callout-1{top:50%;left:78%}.callout-2{top:24%;left:50%}.callout-3{top:50%;left:22%}@keyframes discard-in{0%{opacity:0;scale:1.35}}@keyframes draw-in{0%{opacity:0;translate:0 -40%}}@keyframes meld-in{0%{opacity:0;scale:.7}}@keyframes dialog-in{0%{opacity:0;translate:0 12px}}@keyframes callout{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.08}30%{scale:1}75%{opacity:1}to{opacity:0}}@keyframes callout-hold{to{opacity:0}}@media (prefers-reduced-motion:reduce){.river-row:last-child>.tile:last-child,.own-hand .drawn .tile,.backs>.apart,.meld,.dialog{animation:none}.callout{animation:1.2s step-end forwards callout-hold}}.own{width:100%;padding:.3rem .5rem calc(.6rem + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.own-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:0;display:flex}.concealed{display:flex}.drawn{margin-left:calc(var(--T) * .3);display:flex}.own-melds{margin-left:calc(var(--T) * .3);--t:calc(var(--T) * .72);display:flex}.own-status{align-items:center;gap:.75rem;min-height:1.4rem;display:flex}.own-clock{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.controls{--t:18px;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.action-pass{background:#d9d6cc}.action-ron,.action-tsumo{background:#ff7043}.action-tiles{display:inline-flex}.dialog-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);color:var(--panel-ink);--t:22px;border-radius:12px;width:min(30rem,100%);max-height:90dvh;padding:1rem 1.2rem;overflow:auto}.dialog h2{margin:0 0 .6rem;font-size:1.2rem}.dialog h3{margin:.4rem 0;font-size:1rem}.win-hand{flex-wrap:wrap;align-items:flex-end;gap:0;display:flex}.win-hand .gap{width:6px}.items{margin:.5rem 0;padding:0;list-style:none}.items li{border-bottom:1px solid #e3e0d6;justify-content:space-between;padding:2px 0;display:flex}.score-line{margin-bottom:.5rem;font-weight:700}.items .yaku{flex-direction:column;display:flex}.items .yaku small{opacity:.7;font-size:.75rem}.indicators{flex-wrap:wrap;align-items:center;gap:2px;margin-top:.4rem;display:flex}.indicators .label{margin:0 .3rem 0 .6rem;font-size:.8rem}.indicators .label:first-child{margin-left:0}.counters{margin:.3rem 0;font-size:.85rem}.tenpai{padding:0;list-style:none}.tenpai li{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.deltas{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.5rem 0 1rem}.deltas td{border-bottom:1px solid #e3e0d6;padding:4px 2px}.deltas td:not(:first-child),.deltas th:not(:first-child){text-align:right}.deltas th{opacity:.65;text-align:left;padding:2px;font-size:.8rem;font-weight:600}.deltas tr.self{font-weight:700}.deltas .plus{color:#23803a}.deltas .minus{color:#c0392b}@media (orientation:landscape) and (width>=600px){.play{grid-template:"board bar""board details""board controls"1fr"board status""hand hand"/auto minmax(0,1fr);place-items:center;column-gap:1rem;padding:.4rem .75rem 0;display:grid}.table,.own{display:contents}.table{--T:min(calc((100vw - 24px) / 15.5), 48px);--board:min(calc(100dvh - var(--T) * 4 / 3 - 1.6rem - env(safe-area-inset-bottom)), 62vw, 760px)}.play:has(.replay-bar) .table{--T:min(calc((100vw - 24px) / 15.5), 48px);--board:min(calc(100dvh - var(--T) * 4 / 3 - 1.6rem - env(safe-area-inset-bottom)), 62vw, 760px)}.play>.replay-bar,.play>.play-nav{grid-area:bar}.play>.verify-details{grid-area:details}.play>.aids-toggles{grid-area:status;align-self:end}.board{grid-area:board;margin:0}.own-status{grid-area:details}.controls{grid-area:controls}.own-hand{padding:.3rem 0 calc(.4rem + env(safe-area-inset-bottom));grid-area:hand}}a{color:var(--accent)}button.secondary,.button.secondary{background:#d9d6cc}section{margin:1.5rem 0}h2{margin:0 0 .6rem;font-size:1.1rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row input{flex:1;min-width:10rem}.stack{gap:.3rem;display:grid!important}.bar a,.bar button.link{white-space:nowrap}.me,.who{color:var(--ink);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.current{background:#f2c14e26;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.avatar{background:var(--panel);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar .tile{box-shadow:none}.list{margin:.5rem 0;padding:0;list-style:none}.list li{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;display:flex}.presence{color:var(--muted);margin-left:auto;font-size:.85rem}.presence:before{content:"";background:#6b7a72;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.presence.online:before{background:var(--plus)}.presence.playing:before{background:var(--accent)}.seats{gap:.4rem;padding:0;list-style:none;display:grid}.seats li{background:#ffffff0f;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:0 .6rem;display:flex}.counts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.counts div{text-align:center;background:#ffffff0f;border-radius:8px;padding:.5rem}.counts dt{color:var(--muted);font-size:.8rem}.counts dd{font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1.2rem;font-weight:700}.games{padding:0;list-style:none}.games>li{border-bottom:1px solid #ffffff1a;padding:.6rem 0}.placings{gap:2px;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.placings li{align-items:center;gap:.5rem;display:flex}.placings li.self{font-weight:700}.placings .num{font-variant-numeric:tabular-nums;margin-left:auto}.avatars{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.4rem;display:grid}.avatar-pick{background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;min-height:0;padding:2px}.avatar-pick.chosen{border-color:var(--accent)}.replay-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.4rem;display:flex}.replay-bar button{justify-content:center;min-width:44px;padding:.4rem .6rem}.replay-bar .all-hands{align-items:center;gap:.25rem;font-size:.85rem;display:inline-flex}.replay-bar input[type=range]{flex:1;min-width:8rem;max-width:24rem}.replay-bar .verify{min-width:0;font-size:.85rem}.verify.pending{color:var(--muted);font-size:.85rem}.verify.verified{color:var(--accent);border:1px solid var(--accent);background:0 0}.verify.unverifiable{color:var(--muted);border:1px solid var(--muted);background:0 0}.verify.failed,.verify-details.failed{color:var(--warn);border:1px solid var(--warn);background:0 0}.verify-details{border-radius:6px;max-width:40rem;margin:0 auto .4rem;padding:.4rem .8rem;font-size:.85rem}.verify-details ul{overflow-wrap:anywhere;margin:.2rem 0 0;padding-left:1.2rem}@media not ((orientation:landscape) and (width>=600px)){.play:has(.replay-bar) .table{--board:min(100vw, calc(100dvh - 14rem), 760px)}}.own-status .waits{align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.own-status .wait{align-items:flex-end;display:inline-flex}.own-status .wait small{margin-left:1px}.play-nav{place-self:stretch start;padding:.3rem .5rem 0}.play-nav button{padding:.25rem .6rem;font-size:.85rem}.aids-toggles{flex-wrap:wrap;justify-content:center;gap:.8rem;padding:.2rem .5rem .4rem;font-size:.8rem;display:flex}.aids-toggles label{align-items:center;gap:.25rem;display:inline-flex}.tile-button{touch-action:none}.yaku-table{border-collapse:collapse;width:100%}.yaku-table th,.yaku-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff1f;padding:.3rem .4rem}.yaku-table th:not(:first-child),.yaku-table td:not(:first-child){text-align:center;width:6rem}.yaku-table td small{color:var(--muted);display:block}.yaku-table .muted{color:var(--muted);font-size:.85em}.lesson-card{background:#00000059;border-radius:10px;align-self:center;max-width:40rem;margin:.5rem;padding:.6rem .9rem}.lesson-card h2{margin:.2rem 0;font-size:1.1rem}.lesson-card p{margin:.3rem 0}.lesson-right{color:var(--accent)}.lesson-wrong{color:var(--warn)}@media (orientation:landscape) and (width>=600px){.play>.lesson-card{grid-area:1/2/3;align-self:start}}@media (orientation:landscape) and (width>=640px){.play{--side:13rem;--pad:2.5rem;--hr:14;--B:min(calc((100dvh - var(--pad)) / (1 + 4 / 3 * .55 / var(--hr))), calc((100vw - 2 * var(--side) - 7rem) / (1.05 * 14 / var(--hr))), 1300px);height:100dvh;font-size:clamp(1rem, calc(var(--B) / 60), 1.4rem);grid-template-columns:minmax(var(--side), 1fr) auto minmax(var(--side), 1fr);background:radial-gradient(at 50% 40%,#183a30 0%,#10241e 60%,#0b1915 100%);grid-template-rows:auto auto 1fr auto;grid-template-areas:"nav board bar""aids board."".board details"".hand controls";column-gap:1.25rem;padding:.75rem 1rem .5rem}.table{--board:var(--B);--t:calc(var(--board) / 21);--T:calc(var(--board) / var(--hr))}.play:has(.replay-bar) .table{--board:var(--B);--t:calc(var(--board) / 21);--T:calc(var(--board) / var(--hr))}.board{box-shadow:inset 0 0 0 calc(var(--t) * .35) #0000002e, inset 0 0 0 calc(var(--t) * .4) #ffffff12, inset 0 0 calc(var(--t) * 3) #00000059, 0 18px 50px #0000008c;background:radial-gradient(#2b7356 0%,#22603f 55%,#1a4b33 100%);border-radius:22px;grid-row:1/4;align-self:end}.center{width:calc(var(--t) * 6);height:calc(var(--t) * 6);border-radius:calc(var(--t) * .4);gap:calc(var(--t) * .12);background:linear-gradient(160deg,#0a1814e0,#06100deb);border:1px solid #ffffff14}.center .round{font-size:calc(var(--t) * .85);letter-spacing:.02em}.center .small{font-size:calc(var(--t) * .42)}.seat-label{gap:calc(var(--t) * .2);padding:calc(var(--t) * .06) calc(var(--t) * .3);margin-bottom:calc(var(--t) * .1);font-size:calc(var(--t) * .46);max-width:calc(var(--t) * 11);background:#00000052;border-radius:999px}.seat-label.turn{box-shadow:0 0 0 2px var(--accent)}.seat-label.turn .name{text-decoration:none}.river{gap:calc(var(--t) * .06)}.own-hand{z-index:1;margin-top:calc(var(--T) * 4 / 3 * -.45);flex-wrap:nowrap;grid-area:hand;align-self:end;position:relative}.concealed{gap:calc(var(--T) * .03)}.drawn{margin-left:calc(var(--T) * .4)}.tile-button:hover:not(:disabled),.tile-button:focus-visible{translate:0 calc(var(--T) * -.2)}.tile-button:not(:disabled) .tile{cursor:pointer}.own-melds{margin-left:calc(var(--T) * .5)}.play>.play-nav{grid-area:nav;place-self:start;padding:0}.play>.aids-toggles{background:#00000040;border-radius:12px;flex-direction:column;grid-area:aids;place-self:start;align-items:flex-start;gap:.45rem;margin-top:1em;padding:.75em 1em;font-size:.9em}.aids-toggles input{width:1em;height:1em}.play button,.play-nav button,.replay-bar button{font-size:1em}.play-nav button{min-height:2.6em;font-size:.9em}.own-status{flex-wrap:wrap;grid-area:details;place-self:end start;font-size:1em}.own-clock{font-size:1.6em}.controls{--t:24px;grid-area:controls;justify-content:flex-start;place-self:center start;gap:.6rem;max-width:100%}.controls button{border-radius:999px;min-height:3em;padding:.55em 1.4em;font-size:1.1em;box-shadow:0 4px #00000059}.controls button:active{translate:0 2px;box-shadow:0 2px #00000059}.play>.replay-bar{grid-area:bar;align-self:start}.play>.verify-details{grid-area:2/3;align-self:start}.play>.lesson-card{grid-area:1/3/4;align-self:start;margin:0}.callout-0{top:87%}.dialog{--t:clamp(26px, calc(var(--B) / 30), 40px);width:min(40rem,100%);font-size:1.05rem}}@media (width>=1024px){.page{max-width:46rem;padding:2.5rem 1.5rem 3rem}.page section,.page>fieldset{background:#00000038;border:1px solid #ffffff0f;border-radius:14px;padding:1.1rem 1.4rem 1.3rem}.page section h2{margin-top:0}.page .bar{margin-bottom:1.5rem}.page .bar h1{font-size:1.9rem}.page.home{grid-template:"bar bar""current current""new tables""new friends"1fr"foot foot"/minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.75rem;max-width:70rem;display:grid}.page.home>.bar{grid-area:bar}.page.home>.current{grid-area:current;margin:0 0 1.25rem}.page.home>section{margin:0 0 1.75rem}.page.home>section:first-of-type{grid-area:new}.page.home>section:nth-of-type(2){grid-area:tables}.page.home>section:nth-of-type(3){grid-area:friends}.page.home>footer{grid-area:foot;margin-top:.5rem}.page.home fieldset{margin-bottom:1rem}.page.home>section:first-of-type .row>button{flex:1;justify-content:center;min-height:52px}.page.profile{max-width:60rem}.page.profile .counts{grid-template-columns:repeat(6,1fr)}.page .games>li{background:#00000038;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.7rem;padding:.8rem 1.1rem}.page.rules .yaku-table th:not(:first-child),.page.rules .yaku-table td:not(:first-child){width:8rem}.page.rules{max-width:52rem}.signin{max-width:36rem;padding-top:18dvh}}@media (orientation:landscape) and (width>=640px) and (height<=599px){.play{--side:8.5rem;--pad:1rem;--hr:12;grid-template-areas:"nav board bar""aids board details"".board controls"".hand.";column-gap:.6rem;padding:.35rem .5rem .25rem;font-size:.8rem}.controls{align-self:end}.play>.aids-toggles{gap:.3rem;margin-top:.5em;padding:.5em .7em}.play-nav button{min-height:2.2em;padding:.2em .6em}.controls button{min-height:2.6em;padding:.4em .9em}.own-clock{font-size:1.3em}.play>.lesson-card{max-height:calc(100dvh - 1rem);font-size:.9em;overflow:auto}.dialog{--t:18px;columns:2;column-gap:1.2rem;width:min(54rem,100%);max-height:96dvh;padding:.6rem .9rem;font-size:.85rem}.dialog h2{font-size:1.05rem}.dialog h3{font-size:.95rem}.dialog .win-hand,.dialog .indicators,.dialog .items li,.dialog .deltas,.dialog .row{break-inside:avoid}.dialog .deltas{margin:.2rem 0 .5rem}.dialog .deltas td{padding:2px}.dialog h2{margin-bottom:.3rem}.dialog .items li{padding:0}.dialog button{min-height:36px;padding:.3rem .9rem}}.rotate-hint{display:none}@media (orientation:portrait) and (width<=639px){.rotate-hint{color:var(--muted);text-align:center;margin:0;padding:.2rem .5rem 0;font-size:.8rem;display:block}}@media (orientation:landscape) and (width>=640px) and (width<=759px) and (height<=599px){.play{--side:7rem;--hr:14}}