@layer layouts{.bottom-nav{box-sizing:border-box;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--ds-surface);width:min(430px,100% - 32px);box-shadow:var(--ds-shadow-card);-webkit-backdrop-filter:blur(18px);z-index:30;pointer-events:none;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav a{box-sizing:border-box;min-height:57px;color:var(--ds-muted);font:700 11px/1.5 var(--ds-body);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;display:flex}.bottom-nav svg{stroke-width:1.8px;width:23px;height:23px}.bottom-nav a[aria-current=page]{background:var(--ds-yellow);color:var(--ds-ink)}.bottom-nav a:hover{color:var(--ds-ink)}.bottom-nav a:focus-visible{outline:3px solid var(--ds-blue-text);outline-offset:4px}body[data-keyboard=true] .bottom-nav{display:none}@media (width<=700px){.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))}}@media (width>=701px){body[data-view] .bottom-nav{bottom:calc(48px + env(safe-area-inset-bottom))}}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ease-in-out:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@font-face{font-family:General Sans;src:url(/assets/general-sans-variable-p1VyP7gg.woff2)format("woff2");font-style:normal;font-weight:200 700;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-latin-800-italic.woff2)format("woff2");font-weight:800;font-style:italic;font-display:swap}:root{--ds-canvas:#fffaf2;--ds-surface:#fffdf8;--ds-surface-muted:#f3eee7;--ds-ink:#44352b;--ds-muted:#76685e;--ds-blue-brand:#009fda;--ds-pink-brand:#e5007e;--ds-yellow-brand:#ffec00;--ds-on-brand:#fff;--ds-action:var(--ds-blue-brand);--ds-action-hover:var(--ds-blue-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-action-hover:color-mix(in srgb,var(--ds-blue-brand) 88%,black)}}:root{--ds-action-pressed:var(--ds-blue-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-action-pressed:color-mix(in srgb,var(--ds-blue-brand) 76%,black)}}:root{--ds-blue-soft:var(--ds-blue-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-blue-soft:color-mix(in srgb,var(--ds-blue-brand) 10%,white)}}:root{--ds-blue-text:var(--ds-blue-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-blue-text:color-mix(in srgb,var(--ds-blue-brand) 76%,black)}}:root{--ds-pink:var(--ds-pink-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-pink:color-mix(in srgb,var(--ds-pink-brand) 78%,black)}}:root{--ds-pink-soft:var(--ds-pink-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-pink-soft:color-mix(in srgb,var(--ds-pink-brand) 9%,white)}}:root{--ds-yellow:var(--ds-yellow-brand);--ds-pink-hover:var(--ds-pink-brand)}@supports (color:color-mix(in lab, red, red)){:root{--ds-pink-hover:color-mix(in srgb,var(--ds-pink-brand) 88%,black)}}:root{--ds-status-connected:#18783d;--ds-status-disconnected:#b42318;--ds-icon-control-size:44px;--ds-icon-control-padding:0;--ds-disabled:#e9e3db;--ds-disabled-text:#776e65;--ds-radius-control:14px;--ds-radius-card:12px;--ds-radius-panel:24px;--ds-shadow-stack:0 1px 2px #44352b52,0 4px 8px #44352b38;--ds-shadow-card:0 3px 6px #44352b14,0 8px 20px #44352b0d;--ds-shadow-floating:0 18px 60px #44352b29;--ds-body:"General Sans",Barlow,Arial,sans-serif;--ds-display:"Barlow Condensed","Arial Narrow",sans-serif;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-12:48px;--ds-space-16:64px;--ds-inset-compact:var(--ds-space-4);--ds-inset-surface:var(--ds-space-6);--ds-inset-window:var(--ds-space-6);--ds-gap-related:var(--ds-space-2);--ds-gap-content:var(--ds-space-4);--ds-gap-section:var(--ds-space-6);--ds-layer-overlay:100;--ds-layer-dialog:101;--ds-layer-preview:105;--ds-layer-reaction:90;--ds-layer-notice:110;--ds-layer-screen-effect:120;--ds-motion:.18s;--ds-panel-glass:var(--ds-canvas)}@supports (color:color-mix(in lab, red, red)){:root{--ds-panel-glass:color-mix(in srgb,var(--ds-canvas) 85%,transparent)}}@media (width<=699px){:root{--ds-inset-surface:var(--ds-space-5);--ds-inset-window:var(--ds-space-5)}}:root{--ds-emoji-surface:#fff;--ds-emoji-shadow:0 3px 6px #44352b33,0 8px 18px #44352b40}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.dialog-overlay{background:color-mix(in srgb,var(--ds-ink) 28%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--ds-layer-overlay);position:fixed;inset:0}.react-dialog{background:var(--ds-surface);width:min(760px,100%);max-height:90dvh;color:var(--ds-ink);z-index:var(--ds-layer-dialog);box-shadow:var(--ds-shadow-floating);border:0;border-radius:28px 28px 0 0;outline:none;margin:auto;padding:0;display:block;position:fixed;inset:auto 0 0;overflow:auto}.react-dialog>.close{float:right;z-index:3;margin:12px 12px -50px 0;font-size:28px;position:sticky;top:12px;right:12px}.react-dialog .detail-body>h2,.react-dialog .detail-body>.actions{margin:24px}.react-dialog .detail-body>.enlarged{margin:24px auto}.react-dialog .detail-summary,.react-dialog .command-form,.react-dialog .target-picker,.react-dialog .activity-modal,.react-dialog .smiles-breakdown{padding:20px}.detail-tabs [data-state=active]{background:var(--ds-yellow);color:var(--ds-ink)}.hand-card,.laid-card{display:contents}.feedback-notice{z-index:var(--ds-layer-notice);background:var(--ds-surface);width:min(480px,90vw);box-shadow:var(--ds-shadow-floating);border:0;border-radius:16px;padding:16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.feedback-notice button{position:absolute;top:8px;right:8px}.feedback-scene{text-align:center;padding:28px}.empty-pile{color:var(--ds-muted);background:0 0;border:0}@media (width>=700px){.react-dialog{border-radius:24px;max-height:88dvh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}body.playing #root{display:contents}.playing .react-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.playing .react-dialog.feedback-scene{margin:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dialog-overlay:has(+.feedback-scene){background:color-mix(in srgb,var(--ds-ink) 90%,transparent)}.feedback-scene>.close{display:none}[hidden]:not([hidden=until-found]){display:none!important}.react-dialog.catalog-dialog{grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.catalog-dialog>.detail-body{grid-area:1/1;min-width:0}.catalog-dialog>.ds-dialog-header{pointer-events:none;background:0 0;grid-area:1/1;align-self:start}.catalog-dialog>.ds-dialog-header .ds-dialog-close{pointer-events:auto}.react-dialog:not(.catalog-dialog){width:min(560px,100% - 24px)}.ds-avatar{background:var(--ds-pink-soft);object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px}.ds-icon-button{border-radius:var(--ds-radius-control);background:var(--ds-surface-muted);justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;transition:background .16s,transform .16s;display:inline-flex}.ds-icon-button:hover{background:var(--ds-disabled)}.ds-tonal{background:var(--ds-surface)}.ds-button{min-height:48px;padding:var(--ds-space-3) var(--ds-space-6);border-radius:var(--ds-radius-control);font:800 italic 22px/1.2 var(--ds-display);text-transform:uppercase;white-space:normal;background:var(--ds-surface-muted);justify-content:center;align-items:center;gap:12px;transition:background .16s,transform .16s;display:inline-flex}.ds-primary{color:var(--ds-on-brand);background:var(--ds-action)}.ds-primary:hover{background:var(--ds-action-hover)}.ds-primary:active{background:var(--ds-action-pressed);transform:translateY(1px)}.ds-secondary{background:var(--ds-pink-brand);color:var(--ds-on-brand)}.ds-secondary:hover{background:var(--ds-pink-hover)}.ds-quiet{color:var(--ds-muted);background:0 0}.ds-quiet:hover{background:var(--ds-surface-muted)}.ds-button:disabled,.ds-icon-button:disabled{color:var(--ds-disabled-text);background:var(--ds-disabled);transform:none}.ds-button-examples{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.ds-overlay{z-index:var(--ds-layer-overlay);background:color-mix(in srgb,var(--ds-ink) 27%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.18s ds-fade;position:fixed;inset:0}.ds-modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ds-modal-heading h2{overflow-wrap:anywhere;font-size:30px}.ds-modal-heading .ds-icon-button{flex:none}.ds-modal:focus{outline:none}.ds-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--yellow:var(--ds-yellow);--muted:var(--ds-muted);--green:var(--ds-action);--line:transparent}body{font:400 16px/1.55 var(--ds-body);color:var(--ds-ink);background:var(--ds-canvas);font-synthesis:none}button,input,select,textarea{font:inherit;color:inherit;border:0}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ds-blue-text);outline-offset:4px}:where(h1,h2){font-family:var(--ds-display);text-transform:uppercase;font-style:italic;font-weight:800;line-height:1.1}svg{stroke-width:1.8px;flex-shrink:0}.ds-input{background:var(--ds-surface-muted);border-radius:var(--ds-radius-control);padding:var(--ds-space-3) var(--ds-space-4);min-height:48px;font:400 16px/1.5 var(--ds-body);max-width:100%}.ds-input::placeholder{color:var(--ds-muted)}.ds-input:disabled{background:var(--ds-disabled);color:var(--ds-disabled-text)}.ds-input:is([type=checkbox],[type=radio]){width:24px;height:24px;min-height:24px;accent-color:var(--ds-action);vertical-align:middle;flex:none;padding:0}.ds-field{gap:8px;display:grid}.ds-field label{font-weight:600}.ds-field small{color:var(--ds-muted)}.ds-field [role=alert]{color:var(--ds-pink);margin:0}.ds-window{background:var(--ds-surface);color:var(--ds-ink);border-radius:var(--ds-radius-panel);box-shadow:var(--ds-shadow-floating);font:400 16px/1.55 var(--ds-body);border:0}.ds-overlay{z-index:var(--ds-layer-overlay)}.ds-button,.ds-icon-button{opacity:1;touch-action:manipulation;border:0;text-decoration:none}.ds-button{font:800 italic 22px/1.2 var(--ds-display)}.ds-icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.ds-icon-button.ds-quiet{background:var(--ds-surface-muted);color:var(--ds-ink)}.ds-surface{background:var(--ds-surface);border-radius:var(--ds-radius-panel);padding:var(--ds-inset-surface)}.ds-badge{background:var(--ds-surface-muted);font:600 14px/1.5 var(--ds-body);border-radius:99px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.ds-status{background:var(--ds-surface);border-radius:var(--ds-radius-control);color:var(--ds-ink);align-items:center;gap:12px;padding:16px;display:flex}.ds-status[data-tone=error]{color:var(--ds-pink)}@media (prefers-reduced-motion:reduce){.ds-button,.ds-icon-button{transition:none}.ds-primary:active{transform:none}}.ds-button[aria-busy=true]{position:relative}.ds-button>.ds-loading{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ds-stack{gap:var(--ds-gap-content);flex-direction:column;min-width:0;display:flex}.ds-stack>*{margin-block:0}.ds-cluster{align-items:center;gap:var(--ds-gap-related);flex-wrap:wrap;display:flex}.ds-window{--ds-window-inset:var(--ds-inset-window);padding:var(--ds-window-inset);scroll-padding-block:var(--ds-window-inset);overscroll-behavior:contain}.react-dialog:not(.catalog-dialog):not(.feedback-scene){padding:var(--ds-window-inset);padding-bottom:max(var(--ds-window-inset),env(safe-area-inset-bottom))}.react-dialog:not(.catalog-dialog):not(.feedback-scene)>.detail-body{align-items:stretch;gap:var(--ds-gap-content);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.react-dialog:not(.catalog-dialog):not(.feedback-scene)>.detail-body>*{min-width:0;max-width:100%;margin:0}.react-dialog:not(.catalog-dialog):not(.feedback-scene)>.detail-body>.enlarged{align-self:center}.react-dialog:not(.catalog-dialog):not(.feedback-scene) :is(.detail-summary,.command-form,.target-picker,.activity-modal,.smiles-breakdown){padding:0}.react-dialog:not(.catalog-dialog) .command-buttons{gap:var(--ds-gap-related);bottom:0}.react-dialog.catalog-dialog{padding:0}.catalog-dialog .detail-content{padding:var(--ds-inset-window)}.catalog-dialog>.close{top:var(--ds-space-4);margin:var(--ds-space-4) var(--ds-space-4) 0 0}.ds-chip{--ds-chip-selected:var(--ds-blue-text);--ds-chip-on-selected:var(--ds-on-brand);justify-content:center;align-items:center;gap:var(--ds-gap-related);min-height:44px;padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-surface-muted);color:var(--ds-ink);font:600 14px/1.5 var(--ds-body);text-transform:none;white-space:nowrap;touch-action:manipulation;border:0;border-radius:99px;flex:none;transition:background .16s;display:inline-flex}.ds-chip[data-variant=secondary]{--ds-chip-selected:var(--ds-pink-brand)}.ds-chip[data-variant=accent]{--ds-chip-selected:var(--ds-yellow);--ds-chip-on-selected:var(--ds-ink)}.ds-chip[data-variant=neutral]{--ds-chip-selected:var(--ds-ink)}.ds-chip-check{display:none}.ds-chip[aria-pressed=true]{background:var(--ds-chip-selected);color:var(--ds-chip-on-selected)}.ds-chip[aria-pressed=true] .ds-chip-check{display:block}.ds-chip:hover:not(:disabled){background:var(--ds-disabled)}.ds-chip[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--ds-chip-selected) 90%,black)}.ds-chip:disabled{background:var(--ds-disabled);color:var(--ds-disabled-text)}@media (prefers-reduced-motion:reduce){.ds-chip{transition:none}}.ds-surface[data-tone=cream]{background:var(--ds-canvas)}.react-dialog.ds-window-fit:not(.catalog-dialog):not(.feedback-scene){gap:var(--ds-gap-content);height:min(760px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:var(--ds-window-inset);flex-direction:column;display:flex;overflow:hidden}.react-dialog.ds-window-fit:not(.catalog-dialog):not(.feedback-scene)>.detail-body{flex:1;height:auto;min-height:0;overflow:hidden}.ds-icon-button,.ds-connection-indicator{width:var(--ds-icon-control-size);height:var(--ds-icon-control-size);min-width:var(--ds-icon-control-size);min-height:var(--ds-icon-control-size);padding:var(--ds-icon-control-padding);border-radius:var(--ds-radius-control);justify-content:center;align-items:center;display:inline-flex}.ds-connection-indicator{background:var(--ds-surface);color:var(--ds-status-disconnected);flex:none}.ds-connection-indicator[data-connected=true]{color:var(--ds-status-connected)}.react-dialog:not(.catalog-dialog):not(.feedback-scene)>.ds-dialog-header{top:calc(-1 * var(--ds-window-inset));margin:calc(-1 * var(--ds-window-inset)) calc(-1 * var(--ds-window-inset)) 0;padding:var(--ds-window-inset);background:var(--ds-surface)}.react-dialog:not(.catalog-dialog):not(.feedback-scene) .ds-dialog-footer{bottom:calc(-1 * var(--ds-window-inset));z-index:2;background:var(--ds-surface);padding:var(--ds-window-inset);margin:0 calc(-1 * var(--ds-window-inset)) calc(-1 * var(--ds-window-inset));width:calc(100% + 2 * var(--ds-window-inset));flex-shrink:0;max-width:none;position:sticky}.react-dialog:not(.catalog-dialog):not(.feedback-scene) .command-form{padding:0}.react-dialog .card-play-hint{text-align:center;padding-inline:12px}.react-dialog .detail-summary.card-summary{padding:0}body.playing,body[data-board-id]{background:var(--ds-canvas) var(--board-image,url(/new_board.png)) center/cover fixed no-repeat}.playing .topbar{background:var(--ds-panel-glass);color:var(--ds-ink)}.personal-board,.hand-panel,.table-controls{background:var(--ds-panel-glass);border-radius:var(--ds-radius-panel)}.feedback-history-line{font:500 14px/1.5 var(--ds-body);text-transform:none;text-align:left;min-height:44px;box-shadow:none;justify-content:flex-start;padding:8px 0}#draw{box-shadow:var(--ds-shadow-card);background:0 0;padding:0;display:block;position:relative}#draw .draw-back{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block;position:static}#draw .pile-count{background:var(--ds-surface);width:100%;color:var(--ds-ink);font:600 10px/1.5 var(--ds-body);text-transform:none;padding:2px;position:absolute;inset:auto 0 0;transform:none}.discard .empty-pile{color:var(--ds-muted);background:var(--ds-surface-muted)}.search .ds-input:focus-visible{outline:none}.brand>span{color:var(--ds-pink)}.playing .player-strip button[aria-selected=true]{background:var(--ds-blue-soft)}.playing .player-strip button[aria-current=true]:after{background:var(--ds-yellow);color:var(--ds-ink);font:600 12px/1.5 var(--ds-body);border-radius:99px;padding:2px 8px}.ds-avatar,.avatar{background:var(--ds-pink-soft)}.detail-summary{color:var(--ds-ink)}.detail-summary p{font:400 16px/1.55 var(--ds-body)}.ds-button:has(.payment-check){font:500 16px/1.5 var(--ds-body);text-transform:none}.app-header{background:var(--ds-canvas)}.search{background:var(--ds-surface-muted);box-shadow:none}.search .ds-input{background:0 0;margin:0;padding:0}.search:focus-within{outline:3px solid var(--ds-blue-text);outline-offset:4px}@media (width<=699px),(orientation:portrait){.arena{width:calc(var(--pile-card)*2 + 18px);grid-template-rows:auto 96px}.activity{background:0 0;width:100%;padding:0;overflow:auto}.activity>.ds-button{box-sizing:border-box;width:100%;max-width:100%;min-height:48px;padding:8px;font-size:20px}}.hand-panel,.personal-board,.table-controls{padding:var(--ds-inset-compact)}.hand-panel{gap:var(--ds-gap-related)}.hand-title{margin:0}.playing .player-strip button.opponent{padding:var(--ds-inset-compact);gap:var(--ds-gap-related)}.player-seat{flex-basis:220px}.playing .player-strip button[role=tab][aria-current]:before{white-space:nowrap;grid-area:2/3;align-self:center;font-size:12px;position:static}@media (width>=700px) and (orientation:landscape){.table{grid-template-rows:104px minmax(0,1fr) auto}}#tabs,#categories{gap:var(--ds-gap-related);padding:var(--ds-space-2);margin:0 0 var(--ds-gap-section);flex-wrap:wrap;display:flex;overflow:visible}.playing .topbar{flex-wrap:wrap;height:auto;min-height:64px;padding-block:8px}.table{grid-template-rows:max-content minmax(80px,1fr) auto auto}.player-seat,.online-table .player-seat{background:var(--ds-surface);border-radius:14px;flex:none;min-width:384px;display:block;position:relative}.online-table .player-seat:has(.reaction-trigger){background:var(--ds-surface);border-radius:14px;flex:none;min-width:384px;display:block;position:relative}.playing .player-seat button.opponent{width:100%;min-width:0;box-shadow:none;gap:var(--ds-gap-related);padding:var(--ds-inset-compact);background:0 0;grid-template-rows:32px 36px auto;grid-template-columns:32px minmax(0,1fr) auto}.playing .player-seat:has([aria-selected=true]){background:var(--ds-blue-soft)}.playing .player-strip button[role=tab][aria-current]:before,.playing .player-strip button[role=tab][aria-current]:after{content:none}.opponent .life-counts{gap:var(--ds-gap-related);grid-area:3/1/auto/-1;grid-template-rows:auto;grid-template-columns:repeat(6,minmax(max-content,1fr));display:grid}.opponent .life-count{aspect-ratio:1;background:var(--ds-canvas);min-height:38px;color:var(--ds-ink);opacity:1;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:4px 8px;font-size:14px;display:flex}.opponent .life-count img{width:22px;height:22px}.opponent .profile-turn{font:500 12px/1.5 var(--ds-body);grid-area:2/3;align-self:center}.player-seat:has(.reaction-trigger) .profile-turn{margin-right:52px}.online-table .player-seat .reaction-trigger{right:var(--ds-inset-compact);width:44px;height:44px;position:absolute;top:52px}.table-controls>.table-history{flex:none;grid-column:1/-1;width:100%;margin-top:auto}.draw-zone .ds-card-scan>img,.draw-zone #draw .draw-back{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (width>=700px) and (orientation:landscape){.table{grid-template-rows:max-content minmax(80px,1fr) auto}}@media (height<=500px){body.playing{height:auto;min-height:100dvh;overflow:auto}.playing #app{min-height:400px}.table{min-height:550px}}@media (width<=699px),(orientation:portrait){.table-controls .arena{grid-template-rows:auto auto}.table-controls{align-items:start;max-height:none}.table-controls .turn{align-self:center}}@media (width>=768px){.online-table.chat-visible .table-controls{max-height:none}.online-table.chat-visible .table-controls .arena{grid-template-rows:auto auto}}.player-strip .avatar{grid-area:1/1;align-self:start}.opponent .profile-score{grid-area:1/3;place-self:start end}.opponent .profile-hand{grid-area:2/1/auto/3;align-self:center;min-width:0;display:block}.opponent .opponent-hand{justify-content:flex-start;align-items:center;gap:3px;height:28px;margin:0}.opponent .mini-card-back{aspect-ratio:5/7;border-radius:3px;flex:0 20px;min-width:2px;height:28px;overflow:hidden}.opponent .mini-card-back img{object-fit:cover;width:100%;height:100%;display:block}.profile-empty-hand{font:400 12px/1.5 var(--ds-body);color:var(--ds-muted)}.opponent>strong{align-self:start;gap:4px;display:flex}.profile-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.profile-self{font:400 14px/1.5 var(--ds-body);flex:none}