*,:before,:after,::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:#3b82f680;--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:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.relative{position:relative}.table{display:table}.h-10{height:2.5rem}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded-\[10px\]{border-radius:10px}.border{border-width:1px}.border-accent\/40{border-color:#e8c18466}.border-white\/25{border-color:#ffffff40}.bg-accent{--tw-bg-opacity:1;background-color:rgb(232 193 132/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-5{line-height:1.25rem}.text-accent{--tw-text-opacity:1;color:rgb(232 193 132/var(--tw-text-opacity,1))}.text-on-accent{--tw-text-opacity:1;color:rgb(23 39 34/var(--tw-text-opacity,1))}.text-stone-300{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity,1))}.text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.outline{outline-style:solid}.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)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101e1b;--panel:#172723;--jade:#29483d;--ink:#eeeade;--muted:#9ca99c;--gold:#e8c184;--line:#ffffff13}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .18s,transform .18s,opacity .18s}button:hover:enabled{filter:brightness(1.12)}button:active:enabled{transform:translateY(2px)}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 36px;display:flex}.brand{letter-spacing:3px;align-items:center;gap:12px;font-family:Georgia,serif;font-size:22px;display:flex}.brand-symbol{width:40px;height:49px;color:var(--gold);box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 5px #d9bc8030;border:1px solid #d9bc8070;border-radius:7px;place-items:center;font-size:29px;display:grid}.brand small{letter-spacing:3px;color:var(--muted);margin-top:6px;font-family:Arial,sans-serif;font-size:8px;display:block}.top-center{letter-spacing:2px;color:#acb5a9;align-items:center;gap:10px;font-size:9px;display:flex}.live-dot{background:#a3cba5;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #a3cba540}.top-actions{align-items:center;gap:12px;display:flex}.edition{letter-spacing:1.5px;color:var(--muted);margin-right:14px;font-size:9px}.icon-btn{color:#c6cdbf;background:0 0;border:1px solid #ffffff18;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.workspace{grid-template-columns:minmax(0,1fr) 318px;max-width:1720px;min-height:calc(100svh - 88px);margin:0 auto;display:grid}.game-column{min-width:0;padding:30px 36px 0}.table-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:2px;color:#b9c1ad;font-size:9px;font-weight:600}.table-heading h1{letter-spacing:-.5px;margin:9px 0 0;font:400 27px Georgia,serif}.table-badge{color:#bec6b7;white-space:nowrap;border:1px solid #b9c1ad25;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.table-frame{background:linear-gradient(135deg,#5f5542,#2e342b 20%,#514736 80%,#756348);border:1px solid #c6ac6f40;border-radius:22px;padding:10px;position:relative;box-shadow:0 20px 45px #0004,inset 0 1px #c6ac6f55}.table-felt{background:radial-gradient(at 48% 40%,#355b4a 0%,#284a3c 48%,#203c31 100%);border-radius:14px;height:500px;min-height:470px;position:relative;overflow:hidden;box-shadow:inset 0 0 65px #081a1360,inset 0 2px 8px #0008}.table-felt:before{content:"";opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.table-border{pointer-events:none;border:1px solid #c7b17725;border-radius:7px;position:absolute;inset:19px}.corner{color:#c8ae6a70;font-size:22px;position:absolute}.corner-tl{top:24px;left:27px}.corner-tr{top:24px;right:27px}.corner-bl{bottom:24px;left:27px}.corner-br{bottom:24px;right:27px}.opponent{z-index:2;flex-direction:column;align-items:center;gap:10px;transition:all .65s cubic-bezier(.2,.7,.1,1);display:flex;position:absolute}.opponent-2{top:30px;left:50%;transform:translate(-50%)}.opponent-1{top:50%;right:14px;transform:translate(35%,-50%)rotate(-90deg)}.opponent-3{top:50%;left:14px;transform:translate(-35%,-50%)rotate(90deg)}.player-label{white-space:nowrap;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.player-label small{letter-spacing:1px;color:#bac5b280;margin-top:4px;font-size:8px;font-weight:400;display:block}.avatar{color:#ced7bf;background:#416052;border:1px solid #ffffff13;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-family:Georgia,serif;font-size:14px;display:flex}.avatar-1{color:#e6d0a0;background:#685a46}.avatar-2{color:#c5d4e7;background:#526174}.avatar-3{color:#e1c6dc;background:#665265}.turn-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 12px var(--gold);border-radius:50%;animation:1.8s infinite breathe}.active-player .avatar{box-shadow:0 0 0 3px #e8c18438}.opponent-hand{gap:2px;display:flex}.tile{color:#245949;vertical-align:middle;-webkit-user-select:none;user-select:none;width:42px;height:59px;animation:.4s both tile-in;animation-delay:var(--delay,0s);background:linear-gradient(110deg,#fffdf0,#ece8d9);border:1px solid #fff9dd;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .17s,box-shadow .17s;display:inline-flex;position:relative;box-shadow:0 5px #b8ad90,0 7px #6a6853,0 9px 7px #0004}button.tile:disabled{opacity:1}button.tile:enabled:hover{transform:translateY(-8px);box-shadow:0 5px #b8ad90,0 8px 15px #0005}button.tile.selected{transform:translateY(-13px);box-shadow:0 5px #ac965d,0 0 0 2px #e8c184,0 0 22px #edc77855}.tile-index{color:#597260;font-size:8px;font-weight:600;position:absolute;top:2px;left:3px}.tile-back{background:linear-gradient(135deg,#6a9988,#416d5b);border:1px solid #81a991;box-shadow:0 4px #c2c4a7,0 6px #555f48,0 9px 9px #0003}.tile-back:after{content:"";border:1px solid #acccb93b;border-radius:2px;position:absolute;inset:4px}.tile-back-mark{color:#bdd0ad65;font-size:22px}.tile-small{border-radius:3px;width:19px;height:27px;box-shadow:0 3px #aea58a,0 5px 4px #0003}.tile-small .tile-index{font-size:5px;top:0;left:1px}.tile-small .tile-back-mark{font-size:11px}.tile-small.tile-back:after{inset:3px}.bamboos,.dots{grid-template-columns:repeat(3,1fr);gap:3px;max-width:35px;padding:9px 5px 3px;display:grid}.bamboos i{background:linear-gradient(#297255 0 40%,#9bbc8b 40% 53%,#297255 53%);border-radius:1px;width:4px;height:10px;transform:rotate(-9deg)}.dots i{background:#e8deca;border:2px solid #276e64;border-radius:50%;width:7px;height:7px}.dots i:nth-child(3n+2){border-color:#b64e42}.characters{flex-direction:column;align-items:center;gap:0;font:24px/1 Georgia,serif;display:flex}.characters b{color:#b2493c;font-size:21px;font-weight:400}.honor{font-family:Georgia,serif;font-size:34px;line-height:1}.honor-31{color:#b34a3c}.honor-33{color:#476e88;font-size:47px}.honor-34{color:#b15d76}.honor-35{color:#a8823c;font-size:31px}.tile-small .bamboos,.tile-small .dots{gap:1px;padding:5px 2px 1px}.tile-small .bamboos i{width:2px;height:4px}.tile-small .dots i{border-width:1px;width:3px;height:3px}.tile-small .characters{font-size:11px}.tile-small .characters b{font-size:9px}.tile-small .honor{font-size:17px}.tile-small .honor-33{font-size:23px}.unbroken-wall{opacity:.65;width:340px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.wall{gap:2px;display:flex;position:absolute}.wall span{background:linear-gradient(90deg,#709480,#527661);border:1px solid #8dab8c;border-radius:2px;width:14px;height:29px;box-shadow:0 5px #b3b997,0 9px #456d57,0 12px #b3b997,0 15px 8px #0004}.wall-top{top:0;left:10px}.wall-bottom{bottom:0;right:10px}.wall-left{transform-origin:0 0;top:0;left:0;transform:rotate(90deg)}.wall-right{transform-origin:100% 100%;bottom:0;right:0;transform:rotate(90deg)}.table-seal{color:#cbb9822b;text-align:center;font-size:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-seal small{letter-spacing:4px;font-size:8px;display:block}.start-window{z-index:5;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#203b30f5,#182d25fa);border:1px solid #c4a76a50;border-radius:15px;width:350px;margin:22px auto;padding:21px 29px 15px;position:relative;box-shadow:0 15px 60px #03150ca0}.welcome-flower{color:var(--gold);margin-bottom:6px;font-size:27px;display:block}.start-window .eyebrow{color:#c9b687;letter-spacing:2.2px;font-size:8px}.start-window h2{letter-spacing:-.7px;margin:13px 0 10px;font:400 35px/1.03 Georgia,serif}.start-window>p{color:#a9b6a5;max-width:265px;margin:0 auto 13px;font-size:11px;line-height:1.7}.name-label{text-align:left;letter-spacing:1.3px;color:#c5c9b6;margin-bottom:6px;font-size:8px;display:block}.name-input{outline-offset:2px;background:#0b1d164a;border:1px solid #bfc6a326;border-radius:5px;width:100%;height:35px;padding:0 10px;font-size:11px}.name-input::placeholder{color:#8a9c8d}.local-options{color:#bac5b3;justify-content:space-between;align-items:center;margin:9px 0 12px;font-size:10px;display:flex}.local-options select{background:#1c3228;border:1px solid #bfc6a32a;border-radius:4px;padding:4px;font-size:10px}.primary-start,.invite-start{border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;height:39px;padding:0 10px;font-size:11px;display:flex}.primary-start{box-shadow:0 2px #a88850}.primary-start svg:last-child{margin-left:auto}.primary-start svg:first-child{margin-right:auto}.invite-start{border-color:#c6cdb64a;margin-top:10px}.start-foot{letter-spacing:1.6px;color:#8fa18d;margin:13px 0 0;font-size:7px;display:block}.card-notice{color:#a9b49d;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:12px;padding-top:11px;font-size:9px;display:flex}.card-notice svg{width:13px;height:13px}.card-notice>span{margin-left:7px}.text-link{color:var(--gold);margin-top:10px;font-size:10px;text-decoration:underline}.undealt .opponent-2{top:28px}.undealt .opponent-2 .player-label{opacity:.45}.undealt .opponent-2 .opponent-hand{opacity:.6}.undealt .opponent-1{right:27px}.undealt .opponent-3{left:27px}.table-center{color:#d9dabf;flex-direction:column;align-items:center;width:165px;min-height:120px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.table-center>.eyebrow{color:#c6c5a780;font-size:8px}.wind-rose{color:#c7b57888;margin:1px 0;font-size:32px}.table-center>strong{font:400 30px Georgia,serif}.table-center>small{letter-spacing:1.5px;color:#b5c3a7;margin-top:5px;font-size:6px}.last-discard{flex-direction:column;align-items:center;width:170px;display:flex;position:absolute;top:132px}.last-discard>.tile{animation:.4s ease-out land;transform:rotate(-5deg);box-shadow:0 5px #b8ad90,0 0 35px #e8c18466}.last-discard>span{color:#c6cbb3;margin-top:14px;font-size:8px}.center-caption{letter-spacing:1px;white-space:nowrap;color:#d1c298;font-size:7px;position:absolute;top:145px}.center-caption b{text-align:center;margin-top:5px;font-size:35px;font-weight:400;display:block}.river{flex-wrap:wrap;gap:4px;width:139px;max-height:140px;display:flex;position:absolute}.river-0{bottom:28px;left:50%;transform:translate(-50%)}.river-2{top:108px;left:50%;transform:translate(-50%)rotate(180deg)}.river-1{top:50%;right:87px;transform:translate(12%,-50%)rotate(-90deg)}.river-3{top:50%;left:87px;transform:translate(-12%,-50%)rotate(90deg)}.opponent-melds{gap:8px;display:flex}.opponent-melds>span{gap:1px;display:flex;position:relative}.opponent-melds button{background:var(--gold);color:var(--bg);border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px}.rack-area{padding:21px 12px 0}.rack-heading{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.rack-heading .avatar{width:32px;height:32px}.rack-heading .player-label{font-size:12px}.coach-toggle{color:#b2b9a5;align-items:center;gap:6px;font-size:10px;display:flex}.coach-toggle svg{width:13px}.coach-toggle>span{letter-spacing:.5px;background:#ffffff08;border:1px solid #ffffff13;border-radius:3px;padding:3px 5px;font-size:7px}.coach-toggle.on{color:var(--gold)}.rack{max-width:800px;margin:auto;padding:0 12px;position:relative}.rack-tiles{justify-content:center;gap:5px;min-height:62px;padding:4px 0 12px;display:flex}.rack-lip{z-index:2;text-align:center;background:linear-gradient(#6c5740,#473b2b);border-top:1px solid #b3925866;border-radius:3px 3px 8px 8px;height:17px;line-height:12px;position:relative;box-shadow:0 4px #292b21,0 9px 15px #0005}.rack-lip>span{letter-spacing:3px;color:#d7c1936b;font-size:5px}.privacy-cover{z-index:4;background:linear-gradient(115deg,#284236,#203b30);border:1px solid #b0bda249;border-radius:8px;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:-3px 8px 10px;box-shadow:0 4px 20px #0006}.privacy-cover svg{color:var(--gold)}.privacy-cover strong{font-size:12px;font-weight:500}.privacy-cover>span{color:#aebda9;font-size:10px}.turn-controls{justify-content:space-between;align-items:center;gap:20px;min-height:105px;padding:20px 3px 8px;display:flex}.turn-controls .eyebrow{color:#c3b18b;letter-spacing:1.5px;font-size:7px}.turn-controls h3{margin:5px 0;font:19px Georgia,serif}.turn-controls p{color:#98aa98;margin:0;font-size:10px;line-height:1.6}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:55%;display:flex}.action-buttons>button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 13px;font-size:11px;display:flex}.your-exposures{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.your-exposures>div{align-items:center;gap:2px;display:flex}.your-exposures small{text-transform:uppercase;margin-right:5px;font-size:8px}.your-exposures button{color:var(--gold);margin-left:8px;font-size:10px}.coach-note{color:#c3cbb6;background:#e8c18406;border:1px solid #d9bc8030;border-radius:8px;gap:12px;margin:8px 0 10px;padding:14px 17px;font-size:11px;display:flex}.coach-note>svg{color:var(--gold);flex-shrink:0}.coach-note strong{color:var(--gold);font-size:10px}.coach-note p{margin:6px 0 0;line-height:1.6}.coach-note button{color:var(--gold);text-decoration:underline}.table-footer{color:#7f9482;justify-content:space-between;gap:12px;padding:20px 4px 22px;font-size:9px;display:flex}.table-footer>span{font-family:Georgia,serif;font-size:11px;font-style:italic}.table-footer button{font-size:9px}.sidebar{border-left:1px solid var(--line);background:linear-gradient(145deg,#1a2b24,#16241f);flex-direction:column;min-height:calc(100svh - 88px);max-height:calc(100svh - 88px);display:flex;position:sticky;top:0}.room-top{padding:32px 25px 21px}.room-top .eyebrow{color:#97a48f;font-size:8px}.room-top h2{margin:11px 0 8px;font:25px Georgia,serif}.room-top p{color:#9eac98;margin:0;font-size:10px}.room-members{flex-direction:column;gap:16px;padding:0 25px 24px;display:flex}.room-members>div{align-items:center;gap:10px;display:flex}.room-members .avatar{width:30px;height:30px;font-size:12px}.room-members strong{font-size:11px;font-weight:500}.room-members small{color:#889c89;margin-top:4px;font-size:9px;display:block}.presence{background:#a2bf97;border-radius:50%;width:5px;height:5px;margin-left:auto}.presence.empty{background:0 0;border:1px solid #6a7d65}.feed-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;padding:0 24px;display:flex}.feed-tabs button{color:#8fa38e;padding:16px 0;font-size:10px;position:relative}.feed-tabs .chosen{color:#d5cfb7}.feed-tabs .chosen:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-1px;left:0;right:0}.feed-tabs span{color:#c7b284;margin-left:8px}.feed{scrollbar-width:thin;scrollbar-color:#52654c transparent;flex:1;min-height:160px;padding:20px 24px;overflow-y:auto}.chat-welcome{text-align:center;padding:23px 0 25px}.chat-welcome>span{color:#af9e71;font-size:35px}.chat-welcome h3{margin:13px 0 8px;font:20px Georgia,serif}.chat-welcome p{color:#93a48f;font-size:10px;line-height:1.8}.system-message{color:#94a58c;text-align:center;border-top:1px solid var(--line);margin-top:10px;padding:12px 8px;font-size:9px;line-height:1.8}.chat-message{align-items:flex-start;gap:8px;margin:16px 0;display:flex}.chat-message>.avatar{width:24px;height:24px;font-size:10px}.chat-message>div{flex:1;min-width:0}.chat-message strong{justify-content:space-between;font-size:10px;font-weight:600;display:flex}.chat-message time{color:#6d856f;font-size:8px;font-weight:400}.chat-message p{overflow-wrap:anywhere;color:#c7cebc;margin:6px 0;font-size:11px;line-height:1.65}.chat-form{background:#0d1c1440;border:1px solid #ffffff1b;border-radius:7px;gap:5px;margin:15px 20px 0;padding:11px 10px;display:flex}.chat-form input{color:#d4d5c4;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:10px}.chat-form input::placeholder{color:#80917d}.chat-form button{color:#d6be89}.chat-form svg{width:15px;height:15px}.sidebar-bottom{letter-spacing:1.5px;color:#8ea085;justify-content:center;align-items:center;gap:8px;padding:18px 10px 23px;font-size:7px;display:flex}.log-heading{letter-spacing:1.5px;color:#afbb9e;margin-bottom:16px;font-size:7px}.log-line{border-bottom:1px solid #ffffff06;gap:11px;padding:9px 0;display:flex}.log-line>span{color:#657e67;padding-top:2px;font-size:8px}.log-line p{color:#b0c0a7;margin:0;font-size:10px;line-height:1.65}.small-invite{color:var(--gold);align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.lobby-seats{justify-content:space-between;margin:25px 0;display:flex}.lobby-seats>div{flex-direction:column;align-items:center;gap:8px;max-width:60px;display:flex}.lobby-seats small{text-overflow:ellipsis;max-width:60px;font-size:8px;overflow:hidden}.lobby-seats .avatar{width:40px;height:40px}.sheet-modal{width:min(700px,100vw - 30px);max-height:85svh;color:var(--ink);background:#1a3027;border:1px solid #b7aa7255;border-radius:16px;padding:28px;box-shadow:0 20px 100px #0008}.sheet-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07120dba}.sheet-modal>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.sheet-modal h2{margin:0;font:28px Georgia,serif}.modal-intro{color:#c6cdb6;margin:17px 0 25px;font:17px/1.5 Georgia,serif}.lesson{gap:16px;margin:20px 0;display:flex}.lesson>b{color:#c9b17f;font:21px Georgia,serif}.lesson h3{margin:0 0 6px;font-size:13px;font-weight:600}.lesson p,.card-explainer{color:#a9bba4;margin:0;font-size:12px;line-height:1.8}.source-note{color:#829e83;margin:25px 0;font-size:10px;line-height:1.7}.source-note a{text-decoration:underline}.sheet-modal>button{align-items:center;gap:12px;font-size:12px;display:flex}.card-list{margin:20px 0 0}.card-row{border-bottom:1px solid #ffffff10;grid-template-columns:1fr auto 25px;align-items:center;gap:15px;padding:15px 0;display:grid}.card-row small{letter-spacing:1px;color:#8faa8d;text-transform:uppercase;margin-bottom:6px;font-size:7px;display:block}.card-row strong{font-size:11px;font-weight:500}.card-row>b{color:var(--gold);font-size:11px}.card-pattern{letter-spacing:1px;gap:7px;font-size:13px;font-weight:600;display:flex}.suit-0{color:#9fcca0}.suit-1{color:#a9c4e4}.suit-2{color:#e69e89}.suit-3{color:#d9c6a1}.import-card{color:var(--gold);cursor:pointer;padding:12px 0;font-size:11px;display:block}.import-card input{margin-top:10px;font-size:10px;display:block}.toast,.error-toast{z-index:100;color:#192a20;background:#e4c18b;border:1px solid #f3d7a9;border-radius:8px;max-width:90vw;padding:14px 22px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0005}.error-toast{color:#ffe8da;background:#663a31;border-color:#c98168;align-items:center;gap:15px;display:flex}.error-toast>button{font-size:20px}.result-banner{background:linear-gradient(100deg,#294b34,#193b2c);border:1px solid #e8c18460;border-radius:12px;justify-content:center;align-items:center;gap:25px;margin:0 35px 25px;padding:24px;animation:.6s land;display:flex}.result-banner>span{color:var(--gold);font-size:34px}.result-banner strong{color:var(--gold);font:30px Georgia,serif}.result-banner p{color:#c9d2ba;font-size:12px}.particles{pointer-events:none;position:absolute;inset:0}.particles i{--angle:calc(var(--i) * 30deg);background:#f2d296;border-radius:50%;width:3px;height:3px;animation:.8s ease-out both burst;position:absolute;top:25%;left:50%}.win-button{animation:1.4s infinite breathe}@keyframes burst{0%{transform:rotate(var(--angle)) translateY(0);opacity:1}to{transform:rotate(var(--angle)) translateY(70px);opacity:0}}@keyframes tile-in{0%{opacity:0;translate:0 -10px}to{opacity:1;translate:0}}@keyframes land{0%{opacity:0;translate:0 -15px;scale:1.25}65%{translate:0 2px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes breathe{50%{filter:brightness(1.25);box-shadow:0 0 15px #e8c18430}}@media (min-width:1450px){.table-felt{height:560px}.start-window{margin-top:48px}.game-column{padding-left:50px;padding-right:50px}.rack-tiles{gap:7px}.tile:not(.tile-small){width:46px;height:64px}.table-heading{margin-bottom:30px}.table-center{top:43%}.river-1{right:130px}.river-3{left:130px}}@media (max-width:1150px){.topbar{padding:0 24px}.top-center{display:none}.workspace{grid-template-columns:minmax(0,1fr) 270px}.game-column{padding:25px 22px 0}.table-heading h1{font-size:24px}.table-badge{padding:7px 9px;font-size:8px}.tile:not(.tile-small){width:34px;height:49px}.rack-tiles{gap:4px}.tile .characters{font-size:21px}.tile .characters b{font-size:18px}.tile .honor{font-size:29px}.tile .honor-33{font-size:40px}.tile-small .characters{font-size:11px}.tile-small .characters b{font-size:9px}.tile-small .honor{font-size:17px}.tile .bamboos,.tile .dots{gap:2px}.tile-small .bamboos,.tile-small .dots{gap:1px}.river-1{right:60px}.river-3{left:60px}.sidebar .room-top{padding-left:20px}.room-members{padding-left:20px;padding-right:20px}.rack-area{padding-left:0;padding-right:0}.action-buttons>button{font-size:10px}.turn-controls h3{font-size:17px}.start-window{width:315px;padding-left:24px;padding-right:24px}.opponent-1{right:1px}.opponent-3{left:1px}.undealt .opponent-1{right:5px}.undealt .opponent-3{left:5px}}@media (max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:0;max-height:none;display:grid;position:relative}.room-top,.room-members{grid-column:1}.feed-tabs{grid-area:1/2;align-self:start}.feed{grid-area:1/2/4;max-height:330px;margin-top:50px}.chat-form{grid-area:4/2}.sidebar-bottom{grid-column:1/-1}.table-felt{height:500px}.game-column{padding:25px 30px 0}.start-window{width:350px}.tile:not(.tile-small){width:42px;height:59px}.rack-tiles{gap:5px}.river-1{right:100px}.river-3{left:100px}.table-heading h1{font-size:27px}.topbar{height:78px}.brand{font-size:21px}}@media (max-width:600px){.topbar{height:72px;padding:0 17px}.brand{letter-spacing:2px;gap:9px;font-size:17px}.brand small{letter-spacing:2px;font-size:6px}.brand-symbol{width:31px;height:40px;font-size:23px}.top-actions{gap:7px}.edition{display:none}.icon-btn{width:30px;height:30px}.game-column{padding:21px 12px 0}.table-heading{margin-bottom:18px;padding:0 6px}.table-heading .eyebrow{letter-spacing:1.5px;font-size:7px}.table-heading h1{font-size:22px}.table-badge{white-space:normal;max-width:112px;padding:6px 8px;font-size:7px}.table-frame{border-radius:16px;padding:6px}.table-felt{border-radius:10px;height:480px;min-height:480px}.table-border{inset:12px}.corner{font-size:16px}.corner-tl{top:17px;left:17px}.corner-tr{top:17px;right:17px}.corner-bl{bottom:17px;left:17px}.corner-br{bottom:17px;right:17px}.start-window{width:280px;margin:18px auto;padding:19px 22px 14px}.start-window h2{font-size:32px}.start-window>p{font-size:10px}.welcome-flower{font-size:23px}.start-window .eyebrow{font-size:7px}.undealt .opponent{opacity:.35}.opponent .player-label{gap:5px;font-size:9px}.opponent .player-label small{font-size:6px}.opponent .avatar{width:24px;height:24px;font-size:11px}.opponent-hand{gap:1px}.opponent-hand .tile-small{width:15px;height:23px}.opponent-2{top:24px}.opponent-1{right:-13px}.opponent-3{left:-13px}.table-center{width:120px;top:43%}.table-center>strong{font-size:25px}.river{gap:3px;width:105px}.river .tile-small{width:15px;height:22px}.river-0{bottom:28px}.river-2{top:99px}.river-1{right:40px}.river-3{left:40px}.last-discard{top:125px}.last-discard .tile{width:37px;height:51px}.rack-area{padding-top:17px}.rack-heading{margin-bottom:14px;padding:0 6px}.rack-heading .player-label{font-size:11px}.coach-toggle{font-size:8px}.rack-tiles{gap:3px;min-height:47px;padding-bottom:8px}.rack{padding:0 3px}.rack-tiles .tile{border-radius:3px;width:calc(7.14286vw - 5.35714px);max-width:34px;height:43px}.rack-tiles .tile .tile-index{font-size:6px;left:2px}.rack-tiles .tile .characters{font-size:17px}.rack-tiles .tile .characters b{font-size:15px}.rack-tiles .tile .honor{font-size:22px}.rack-tiles .tile .honor-33{font-size:31px}.rack-tiles .tile .bamboos,.rack-tiles .tile .dots{gap:1px;padding:7px 2px 2px}.rack-tiles .tile .bamboos i{width:3px;height:7px}.rack-tiles .tile .dots i{border-width:1px;width:5px;height:5px}.rack-lip{height:14px}.privacy-cover{gap:7px;inset:-4px 0 7px}.privacy-cover strong{font-size:10px}.privacy-cover>span{font-size:8px}.turn-controls{flex-direction:column;align-items:stretch;gap:13px;padding:17px 7px 5px}.action-buttons{justify-content:flex-start;max-width:100%}.turn-controls p{font-size:10px}.table-footer{padding:22px 7px;font-size:8px}.table-footer>span{font-size:10px}.table-footer button{text-align:right;max-width:135px;font-size:8px}.sidebar{max-height:620px;display:flex}.room-top{padding-top:25px}.room-top h2{font-size:24px}.room-members{grid-template-columns:1fr 1fr;gap:15px;display:grid}.room-members small{font-size:8px}.room-members .presence{display:none}.feed{min-height:180px;max-height:260px;margin-top:0;padding-top:10px}.chat-welcome{padding:10px}.chat-welcome>span{font-size:25px}.chat-welcome h3{font-size:19px}.sidebar-bottom{padding:18px}.sheet-modal{padding:22px 18px}.sheet-modal h2{font-size:24px}.card-row{grid-template-columns:1fr 25px;gap:9px}.card-pattern{grid-area:auto/1;font-size:12px}.card-row>b{grid-area:auto/2}.result-banner{gap:12px;margin:15px;padding:18px}.result-banner strong{font-size:25px}.result-banner p{font-size:10px}.opponent-melds{gap:5px}.opponent-melds .tile-small{width:13px;height:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.particles{display:none}}.start-window{margin-top:16px;padding-top:16px;padding-bottom:12px}.start-window h2{margin-top:10px;font-size:32px}.welcome-flower{margin-bottom:4px;font-size:23px}.start-foot{margin-top:11px}.open-card-button{color:#bdc6ae;align-items:center;gap:6px;margin-left:auto;margin-right:20px;font-size:10px;display:flex}.open-card-button svg{width:14px;height:14px}@media (min-width:1450px){.start-window{margin-top:40px}}@media (max-width:600px){.open-card-button{margin-right:10px;font-size:8px}.rack-heading .player-label small{font-size:6px}.rack-heading .avatar{width:26px;height:26px}.start-window{padding-top:15px}.start-window>p{margin-bottom:11px}}.table-flash{z-index:8;color:#ffe2a5;text-shadow:0 0 20px #f3cd8c80;text-align:center;pointer-events:none;background:linear-gradient(90deg,#18372a00,#18372afa 20% 80%,#18372a00);border-top:1px solid #e8c18488;border-bottom:1px solid #e8c18488;align-items:center;gap:18px;width:max-content;max-width:80%;padding:21px 25px;font:21px Georgia,serif;animation:1.7s both table-celebrate;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.table-flash span{color:#edd8a2;font-size:26px}@keyframes table-celebrate{0%{opacity:0;filter:blur(4px);scale:.85}20%,65%{opacity:1;filter:blur();scale:1}to{opacity:0;visibility:hidden;scale:1.04}}@media (prefers-reduced-motion:reduce){.table-flash{display:none}}@media (max-width:600px){.table-flash{gap:12px;padding:17px;font-size:16px}}.undealt .table-felt{height:550px;min-height:550px}@media (max-width:600px){.undealt .table-felt{height:540px;min-height:540px}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-stone-200:hover{--tw-text-opacity:1;color:rgb(231 229 228/var(--tw-text-opacity,1))}.hover\:text-stone-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity,1))}
.app-shell[data-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--display:Georgia, serif;--body:Arial, Helvetica, sans-serif;--radius:22px;--bg:#fff4e4;--paper:#fffdf5;--ink:#244d46;--muted:#5d776b;--accent:#e6513e;--on:#fffdf6;--board:#47baa6;--board-deep:#2da68f;--board-ink:#123f37;--edge:#f4af88;--back:#fa8973;--back-edge:#b84c3e;--line:#224c461f;--shadow:#78462922;--gold:var(--accent);background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100svh}.app-shell[data-theme=bubble]{--display:"Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--body:"Trebuchet MS", Arial, sans-serif;--radius:32px;--bg:#f5edff;--paper:#fffaff;--ink:#493177;--muted:#79648e;--accent:#8450d9;--on:#fff;--board:#dec6ff;--board-deep:#c9abf5;--board-ink:#4c2a78;--edge:#ffafd4;--back:#a487e2;--back-edge:#7454ab;--line:#66378b22;--shadow:#9661cb2b}.app-shell[data-theme=citrus]{--display:"Arial Black", "Arial", sans-serif;--body:Arial, sans-serif;--radius:8px;--bg:#fffdec;--paper:#fffef6;--ink:#233bc2;--muted:#526185;--accent:#2848d9;--on:#fff;--board:#e9ed65;--board-deep:#d1e34b;--board-ink:#2f411b;--edge:#2e49d7;--back:#3556dc;--back-edge:#1d3099;--line:#2848d930;--shadow:#2848d930}.app-shell[data-theme=pool]{--display:"Trebuchet MS", Arial, sans-serif;--body:"Trebuchet MS", Arial, sans-serif;--radius:24px;--bg:#edfaff;--paper:#fffefa;--ink:#145c83;--muted:#597f90;--accent:#d65516;--on:#fff;--board:#68d8ed;--board-deep:#26c0da;--board-ink:#104d70;--edge:#fff9e7;--back:#ff9b53;--back-edge:#bb662d;--line:#16678b22;--shadow:#3a9dc32a}.app-shell[data-theme=cherry]{--display:Georgia, "Times New Roman", serif;--body:"Trebuchet MS", Arial, sans-serif;--radius:13px;--bg:#fff2ed;--paper:#fffaf1;--ink:#883743;--muted:#85676b;--accent:#ce2942;--on:#fff8ed;--board:#a9d6ed;--board-deep:#8fc6e4;--board-ink:#3b556d;--edge:#f17c86;--back:#f27686;--back-edge:#ad3d53;--line:#9a39432b;--shadow:#ae46542b}[data-theme] .topbar{background:var(--paper);border-color:var(--line)}[data-theme] .brand{font-family:var(--display);letter-spacing:1.5px;color:var(--ink);font-weight:800}[data-theme] .brand-symbol{background:var(--accent);color:var(--on);box-shadow:3px 4px 0 var(--shadow);border:0;transform:rotate(-8deg)}[data-theme] .brand small{color:var(--muted);font-family:var(--body);letter-spacing:1.6px;text-transform:uppercase;font-size:8px}[data-theme] .top-center,[data-theme] .edition{color:var(--muted)}[data-theme] .icon-btn{color:var(--ink);border-color:var(--line);background:var(--paper)}[data-theme] .live-dot,[data-theme] .presence{background:var(--accent);box-shadow:none}[data-theme] .look-studio{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:28px;padding:22px 36px;display:flex}.look-intro{min-width:210px}.look-intro>span{letter-spacing:1.6px;color:var(--accent);font-size:8px;font-weight:800;display:block}.look-intro>strong{font:700 18px var(--display);margin-top:6px;display:block}.look-intro>p{color:var(--muted);margin:6px 0 0;font-size:10px}.look-options{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.look-option{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;min-width:0;padding:10px 11px 9px;position:relative}.look-option[aria-pressed=true]{border:2px solid var(--accent);box-shadow:0 3px 0 var(--shadow);background:var(--paper);padding:9px 10px 8px}.look-option strong{margin:7px 0 3px;font-size:11px;display:block}.look-option small{color:var(--muted);font-size:8px;line-height:1.4;display:block}.look-swatches{align-items:center;padding-left:2px;display:flex}.look-swatches i{border:2px solid var(--paper);border-radius:50%;width:19px;height:19px;margin-left:-3px}.look-swatches b{color:var(--accent);margin-left:auto;font-size:9px}[data-theme] .table-heading h1{font-family:var(--display);letter-spacing:-.9px;font-size:29px;font-weight:700}[data-theme] .eyebrow,[data-theme] .table-badge{color:var(--muted)}[data-theme] .table-badge{background:var(--paper);border-color:var(--line)}[data-theme] .table-frame{background:var(--edge);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 0 var(--shadow), 0 16px 30px var(--shadow);padding:10px}[data-theme] .table-felt{background:radial-gradient(ellipse at 40% 30%, var(--board), var(--board-deep));border-radius:calc(var(--radius) - 8px);box-shadow:inset 0 0 0 1px #fff5,inset 0 3px 7px #00000010}[data-theme] .table-felt:before{opacity:.065}[data-theme] .table-border{border-radius:calc(var(--radius) - 14px);border:1px solid #ffffff70}[data-theme] .corner{color:#ffffffa0;font-size:25px}[data-theme] .table-felt .player-label{color:var(--board-ink)}[data-theme] .player-label small{color:var(--muted)}[data-theme] .table-felt .player-label small{color:var(--board-ink);opacity:.75}[data-theme] .tile-back{background:var(--back);box-shadow:0 4px 0 #fff7e2, 0 6px 0 var(--back-edge), 0 8px 5px #00000018;border:1px solid #ffffffb0}[data-theme] .tile-back-mark{color:#ffffffb5}[data-theme] .tile-back:after{border-color:#ffffff60}[data-theme] .tile:not(.tile-back){background:linear-gradient(125deg,#fffef8,#fff9e9);border-color:#fff;box-shadow:0 5px #d5c7ac,0 7px #ac9e88,0 9px 6px #00000015}[data-theme] .wall span{background:var(--back);box-shadow:0 5px #fff8e5, 0 9px var(--back-edge), 0 12px #fff8e5, 0 15px 8px #0002;border-color:#fff9}[data-theme] .table-seal{color:var(--board-ink);opacity:.2}[data-theme] .start-window{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 0 var(--shadow), 0 15px 35px #00000016;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}[data-theme] .welcome-flower{color:var(--accent);margin:0 0 9px;font-size:35px;line-height:1.1;animation:.6s ease-out hello-flower}[data-theme] .start-window .eyebrow{color:var(--accent);font-weight:800}[data-theme] .start-window h2{font-family:var(--display);letter-spacing:-1.3px;margin:13px 0;font-size:36px;font-weight:800;line-height:1.04}[data-theme] .start-window>p{color:var(--muted);font-size:11px;line-height:1.65}[data-theme] .name-label,[data-theme] .local-options{color:var(--ink)}[data-theme] .name-input,[data-theme] .local-options select{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px}[data-theme] .name-input::placeholder{color:var(--muted)}[data-theme] .primary-start,[data-theme] .action-buttons>.bg-accent,[data-theme] .sheet-modal>.bg-accent{background:var(--accent);color:var(--on);box-shadow:0 4px 0 var(--shadow);border-radius:calc(var(--radius) / 2);letter-spacing:.2px;font-weight:800}[data-theme] .primary-start{height:42px;font-size:12px}[data-theme] .invite-start,[data-theme] .action-buttons>.border{color:var(--ink);background:var(--paper);border-color:var(--line);border-radius:calc(var(--radius) / 2)}[data-theme] .invite-start{height:40px;font-size:11px}[data-theme] .start-foot,[data-theme] .card-notice{color:var(--muted);border-color:var(--line)}[data-theme] .text-link,[data-theme] .small-invite{color:var(--accent)}[data-theme] .avatar{background:var(--accent);color:var(--on);border:2px solid var(--paper);font-family:var(--body);box-shadow:0 2px 0 var(--shadow);font-weight:800}[data-theme] .avatar-1{color:#6a4220;background:#f3bc4d}[data-theme] .avatar-2{color:#243c7a;background:#8299ed}[data-theme] .avatar-3{color:#77364f;background:#efa1c7}[data-theme] .rack-lip{background:var(--edge);box-shadow:0 4px 0 var(--shadow), 0 9px 15px var(--shadow);border-color:#ffffff90;height:19px}[data-theme] .rack-lip>span{color:var(--ink);opacity:.55}[data-theme] .coach-toggle,[data-theme] .open-card-button{color:var(--ink)}[data-theme] .coach-toggle>span{color:var(--muted);background:var(--paper);border-color:var(--line)}[data-theme] .coach-toggle.on{color:var(--accent)}[data-theme] .privacy-cover{background:var(--paper);border:2px solid var(--accent);box-shadow:0 5px 0 var(--shadow);color:var(--ink);border-radius:12px}[data-theme] .privacy-cover>span,[data-theme] .turn-controls p{color:var(--muted)}[data-theme] .turn-controls .eyebrow,[data-theme] .privacy-cover svg{color:var(--accent)}[data-theme] .turn-controls h3{font-family:var(--display);font-weight:700}[data-theme] .table-center,[data-theme] .table-center>.eyebrow,[data-theme] .table-center>small,[data-theme] .wind-rose,[data-theme] .center-caption,[data-theme] .last-discard>span{color:var(--board-ink)}[data-theme] .table-center>strong{font-family:var(--display);font-weight:700}[data-theme] .table-footer{color:var(--muted)}[data-theme] .sidebar{background:var(--paper);border-color:var(--line)}[data-theme] .room-top .eyebrow,[data-theme] .room-top p,[data-theme] .room-members small{color:var(--muted)}[data-theme] .room-top h2,[data-theme] .chat-welcome h3{font-family:var(--display);font-weight:700}[data-theme] .room-members .presence.empty{border-color:var(--muted);background:0 0}[data-theme] .feed-tabs{border-color:var(--line)}[data-theme] .feed-tabs button{color:var(--muted)}[data-theme] .feed-tabs .chosen,[data-theme] .feed-tabs span,[data-theme] .chat-welcome>span{color:var(--accent)}[data-theme] .feed-tabs .chosen:after{background:var(--accent)}[data-theme] .chat-welcome{background:var(--bg);border-radius:var(--radius);padding:24px 12px}[data-theme] .chat-welcome p,[data-theme] .system-message,[data-theme] .sidebar-bottom,[data-theme] .log-line p,[data-theme] .log-heading,[data-theme] .chat-message p{color:var(--muted)}[data-theme] .system-message,[data-theme] .log-line{border-color:var(--line)}[data-theme] .chat-form{background:var(--bg);border-color:var(--line);border-radius:12px}[data-theme] .chat-form input{color:var(--ink)}[data-theme] .chat-form input::placeholder{color:var(--muted)}[data-theme] .chat-form button,[data-theme] .chat-message time,[data-theme] .log-line>span{color:var(--accent)}[data-theme] .sheet-modal{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:var(--radius)}[data-theme] .sheet-modal h2{font-family:var(--display);font-weight:700}[data-theme] .modal-intro,[data-theme] .lesson p,[data-theme] .card-explainer,[data-theme] .source-note,[data-theme] .card-row small{color:var(--muted)}[data-theme] .lesson>b,[data-theme] .import-card,[data-theme] .card-row>b{color:var(--accent)}[data-theme] .card-row{border-color:var(--line)}[data-theme] .suit-0{color:#287344}[data-theme] .suit-1{color:#275cbe}[data-theme] .suit-2{color:#bf3b3d}[data-theme] .suit-3{color:#80571f}[data-theme] .coach-note{background:var(--paper);color:var(--muted);border-color:var(--line)}[data-theme] .coach-note strong,[data-theme] .coach-note button,[data-theme] .coach-note>svg{color:var(--accent)}[data-theme] .toast,[data-theme] .result-banner{background:var(--accent);color:var(--on);border-color:var(--paper)}[data-theme] .result-banner strong,[data-theme] .result-banner p,[data-theme] .result-banner>span{color:var(--on)}[data-theme] .table-flash{background:var(--paper);border-color:var(--accent);color:var(--accent);text-shadow:none;border-radius:var(--radius);box-shadow:0 8px 0 var(--shadow)}[data-theme] .table-flash span{color:var(--accent)}[data-theme] .particles i{background:var(--accent)}[data-theme=palm] .topbar{border-bottom:3px solid #f7c3a5}[data-theme=palm] .table-frame{background:repeating-linear-gradient(90deg,#f3bb91 0 12px,#f9ceab 12px 24px);border-radius:32px}[data-theme=palm] .start-window:before{content:"";pointer-events:none;border:2px dashed #e7745480;border-radius:28px;position:absolute;inset:-7px}[data-theme=palm] .welcome-flower{color:#f36f51;font-size:43px}[data-theme=palm] .table-heading h1{font-style:italic}[data-theme=bubble] .table-felt{background:radial-gradient(circle at 15% 80%, #f4b4dd80 0 17%, transparent 17.3%), radial-gradient(circle at 88% 16%, #fff4b070 0 17%, transparent 17.3%), linear-gradient(125deg, var(--board), var(--board-deep))}[data-theme=bubble] .start-window{border:2px solid #b18bd9;box-shadow:0 8px #aa82d04d,0 17px 40px #8d54c22a}[data-theme=bubble] .start-window h2{letter-spacing:-1.8px}[data-theme=bubble] .welcome-flower{color:#a53c76;background:#ffb8d9;border-radius:42% 58% 53% 47%;place-items:center;width:54px;height:54px;margin:-36px auto 13px;animation:none;display:grid;transform:rotate(-12deg);box-shadow:0 4px #e68cbb}[data-theme=bubble] .start-window{margin-top:40px}[data-theme=bubble] .primary-start,[data-theme=bubble] .invite-start{border-radius:30px}[data-theme=bubble] .tile-back{border-radius:6px}[data-theme=bubble] .chat-welcome{border:2px dashed #cfb5e9}[data-theme=citrus] .topbar{border-bottom:2px solid var(--ink)}[data-theme=citrus] .brand{letter-spacing:-1px;font-size:25px}[data-theme=citrus] .table-frame{border:2px solid var(--ink);padding:7px;box-shadow:6px 7px #c8da51}[data-theme=citrus] .table-felt{background-image:radial-gradient(#44522120 1px,#0000 1px);background-size:12px 12px;background-color:var(--board)}[data-theme=citrus] .start-window{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-1deg)}[data-theme=citrus] .start-window h2{text-transform:uppercase;letter-spacing:-1.3px;font-size:29px;line-height:1.05}[data-theme=citrus] .welcome-flower{border:2px solid var(--ink);width:48px;height:48px;color:var(--ink);background:#eced40;border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}[data-theme=citrus] .primary-start{border-radius:3px;box-shadow:3px 3px #b5c02f}[data-theme=citrus] .invite-start{border:2px solid var(--ink);border-radius:3px}[data-theme=citrus] .chat-welcome{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#f3ef54}[data-theme=pool] .table-frame{background:repeating-linear-gradient(45deg,#fffbe9 0 13px,#ffb879 13px 26px);border:2px solid #fff}[data-theme=pool] .table-felt{background-image:linear-gradient(#ffffff35 1px,#0000 1px),linear-gradient(90deg,#ffffff35 1px,#0000 1px),radial-gradient(at top,#82e7f1,#35bfde);background-size:27px 27px,27px 27px,100% 100%}[data-theme=pool] .start-window{border:3px solid #fff;box-shadow:0 8px #148ead40,0 14px 35px #10658430}[data-theme=pool] .welcome-flower{color:#eb7918;font-size:42px}[data-theme=pool] .start-window h2{letter-spacing:-2px;font-size:39px}[data-theme=pool] .primary-start{background:#df601d;box-shadow:0 4px #a64114}[data-theme=pool] .rack-lip{background:repeating-linear-gradient(90deg,#fff8df 0 18px,#ffb679 18px 36px)}[data-theme=pool] .table-heading h1{font-style:italic;font-weight:900}[data-theme=cherry] .topbar{border-bottom:5px solid #e95c6e}[data-theme=cherry] .brand{letter-spacing:-.5px;font-size:28px;font-style:italic}[data-theme=cherry] .brand small{font-style:normal}[data-theme=cherry] .table-frame{background:conic-gradient(#ef8a96 25%, #ffe2dd 0 50%, #ef8a96 0 75%, #ffe2dd 0) 0 0/24px 24px;padding:12px}[data-theme=cherry] .start-window{border:2px solid var(--accent);box-shadow:5px 6px #d1536650}[data-theme=cherry] .start-window h2{letter-spacing:-1.7px;color:#d92e48;font-size:41px;font-style:italic;font-weight:700;line-height:.98}[data-theme=cherry] .welcome-flower{color:#dc354d;font-size:36px;transform:rotate(-12deg)}[data-theme=cherry] .primary-start{border-radius:7px;box-shadow:0 4px #9c1931}[data-theme=cherry] .chat-welcome{background:repeating-linear-gradient(0deg,#fff6ef 0 9px,#fce7e3 9px 10px);border:2px solid #e99bab}[data-theme=cherry] .table-heading h1{font-style:italic}@keyframes hello-flower{0%{opacity:0;rotate:-60deg;scale:.5}to{opacity:1;rotate:none;scale:1}}@media (min-width:1450px){[data-theme] .look-studio{padding-left:50px;padding-right:50px}[data-theme] .start-window{margin-top:27px}}@media (max-width:1150px){[data-theme] .look-studio{gap:18px;padding:18px 22px}.look-intro{min-width:160px;max-width:180px}.look-intro>strong{font-size:16px}.look-option{padding:9px 8px}.look-option[aria-pressed=true]{padding:8px 7px}.look-option strong{font-size:10px}.look-option small{font-size:7px}}@media (max-width:900px){[data-theme] .look-studio{padding:18px 24px;display:block}.look-intro{max-width:none;margin-bottom:14px}.look-intro>strong{margin-right:12px;display:inline-block}.look-intro>p{display:inline-block}.look-options{gap:8px}.look-option strong{font-size:11px}.look-option small{font-size:8px}}@media (max-width:600px){[data-theme] .look-studio{padding:16px 14px}.look-intro>span{font-size:7px}.look-intro>strong{font-size:17px}.look-intro>p{font-size:9px;display:block}.look-options{scroll-snap-type:x mandatory;padding:2px 2px 7px;display:flex;overflow-x:auto}.look-option{scroll-snap-align:start;min-width:125px}.look-option small{font-size:8px}[data-theme] .brand{font-size:19px}[data-theme] .brand small{letter-spacing:1px;max-width:170px;font-size:6px}[data-theme] .table-heading h1{max-width:225px;font-size:22px;line-height:1.1}[data-theme] .table-badge{font-size:7px}[data-theme] .table-frame{padding:7px}[data-theme] .start-window{width:280px;margin-top:21px}[data-theme] .start-window h2{font-size:34px}[data-theme=bubble] .start-window{margin-top:36px}[data-theme=citrus] .start-window h2{font-size:27px}[data-theme=cherry] .start-window h2{font-size:39px}[data-theme] .undealt .table-felt{height:575px;min-height:575px}[data-theme] .welcome-flower{font-size:32px}[data-theme] .primary-start{font-size:11px}[data-theme] .start-window>p{font-size:10px}}@media (prefers-reduced-motion:reduce){[data-theme] .welcome-flower{animation:none}}[data-theme] .compact-hand-card{width:min(1140px,100vw - 28px);max-height:94svh;padding:20px 24px 16px;overflow:hidden}.compact-hand-card>header{align-items:center;gap:12px}.compact-hand-card>header h2{margin-top:4px;font-size:24px}.compact-hand-card>header .icon-btn{flex-shrink:0;font-size:23px}.hand-card-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 12px;display:flex}.hand-card-toolbar strong{font-size:11px;display:block}.hand-card-toolbar small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.possible-filter{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;flex-shrink:0;padding:10px 13px;font-size:11px;font-weight:700}.possible-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on)}.hand-card-key{color:var(--muted);align-items:center;gap:14px;padding-bottom:11px;font-size:9px;display:flex}.hand-card-key b{font-weight:900}.compact-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;display:grid}.compact-hand{background:var(--bg);border:1px solid var(--line);border-radius:7px;min-width:0;height:59px;padding:8px 9px}.compact-hand-label{justify-content:space-between;align-items:center;gap:7px;min-width:0;height:13px;margin-bottom:7px;display:flex}.compact-hand-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.compact-hand-label small{white-space:nowrap;color:var(--muted);font-size:8px}.compact-hand-label select{background:var(--paper);color:var(--ink);border:0;border-radius:3px;max-width:78px;padding:1px;font-size:8px}.compact-hand-bottom{justify-content:space-between;align-items:center;gap:5px;display:flex}.compact-hand .card-pattern{letter-spacing:.3px;white-space:nowrap;gap:6px;font-size:12px}.hand-distance{color:var(--muted);white-space:nowrap;font-size:8px}.hand-distance.complete{color:var(--accent);font-weight:800}.hand-card-footer{border-top:1px solid var(--line);align-items:center;gap:18px;margin-top:13px;padding-top:12px;display:flex}.hand-card-footer>div:first-child{flex:1}.hand-card-footer strong{font-size:10px;display:block}.hand-card-footer small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.5;display:block}.card-pagination{white-space:nowrap;align-items:center;gap:10px;font-size:10px;display:flex}.card-pagination button{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:28px;height:28px}.compact-import{cursor:pointer;color:var(--accent);white-space:nowrap;font-size:9px;text-decoration:underline;position:relative}.compact-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.no-hands{text-align:center;color:var(--muted);padding:35px 15px;font-size:12px}.no-hands button{color:var(--accent);margin:13px auto;text-decoration:underline;display:block}.card-import-error{color:#b33343;margin:8px 0 0;font-size:10px}@media (max-width:949px){.compact-hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:619px){[data-theme] .compact-hand-card{width:calc(100vw - 20px);padding:16px}.compact-hand-card>header h2{font-size:20px}.hand-card-toolbar{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0}.hand-card-toolbar strong{font-size:10px}.hand-card-toolbar small{font-size:8px}.possible-filter{width:100%;padding:8px 10px;font-size:10px}.hand-card-key{flex-wrap:wrap;gap:7px;padding-bottom:9px;font-size:7px}.compact-hand-grid{grid-template-columns:1fr}.compact-hand{height:59px}.hand-card-footer{flex-wrap:wrap;gap:9px;margin-top:10px;padding-top:9px}.hand-card-footer small{max-width:230px;font-size:7px}.compact-import,.compact-hand-card .eyebrow{font-size:8px}.compact-hand .card-pattern{font-size:13px}}.compact-hand-grid{gap:6px 28px}.compact-hand{background:0 0;border:0;border-radius:0;height:50px;padding:3px 0}.compact-hand-label{height:12px;margin-bottom:5px}.compact-hand-label strong{color:var(--muted);font-size:10px;font-weight:400}.compact-hand-bottom{gap:12px}.compact-hand .card-pattern{letter-spacing:-.35px;gap:8px;font-size:20px;font-weight:800;line-height:1.25}.hand-points{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;min-width:29px;font-size:23px;font-weight:900;line-height:1}.hand-distance{font-size:9px}.hand-card-key{flex-wrap:wrap;gap:14px}.card-suit-control{color:var(--ink);align-items:center;gap:7px;margin-right:auto;font-size:10px;display:inline-flex}.card-suit-control select{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:4px;padding:4px 7px;font-size:10px}@media (max-width:1100px) and (min-width:950px){.compact-hand .card-pattern{gap:6px;font-size:18px}}@media (max-width:619px){.compact-hand{height:50px}.compact-hand .card-pattern{gap:8px;font-size:20px}.hand-card-key{gap:7px}.card-suit-control{flex-basis:100%;margin-bottom:4px}.hand-points{font-size:23px}}