.character-studio{background:#fffaf0;border:1px solid #d7c6ac;border-radius:20px;overflow:hidden;color:#403428;box-shadow:0 10px 30px #49331b08}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px}.studio-eyebrow{font-size:9px;letter-spacing:1.4px;color:#746954;font-weight:700}.studio-heading h2{font:24px Georgia,serif;margin-top:4px}.studio-free{background:#e3ecdf;color:#37533d;border-radius:20px;padding:6px 9px;font-size:10px;white-space:nowrap}.studio-body{display:grid;grid-template-columns:160px minmax(0,1fr)}.studio-preview{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at center,#eadcc0,#e5ecdf);border-radius:14px;margin:0 0 14px 14px;padding-bottom:14px}.studio-canvas{height:235px;width:100%;touch-action:none}.studio-preview>span{font-size:11px;margin:3px 0 10px}.studio-preview>small{font-size:10px;color:#626454}.studio-trial{display:flex;flex-direction:column;gap:6px;width:calc(100% - 8px);background:#f6ecd8;border:1px solid #d7c6ac;border-radius:10px;padding:7px 8px;margin-bottom:4px;font-size:10px;font-weight:700;color:#403428;text-align:center}.studio-trial-actions{display:flex;gap:5px}.studio-trial-actions button{flex:1;border:1px solid #d7c6ac;border-radius:7px;padding:6px 4px;font-size:10px;font-weight:800;background:#fffdf7;color:#403428}.studio-trial-actions .studio-trial-buy{background:#3e594b;border-color:#3e594b;color:#fff8e8}.studio-editor{padding:0 14px 14px;min-width:0}.studio-tabs{display:flex;gap:3px;background:#eee7d9;border-radius:10px;padding:4px;margin-bottom:12px}.studio-tabs button{flex:1;padding:8px 2px;font-size:11px;border-radius:7px;font-weight:700}.studio-tabs button[aria-pressed=true]{background:#3e594b;color:#fff8e8}.studio-characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:320px;overflow-y:auto;padding:3px;scrollbar-gutter:stable}.studio-characters button{border:1px solid #ddd1ba;border-radius:11px;padding:8px 3px;display:flex;align-items:center;flex-direction:column;background:#fffdf7}.studio-characters button[aria-pressed=true],.studio-items button[aria-pressed=true]{border-color:#52725b;background:#e4eddf;box-shadow:inset 0 0 0 1px #52725b}.studio-characters button>span{font-size:25px}.studio-characters strong{font-size:12px}.studio-characters small{font-size:9px;color:#766750}.studio-characters button.studio-char-locked{border-style:dashed;border-color:#c8b58f;background:#f6efdf}.studio-characters button.studio-char-locked>span{position:relative}.studio-characters .studio-char-lock{position:absolute;top:-4px;right:-14px;font-size:12px;font-style:normal}.studio-characters button.studio-char-locked strong{color:#7a6647}.studio-characters button.studio-char-legendary{background:linear-gradient(145deg,#253c38,#18212d);border:1px solid #d4ae61;box-shadow:inset 0 0 0 2px #e6bc6518;color:#f4dc9e}.studio-characters button.studio-char-legendary strong,.studio-characters button.studio-char-legendary small{color:#f4dc9e}.studio-characters button.studio-char-legendary[aria-pressed=true]{outline:2px solid #52725b;outline-offset:1px}.studio-characters .studio-legendary-badge{margin-top:5px;padding:3px 6px;border:1px solid #e6bc6555;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.8px}.studio-legendary-description{margin:10px 10px 0;font-size:10px;line-height:1.5;text-align:center;color:#495344}.studio-colors fieldset,.studio-items fieldset{margin-bottom:12px}.studio-editor legend{font-size:11px;font-weight:700;margin-bottom:7px}.studio-swatches{display:flex;flex-wrap:wrap;gap:5px}.studio-swatches button,.studio-custom-color{width:25px;height:25px;border-radius:50%;border:2px solid #fffaf0;box-shadow:0 0 0 1px #c3bcae;color:#fff;text-shadow:0 1px 3px black;font-weight:800}.studio-swatches button[aria-pressed=true]{outline:2px solid #3e594b;outline-offset:1px}.studio-custom-color{position:relative;overflow:hidden;text-align:center;color:#403428;text-shadow:none;cursor:pointer}.studio-custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.studio-items{max-height:320px;overflow-y:auto;padding:3px;scrollbar-gutter:stable}.studio-item-categories{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.studio-item-categories button{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;background:#f0e6d6;border:1px solid #d7c6ac;color:#5a4238;transition:all .12s}.studio-item-categories button[aria-pressed=true]{background:#3e594b;color:#fff8e8;border-color:#3e594b}.studio-items fieldset>div{display:flex;flex-wrap:wrap;gap:5px}.studio-count{font-size:10px;font-weight:700;color:#52684d;margin:0 0 9px}.studio-items button{border:1px solid #d7c6ac;border-radius:7px;padding:5px 7px;font-size:10px}.studio-footer{border-top:1px solid #e6dccb;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.studio-footer button{font-size:11px;font-weight:700;margin-right:13px}.studio-footer span{font-size:10px;color:#52684d}.character-studio button:focus-visible,.studio-custom-color:focus-within{outline:3px solid #b57937;outline-offset:3px}.lobby-character-preview{height:170px;background:#e5ecdf;border-radius:10px;margin:8px 0}@media (max-width: 1050px) and (min-width: 761px){.coffee-entry{grid-template-columns:.5fr 1fr}}@media (max-width: 420px){.studio-body{grid-template-columns:115px minmax(0,1fr)}.studio-canvas{height:215px}.studio-heading{padding:14px}.studio-heading h2{font-size:21px}.studio-editor{padding-left:9px;padding-right:9px}.studio-eyebrow{font-size:8px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-2\.5{top:-.625rem}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-24{bottom:6rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-2{right:.5rem}.top-0{top:0}.top-4{top:1rem}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-dvh{min-height:100vh;min-height:100dvh}.w-36{width:9rem}.w-44{width:11rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .25s ease-out both}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:600px}}.animate-slideDown{animation:slideDown .3s ease-out both}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-espresso{--tw-border-opacity: 1;border-color:rgb(73 55 47 / var(--tw-border-opacity, 1))}.border-herbal{--tw-border-opacity: 1;border-color:rgb(145 173 145 / var(--tw-border-opacity, 1))}.border-latte{--tw-border-opacity: 1;border-color:rgb(184 137 101 / var(--tw-border-opacity, 1))}.border-latte\/20{border-color:#b8896533}.border-latte\/30{border-color:#b889654d}.border-latte\/40{border-color:#b8896566}.border-latte\/50{border-color:#b8896580}.border-red-300\/60{border-color:#fca5a599}.bg-\[\#f1eadb\]\/95{background-color:#f1eadbf2}.bg-\[\#fffdf8\]{--tw-bg-opacity: 1;background-color:rgb(255 253 248 / var(--tw-bg-opacity, 1))}.bg-amber\/30{background-color:#ffd18a4d}.bg-black\/60{background-color:#0009}.bg-cream{--tw-bg-opacity: 1;background-color:rgb(247 233 212 / var(--tw-bg-opacity, 1))}.bg-cream\/60{background-color:#f7e9d499}.bg-espresso{--tw-bg-opacity: 1;background-color:rgb(73 55 47 / var(--tw-bg-opacity, 1))}.bg-espresso\/90{background-color:#49372fe6}.bg-herbal{--tw-bg-opacity: 1;background-color:rgb(145 173 145 / var(--tw-bg-opacity, 1))}.bg-herbal\/40{background-color:#91ad9166}.bg-latte\/20{background-color:#b8896533}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Nunito,system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-widest{letter-spacing:.1em}.text-cream{--tw-text-opacity: 1;color:rgb(247 233 212 / var(--tw-text-opacity, 1))}.text-cream\/90{color:#f7e9d4e6}.text-espresso{--tw-text-opacity: 1;color:rgb(73 55 47 / var(--tw-text-opacity, 1))}.text-espresso\/40{color:#49372f66}.text-espresso\/50{color:#49372f80}.text-espresso\/60{color:#49372f99}.text-espresso\/70{color:#49372fb3}.text-espresso\/80{color:#49372fcc}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.accent-espresso{accent-color:#49372F}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light}body{margin:0;font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:rgba(228,197,133,.35) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e4c58547;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#e4c5858c}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.reduce-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:0 0 auto}.cafe-order-toggle,.cafe-order-status,.hud-btn,.hud-btn-sm{--ui-coin: #7fb6e8}.high-contrast{--ui-coin: #8cc2f0}.coffee-game{position:relative;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:#172b26;color:#f0e6cd}.coffee-game>div:first-child,.coffee-game>canvas:first-child{position:absolute;inset:0}.coffee-game canvas{touch-action:none}.hud-top-left{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:stretch;gap:6px;max-width:min(440px,calc(100vw - 24px));pointer-events:none}.hud-status{display:flex;align-items:center;gap:11px;min-width:0;min-height:40px;padding:6px 14px 6px 12px;border:1px solid #ffffff1c;border-radius:12px;background:#10241dd6;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25)}.hud-status-dot{width:8px;height:8px;border-radius:50%;background:#9ec38b;flex:0 0 auto}.hud-status-copy{display:grid;gap:1px;min-width:0}.hud-status-copy small{font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#9fb3a0}.hud-status-copy strong{font-size:13px;font-weight:700;color:#f0e6cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-status.active{border-color:#e4c58559}.hud-status.active .hud-status-dot{background:#f2cc81;animation:hud-dot-ring 1.8s ease-out infinite}.hud-status.active .hud-status-copy small{color:#f2cc81}@keyframes hud-dot-ring{0%{box-shadow:0 0 #f2cc8166}70%,to{box-shadow:0 0 0 6px #f2cc8100}}.hud-status.offline .hud-status-dot{background:#d98a5f}.hud-status.offline .hud-status-copy strong{color:#d9cbb2}.hud-pair-toggle{pointer-events:auto;padding:0 11px;border:1px solid #e4c58559;border-radius:12px;background:#10241dd6;color:#f0e6cd;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.hud-pair-toggle[aria-pressed=true]{background:#876e39ed;color:#fff}.hud-pair-toggle:disabled{opacity:.55;cursor:default}.pair-going-list{padding:7px 12px;color:#f2cc81;font-size:12px;font-weight:700;background:#10241dd6}@media (max-width: 620px){.hud-top-left{flex-wrap:wrap}.hud-pair-toggle{min-height:32px}}.hud-timer{display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #ffffff1c;border-radius:12px;background:#10241dd6;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);font-size:13px;font-weight:700;color:#e8dfc6;font-variant-numeric:tabular-nums;letter-spacing:.4px;white-space:nowrap}.hud-timer .ui-icon{font-size:13px;color:#c9a875}.hud-timer.urgent{color:#ffb097;border-color:#ff8f6b4d;animation:timer-pulse 1s ease-in-out infinite}.hud-timer.urgent .ui-icon{color:#ff8f6b}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.hud-timer.urgent,.hud-status.active .hud-status-dot{animation:none}}.hud-top-right{position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center;gap:6px}.hud-camera{display:flex;gap:2px;height:40px;padding:3px;border:1px solid #ffffff1c;border-radius:12px;background:#10241dd6;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25)}.hud-camera button{padding:0 11px;font-size:12px;font-weight:700;border-radius:9px;color:#aab7a6;transition:background .15s ease,color .15s ease}.hud-camera button:enabled:hover{color:#f0e6cd;background:#ffffff12}.hud-camera button[aria-pressed=true]{background:#dfc18b;color:#1e3527}.hud-room-code{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #ffffff1c;border-radius:12px;background:#10241dd6;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);font-size:12px;font-weight:700;letter-spacing:2.5px;color:#e8dfc6;font-variant-numeric:tabular-nums}.hud-room-code small{font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#9fb3a0}.hud-top-right .hud-btn-sm{border-radius:12px}.hud-settings{position:relative}.hud-settings>summary{list-style:none;cursor:pointer}.hud-settings>summary::-webkit-details-marker{display:none}.hud-settings-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:flex;flex-direction:column;gap:8px;width:220px;padding:12px;background:#fffdf8;border:1px solid #d2c4aa;border-radius:12px;box-shadow:0 12px 32px #0005;font-size:12px;color:#3b2f2a}.hud-stats{position:absolute;bottom:max(14px,env(safe-area-inset-bottom,0));left:12px;z-index:10;display:flex;gap:10px;align-items:center;padding:5px 12px;background:#172b26cc;border-radius:8px;font-size:11px;color:#c1c6b5;pointer-events:none}.hud-stats span{white-space:nowrap}.hud-selected{color:#f2cc81;font-weight:700}.hud-drawn{position:absolute;bottom:max(86px,calc(env(safe-area-inset-bottom,0) + 86px));left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;background:#e8ddbdee;border:1px solid #c09a58;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.4px;color:#243a2f;pointer-events:none;white-space:nowrap}.hud-actions{position:absolute;bottom:max(14px,env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px;align-items:center}.hud-btn{padding:14px 28px;border-radius:12px;font-size:16px;font-weight:800;background:#233c32ee;border:1px solid #acb69b44;color:#f0e6cd;transition:transform .12s,filter .12s;backdrop-filter:blur(6px)}.hud-btn.primary{background:#e8ddbdee;color:#243a2f;border-color:#e8ddbd}.hud-btn.brass{background:#c09a58ee;border-color:#c09a58;color:#192e26}.hud-btn:enabled:hover{transform:translateY(-2px);filter:brightness(1.15)}.hud-btn:enabled:active{transform:scale(.96)}.hud-btn:disabled{opacity:.35;cursor:not-allowed}.hud-btn:focus-visible{outline:2px solid #f2cc81;outline-offset:3px}.hud-btn-sm{width:40px;height:40px;border-radius:50%;background:#172b26cc;border:1px solid #acb69b33;font-size:16px;color:#d5dacb;display:grid;place-items:center;backdrop-filter:blur(6px)}.rack-sort-options{position:absolute;bottom:calc(100% + 8px);right:0;display:grid;gap:6px;width:220px;padding:10px;background:#241b16;border:1px solid #a88956;border-radius:12px;box-shadow:0 8px 24px #0006}.rack-sort-options button{padding:10px;text-align:left;color:#fff1d6;background:#ffffff0d;border:1px solid #ffffff22;border-radius:6px;cursor:pointer}.rack-sort-options button:disabled{opacity:.35;cursor:not-allowed}.rack-sort-options button:enabled:hover{background:#fff2}.rack-sort-options button:focus-visible{outline:2px solid #f2cc81;outline-offset:2px}.hud-btn-sm:disabled{opacity:.35;cursor:not-allowed}.hud-btn-sm:enabled:hover{background:#fff2}.hud-btn-sm:focus-visible{outline:2px solid #f2cc81;outline-offset:3px}.hud-bottom-right{position:absolute;bottom:max(14px,env(safe-area-inset-bottom,0));right:12px;z-index:10;display:flex;gap:6px;align-items:center}.hud-reactions{display:flex;gap:4px}.hud-reactions button{width:34px;height:34px;border-radius:50%;background:#172b26aa;font-size:14px;display:grid;place-items:center;backdrop-filter:blur(6px)}.hud-reactions button:hover{background:#fff2}.hud-reactions button:disabled{opacity:.35;cursor:not-allowed}.emote-control{position:relative;color:#f6ead4}.emote-toggle{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid #c9a87588;border-radius:18px;background:#172b26ed;font-size:13px}.emote-toggle[aria-expanded=true]{color:#ffdc91;border-color:#ffdc91}.emote-menu{position:absolute;right:0;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 24px));padding:16px;border:1px solid #c9a87588;border-radius:16px;background:#142b25f5;box-shadow:0 12px 32px #0006}.emote-menu strong{font-size:16px}.emote-menu p,.emote-menu small{font-size:11px;color:#ceccb9}.emote-menu p{margin:3px 0 12px}.emote-menu small{display:block;margin-top:12px}.emote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.emote-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:78px;padding:8px 4px;border:1px solid #c9a87533;border-radius:10px;background:#ffffff08;font-size:11px}.emote-grid button span{font-size:25px;line-height:1}.emote-grid button:enabled:hover,.emote-toggle:hover{background:#345345}.emote-grid button:disabled{opacity:.4;cursor:not-allowed}.emote-control button:focus-visible{outline:2px solid #ffdc91;outline-offset:3px}.emote-preview{position:absolute;bottom:calc(100% + 10px);right:0;width:170px;pointer-events:none;border-radius:18px;background:radial-gradient(ellipse,#284d3fdd,#142b2577);text-align:center}.emote-preview-scene{height:185px}.emote-preview>span{display:block;padding:0 6px 10px;font-size:11px;color:#ffdc91}@media (max-height: 500px){.emote-preview-scene{height:115px}.emote-grid button{min-height:58px}}.room-chat{color:#f6ead4;border:1px solid #c9a87588;border-radius:13px;background:#142b25f2;box-shadow:0 12px 32px #0006;overflow:hidden}.room-chat-game{position:absolute;z-index:12;left:12px;bottom:max(110px,calc(env(safe-area-inset-bottom,0) + 100px));width:min(320px,calc(100vw - 24px))}.room-chat-game:not(:has(.room-chat-panel)){width:auto;max-width:160px}.room-chat-game:not(:has(.room-chat-panel)) .room-chat-toggle{width:auto;padding:7px 12px;font-size:12px}.planner-open .room-chat-game{visibility:hidden}.room-chat-lobby{width:100%;max-width:560px;align-self:center}.room-chat-toggle{display:flex;gap:9px;align-items:center;width:100%;padding:9px 13px;text-align:left;font-size:13px;font-weight:800;color:#f9dda6}.room-chat-toggle>span:last-child{margin-left:auto;font-size:20px;line-height:1}.room-chat-badge{min-width:20px;padding:1px 5px;border-radius:99px;background:#e7bf77;color:#173027;font-size:11px;text-align:center}.room-chat-panel{border-top:1px solid #ffffff27}.room-chat-list{display:flex;flex-direction:column;gap:8px;height:min(260px,36vh);height:min(260px,36dvh);overflow-y:auto;padding:12px;overscroll-behavior:contain}.room-chat-empty{margin:auto;text-align:center;font-size:12px;color:#d3c6ac}.room-chat-message{max-width:95%;align-self:flex-start;padding:7px 10px;border:1px solid #ffffff1e;border-radius:11px 11px 11px 3px;background:#ffffff12;animation:chat-arrive .35s ease-out both}.room-chat-message.mine{align-self:flex-end;border-radius:11px 11px 3px;background:#c09a5833}.room-chat-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:2px;font-size:10px;color:#eec987}.room-chat-meta time{color:#c1cbbd}.room-chat-text{display:block;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.room-chat-message.effect-sparkle{border-color:#efd190;box-shadow:0 0 13px #f6ce7b88}.room-chat-message.effect-sparkle .room-chat-text{color:#ffe6ab}.room-chat-message .chat-sparkle{margin-left:5px;color:#f6ce7b}.room-chat-message.effect-glow{background:#d8a75555;box-shadow:0 0 18px #f4c87599}.room-chat-message.effect-wave .room-chat-text{animation:chat-wave .85s ease-in-out}.room-chat-compose{display:grid;gap:7px;padding:9px;border-top:1px solid #ffffff20}.room-chat-compose select,.room-chat-compose input{min-width:0;border:1px solid #cfb98866;border-radius:7px;background:#0e231e;color:#fff3da;outline:none}.room-chat-compose select{justify-self:start;padding:4px 7px;font-size:11px}.room-chat-input-row{display:flex;gap:5px}.room-chat-input-row input{flex:1;width:0;padding:8px;font-size:13px}.room-chat-input-row button{padding:6px 9px;border-radius:7px;background:#e8cc94;color:#20372c;font-size:12px;font-weight:800}.room-chat-input-row button:disabled{opacity:.5}.room-chat-compose :focus-visible{outline:2px solid #ffda84;outline-offset:2px}@keyframes chat-arrive{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes chat-wave{0%,to{transform:translateY(0)}35%{transform:translateY(-6px)}70%{transform:translateY(2px)}}@media (prefers-reduced-motion: reduce){.room-chat-message,.room-chat-message.effect-wave .room-chat-text{animation:none}}@media (max-width: 700px){.room-chat-game{left:8px;bottom:115px;width:min(300px,calc(100vw - 16px))}.room-chat-list{height:min(210px,30vh);height:min(210px,30dvh)}}.hud-hand-overlay{position:absolute;bottom:max(60px,calc(env(safe-area-inset-bottom,0) + 56px));left:50%;transform:translate(-50%);z-index:12;background:#172b26ee;border-radius:10px;padding:8px;max-width:95vw;backdrop-filter:blur(8px)}.connection-dot{width:7px;height:7px;border-radius:50%;background:#cc8a58;flex-shrink:0}.connection-dot.online{background:#9ec38b;box-shadow:0 0 9px #a2d48a55}.coffee-hand{display:grid;grid-template-columns:repeat(14,minmax(36px,1fr));gap:4px;overflow-x:auto}.coffee-hand button.empty-slot{background:#ffffff08;border:1px dashed #b4935c70;color:#c6ac7e}.coffee-hand button{flex:0 0 36px;height:48px;border-radius:4px;background:#f4e9cf;border-bottom:3px solid #bdae8a;font-weight:800;font-size:19px}.coffee-hand button span{display:block;font-size:7px}.coffee-hand button[aria-pressed=true]{outline:2px solid #e6ba68;transform:translateY(-4px)}.high-contrast .coffee-game{color:#fff}.high-contrast .hud-status{background:#0c1c17;border-color:#fff6}.high-contrast .hud-status-copy strong{color:#fff}.high-contrast .hud-status-copy small{color:#ffe9a8}.high-contrast .hud-timer{color:#ffe9a8;background:#0c1c17;border-color:#fff6}.high-contrast .hud-timer.urgent{color:#ffb59d}.coffee-eyebrow,.coffee-footer-note,.coffee-rack-help,.coffee-look-hint{display:none}.coffee-game{background:#142d25}.coffee-game>div:first-child{inset:0;height:auto;width:auto}.coffee-game button{touch-action:manipulation}.coffee-game button:focus-visible{outline:3px solid #ffda84;outline-offset:3px}.coffee-game button:disabled{cursor:not-allowed}.game-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#c6bc9f}.cafe-order-panel{position:absolute;z-index:11;top:62px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.cafe-order-toggle{padding:9px 13px;border:1px solid #e3c58a88;border-radius:9px;background:#172b26e8;color:#ffe2a8;font-size:12px;font-weight:700}.cafe-order-menu{display:grid;gap:5px;min-width:174px;padding:10px;border:1px solid #e3c58a88;border-radius:10px;background:#172b26f2;box-shadow:0 8px 24px #0006}.cafe-order-menu>span{font-size:11px;color:#d6c6a5}.cafe-order-menu button{padding:8px 10px;border-radius:6px;background:#f1dfb7;color:#26392d;font-size:12px;font-weight:700;text-align:left}.cafe-order-menu button:disabled{opacity:.5}.cafe-order-menu small,.cafe-order-status{padding:5px 9px;border-radius:7px;background:#172b26e8;color:#ffe2a8;font-size:11px}.tile-face{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;width:38px;height:51px;border-radius:6px;background:linear-gradient(145deg,#fffaf0,#eadcbc);border:1px solid #fff8e1;border-bottom:4px solid #b9a780;color:#393b36;box-shadow:0 3px 5px #0003;line-height:1;vertical-align:middle}.tile-face b{font-size:24px;font-variant-numeric:tabular-nums}.tile-face small{margin-top:5px;font-size:8px;font-weight:800;letter-spacing:.4px}.tile-color-0{color:#af3028}.tile-color-1{color:#205ba3}.tile-color-2{color:#8b5c08}.tile-color-3{color:#176c49}.tile-face.is-okey{border-color:#ffdc85;box-shadow:0 0 0 2px #d8ad54}.table-panel{position:absolute;z-index:10;top:58px;left:12px;width:268px;max-height:calc(100vh - 215px);max-height:calc(100dvh - 215px);display:flex;flex-direction:column;border:1px solid rgba(228,197,133,.22);border-radius:14px;background:linear-gradient(175deg,#122620f0,#0c1a16f7);box-shadow:0 14px 38px #00000080,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.table-panel:hover{border-color:#e4c58559}.table-panel-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:8px 12px;font-size:12px;font-weight:700;color:#f7e8cb;background:#ffffff05;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.table-panel-toggle:hover{background:#ffffff0f;color:#fff6e3}.table-panel-toggle:focus-visible{outline:2px solid #f2cc81;outline-offset:-2px}.table-panel-toggle small{margin-left:6px;padding:1px 7px;border-radius:12px;background:#e4c58529;border:1px solid rgba(228,197,133,.25);color:#f2cc81;font-size:10px;font-weight:700}.table-panel-toggle .toggle-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#ffffff0d;color:#d6caa8;font-size:11px;transition:all .18s ease}.table-panel-toggle:hover .toggle-icon{background:#e4c58533;color:#f7e8cb}.table-activity{flex:0 0 auto;display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.08);color:#fff0cd}.tile-activity{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);background:#ffffff04;position:relative;transition:background .15s ease}.tile-activity:hover{background:#ffffff0a}.tile-activity:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0}.tile-activity-discard:before{background:#e7b36c}.tile-activity-take_discarded:before{background:#8acbd0}.tile-activity-draw:before{background:#a9c591}.tile-activity-tile{flex:0 0 30px}.tile-activity-tile .tile-face,.activity-hidden-tile{width:30px;height:42px;border-radius:5px}.tile-activity-tile .tile-face b{font-size:20px}.tile-activity-tile .tile-face small{font-size:6px;margin-top:2px}.activity-hidden-tile{display:grid;place-items:center;border:1.5px solid #c6a66a;border-radius:5px;background:repeating-linear-gradient(45deg,#244b3f,#244b3f 4px,#2f5a4c 4px 8px);color:#e7ca90}.tile-activity-content{display:grid;gap:2px;min-width:0;flex:1 1 auto}.tile-activity-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.tile-activity-header strong{font-size:12px;font-weight:700;color:#f7e8cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-activity-header strong.is-me{color:#f2cc81}.tile-activity-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;white-space:nowrap}.tile-activity-badge.badge-discard{background:#e7b36c2e;color:#f2cc81;border:1px solid rgba(231,179,108,.3)}.tile-activity-badge.badge-take_discarded{background:#8acbd02e;color:#9fe2e8;border:1px solid rgba(138,203,208,.3)}.tile-activity-badge.badge-draw{background:#a9c5912e;color:#bfdca2;border:1px solid rgba(169,197,145,.3)}.tile-activity-desc{font-size:11px;color:#cdd5c7}.tile-activity-detail{font-size:10px;color:#98a594;overflow-wrap:anywhere}.tile-activity-history{max-height:160px;overflow-y:auto;overscroll-behavior:contain}.activity-empty{padding:10px 12px;margin:0;font-size:11px;color:#9fa899}.public-melds{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.public-player{padding:2px 0}.public-player:not(:first-child){border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.public-player-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:0 2px}.public-player-name{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#f7e8cb;min-width:0}.public-player-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-player-name.is-me strong{color:#f2cc81}.player-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#a3ba8a;box-shadow:0 0 6px #a3ba8a66}.public-player-name.is-me .player-indicator{background:#f2cc81;box-shadow:0 0 6px #f2cc8180}.public-player-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#c1cbba;white-space:nowrap}.public-group{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);margin-bottom:5px;transition:all .18s ease}.public-group:hover{background:#ffffff0b;border-color:#ffffff1a}.public-group.can-layoff{background:#e4c58517;border-color:#e4c58559;box-shadow:0 0 10px #e4c58526}.meld-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:3px;flex:1 1 auto}.public-group .tile-face{width:27px;height:38px;border-radius:4px}.public-group .tile-face b{font-size:19px}.public-group .tile-face small{font-size:6px;margin-top:1px}.meld-layoff-btn{flex:0 0 auto;align-self:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:all .18s ease}.meld-layoff-btn.active{background:linear-gradient(135deg,#f2cc81,#d8a84e);color:#162a22;border-color:#ffd988;box-shadow:0 2px 8px #d8a84e66;animation:layoff-pulse 2s ease-in-out infinite}.meld-layoff-btn.active:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #d8a84e99}.meld-layoff-btn.active:active{transform:translateY(0) scale(.97)}.meld-layoff-btn:disabled{opacity:.35;background:#ffffff0a;color:#8c9888;border:1px dashed rgba(255,255,255,.12);cursor:not-allowed;padding:3px 6px;font-size:10px}@keyframes layoff-pulse{0%,to{box-shadow:0 0 #f2cc8180}50%{box-shadow:0 0 0 5px #f2cc8100}}.action-dock{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:11;width:-moz-max-content;width:max-content;max-width:calc(100% - 20px)}.hud-actions{position:static;transform:none;justify-content:center;gap:10px}.hud-btn{min-height:42px;min-width:0;padding:10px 16px;border-radius:10px;font-size:13px;text-align:center}.hud-btn small{display:block;margin-top:4px;font-size:10px;font-weight:500}.hud-btn:disabled{opacity:1;background:#253e35;color:#a6b1a6;border-color:#ffffff16}.hud-btn:disabled .tile-face{filter:saturate(.65)}.hud-btn.take-button,.hud-btn.discard-button{display:flex;align-items:center;gap:12px}.hud-btn .tile-face{width:30px;height:42px}.hud-btn .tile-face b{font-size:23px}.hud-btn .tile-face small{font-size:6px;margin-top:3px}.open-button{border-color:#e4c585;color:#ffe0a1}.open-button[aria-expanded=true]{background:#e4c585;color:#21382d}.hud-bottom-right{bottom:70px;right:12px}.hud-hand-overlay{bottom:70px}.hud-stats{bottom:72px;left:12px;font-size:10px}.meld-planner{position:absolute;z-index:14;top:62px;right:16px;bottom:70px;width:380px;display:flex;flex-direction:column;border-radius:16px;border:1px solid #d3b474;background:#172e27;box-shadow:0 20px 65px #0006;overflow:hidden}.planner-open .hud-bottom-right{visibility:hidden}.coffee-game.planner-open>div:first-child{right:410px}@media (max-width: 760px){.coffee-game.planner-open>div:first-child{right:0;top:46vh;top:46dvh}.coffee-game.planner-open .meld-planner{inset:60px 8px auto;width:auto;height:calc(46vh - 68px);height:calc(46dvh - 68px)}}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.panel-heading h2{margin:3px 0 0;font-family:Georgia,serif;font-size:24px}.panel-close{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;font-size:25px}.meld-modes{display:flex;margin:0 18px;gap:4px;padding:4px;border-radius:8px;background:#0e231e}.meld-modes button{flex:1;padding:8px 4px;border-radius:5px;font-size:12px;font-weight:700}.meld-modes button[aria-pressed=true]{background:#e8cf97;color:#1b352a}.meld-modes button:disabled{opacity:.45}.meld-score{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 18px 6px;font-size:11px;color:#c1cdbb}.meld-score strong{color:#f6d697;font-size:30px;line-height:1}.meld-planner progress{display:block;width:calc(100% - 36px);height:5px;margin:0 18px 8px;border:0;border-radius:4px;overflow:hidden;background:#ffffff15;accent-color:#dfbd77;flex-shrink:0}.meld-planner progress::-webkit-progress-bar{background:#ffffff15}.meld-planner progress::-webkit-progress-value{background:#dfbd77}.meld-planner progress::-moz-progress-bar{background:#dfbd77}.planner-scroll{overflow-y:auto;min-height:0;padding:0 18px 12px;flex:1}.planner-step{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px;font-weight:700}.planner-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dfbd7725;color:#f2d797;font-size:11px}.planner-step small{margin-left:auto;font-size:10px;color:#bdcbb8}.planner-help{margin-bottom:12px;font-size:11px;line-height:1.6;color:#c4cebe}.planner-hand{display:grid;grid-template-columns:repeat(7,1fr);gap:8px 5px;padding:4px}.planner-hand button{border-radius:6px;position:relative}.planner-hand .tile-face{width:100%}.planner-hand button[aria-pressed=true]{outline:3px solid #f7d17e;outline-offset:2px;transform:translateY(-3px)}.planner-hand button[aria-pressed=true] .planner-pick{position:absolute;top:-6px;right:-4px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ffda84;color:#172e27;font-size:11px}.selection-feedback{margin:10px 0;min-height:17px;font-size:11px;color:#e7d4a7}.planner-selection-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.planner-selection-actions>button:last-child{font-size:11px;text-decoration:underline;padding:8px}.panel-button{padding:10px 14px;border:1px solid #e2c489;border-radius:8px;color:#f4dcac;font-size:13px;font-weight:700}.panel-button:disabled{opacity:.45}.panel-button.primary{display:flex;justify-content:space-between;width:100%;background:#e9c987;color:#173228}.meld-empty{padding:14px 6px;font-size:12px;line-height:1.8;color:#b9c7b5}.planner-scroll>.meld-empty{border:1px dashed #ffffff30;border-radius:8px;text-align:center}.draft-groups{display:grid;gap:8px}.draft-group{padding:10px;border:1px solid #a3ba8a40;border-radius:9px;background:#ffffff05}.draft-group-footer{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:11px}.draft-group-footer span{margin-right:auto;color:#c5dca9}.draft-group-footer button{text-decoration:underline;min-height:28px}.planner-footer{flex-shrink:0;padding:10px 18px 14px;border-top:1px solid #ffffff20;background:#10271f}.planner-footer p{font-size:11px;margin-bottom:9px;color:#dfd5b9}.planner-discard-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.planner-discard-actions .panel-button{flex:1 1 auto;padding:8px;font-size:11px}@media (max-width: 1100px){.table-panel{width:240px}.hud-reactions{display:none}}@media (max-width: 700px){.hud-top-left{top:10px;left:10px}.hud-status{min-height:36px;padding:5px 12px 5px 10px}.hud-status-copy strong{font-size:12px}.hud-camera{height:36px}.hud-top-right .hud-btn-sm{width:36px;height:36px}.hud-top-right{top:58px;left:auto;right:8px}.cafe-order-panel{top:102px;right:8px}.hud-room-code{display:none}.table-panel{top:54px;left:8px;width:min(220px,calc(100vw - 16px));max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px)}.table-panel-toggle{font-size:11px;min-height:36px;padding:6px 8px}.public-melds{padding:6px}.public-group .tile-face{width:24px;height:34px}.public-group .tile-face b{font-size:17px}.meld-layoff-btn{font-size:10px;padding:3px 6px}.table-panel .meld-empty{font-size:10px;padding:4px 0}.hud-actions{display:flex;gap:5px}.hud-actions .hud-btn{min-width:0;min-height:40px;padding:8px 10px;font-size:11px;white-space:nowrap}.hud-btn small{font-size:9px}.hud-btn .tile-face{height:34px;width:26px}.hud-btn .tile-face b{font-size:20px}.hud-btn .tile-face small{font-size:5px}.hud-actions>.hud-btn-sm{position:absolute;right:0;top:-88px}.hud-bottom-right{bottom:65px;right:10px}.hud-stats{bottom:70px;gap:6px;padding:5px 8px;font-size:9px}.hud-drawn{bottom:118px;font-size:10px;padding:4px 12px}.hud-hand-overlay{bottom:110px}.meld-planner{inset:102px 8px 65px;width:auto}.planner-open .table-panel{visibility:hidden}.panel-heading{padding:10px 14px 8px}.panel-heading h2{font-size:20px}.meld-score{padding-top:8px}}@media (max-height: 600px) and (min-width: 701px){.hud-btn{min-height:38px;padding:6px 12px}.meld-planner{top:62px;bottom:60px;width:350px}.hud-bottom-right{bottom:65px}.public-melds{max-height:32vh;max-height:32dvh}.panel-heading,.meld-score{padding-top:6px;padding-bottom:6px}.panel-heading .game-eyebrow{display:none}.planner-footer{padding:6px 18px}}.auth-card{border-radius:16px;border:1px solid #d2c4aa;background:linear-gradient(165deg,#fffdf8,#f8f0e3);box-shadow:0 2px 12px #49372f0a,0 0 0 1px #e8dcc844;overflow:hidden;transition:box-shadow .2s}.auth-card:has(.auth-panel){box-shadow:0 6px 28px #49372f14,0 0 0 1px #d2c4aa}.auth-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.auth-avatar{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5a4238,#3e2c24);color:#f7e9d4;font-weight:800;font-size:15px;box-shadow:inset 0 1px 3px #0004}.auth-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2.5px solid #fffdf8;background:#ca6}.auth-status-dot.guest{background:#d4a44e}.auth-status-dot.verified{background:#4eba6f}.auth-status-dot.loading{background:#ca6;animation:timer-pulse 1.2s ease-in-out infinite}.auth-identity{flex:1;min-width:0}.auth-identity strong{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#3e2c24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-identity small{display:block;font-size:11px;color:#8a7b6b;margin-top:1px}.auth-badge{display:inline-flex;align-items:center;gap:3px;background:#dff0df;color:#2a6a3a;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800;white-space:nowrap;flex-shrink:0}.auth-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.auth-coin{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;background:linear-gradient(135deg,#fff6e0,#ffeabc);border:1px solid #e8d5a0;font-size:13px;font-weight:800;color:#7a5c1a;box-shadow:0 1px 3px #d4b56822}.auth-cta{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:10px;background:linear-gradient(135deg,#5a4238,#3e2c24);color:#f7e9d4;font-size:12px;font-weight:700;box-shadow:0 2px 8px #3e2c2433;transition:transform .12s,box-shadow .12s}.auth-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3e2c2444}.auth-cta:active{transform:scale(.97)}.auth-logout{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:10px;background:transparent;border:1px solid #d2c4aa;color:#5a4238;font-size:12px;font-weight:600;transition:background .12s}.auth-logout:hover{background:#f0e6d6}.auth-logout:disabled{opacity:.5}.auth-wallet-warn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-top:1px solid #f0ddb5;background:#fdf6e7;font-size:11px;color:#8a6b2a}.auth-panel{border-top:1px solid #e8dcc8;padding:20px;overflow:hidden;background:linear-gradient(180deg,#faf6ef,#f4ece0)}.auth-tabs{display:flex;gap:4px;padding:4px;background:#e8dcc8;border-radius:12px;margin-bottom:16px}.auth-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border-radius:9px;font-size:12px;font-weight:700;color:#8a7b6b;transition:all .15s}.auth-tabs button[aria-pressed=true]{background:#fffdf8;color:#3e2c24;box-shadow:0 1px 4px #49372f18}.auth-tabs button:not([aria-pressed=true]):hover{color:#5a4238}.auth-subtitle{font-size:12px;color:#8a7b6b;margin-bottom:16px;line-height:1.5}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px;border-radius:12px;background:#fff;border:1px solid #d2c4aa;font-size:13px;font-weight:700;color:#3e2c24;box-shadow:0 1px 4px #00000008;transition:background .12s,box-shadow .12s,transform .1s}.auth-google:hover{background:#faf6ef;box-shadow:0 2px 8px #00000010}.auth-google:active{transform:scale(.99)}.auth-google:disabled{opacity:.55}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ddd2c0}.auth-divider span{font-size:11px;font-weight:600;color:#aa997d;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:12px;font-weight:700;color:#5a4238}.auth-field-header{display:flex;align-items:center;justify-content:space-between}.auth-forgot-link{font-size:11px;font-weight:600;color:#b88965;transition:color .12s}.auth-forgot-link:hover{color:#8a6630;text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center;border-radius:12px;border:1.5px solid #d8cdb8;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.auth-input-wrap:focus-within{border-color:#b88965;box-shadow:0 0 0 3px #b8896520}.auth-input-wrap>.ui-icon:first-child{position:absolute;left:12px;color:#b0a28e;pointer-events:none}.auth-input-wrap input{width:100%;padding:11px 12px 11px 36px;font-size:14px;color:#3e2c24;background:transparent;outline:none;border:none}.auth-input-wrap input::-moz-placeholder{color:#c4b8a4}.auth-input-wrap input::placeholder{color:#c4b8a4}.auth-eye{position:absolute;right:10px;color:#b0a28e;padding:4px;transition:color .12s}.auth-eye:hover{color:#5a4238}.auth-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5}.auth-alert p{margin:0}.auth-alert-error{background:#fef2f0;border:1px solid #f5c6be;color:#8b2a1a}.auth-alert-error>.ui-icon{color:#d4412a;margin-top:2px;flex-shrink:0}.auth-alert-ok{background:#edf7ed;border:1px solid #b8dfb8;color:#1a5c28}.auth-alert-ok>.ui-icon{color:#3a9a4a;margin-top:2px;flex-shrink:0}.auth-alert-action{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;border-radius:8px;background:#fce0da;font-size:11px;font-weight:700;color:#8b2a1a;transition:background .12s}.auth-alert-action:hover{background:#f5c6be}.auth-submit-row{display:flex;gap:8px;padding-top:4px}.auth-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#5a4238,#3e2c24);color:#f7e9d4;font-size:13px;font-weight:800;box-shadow:0 2px 10px #3e2c2433;transition:transform .1s,box-shadow .15s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3e2c2444}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.55}.auth-cancel{padding:12px 16px;border-radius:12px;background:transparent;border:1px solid #d2c4aa;font-size:12px;font-weight:600;color:#5a4238;transition:background .12s}.auth-cancel:hover{background:#f0e6d6}.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f7e9d444;border-top-color:#f7e9d4;border-radius:50%;animation:spin .6s linear infinite}.auth-spinner.small{width:14px;height:14px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-header{flex-wrap:wrap;gap:10px;padding:12px}.auth-actions{width:100%;justify-content:flex-end}.auth-panel{padding:16px 14px}.auth-tabs button{font-size:11px;padding:8px 4px}}.coffee-entry{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;background:#f1eadb}.coffee-entry-scene{position:relative;height:100%;min-height:0;background:#263d33;overflow:hidden}.coffee-entry-scene>div:first-child{position:absolute;inset:0}.coffee-entry-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12281fe6 0%,#12281f55 42%,transparent 70%);pointer-events:none}.coffee-entry-title{position:relative;z-index:1;padding:65px 48px;pointer-events:none;color:#f7ebcc}.coffee-entry-logo{display:block;width:min(230px,72%);height:auto;background:#f7f0dd;border-radius:18px;padding:10px 14px;box-shadow:0 8px 24px #06140f66}.coffee-entry-title h2{margin-top:16px;font:48px/1.05 Georgia,serif;letter-spacing:-1px}.coffee-entry-title p{display:none}.coffee-entry-badge{display:inline-block;margin-top:20px;padding:7px 11px;border:1px solid #c4ac7855;border-radius:4px;font-size:9px;letter-spacing:2px}.coffee-entry-form{height:100%;max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;max-width:680px;margin:0 auto;padding:40px 36px}.coffee-entry-form header h1{font-family:Georgia,serif;font-weight:500}@media (max-width: 1050px){.coffee-entry{grid-template-columns:.8fr 1fr}.coffee-entry-title{padding:40px 25px}.coffee-entry-title h2{font-size:40px}.coffee-entry-form{padding:28px 20px}}@media (max-width: 700px){.coffee-entry{display:flex;flex-direction:column;height:auto;max-height:none;overflow:visible}.coffee-entry-scene{min-height:260px;height:260px;flex-shrink:0}.coffee-entry-title{padding:22px}.coffee-entry-title h2{margin-top:8px;font-size:32px}.coffee-entry-badge{margin-top:10px;font-size:8px}.coffee-entry-form{max-height:none;overflow-y:visible;padding:20px 16px}.hud-btn{padding:12px 22px;font-size:15px}.hud-camera button{padding:0 9px;font-size:11px}.hud-reactions button{width:30px;height:30px;font-size:12px}.hud-btn-sm{width:36px;height:36px;font-size:14px}}.opening{position:fixed;inset:0;z-index:50;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#345e4b,#1b3b30 42%,#0b211d);color:#f5e8ca;animation:opening-arrive .35s ease-out both}.opening:before{content:"";position:absolute;inset:24px;border:1px solid #d1aa6655;border-radius:min(40vw,240px) min(40vw,240px) 24px 24px;box-shadow:inset 0 0 0 7px #132e2866,0 0 90px #070f0c88;pointer-events:none}.opening:after{content:"";position:absolute;width:min(95vw,850px);aspect-ratio:1;border:1px solid #e5c18320;border-radius:50%;pointer-events:none;box-shadow:0 0 0 60px #e5c18307,0 0 0 140px #e5c18305}.opening-grain{position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent 0 3px,#d4b37a0b 4px 5px)}.opening-content{position:relative;z-index:1;width:min(100%,600px);text-align:center;padding:60px 24px}.opening-eyebrow{font-size:10px;font-weight:800;letter-spacing:.42em;color:#d6bc84;animation:opening-rise .7s .1s both}.opening-stage{position:relative;height:300px;margin:2px auto -2px;perspective:900px}.opening-halo{position:absolute;width:230px;height:230px;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e6c98035,#e6c98000 68%);animation:opening-glow 2.1s .55s ease-in-out both}.opening-stack{position:absolute;left:calc(50% - 44px);top:145px;width:88px;height:118px;transform:rotate(-17deg)}.opening-stack i,.opening-drawn>div{position:absolute;inset:0;border-radius:9px;border:2px solid #fff4dd;background:#e8d9b8;box-shadow:5px 8px #ae9c77,10px 16px 22px #06140f99}.opening-stack i:nth-child(1){transform:translate(-13px,13px) rotate(-7deg)}.opening-stack i:nth-child(2){transform:translate(-8px,8px) rotate(-4deg)}.opening-stack i:nth-child(3){transform:translate(-4px,4px) rotate(-2deg)}.opening-stack i:nth-child(4),.opening-tile-back{background:radial-gradient(circle at center,#b97343 0 18%,#e6d5b1 19% 22%,#e9ddc3 23%)}.opening-stack{animation:opening-stack-away .8s 1.2s ease-in both}.opening-drawn{position:absolute;left:calc(50% - 44px);top:145px;width:88px;height:118px;transform-style:preserve-3d;animation:opening-draw 2.5s .25s cubic-bezier(.22,.7,.18,1) both}.opening-drawn>div{display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.opening-tile-back span{color:#9d633d;font-size:42px}.opening-drawn .opening-tile-front{flex-direction:column;transform:rotateY(180deg);background:linear-gradient(145deg,#fff9e8,#eadbbb);color:#af3e30;border-color:#fffbee;box-shadow:5px 8px #b7a583,10px 16px 35px #06140faa}.opening-tile-number{font:700 39px/.9 Georgia,serif;letter-spacing:-.08em;padding-right:4px}.opening-tile-mark{font-size:17px;line-height:1.4}.opening-tile-front strong{font-size:11px;letter-spacing:.13em}.opening-spark{position:absolute;left:50%;top:35%;color:#ffe5a6;opacity:0;font-size:28px;pointer-events:none;animation:opening-sparkle .8s 1.4s ease-out both}.opening-spark-one{margin-left:-107px;margin-top:-42px}.opening-spark-two{margin-left:93px;margin-top:34px;animation-delay:1.55s;font-size:20px}.opening-spark-three{margin-left:100px;margin-top:-54px;animation-delay:1.68s;font-size:22px}.opening-copy{animation:opening-rise .7s 1.55s both}.opening-logo{display:block;width:min(270px,68vw);height:auto;margin:0 auto;background:#f7f0dd;border-radius:20px;padding:12px 18px;box-shadow:0 10px 34px #06140faa}.opening-rule{display:block;width:42px;height:1px;margin:0 auto 14px;background:#d3af70}.opening-copy h1{font:500 clamp(44px,8vw,68px)/.93 Georgia,serif;letter-spacing:-.035em;text-shadow:0 6px 24px #071d17}.opening-copy h1 em{color:#e4c589;font-weight:400}.opening-copy p{margin-top:17px;font-size:12px;letter-spacing:.22em;color:#ddca9f}.opening-skip{position:absolute;z-index:2;right:max(38px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));padding:8px 4px;color:#ead5a8;font-size:12px;letter-spacing:.12em;border-bottom:1px solid #e1c18866}.opening-skip:hover,.opening-skip:focus-visible{color:#fff;border-color:#fff}.opening-skip:focus-visible{outline:2px solid #fff;outline-offset:4px}.opening-skip span{margin-left:9px}.opening-leaving{animation:opening-depart .55s ease-in both;pointer-events:none}@keyframes opening-arrive{0%{opacity:0}to{opacity:1}}@keyframes opening-depart{to{opacity:0;transform:scale(1.04)}}@keyframes opening-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-glow{0%{opacity:0;scale:.6}70%{opacity:1;scale:1.5}to{opacity:.8;scale:1.2}}@keyframes opening-stack-away{to{opacity:0;transform:translate(-48px,32px) rotate(-27deg) scale(.85)}}@keyframes opening-draw{0%{opacity:0;transform:translate(-12px,14px) rotate(-17deg) rotateY(0) scale(.85)}14%{opacity:1;transform:translate(-12px,14px) rotate(-17deg) rotateY(0) scale(1)}45%{transform:translateY(-56px) rotate(-8deg) rotateY(0) scale(1.25)}73%,to{opacity:1;transform:translateY(-54px) rotate(4deg) rotateY(180deg) scale(1.4)}}@keyframes opening-sparkle{0%{opacity:0;transform:scale(.2) rotate(-30deg)}40%{opacity:1}to{opacity:0;transform:scale(1.4) rotate(25deg)}}@media (max-width: 700px){.opening:before{inset:12px;border-radius:130px 130px 18px 18px}.opening-stage{height:275px}.opening-skip{right:26px;bottom:max(26px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.opening,.opening *{animation-duration:.01ms!important;animation-delay:0ms!important}}.okey-reveal{position:fixed;inset:0;z-index:45;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,#14332ab3,#0a1f1ad9 46%,#05130ff0);color:#f5e8ca;cursor:pointer;animation:opening-arrive .3s ease-out both}.okey-reveal-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center}.okey-reveal-eyebrow{font-size:10px;font-weight:800;letter-spacing:.42em;color:#d6bc84;animation:opening-rise .6s .1s both}.okey-reveal-stage{position:relative;width:340px;max-width:90vw;height:280px;perspective:900px}.okey-reveal-halo{position:absolute;width:250px;height:250px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e6c98038,#e6c98000 68%);animation:opening-glow 2.3s .45s ease-in-out both}.okey-reveal-stack{position:absolute;left:calc(50% - 44px);top:96px;width:88px;height:118px;transform:rotate(-14deg)}.okey-reveal-stack i,.okey-reveal-drawn>div{position:absolute;inset:0;border-radius:9px;border:2px solid #fff4dd;background:#e8d9b8;box-shadow:5px 8px #ae9c77,10px 16px 22px #06140f99}.okey-reveal-stack i:nth-child(1){transform:translate(-10px,10px) rotate(-6deg)}.okey-reveal-stack i:nth-child(2){transform:translate(-5px,5px) rotate(-3deg)}.okey-reveal-stack i:nth-child(3),.okey-reveal-back{background:radial-gradient(circle at center,#b97343 0 18%,#e6d5b1 19% 22%,#e9ddc3 23%)}.okey-reveal-stack{animation:opening-stack-away .7s .9s ease-in both}.okey-reveal-drawn{position:absolute;left:calc(50% - 44px);top:96px;width:88px;height:118px;transform-style:preserve-3d;animation:okey-reveal-draw 2.9s .2s cubic-bezier(.22,.7,.18,1) both}.okey-reveal-drawn>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;backface-visibility:hidden}.okey-reveal-back span{color:#9d633d;font-size:40px}.okey-reveal-front{transform:rotateY(180deg);background:linear-gradient(145deg,#fff9e8,#eadbbb);border-color:#fffbee;box-shadow:5px 8px #b7a583,10px 16px 35px #06140faa}.okey-reveal-front b,.okey-reveal-okey b{font:700 36px/.9 Georgia,serif;letter-spacing:-.08em}.okey-reveal-front small,.okey-reveal-okey small{font-size:15px;line-height:1}.okey-reveal-front strong,.okey-reveal-okey strong{font-size:8px;letter-spacing:.18em;margin-top:4px}.okey-reveal-okey{position:absolute;left:calc(50% + 20px);top:20px;width:88px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;border:2px solid #ffdc85;background:linear-gradient(145deg,#fff9e8,#f0dfb4);box-shadow:5px 8px #b7a583,0 0 0 3px #d8ad54,0 0 46px #ffd97a73,12px 20px 38px #06140faa;animation:okey-reveal-crown .8s 1.5s cubic-bezier(.2,1.4,.3,1) both}.okey-reveal-spark{position:absolute;left:50%;top:38%;color:#ffe5a6;opacity:0;font-size:26px;pointer-events:none;animation:opening-sparkle .8s 1.6s ease-out both}.okey-reveal-spark-one{margin-left:-128px;margin-top:-34px}.okey-reveal-spark-two{margin-left:118px;margin-top:40px;animation-delay:1.75s;font-size:19px}.okey-reveal-spark-three{margin-left:126px;margin-top:-50px;animation-delay:1.9s;font-size:22px}.okey-reveal-copy{animation:opening-rise .7s 1.75s both}.okey-reveal-copy h2{font:500 clamp(28px,5vw,42px)/1 Georgia,serif;letter-spacing:-.03em;text-shadow:0 6px 24px #071d17}.okey-reveal-copy h2 em{color:#e4c589;font-weight:400}.okey-reveal-skip{position:absolute;z-index:2;right:max(38px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));padding:8px 4px;color:#ead5a8;font-size:12px;letter-spacing:.12em;border-bottom:1px solid #e1c18866;cursor:pointer}.okey-reveal-skip:hover,.okey-reveal-skip:focus-visible{color:#fff;border-color:#fff}.okey-reveal-skip:focus-visible{outline:2px solid #fff;outline-offset:4px}.okey-reveal-skip span{margin-left:9px}.okey-reveal-leaving{animation:opening-depart .5s ease-in both;pointer-events:none}@keyframes okey-reveal-draw{0%{opacity:0;transform:translate(0) rotate(-14deg) rotateY(0) scale(.9)}12%{opacity:1;transform:translate(0) rotate(-14deg) rotateY(0) scale(1)}38%{transform:translate(-16px,-76px) rotate(-6deg) rotateY(0) scale(1.18)}55%,to{opacity:1;transform:translate(-66px,-78px) rotate(3deg) rotateY(180deg) scale(1.18)}}@keyframes okey-reveal-crown{0%{opacity:0;transform:translate(28px,64px) rotate(14deg) scale(.45)}to{opacity:1;transform:translate(0) rotate(6deg) scale(1.04)}}@media (max-width: 700px){.okey-reveal-stage{height:250px}.okey-reveal-skip{right:26px;bottom:max(26px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.okey-reveal,.okey-reveal *{animation-duration:.01ms!important;animation-delay:0ms!important}}.reduce-motion .okey-reveal,.reduce-motion .okey-reveal *{animation-duration:.01ms!important;animation-delay:0ms!important}.docked-rack~.app-toasts{top:7rem;bottom:auto;pointer-events:none}.docked-rack{--rack-tile-height: clamp(36px, min(5.8vw, 9vh), 72px);--rack-tile-height: clamp(36px, min(5.8vw, 9dvh), 72px);--rack-height: calc(var(--rack-tile-height) * 2 + 22px + env(safe-area-inset-bottom, 0px));--rack-controls: 48px}.coffee-game.docked-rack>div:first-child{bottom:calc(var(--rack-height) + var(--rack-controls))}.bottom-rack{position:absolute;z-index:10;bottom:0;left:0;right:0;height:var(--rack-height);padding:8px max(10px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left));display:grid;grid-template-rows:repeat(2,var(--rack-tile-height));gap:8px;border-top:2px solid #c29959;background:repeating-linear-gradient(2deg,#ffffff03 0 1px,transparent 1px 7px),linear-gradient(90deg,#42291c,#845535 35%,#70442b 70%,#42291c);box-shadow:0 -6px 24px #0005,inset 0 3px #e3b46b33}.bottom-rack-row{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:clamp(2px,.4vw,6px);width:min(100%,1100px);margin-inline:auto;position:relative;border-bottom:3px solid #ba8750;box-shadow:0 4px #301e16,0 6px 6px #0004;background:linear-gradient(#23170e55,#23170e00)}.coffee-game .bottom-rack-slot{min-width:0;height:var(--rack-tile-height);padding:0 0 3px;border-radius:5px;position:relative;display:flex;justify-content:center;align-items:stretch;touch-action:none}.bottom-rack-slot .tile-face{width:100%;max-width:66px;height:100%;border-radius:4px;pointer-events:none;transition:transform .15s ease,box-shadow .15s ease}.bottom-rack-slot .tile-face b{font-size:clamp(20px,min(3.6vw,5.4vh),40px);font-size:clamp(20px,min(3.6vw,5.4dvh),40px)}.bottom-rack-slot .tile-face small{margin-top:3px;font-size:clamp(5px,.7vw,8px)}.bottom-rack-slot[aria-pressed=true]{z-index:2}.bottom-rack-slot[aria-pressed=true] .tile-face{transform:translateY(-5px);box-shadow:0 0 0 2px #ffda84,0 5px 12px #0007;background:linear-gradient(#fffef4,#f6dfa6)}.bottom-rack-slot.marked .tile-face{box-shadow:0 0 0 2px #ffda84,0 5px 12px #0007;background:linear-gradient(#fffef4,#f6dfa6)}.bottom-rack-slot.drop-target{background:#ffda8466;outline:2px solid #ffda84;outline-offset:-2px}.tile-face.is-back{background:radial-gradient(circle at 50% 42%,#bb7650 0 19%,#f7ecd4 20%,#efe4c8);border-color:#e8d8b6;border-bottom-color:#b9a780;color:#7d3f1c}.bottom-rack-slot[aria-pressed=true] .tile-face.is-back,.bottom-rack-slot.marked .tile-face.is-back{background:radial-gradient(circle at 50% 42%,#cf875e 0 19%,#fdf3dd 20%,#f4e8ca)}.bottom-rack-slot .tile-face{animation:tile-flip-face .22s ease-out}.bottom-rack-slot .tile-face.is-back{animation-name:tile-flip-back}@keyframes tile-flip-face{0%{transform:rotateY(84deg)}to{transform:rotateY(0)}}@keyframes tile-flip-back{0%{transform:rotateY(-84deg)}to{transform:rotateY(0)}}.rack-slot-mark{width:4px;height:4px;border-radius:50%;background:#dab57b40;align-self:end;margin-bottom:8px}.docked-rack .action-dock{bottom:var(--rack-height);height:var(--rack-controls);width:100%;max-width:none;display:grid;place-items:center;background:linear-gradient(#142c26e8,#142c26);border-top:1px solid #cfb98844}.docked-rack .hud-actions{gap:6px}.docked-rack .hud-actions .hud-btn{min-height:34px;padding:6px 14px;border-radius:7px}.docked-rack .hud-actions>.hud-btn-sm{position:static}.docked-rack .hud-bottom-right{bottom:calc(var(--rack-height) + var(--rack-controls) + 7px)}.docked-rack .hud-stats{bottom:calc(var(--rack-height) + var(--rack-controls) + 10px);max-width:calc(100% - 110px)}.docked-rack .table-panel{max-height:calc(100vh - var(--rack-height) - var(--rack-controls) - 95px);max-height:calc(100dvh - var(--rack-height) - var(--rack-controls) - 95px)}.docked-rack .room-chat-game{bottom:calc(var(--rack-height) + var(--rack-controls) + 50px);width:min(260px,calc(100vw - 24px))}.docked-rack .room-chat-game:not(:has(.room-chat-panel)){width:138px}.docked-rack .hud-drawn{bottom:calc(var(--rack-height) + var(--rack-controls) + 52px)}.docked-rack .meld-planner,.docked-rack .hud-hand-overlay{bottom:calc(var(--rack-height) + var(--rack-controls) + 6px)}.docked-rack .room-chat-list{height:min(210px,22vh);height:min(210px,22dvh)}@media (max-width: 700px){.bottom-rack{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}.docked-rack .hud-actions .hud-btn{padding:6px 9px;font-size:11px}.docked-rack .hud-stats{font-size:9px;gap:5px}}@media (max-height: 500px){.docked-rack{--rack-tile-height: clamp(30px, 10vh, 46px);--rack-tile-height: clamp(30px, 10dvh, 46px);--rack-controls: 38px}.docked-rack .hud-actions .hud-btn{min-height:30px;padding:4px 10px;font-size:11px}.docked-rack .meld-planner{top:8px;bottom:calc(var(--rack-height) + 4px)}.docked-rack .room-chat-game{bottom:calc(var(--rack-height) + var(--rack-controls) + 38px)}.docked-rack .room-chat-list{height:18vh;height:18dvh}.docked-rack .cafe-order-panel{top:94px}.docked-rack .cafe-order-menu{max-height:calc(100vh - var(--rack-height) - 140px);max-height:calc(100dvh - var(--rack-height) - 140px);overflow-y:auto}}.reduce-motion .bottom-rack-slot .tile-face{transition:none;animation:none}@media (prefers-reduced-motion: reduce){.bottom-rack-slot .tile-face{transition:none;animation:none}}.result{position:fixed;inset:0;z-index:46;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 36%,#14332ab8,#0a1f1ae3 46%,#05130ff7);color:#f5e8ca;animation:opening-arrive .35s ease-out both}.result-panel{position:relative;z-index:1;width:min(560px,94vw);max-height:92vh;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 22px 18px;text-align:center;border:1px solid #e9c9852e;border-radius:22px;background:#0d251f8f;backdrop-filter:blur(7px);box-shadow:0 26px 70px #00000085}.result-eyebrow{font-size:10px;font-weight:800;letter-spacing:.42em;color:#d6bc84;animation:opening-rise .6s .05s both}.result-stage{position:relative;width:340px;max-width:88vw;height:210px;perspective:900px;transition:transform .45s ease}.result-halo{position:absolute;width:230px;height:230px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e6c98040,#e6c98000 68%);animation:opening-glow 2.4s .35s ease-in-out both}.result-stack{position:absolute;left:calc(50% - 44px);top:62px;width:88px;height:118px;transform:rotate(-14deg);animation:opening-stack-away .7s .9s ease-in both}.result-stack i,.result-drawn>div{position:absolute;inset:0;border-radius:9px;border:2px solid #fff4dd;background:#e8d9b8;box-shadow:5px 8px #ae9c77,10px 16px 22px #06140f99}.result-stack i:nth-child(1){transform:translate(-10px,10px) rotate(-6deg)}.result-stack i:nth-child(2){transform:translate(-5px,5px) rotate(-3deg)}.result-stack i:nth-child(3),.result-back{background:radial-gradient(circle at center,#b97343 0 18%,#e6d5b1 19% 22%,#e9ddc3 23%)}.result-drawn{position:absolute;left:calc(50% - 44px);top:62px;width:88px;height:118px;transform-style:preserve-3d;animation:okey-reveal-draw 2.6s .15s cubic-bezier(.22,.7,.18,1) both}.result-drawn>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;backface-visibility:hidden}.result-back span{color:#9d633d;font-size:40px}.result-front{transform:rotateY(180deg);background:linear-gradient(145deg,#fff9e8,#eadbbb);border-color:#fffbee;box-shadow:5px 8px #b7a583,10px 16px 35px #06140faa}.result-front b,.result-okey b{font:700 36px/.9 Georgia,serif;letter-spacing:-.08em}.result-front small,.result-okey small{font-size:15px;line-height:1}.result-front strong,.result-okey strong{font-size:8px;letter-spacing:.18em;margin-top:4px}.result-okey{position:absolute;left:calc(50% + 30px);top:-14px;width:88px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;border:2px solid #ffdc85;background:linear-gradient(145deg,#fff9e8,#f0dfb4);box-shadow:5px 8px #b7a583,0 0 0 3px #d8ad54,0 0 46px #ffd97a73,12px 20px 38px #06140faa;animation:okey-reveal-crown .8s 1.35s cubic-bezier(.2,1.4,.3,1) both}.result-spark{position:absolute;left:50%;top:34%;color:#ffe5a6;opacity:0;font-size:24px;pointer-events:none;animation:opening-sparkle .8s 1.5s ease-out both}.result-spark-one{margin-left:-132px;margin-top:-30px}.result-spark-two{margin-left:122px;margin-top:46px;animation-delay:1.65s;font-size:18px}.result-spark-three{margin-left:128px;margin-top:-44px;animation-delay:1.8s;font-size:21px}.result-title{font:500 clamp(26px,4.6vw,38px)/1.05 Georgia,serif;letter-spacing:-.03em;text-shadow:0 6px 24px #071d17;animation:opening-rise .7s 1.45s both}.result-reason{font-size:12px;letter-spacing:.1em;color:#ddca9f;animation:opening-rise .7s 1.6s both}.result-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.result-armed .result-stage{transform:scale(.84);transform-origin:center top;opacity:.72}.result-scores{width:100%;margin-top:4px;display:flex;flex-direction:column;gap:6px;list-style:none}.result-row{position:relative;display:grid;grid-template-columns:22px 26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid #ffffff14;background:#ffffff0a;text-align:left;animation:result-row-in .5s cubic-bezier(.2,.9,.2,1) both}.result-row.is-winner{border-color:#f0cf8659;background:linear-gradient(90deg,#f0cf8524,#ffffff08);box-shadow:inset 0 0 0 1px #ffd97a26}.result-seat{font-size:11px;font-weight:800;color:#b3c8bd;text-align:center}.result-face{font-size:19px;line-height:1}.result-who{display:flex;flex-direction:column;min-width:0}.result-who b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-who small{font-size:10px;letter-spacing:.06em;color:#b3c8bd}.result-score{min-width:58px;font:700 20px/1 Georgia,serif;font-variant-numeric:tabular-nums;text-align:right}.result-row:not(.is-winner) .result-score{color:#f3c8ae}.result-row.is-winner .result-score{color:#9fe0b4;text-shadow:0 0 18px #7fe0a655}.result-crown{position:absolute;top:-9px;right:8px;font-size:15px;animation:okey-reveal-crown .7s .55s cubic-bezier(.2,1.4,.3,1) both}.result-row.is-penalized{border-color:#d0473c66;background:linear-gradient(90deg,#d0473c1f,#ffffff08);box-shadow:inset 3px 0 #d0473c}.result-penalty-tag{position:absolute;top:-9px;right:8px;padding:1px 7px;border-radius:20px;background:#d0473c;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}.result-row.is-winner .result-penalty-tag{display:none}.result-parts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.result-part{font-style:normal;font-size:10px;letter-spacing:.04em;padding:1px 7px;border-radius:20px;border:1px solid #ffffff1f;color:#e8dcc0;background:#ffffff0a}.result-part.tone-okey{border-color:#e2b93b66;color:#f0d488}.result-part.tone-tiles{border-color:#2f6cb066;color:#bcd6f5}.result-part.tone-warn{border-color:#d0473c88;color:#f3a89e}.result-legend{font-size:10px;letter-spacing:.16em;color:#9db3a8}.result-running{width:100%;margin-top:6px}.result-running h3{font-size:10px;letter-spacing:.16em;color:#ead3a2;font-weight:700;margin-bottom:4px}.result-running ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.result-running li{display:flex;justify-content:space-between;font-size:12px;color:#e8dcc0}.result-running li b{color:#f5e8ca}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.result-btn{padding:11px 18px;border-radius:12px;border:1px solid #ffffff2e;color:#f2e6cb;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer}.result-btn:hover,.result-btn:focus-visible{border-color:#f4dfae;color:#fff}.result-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.result-btn.primary{border-color:#d8ad54a8;background:linear-gradient(180deg,#2f5c4b,#22463a);box-shadow:0 8px 24px #00000059}.result-btn.primary[aria-pressed=true]{border-color:#9fe0b4;background:linear-gradient(180deg,#2c6b4f,#1d4c39)}.result-btn:disabled{opacity:.45;cursor:not-allowed}.result-hint{max-width:42ch;font-size:10px;letter-spacing:.12em;color:#93a89e}.result-skip{position:absolute;right:14px;top:12px;padding:6px 2px;font-size:11px;letter-spacing:.12em;color:#ead5a8;border-bottom:1px solid #e1c18866;cursor:pointer}.result-skip:hover,.result-skip:focus-visible{color:#fff;border-color:#fff}.result-skip:focus-visible{outline:2px solid #fff;outline-offset:3px}.result-confetti{position:absolute;inset:0;pointer-events:none;animation:opening-arrive .3s ease-out both}.result-confetti i{position:absolute;top:-6%;border-radius:2px;opacity:0;animation-name:result-fall;animation-timing-function:linear;animation-fill-mode:both}@keyframes result-fall{0%{opacity:0;transform:translate3d(0,-12vh,0) rotate(0)}8%{opacity:1}to{opacity:.9;transform:translate3d(var(--drift, 0px),108vh,0) rotate(var(--spin, 220deg))}}@keyframes result-row-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media (max-width: 700px){.result-panel{padding:18px 14px 14px;gap:6px}.result-stage{height:190px}.result-okey{left:calc(50% + 16px)}.result-score{min-width:48px;font-size:18px}}@media (prefers-reduced-motion: reduce){.result,.result *{animation-duration:.01ms!important;animation-delay:0ms!important}.result-confetti{display:none}}.reduce-motion .result,.reduce-motion .result *{animation-duration:.01ms!important;animation-delay:0ms!important}.reduce-motion .result-confetti{display:none}.confirm-backdrop{position:fixed;inset:0;z-index:47;isolation:isolate;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 36%,#14332ab0,#0a1f1ae0 46%,#05130ff2);animation:opening-arrive .25s ease-out both}.confirm-panel{position:relative;z-index:1;width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 26px 20px;text-align:center;color:#f5e8ca;border:1px solid #e9c9852e;border-radius:22px;background:#0d251f96;backdrop-filter:blur(7px);box-shadow:0 26px 70px #00000085;animation:opening-rise .3s ease-out both}.confirm-badge{display:grid;place-items:center;width:58px;height:58px;margin-bottom:6px;border-radius:50%;font-size:26px;color:#ffd9a0;border:2px solid #d8ad5466;background:radial-gradient(circle,#e6c9802e,#e6c98000 70%);animation:opening-glow 2.2s .2s ease-in-out both}.confirm-title{font-size:22px;font-weight:800;letter-spacing:-.01em;color:#f7ebcc}.confirm-message{max-width:34ch;font-size:14px;line-height:1.5;color:#d9c8a5}.confirm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.confirm-cancel,.confirm-accept{display:inline-flex;align-items:center;gap:8px;min-width:132px;justify-content:center;padding:12px 22px;border-radius:14px;font-weight:800;font-size:15px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.confirm-cancel{color:#f0e4c4;background:#1c3a30;border:1px solid #e9c98533}.confirm-cancel:hover,.confirm-cancel:focus-visible{background:#24463a}.confirm-accept{color:#fff2e2;border:1px solid #e08a4d;background:linear-gradient(160deg,#c96f3c,#a9542c);box-shadow:0 8px 22px #a9542c55}.confirm-accept:hover,.confirm-accept:focus-visible{background:linear-gradient(160deg,#d97d46,#b45c30);box-shadow:0 10px 26px #a9542c70}.confirm-cancel:focus-visible,.confirm-accept:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.confirm-cancel:active,.confirm-accept:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.confirm-backdrop,.confirm-panel,.confirm-badge{animation-duration:.01ms!important;animation-delay:0ms!important}}.reduce-motion .confirm-backdrop,.reduce-motion .confirm-panel,.reduce-motion .confirm-badge{animation-duration:.01ms!important;animation-delay:0ms!important}.hover\:border-latte:hover{--tw-border-opacity: 1;border-color:rgb(184 137 101 / var(--tw-border-opacity, 1))}.hover\:bg-latte\/20:hover{background-color:#b8896533}.hover\:bg-latte\/30:hover{background-color:#b889654d}.hover\:text-espresso:hover{--tw-text-opacity: 1;color:rgb(73 55 47 / var(--tw-text-opacity, 1))}.hover\:brightness-105:hover{--tw-brightness: brightness(1.05);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)}.focus\:border-latte:focus{--tw-border-opacity: 1;border-color:rgb(184 137 101 / var(--tw-border-opacity, 1))}.enabled\:bg-amber\/40:enabled{background-color:#ffd18a66}.enabled\:bg-herbal\/40:enabled{background-color:#91ad9166}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}.mobile-table-toggle,.mobile-scores-toggle,.mobile-action-hint{display:none}.mobile-table-content{display:flex;flex-direction:column;min-height:0;flex:1}.mobile-device .coffee-entry{height:100vh;height:100dvh;max-height:none;overflow:hidden}.mobile-device .coffee-entry-form{min-height:0;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom))}.mobile-device .coffee-entry-form>*{flex-shrink:0}.mobile-device .coffee-entry input{font-size:16px}.mobile-device .app-settings{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:min(220px,calc(100vw - 24px));max-height:70vh;max-height:70dvh;overflow-y:auto}.mobile-device .app-settings>summary{min-height:44px;display:flex;align-items:center}.mobile-device .coffee-game,.mobile-device .cards-game{height:100vh;height:100dvh;min-height:0;width:100%;overflow:hidden}.mobile-device .hud-top-left{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));max-width:calc(100% - 12px);gap:4px}.mobile-device .hud-status{min-height:36px;padding:4px 8px;gap:6px}.mobile-device .hud-status-copy strong{font-size:11px}.mobile-device .hud-timer{padding:0 7px;font-size:11px}.mobile-device .hud-pair-toggle{padding:4px 7px;min-height:36px;font-size:10px}.mobile-device .hud-top-right{top:calc(max(6px,env(safe-area-inset-top)) + 44px);right:max(6px,env(safe-area-inset-right));left:auto;gap:3px}.mobile-device .hud-camera{height:36px}.mobile-device .hud-camera button{padding:0 6px;font-size:10px}.mobile-device .hud-top-right .hud-btn-sm{width:36px;height:36px}.mobile-device .hud-settings-panel{max-height:min(300px,55vh);max-height:min(300px,55dvh);overflow-y:auto}.mobile-device .cafe-order-panel{top:calc(max(6px,env(safe-area-inset-top)) + 86px);right:max(6px,env(safe-area-inset-right))}.mobile-device .cafe-order-menu{max-height:45vh;max-height:45dvh;overflow-y:auto}.mobile-device .table-panel{top:calc(max(6px,env(safe-area-inset-top)) + 44px);left:max(6px,env(safe-area-inset-left));width:min(210px,48vw);max-height:min(48vh,calc(100vh - var(--rack-height, 0px) - 130px));max-height:min(48dvh,calc(100dvh - var(--rack-height, 0px) - 130px));z-index:12}.mobile-device .mobile-table-toggle,.mobile-device .mobile-scores-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:7px 10px;color:#f7e8cb;font-size:11px;font-weight:700;text-align:left}.mobile-device .mobile-table-content,.mobile-device .cards-score-panel #mobile-scores-content{display:none}.mobile-device .mobile-table-expanded .mobile-table-content{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.mobile-device .table-panel.mobile-table-expanded{width:min(270px,72vw)}.mobile-device .table-panel .public-melds{flex:none;max-height:22vh;max-height:22dvh}.mobile-device .docked-rack{--rack-tile-height: clamp(42px, 8vh, 62px);--rack-tile-height: clamp(42px, 8dvh, 62px);--rack-controls: 52px}.mobile-device .bottom-rack{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.mobile-device .bottom-rack-row{gap:1px}.mobile-device .bottom-rack-slot .tile-face b{font-size:clamp(14px,4vw,25px)}.mobile-device .bottom-rack-slot .tile-face small{font-size:6px}.mobile-device .docked-rack .action-dock{overflow-x:auto;overflow-y:hidden;justify-content:safe center;padding:0 max(6px,env(safe-area-inset-left)) 0 max(6px,env(safe-area-inset-right))}.mobile-device .docked-rack .hud-actions{width:-moz-max-content;width:max-content;flex:0 0 auto;gap:4px}.mobile-device .docked-rack .hud-actions .hud-btn{min-height:44px;padding:6px 9px;font-size:11px;white-space:nowrap}.mobile-device .docked-rack .hud-actions>.hud-btn-sm{min-width:36px;min-height:36px}.mobile-device .bottom-rack{overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.mobile-device .bottom-rack-row{width:max(100%,616px)}.mobile-device .coffee-game .bottom-rack-slot{touch-action:pan-x}.mobile-device .bottom-rack-slot .tile-face b{font-size:clamp(19px,5vw,27px)}.mobile-device .bottom-rack-slot .tile-face small{font-size:7px}.mobile-device .mobile-table-toggle,.mobile-device .mobile-scores-toggle{min-height:44px;font-size:12px}.mobile-device .hud-camera button{min-width:44px}.mobile-device .hud-top-right .hud-btn-sm{width:44px;height:44px}.mobile-device .hud-settings>summary{min-height:44px}.mobile-device .cafe-order-toggle,.mobile-device .rack-sort-options button,.mobile-device .cafe-order-menu button{min-height:44px}.mobile-device .docked-rack .hud-bottom-right{right:max(6px,env(safe-area-inset-right));bottom:calc(var(--rack-height) + var(--rack-controls) + 6px)}.mobile-device .docked-rack .hud-stats{left:max(6px,env(safe-area-inset-left));bottom:calc(var(--rack-height) + var(--rack-controls) + 6px)}.mobile-device .docked-rack .room-chat-game{left:max(6px,env(safe-area-inset-left));bottom:calc(var(--rack-height) + var(--rack-controls) + 44px);max-height:35vh;max-height:35dvh}.mobile-device .docked-rack .room-chat-panel{max-height:29vh;max-height:29dvh;overflow-y:auto}.mobile-device .docked-rack .meld-planner{top:calc(max(6px,env(safe-area-inset-top)) + 88px);bottom:calc(var(--rack-height) + var(--rack-controls) + 4px);left:6px;right:6px;width:auto;height:auto}.mobile-device .docked-rack.planner-open>div:first-child{top:0;right:0;bottom:calc(var(--rack-height) + var(--rack-controls));left:0;inset:0 0 calc(var(--rack-height) + var(--rack-controls)) 0}.mobile-device .planner-open .table-panel{visibility:hidden}.mobile-device .coffee-hand{grid-template-columns:repeat(14,minmax(30px,1fr))}.mobile-device .hud-hand-overlay{max-width:96vw;overflow-x:auto}.mobile-device .cards-score-panel{top:calc(max(6px,env(safe-area-inset-top)) + 44px);left:max(6px,env(safe-area-inset-left));width:min(170px,45vw);z-index:10}.mobile-device .cards-held-view-toggle{display:none}.mobile-device .cards-mobile-hand-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px max(12px,env(safe-area-inset-left)) 0;color:#f7e8cb;font-size:11px}.mobile-device .cards-mobile-hand-caption strong{flex:none;color:#ffda91;font-size:11px;letter-spacing:.08em}.mobile-device .cards-mobile-hand-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.mobile-device .cards-score-panel.mobile-scores-expanded{width:min(230px,70vw);max-height:46vh;max-height:46dvh;overflow-y:auto}.mobile-device .cards-score-panel.mobile-scores-expanded #mobile-scores-content{display:block}.mobile-device .cards-hand-dock{width:100%;bottom:calc(56px + env(safe-area-inset-bottom));border-top:1px solid #e4c98d66;border-radius:16px 16px 0 0;background:linear-gradient(#254238f8,#102920fa);box-shadow:0 -10px 30px #06161088}.mobile-device .cards-hand{height:127px;gap:7px}.mobile-device .cards-hand-scroll .cards-face{flex:0 0 76px;height:105px;margin-left:0;transform:none;animation:none}.mobile-device .cards-hand-scroll .cards-face:first-child{margin-left:0}.mobile-device .cards-hand-dock:not(.physical-hand) .cards-hand-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-top:12px;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#e4c98d #17342b}.mobile-device .cards-hand-scroll:focus-visible{outline:3px solid #ffda84;outline-offset:-3px}.mobile-device .cards-hand{width:-moz-max-content;width:max-content;min-width:100%;justify-content:flex-start;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.mobile-device .cards-face{touch-action:pan-x}.mobile-device .cards-face:focus-visible{outline:3px solid #ffda84;outline-offset:3px}.mobile-device .cards-game .cards-face.selected,.mobile-device .cards-game .cards-face:focus-visible{transform:translateY(-7px)}.mobile-device .cards-game .cards-face.selected{outline-offset:-3px}.mobile-device .cards-hand-dock.my-turn .cards-face:not(.legal):not(.selected){filter:none}.mobile-device .cards-hand-dock.my-turn .cards-face.legal{box-shadow:inset 0 0 0 2px #be8831,0 2px 8px #06161088;animation:none}.mobile-device .cards-face .cards-corner{font-size:15px}.mobile-device .cards-face .cards-corner b{font-size:19px}.mobile-device .cards-game .action-dock{width:100%;max-width:none;bottom:0;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#142c26f5}.mobile-device .cards-action-row{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;gap:5px!important}.mobile-device .cards-action-row>*{flex:0 0 auto}.mobile-device .cards-action-row>.hud-btn-sm{position:static}.mobile-device .cards-action-row .hud-btn,.mobile-device .cards-action-row .hud-btn-sm{padding:7px 10px;min-height:44px;font-size:13px}.mobile-device .cards-bottom-right,.mobile-device .cards-stats{bottom:calc(60px + env(safe-area-inset-bottom))}.mobile-device .cards-game .room-chat-game{top:auto;bottom:calc(210px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left))}.mobile-device .cards-table-readout{top:32%;max-width:min(80vw,300px)}.mobile-device .cards-rules{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;top:50%;transform:translateY(-50%);max-height:min(76vh,calc(100vh - 90px));max-height:min(76dvh,calc(100dvh - 90px));overflow-y:auto}.mobile-device .cards-close{min-width:44px;min-height:44px}.mobile-device .cards-result .result-panel{width:calc(100% - 16px);max-height:calc(100vh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:14px 12px 12px}.mobile-device .cards-result .result-btn{min-height:44px}.mobile-device .cards-result .result-skip{right:max(12px,env(safe-area-inset-right))}.mobile-device .batak-auction{padding:12px;border-radius:16px}.mobile-device .batak-auction-header{gap:6px;margin-bottom:8px}.mobile-device .batak-auction-header h2{font-size:17px}.mobile-device .batak-auction-meta{gap:6px}.mobile-device .batak-auction-progress{font-size:20px}.mobile-device .batak-bidders{gap:4px}.mobile-device .batak-bidder{padding:6px 3px 5px}.mobile-device .batak-bidder>strong{height:28px;font-size:22px}.mobile-device .batak-bidder>small,.mobile-device .batak-bidder-status{font-size:8px}.mobile-device .batak-submit{position:sticky;bottom:0;z-index:1;min-height:44px}.mobile-device .batak-auction-reactions button{min-height:36px}.mobile-device .batak-stepper button,.mobile-device .batak-suits button{min-width:44px;min-height:44px}.mobile-device .cards-auction-active .room-chat-game{display:none}.mobile-device .cards-face{-webkit-tap-highlight-color:transparent}.mobile-device .cards-face:active{filter:brightness(.9)}.mobile-device .cards-game .emote-menu,.mobile-device .cards-game .emote-preview{top:calc(100% + 10px);bottom:auto}@media (orientation: portrait){.mobile-device .coffee-entry{display:flex;flex-direction:column}.mobile-device .coffee-entry-scene{height:clamp(105px,18vh,180px);height:clamp(105px,18dvh,180px);min-height:0}.mobile-device .coffee-entry-title{padding:12px max(16px,env(safe-area-inset-left))}.mobile-device .coffee-entry-title h2{font-size:25px;margin:0}.mobile-device .coffee-entry-badge{margin-top:5px}.mobile-device .coffee-entry-form{flex:1;padding-top:12px}.mobile-device .hud-top-left{right:6px;flex-wrap:nowrap}.mobile-device .hud-status{flex:0 1 auto}.mobile-device .hud-pair-toggle{white-space:normal}.mobile-device .hud-top-right{top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end;max-width:62vw;row-gap:5px}.mobile-device .hud-camera{order:3;flex-basis:100%;justify-content:flex-end;gap:4px;height:auto;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.mobile-device .hud-camera button{min-height:44px;padding:0 13px;border:1px solid #c9a87555;border-radius:20px}.mobile-device .hud-camera button:not([aria-pressed=true]){background:#172b26ed}.mobile-device .hud-camera button[aria-pressed=true]{border-color:#ffdc91}.mobile-device .hud-top-left{max-width:calc(100% - 158px)}.mobile-device .cafe-order-panel{top:calc(max(6px,env(safe-area-inset-top)) + 48px);right:auto;left:max(6px,env(safe-area-inset-left));align-items:flex-start}.mobile-device .cafe-order-toggle{display:flex;align-items:center;gap:5px;padding:0 11px}.mobile-device .table-panel,.mobile-device .cards-score-panel{top:calc(max(6px,env(safe-area-inset-top)) + 100px)}.mobile-device .cafe-order-label{display:none}.mobile-device .cards-score-panel{width:min(158px,42vw)}.mobile-device .docked-rack{--rack-tile-height: clamp(54px, 8vh, 70px);--rack-tile-height: clamp(54px, 8dvh, 70px);--rack-controls: 106px}.mobile-device .docked-rack .action-dock{display:flex;overflow:visible;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}.mobile-device .docked-rack .hud-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;flex:1 1 auto;gap:5px}.mobile-device .docked-rack .hud-actions .hud-btn{width:100%;min-height:44px;font-size:13px}.mobile-device .docked-rack .hud-actions>.hud-btn-sm{position:static;justify-self:end;width:44px;min-height:44px}.mobile-device .cards-game{--cards-controls: 60px;--cards-hand-h: 200px}.mobile-device .cards-game .action-dock{padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-device .cards-action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;grid-auto-rows:minmax(44px,auto);gap:6px!important;overflow:visible}.mobile-device .cards-action-row>*{flex:none;min-width:0}.mobile-device .cards-action-row>.hud-btn-sm{grid-row:1;grid-column:3;justify-self:end;width:44px}.mobile-device .cards-action-row>.hud-btn.primary{grid-row:1;grid-column:1}.mobile-device .cards-action-row:has(>:nth-child(4))>.hud-btn.primary{grid-column:1 / 3}.mobile-device .cards-hand-dock{bottom:calc(var(--cards-controls) + 12px + env(safe-area-inset-bottom))}.mobile-device .cards-hand{height:150px}.mobile-device .cards-hand-scroll .cards-face{height:124px;flex-basis:86px}.mobile-device .cards-game .room-chat-game{top:auto;bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 12px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left))}.mobile-device .cards-game .room-chat-panel{max-height:30vh;max-height:30dvh}.mobile-device .cards-bottom-right{top:auto;bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 12px + env(safe-area-inset-bottom));right:max(6px,env(safe-area-inset-right))}.mobile-device .cards-stats{display:none}.mobile-device .cards-game .room-chat-game:not(:has(.room-chat-panel)){width:44px;max-width:44px}.mobile-device .cards-game .room-chat-game:not(:has(.room-chat-panel)) .room-chat-toggle{width:44px;min-height:44px;padding:0;justify-content:center;border-radius:12px}.mobile-device .cards-game .room-chat-label,.mobile-device .cards-game .room-chat-toggle>span:last-child{display:none}.mobile-device .cards-game .emote-toggle{width:44px;min-height:44px;padding:0;justify-content:center}.mobile-device .cards-game .emote-toggle-label{display:none}.mobile-device .cards-auction-active .cards-bottom-right,.mobile-device .cards-auction-active .cards-stats{visibility:hidden}.mobile-device .batak-auction{top:calc(max(6px,env(safe-area-inset-top)) + 92px);bottom:calc(var(--cards-controls) + 244px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));translate:none;width:auto;max-height:none}.mobile-device .cards-table-readout{top:auto;bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 74px + env(safe-area-inset-bottom))}}@media (orientation: landscape){.mobile-device .coffee-entry{display:grid;grid-template-columns:minmax(170px,35%) 1fr}.mobile-device .coffee-entry-scene{height:100%;min-height:0}.mobile-device .coffee-entry-form{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.mobile-device .hud-top-left{max-width:calc(100% - 315px);flex-wrap:nowrap}.mobile-device .hud-top-right{top:max(6px,env(safe-area-inset-top))}.mobile-device .cafe-order-panel{top:calc(max(6px,env(safe-area-inset-top)) + 44px)}.mobile-device .docked-rack{--rack-tile-height: clamp(44px, 9vh, 47px);--rack-tile-height: clamp(44px, 9dvh, 47px);--rack-controls: 48px}.mobile-device .bottom-rack-slot .tile-face b{font-size:clamp(14px,4vh,19px);font-size:clamp(14px,4dvh,19px)}.mobile-device .bottom-rack-slot .tile-face small{margin-top:0;font-size:5px}.mobile-device .docked-rack .meld-planner{top:6px;bottom:calc(var(--rack-height) + var(--rack-controls) + 4px)}.mobile-device .bottom-rack-row{width:max(100%,630px)}.mobile-device .batak-auction{top:calc(max(6px,env(safe-area-inset-top)) + 48px);bottom:calc(56px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left));translate:none;width:calc((100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 18px)/2);height:auto;max-height:none;padding:10px;border-radius:14px}.mobile-device .batak-auction-choice{grid-template-columns:1fr;gap:6px;padding:7px 0}.mobile-device .batak-stepper{justify-content:center;gap:14px}.mobile-device .batak-stepper output b{font-size:26px}.mobile-device .batak-suits button{min-width:0;padding:3px 0}.mobile-device .batak-suits b{font-size:24px}.mobile-device .batak-suits span{font-size:9px}.mobile-device .batak-suits small{margin:0;font-size:8px}.mobile-device .batak-submit{font-size:10px;white-space:normal}.mobile-device .cards-auction-active .cards-hand-dock{left:auto;right:max(6px,env(safe-area-inset-right));transform:none;width:calc((100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 18px)/2)}.mobile-device .cards-auction-active .cards-hand-scroll{border:1px solid #dfc58b44;border-radius:12px;background:#102a23cc}.mobile-device .cards-auction-active .cards-hand-scroll .cards-face,.mobile-device .cards-auction-active .cards-hand-scroll .cards-face:first-child{margin-left:0}.mobile-device .cards-hand{height:128px;padding-bottom:10px;justify-content:safe center}.mobile-device .cards-hand-scroll .cards-face{height:104px;flex-basis:76px;margin-left:0}.mobile-device .cards-corner{top:4px;left:4px;font-size:12px!important;line-height:1}.mobile-device .cards-corner b{font-size:16px!important}.mobile-device .cards-corner.bottom{inset:auto 4px 4px auto}.mobile-device .cards-court-art{width:39px;height:57px}.mobile-device .cards-animal-art{width:35px;height:35px}.mobile-device .cards-rank-badge{width:17px;height:17px;top:-5px;right:-4px}.mobile-device .cards-rank-badge.rank-11{width:20px;bottom:-4px}.mobile-device .cards-pip{font-size:28px}.mobile-device .cards-game .room-chat-game{top:auto;bottom:calc(56px + env(safe-area-inset-bottom));left:max(6px,env(safe-area-inset-left));width:auto}.mobile-device .cards-game .room-chat-panel{max-height:30vh;max-height:30dvh}.mobile-device .cards-bottom-right{top:auto;bottom:calc(56px + env(safe-area-inset-bottom));right:max(6px,env(safe-area-inset-right))}.mobile-device .cards-game .room-chat-game:not(:has(.room-chat-panel)){width:44px;max-width:44px}.mobile-device .cards-game .room-chat-game:not(:has(.room-chat-panel)) .room-chat-toggle{width:44px;min-height:44px;padding:0;justify-content:center;border-radius:12px}.mobile-device .cards-game .room-chat-label,.mobile-device .cards-game .room-chat-toggle>span:last-child{display:none}.mobile-device .cards-game .emote-toggle{width:44px;min-height:44px;padding:0;justify-content:center}.mobile-device .cards-game .emote-toggle-label,.mobile-device .cards-stats{display:none}.mobile-device .cards-table-readout{top:32%}}@media (orientation: landscape) and (max-height: 440px){.mobile-device .docked-rack{--rack-tile-height: 44px;--rack-controls: 44px}.mobile-device .cards-hand{height:100px}.mobile-device .cards-hand-scroll .cards-face{height:78px;flex-basis:60px}.mobile-device .cards-hand-dock:not(.physical-hand) .cards-hand-scroll{padding-top:10px}.mobile-device .cards-court-art{width:35px;height:46px}.mobile-device .cards-animal-art{width:31px;height:31px}.mobile-device .cards-mobile-hand-caption{padding-top:5px}}.mobile-device .coffee-game.docked-rack{--rack-controls: var(--measured-actions, 136px)}.mobile-device .coffee-game.docked-rack .action-dock{height:auto;display:flex;flex-direction:column;gap:6px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));overflow:visible}.mobile-device .mobile-action-hint{display:block;width:100%;margin:0;color:#f5e6c9;font-size:12px;line-height:1.4;text-align:center}.mobile-device .coffee-game .hud-actions{position:relative;inset:auto}.mobile-device .coffee-game.docked-rack .hud-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;flex:none}.mobile-device .coffee-game.docked-rack .hud-actions .hud-btn{min-height:44px;padding:7px 5px;font-size:12px;white-space:normal}.mobile-device .coffee-game.docked-rack .hud-actions>.hud-btn-sm{position:static;width:100%;min-height:44px;justify-self:stretch}.mobile-device .bottom-rack{scrollbar-color:#e4c98d #17342b}.mobile-device .bottom-rack-row{width:max(100%,644px);gap:2px}.mobile-device .coffee-game .bottom-rack-slot{min-width:44px;min-height:44px}.mobile-device .bottom-rack{overflow-y:hidden}.mobile-device .bottom-rack-slot{scroll-margin-inline:8px}.mobile-device .bottom-rack.moving-tile .bottom-rack-slot:not([aria-pressed=true]){outline:1px dashed #ffda8499;outline-offset:-2px}.mobile-device :is(.coffee-game,.cards-game) :is(button,summary){touch-action:manipulation}.mobile-device .coffee-game .bottom-rack-slot,.mobile-device .cards-game .cards-face{touch-action:pan-x pinch-zoom}.mobile-device input,.mobile-device textarea,.mobile-device select{font-size:max(16px,1em)}.mobile-device :is(.coffee-game,.cards-game) :is(button,summary,input,[tabindex]):focus-visible{outline:3px solid #ffda84;outline-offset:2px}.mobile-device :is(.coffee-game,.cards-game) :is(button,summary){-webkit-tap-highlight-color:transparent}.mobile-device :is(.coffee-game,.cards-game) .hud-settings-panel label{min-height:44px}.mobile-device :is(.coffee-game,.cards-game) .hud-settings-panel input[type=checkbox]{width:20px;height:20px}.mobile-device :is(.coffee-game,.cards-game) .hud-settings-panel input[type=range]{min-height:44px}.mobile-device :is(.coffee-game,.cards-game) .hud-status-copy{min-width:0}.mobile-device :is(.coffee-game,.cards-game) .hud-status-copy strong{overflow-wrap:anywhere;white-space:normal}.mobile-device .cards-game{--cards-controls: var(--measured-actions, 88px);--cards-hand-h: var(--measured-hand, 174px)}.mobile-device .cards-game .cards-hand-dock{bottom:var(--cards-controls)}.mobile-device .cards-game .cards-action-row{display:flex;flex-wrap:wrap;gap:6px!important;overflow:visible}.mobile-device .cards-game .cards-action-row>.hud-btn{flex:1 1 100px;white-space:normal}.mobile-device .cards-game .cards-action-row>.hud-btn-sm{flex:0 0 44px}.mobile-device .cards-game .action-dock{display:flex;flex-direction:column;gap:6px}.mobile-device .cards-game .cards-mobile-hand-caption{align-items:center;min-height:36px;padding-bottom:4px}.mobile-device .cards-game .cards-mobile-hand-caption span{white-space:normal;font-size:12px}.mobile-device .cards-game .cards-hand-scroll{scroll-snap-type:x proximity;scroll-padding-inline:12px}.mobile-device .cards-game .cards-face{scroll-snap-align:start}.mobile-device .cards-game .cards-hand-dock{backdrop-filter:none}.mobile-device .cards-game .cards-face.legal:after{content:"✓";position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#173e30;color:#fff4cf;font-size:12px;line-height:18px}.mobile-device .cards-game .room-chat-game,.mobile-device .cards-game .cards-bottom-right{bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 8px)}.mobile-device .cards-game .cards-table-readout{top:auto;bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 58px);transform:translate(-50%);max-height:24vh;max-height:24dvh;overflow-y:auto;pointer-events:auto}.mobile-device .cards-game .batak-auction{bottom:calc(var(--cards-controls) + var(--cards-hand-h) + 8px)}.mobile-device .coffee-game .room-chat-toggle,.mobile-device .coffee-game .emote-toggle{min-height:44px}.mobile-device .coffee-game .emote-toggle-label{display:none}.mobile-device .coffee-game .hud-bottom-right>.hud-btn-sm{width:44px;height:44px}.mobile-device .coffee-game .hud-stats{max-width:calc(100% - 160px);flex-wrap:wrap}@media (orientation: portrait){.mobile-device :is(.coffee-game,.cards-game) .hud-top-left{flex-wrap:wrap;gap:4px}.mobile-device :is(.coffee-game,.cards-game) .hud-status{width:100%;min-height:44px}.mobile-device :is(.coffee-game,.cards-game) .hud-timer{min-height:32px}.mobile-device .coffee-game .hud-pair-toggle{min-height:44px}.mobile-device :is(.coffee-game,.cards-game) .cafe-order-panel{top:calc(max(6px,env(safe-area-inset-top)) + 100px);left:auto;right:max(6px,env(safe-area-inset-right));align-items:flex-end}.mobile-device .coffee-game .table-panel{width:min(210px,56vw)}.mobile-device .cards-game .cards-hand{height:132px}.mobile-device .cards-game .cards-hand-scroll .cards-face{height:110px;flex-basis:78px}.mobile-device .cards-game .batak-auction{top:calc(max(6px,env(safe-area-inset-top)) + 148px)}}@media (orientation: landscape){.mobile-device .coffee-game.docked-rack .hud-actions{display:flex;flex-wrap:wrap;justify-content:center}.mobile-device .coffee-game.docked-rack .hud-actions .hud-btn{width:auto;flex:1 1 80px}.mobile-device .coffee-game.docked-rack .hud-actions>.hud-btn-sm{width:44px}.mobile-device .mobile-action-hint{font-size:11px}.mobile-device .cards-game .cards-table-readout{top:calc(max(6px,env(safe-area-inset-top)) + 48px);bottom:auto;max-height:max(44px,calc(100vh - var(--cards-controls) - var(--cards-hand-h) - 62px));max-height:max(44px,calc(100dvh - var(--cards-controls) - var(--cards-hand-h) - 62px))}.mobile-device .cards-game.cards-auction-active .batak-auction{bottom:calc(var(--cards-controls) + 6px)}}@media (prefers-reduced-motion: reduce){.mobile-device :is(.coffee-game,.cards-game) *,.mobile-device :is(.coffee-game,.cards-game) *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media (orientation: portrait) and (max-height: 650px){.mobile-device .cards-game .cards-hand{height:108px}.mobile-device .cards-game .cards-hand-scroll .cards-face{height:88px;flex-basis:64px}.mobile-device .cards-game .cards-table-readout{top:calc(max(6px,env(safe-area-inset-top)) + 148px);bottom:auto;max-height:max(44px,calc(100vh - var(--cards-controls) - var(--cards-hand-h) - 210px));max-height:max(44px,calc(100dvh - var(--cards-controls) - var(--cards-hand-h) - 210px))}}.mobile-device :is(.coffee-game,.cards-game) .emote-menu{position:fixed;top:auto;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-width:none;max-height:min(52vh,420px);max-height:min(52dvh,420px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;z-index:30}.mobile-device .coffee-game .emote-menu{bottom:calc(var(--rack-height, 0px) + var(--rack-controls, 48px) + 8px + env(safe-area-inset-bottom,0px));max-height:min(52vh,420px,calc(100vh - var(--rack-height, 0px) - var(--rack-controls, 48px) - 24px - env(safe-area-inset-bottom,0px)));max-height:min(52dvh,420px,calc(100dvh - var(--rack-height, 0px) - var(--rack-controls, 48px) - 24px - env(safe-area-inset-bottom,0px)))}.mobile-device .cards-game .emote-menu{bottom:calc(var(--cards-controls, 60px) + var(--cards-hand-h, 174px) + 8px + env(safe-area-inset-bottom,0px));max-height:min(52vh,420px,calc(100vh - var(--cards-controls, 60px) - var(--cards-hand-h, 174px) - 24px - env(safe-area-inset-bottom,0px)));max-height:min(52dvh,420px,calc(100dvh - var(--cards-controls, 60px) - var(--cards-hand-h, 174px) - 24px - env(safe-area-inset-bottom,0px)))}.mobile-device :is(.coffee-game,.cards-game) .emote-grid button{min-height:44px}.mobile-device :is(.coffee-game,.cards-game) .emote-preview{pointer-events:none}.mobile-device :is(.coffee-game,.cards-game) :is(.hud-bottom-right,.cards-bottom-right){z-index:13}