:root{color:#20312d;font-synthesis:none;--forest:#173c34;--forest-2:#215247;--cream:#f5f2e9;--paper:#fffdf8;--ink:#20312d;--muted:#70807b;--line:#dce1da;--gold:#dca34c;--tile-w:52px;--tile-h:calc(var(--tile-w) * 1.42);background:#e8ebe5;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f846e4d}.app-shell{background:#edf0ea;grid-template:64px 1fr/220px 1fr;width:100vw;height:100dvh;display:grid}.topbar{z-index:30;background:#fffffcf2;border-bottom:1px solid #d9ddd6;grid-column:1/-1;align-items:center;display:flex;box-shadow:0 1px 6px #1a2c270a}.brand{cursor:pointer;background:0 0;border:0;border-right:1px solid #e1e4de;align-items:center;gap:10px;width:220px;height:100%;padding:0 22px;display:flex}.brand b{letter-spacing:-.6px;font-size:20px}.brand__tiles{width:31px;height:31px;display:block;position:relative}.brand__tiles i{color:#fff;background:var(--forest);border:1px solid #ffffff73;border-radius:4px;place-items:center;width:22px;height:28px;font-family:DM Mono;font-size:10px;font-style:normal;display:grid;position:absolute;box-shadow:0 2px 4px #0002}.brand__tiles i:first-child{left:1px;transform:rotate(-9deg)}.brand__tiles i:last-child{background:#c87857;right:1px;transform:rotate(8deg)}.table-title{min-width:0;margin-left:24px;line-height:1}.table-title>span{color:#8a9692;letter-spacing:1.4px;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.table-title button{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-width:0;max-width:min(44vw,520px);padding:0;font-size:14px;font-weight:700;display:flex}.table-title__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar__actions{align-items:center;gap:7px;margin-left:auto;padding:0 18px;display:flex}.icon-btn,.text-btn{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn{border-radius:9px;width:38px;height:38px}.icon-btn:hover{background:#eef1ec}.text-btn{gap:7px;height:38px;padding:0 12px;font-size:13px;font-weight:700}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid;box-shadow:0 0 0 1px #d8ddd6}.avatar--you{color:#2e342d;cursor:pointer;background:#dca34c;border:0;margin-left:4px}.connection-dot{background:#4d9575;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #dcece4}.connection-dot--offline{background:#b77955;box-shadow:0 0 0 3px #f0e2d8}.players-panel{z-index:20;background:#f7f8f4;border-right:1px solid #d7ddd5;flex-direction:column;grid-area:2/1;padding:20px 13px 14px;display:flex;overflow:auto}.panel-heading{color:#82908b;letter-spacing:1.4px;justify-content:space-between;align-items:center;padding:0 8px 10px;font-size:9px;font-weight:800;display:flex}.player{border-radius:12px;align-items:center;gap:10px;min-height:57px;padding:9px 8px;display:flex;position:relative}.player--active{background:#e4ece6}.player--active:before{content:"";background:#42906f;border-radius:0 4px 4px 0;width:3px;height:28px;position:absolute;left:-13px}.player__name{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.player__name b{white-space:nowrap;min-width:0;max-width:100%;font-size:13px;overflow:hidden}.player__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player__name b,.lobby-seats b{justify-content:center;align-items:center;gap:4px;display:inline-flex}.player__name small{color:#87928e;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:inline-flex}.player--active .player__name small{color:#347459;font-weight:700}.player--offline{opacity:.64}.tile-count{color:#667570;align-items:center;gap:4px;margin-left:auto;font:500 11px DM Mono;display:flex}.tile-count i{background:#f9f6eb;border:1px solid #aeb7b1;border-radius:2px;width:9px;height:13px;display:block;box-shadow:1px 1px #fff}.match-score{color:#9a6d24;text-align:right;min-width:28px;margin-left:auto;font:800 11px DM Mono}.match-score+.tile-count{margin-left:0}.player__kick{color:#9a7469;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.player__kick:hover{color:#9d4638;background:#f3e3df}.rules-summary{border-top:1px solid #e0e4de;margin:22px 4px 0;padding-top:14px}.rules-summary>div{color:#86928e;letter-spacing:1.2px;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:9px;font-weight:800;display:flex}.rules-summary button{color:#35725d;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.rules-summary p{color:#61706b;align-items:center;gap:7px;margin:8px 0;font-size:10px;display:flex}.rules-summary p b{color:#3f504b;margin-left:auto}.leave-table{color:#83908b;cursor:pointer;background:0 0;border:1px solid #dfe3dc;border-radius:8px;height:34px;margin:auto 5px 0;font-size:10px;font-weight:700}.game-area{grid-area:2/2;grid-template-rows:54px minmax(200px,1fr) 48px 170px;min-width:0;display:grid;position:relative;overflow:hidden}.turn-strip{z-index:12;background:#f6f8f3f2;border-bottom:1px solid #d8ddd5;align-items:center;padding:0 19px;display:flex}.turn-strip--yours{background:linear-gradient(90deg,#f4e4bc,#fff9e9 48%,#f4e4bc);border-bottom-color:#d7aa54;box-shadow:0 3px 14px #92651c29}.turn-strip--yours .turn-copy small{color:#805515;font-size:10px}.turn-strip--yours .pulse{animation:1.8s ease-out infinite turn-pulse}.turn-copy{align-items:center;gap:9px;display:flex}.turn-copy .pulse{background:#4d9575;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcece4}.turn-copy .pulse--waiting{background:#97a29e;box-shadow:0 0 0 4px #e4e8e4}.turn-copy div{align-items:baseline;gap:10px;display:flex}.turn-copy small{color:#408066;letter-spacing:1.2px;font-size:9px;font-weight:800}.turn-copy b{font-size:12px}.timer{color:#385248;background:#e3ebe5;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:68px;height:32px;margin-left:auto;font:500 12px DM Mono;transition:all .2s;display:flex}.timer--urgent{color:#a44738;background:#f5ded8}.mobile-players{display:none}.workspace{touch-action:none;cursor:grab;background:#e9ece6;position:relative;overflow:hidden}.workspace--your-turn{box-shadow:inset 0 0 0 3px #d8a54c8f}.workspace--panning{cursor:grabbing}.workspace::-webkit-scrollbar{display:none}.workspace:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 15%,#3141390d 100%);position:absolute;inset:0}.empty-table{z-index:2;color:#84908b;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:min(320px,80%);display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.empty-table svg{opacity:.65;margin-bottom:9px}.empty-table b{color:#65736e;font-size:13px}.empty-table span{margin-top:5px;font-size:9px;line-height:1.5}.board{transform-origin:0 0;will-change:transform;background-color:#e9ece6;background-image:radial-gradient(circle at 1px 1px,#2642392b 1px,#0000 1.1px);background-size:22px 22px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #54696017}.workspace--ai-moving .board{transition:transform .58s cubic-bezier(.2,.76,.25,1)}.canvas-hint{z-index:3;color:#78847f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;white-space:nowrap;background:#fafaf6d4;border:1px solid #c9cfc7cc;border-radius:20px;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:9px;font-weight:600;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.meld{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fbfbf77a;border:1px solid #707e772e;border-radius:11px;align-items:center;padding:9px 10px 10px 7px;transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1),box-shadow .14s,opacity .14s;display:flex;position:absolute;box-shadow:0 5px 14px #2b3a3412}.meld:active{cursor:grabbing;z-index:10;box-shadow:0 8px 20px #2b3a3426}.meld__handle{opacity:.62;cursor:grab;touch-action:none;background:#ffffff3d;border:0;border-radius:7px;grid-template-columns:2px 2px;place-content:center;gap:4px;width:28px;height:54px;margin:-5px 2px -5px -2px;padding:14px 9px;display:grid}.meld__handle:hover,.meld__handle:focus-visible{opacity:1;background:#ffffffb8}.meld__handle i{background:#53625d;border-radius:50%;width:2px;height:2px}.set-corner-action{z-index:8;color:#42695b;cursor:pointer;background:#fffefa;border:1px solid #cdd8d1;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:-11px;right:-11px;box-shadow:0 3px 9px #18352b2b}.set-corner-action:hover,.set-corner-action:focus-visible{color:#fff;background:#3e725f;border-color:#3e725f}.set-corner-action--rack{width:25px;height:25px;top:-10px;right:-10px}.meld--selected{outline-offset:3px;outline:2px solid #397c5f94}.meld--lifted{z-index:18;opacity:.92;outline-offset:4px;cursor:grabbing;outline:3px solid #d5a34e;transition:none;box-shadow:0 18px 35px #1f312a40}.meld--drop-target{outline-offset:5px;background:#edfaf1db;outline:3px solid #4c9b78;box-shadow:0 10px 25px #255b452e}.meld--merge-target{z-index:16;outline-offset:7px;background:#e0faebf0;outline:4px solid #2e986b;box-shadow:0 0 0 8px #2e986b29,0 13px 28px #2064493d}.meld--merge-target:after{content:"MERGE SETS";z-index:12;color:#fff;letter-spacing:.7px;white-space:nowrap;background:#287f5a;border-radius:999px;place-items:center;height:20px;padding:0 9px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #183c2f40}.meld--invalid{background:#ffeee8b3;border-color:#c96855;box-shadow:0 0 0 2px #c9685529,0 5px 14px #2b3a3414}.meld__error{color:#fff;white-space:nowrap;background:#a84d3d;border-radius:4px;padding:3px 7px;font-size:7px;font-weight:800;position:absolute;bottom:-21px;left:50%;transform:translate(-50%)}.meld__tiles{gap:clamp(2px,.3vw,4px);display:flex}.drop-slot{background:#4c9b7833;border:2px solid #4c9b78;border-radius:5px;flex:0 0 11px;align-self:stretch;min-height:64px;margin-inline:-2px;animation:.8s ease-in-out infinite alternate drop-slot-pulse;box-shadow:0 0 0 3px #4c9b781f}.drop-slot--rack{z-index:255;background:#5bd09275;border-width:3px;flex-basis:14px;align-self:flex-end;min-width:14px;min-height:62px;margin-inline:-4px;position:relative;box-shadow:0 0 0 4px #5bd09233}.meld--splitting{border-color:#c59645;box-shadow:0 0 0 3px #d5a45029,0 5px 14px #2b3a3412}.split-point{z-index:6;color:#9b6720;cursor:pointer;background:0 0;border:0;align-self:stretch;width:7px;min-width:7px;margin-inline:-5px;padding:0;position:relative}.split-point:before{content:"";background:#d9a44e;border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.split-point svg{z-index:1;color:#fff;background:#bc7b24;border-radius:50%;width:20px;height:20px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #49351433}.split-point:hover svg{transform:translate(-50%,-50%)scale(1.12)}.split-point--ambient:before{opacity:.16}.split-point--ambient svg{opacity:0;transform:translate(-50%,-50%)scale(.75)}.split-point--ambient:hover:before,.split-point--ambient:focus-visible:before{opacity:1}.split-point--ambient:hover svg,.split-point--ambient:focus-visible svg{opacity:1;transform:translate(-50%,-50%)scale(1)}.split-point--armed:before,.split-point--armed svg{opacity:1}.tile{width:var(--tile-w);height:calc(var(--tile-w) * 1.42);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(145deg,#fffef9,#eee9dd);border:1px solid #d1cec4;border-radius:7px;flex:none;padding:0;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 2px #c8c3b6,0 4px 7px #30363026,inset 0 1px #fff}.board .tile{--tile-w:52px}.tile:after{content:"";pointer-events:none;border:1px solid #88806f14;border-radius:4px;position:absolute;inset:3px}.tile:hover{transform:translateY(-2px);box-shadow:0 3px #c8c3b6,0 7px 10px #30363029,inset 0 1px #fff}.tile--selected{outline-offset:2px;outline:3px solid #d4a451!important;transform:translateY(-7px)!important;box-shadow:0 5px #c8c3b6,0 9px 15px #3036302e!important}.tile--dragging{opacity:.2}.tile--ai-arriving{z-index:4;animation:.82s cubic-bezier(.16,.82,.25,1) both ai-tile-arrive}.tile--locked{cursor:not-allowed;filter:saturate(.55)}.tile__lock{z-index:2;color:#fff;background:#63716c;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:4px;right:4px}.tile__mark{color:currentColor;font:800 calc(var(--tile-w) * .56) "Manrope";letter-spacing:-1.5px;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.tile__mark svg{stroke:currentColor}.tile__pip{opacity:.9;background:currentColor;width:10px;height:8px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tile--ember .tile__pip{clip-path:polygon(50% 0,100% 100%,0 100%)}.tile--ocean .tile__pip{border-radius:1px}.tile--ink .tile__pip{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:8px;height:8px}.tile--sun .tile__pip{border-radius:999px;width:12px;height:4px}.tile--plum .tile__pip{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);width:11px;height:11px}.tile--pine .tile__pip{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.tile--rose .tile__pip{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%)}.tile--sky .tile__pip{background:0 0;border:2px solid;border-radius:50%;width:9px;height:9px}.tile--ember{color:#ce563f}.tile--ocean{color:#2675a5}.tile--ink{color:#293b3d}.tile--sun{color:#d49822}.tile--plum{color:#815c97}.tile--pine{color:#3e8060}.tile--rose{color:#bb6078}.tile--sky{color:#4b96b4}.zoom-control{z-index:24;background:#fbfcf8f0;border:1px solid #d1d7d0;border-radius:8px;align-items:center;height:34px;padding:0 3px;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 2px 7px #23352e12}.zoom-control button{cursor:pointer;background:0 0;border:0;place-items:center;width:29px;height:26px;display:grid}.zoom-control button:disabled{opacity:.28;cursor:default}.zoom-control span{text-align:center;color:#75817d;width:39px;font:500 9px DM Mono}.zoom-control>i{background:#d9ddd7;width:1px;height:19px;margin:0 2px}.action-bar{z-index:10;background:#f7f8f4;border-block:1px solid #d9ddd6;justify-content:center;align-items:center;gap:20px;padding:0 14px;display:flex;position:relative}.action-group{align-items:center;gap:2px;display:flex}.action-group:first-child{border-right:1px solid #dde1da;padding-right:20px}.action-group button,.more-action{color:#53635e;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:37px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.action-group button:hover,.more-action:hover,.action-group button.active,.more-action.active{color:#245c4a;background:#e4ece6}.action-group button:disabled{opacity:.3;cursor:default;background:0 0}kbd{color:#8b9591;background:#fff;border:1px solid #d8ddd7;border-radius:4px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:500 9px DM Mono;display:inline-grid;box-shadow:0 1px #d4d9d3}.more-menu{z-index:30;background:#fffefa;border:1px solid #d8ddd7;border-radius:11px;width:228px;max-height:min(520px,100dvh - 130px);padding:6px;animation:.14s fade-in;position:absolute;bottom:43px;right:14px;overflow-y:auto;box-shadow:0 14px 35px #192a2433}.more-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:46px;padding:7px 9px;display:flex}.more-menu button:hover{background:#edf2ed}.more-menu button>svg{color:#4c7162}.more-menu button span{flex-direction:column;display:flex}.more-menu button b{color:#3c4f48;font-size:10px}.more-menu button small{color:#8a9490;margin-top:2px;font-size:8px}.rack-area{background:#253e37;min-width:0;padding:10px 180px 11px 17px;position:relative;overflow:hidden}.rack-heading{align-items:flex-start;height:26px;display:flex}.rack-heading div{align-items:baseline;gap:8px;display:flex}.rack-heading span{color:#c9d5cf;letter-spacing:1.2px;font-size:9px;font-weight:800}.rack-heading small{color:#7f9790;font-size:9px}.rack-heading__actions{margin-left:auto;gap:8px!important;display:flex!important}.rack-heading button{color:#b9c9c3;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:2px 4px;font-size:9px;font-weight:700;display:flex}.rack-scroll{scrollbar-width:thin;scrollbar-color:#557068 transparent;touch-action:pan-x;height:calc(100% - 26px);padding:2px 3px 8px;position:relative;overflow:auto hidden}.rack-rows{gap:7px;display:grid}.rack{background:linear-gradient(#315248,#2a493f);border:1px solid #ffffff12;border-radius:8px 8px 3px 3px;width:100%;padding:0;display:block;box-shadow:inset 0 -10px #203c34,inset 0 -12px #547168,0 5px 10px #172c26}.rack .tile{--tile-w:44px}.rack-row{padding-left:23px;position:relative}.rack-row__number{color:#7f9990;font:500 8px DM Mono;position:absolute;bottom:17px;left:7px}.rack-group{background:#0f29212e;border:1px dashed #c6d7cf40;border-radius:6px;align-items:flex-end;gap:4px;min-width:44px;height:76px;padding:7px 5px 5px;transition:left .16s cubic-bezier(.2,.8,.2,1),top .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1),outline-color .12s,background .12s;display:flex;position:absolute}.rack-group--lifted{z-index:20;opacity:.92;filter:drop-shadow(0 12px 12px #10261e66);transition:none}.rack-group--source-hidden{opacity:.14}.rack-group--loose{background:0 0;border-color:#0000;min-width:0;padding-inline:0}.rack-group--intentional{background:#f5f8f114;border-style:solid;border-color:#c7d8cf73;border-radius:10px;box-shadow:inset 0 0 0 1px #dbe4df14,0 4px 10px #0b1e1826}.rack-group--selected{outline-offset:2px;background:#4d412247;outline:2px solid #d6a34e}.rack-group--drop-target{outline-offset:3px;background:#41896380;outline:3px solid #72d69f;box-shadow:0 0 0 5px #53be8421}.rack-group__handle{z-index:7;color:#d6e3dd;background:#294a3f;border:1px solid #547166;width:25px;height:54px;margin:0;padding-inline:7px;position:absolute;top:10px;left:-22px;box-shadow:0 3px 7px #10271f4d}.rack-group__handle i{background:#d6e3dd}.rack-group__actions{z-index:8;gap:4px;display:flex;position:absolute;top:-8px;right:-8px}.rack-group__actions button{color:#28483d;cursor:pointer;background:#f7f8f3;border:1px solid #71877f;border-radius:999px;align-items:center;gap:4px;height:27px;padding:0 8px;font-size:8px;font-weight:800;display:flex;box-shadow:0 3px 8px #10271f3d}.rack-group__actions button:hover,.rack-group__actions button:focus-visible{color:#fff;background:#3e725f;border-color:#75a28f}.rack-group__actions .rack-group__play{color:#203d32;background:#e5b660;border-color:#e5b660}.rack-group__actions button:disabled{opacity:.42;cursor:not-allowed}.rack-split-point{align-self:flex-end;height:62px}.rack-marquee{z-index:240;pointer-events:none;background:#e6b5582e;border:1px solid #e7ba68;border-radius:4px;position:fixed;box-shadow:0 0 0 1px #2c483d26}.rack-set-drag-ghost{z-index:252;pointer-events:none;filter:drop-shadow(0 15px 16px #14251e55);background:#f4faf4f0;border:3px solid #59af83;border-radius:12px;gap:4px;padding:8px 9px;display:flex;position:fixed;transform:translate(-50%,-72%)}.rack-set-drag-ghost .tile{--tile-w:48px}.rack-group:empty:after{content:"drop tiles";color:#789087;text-align:center;align-self:center;width:51px;font-size:7px}.row-stepper{border:1px solid #587269;border-radius:6px;align-items:center;height:23px;padding:0 2px;display:flex}.row-stepper button{justify-content:center;height:20px;width:22px!important;margin:0!important;padding:0!important}.row-stepper b{color:#aebfb9;text-align:center;min-width:42px;font-size:8px}.game-area:has(.rack-area--rows-2){grid-template-rows:54px minmax(170px,1fr) 48px 225px}.game-area:has(.rack-area--rows-3){grid-template-rows:54px minmax(160px,1fr) 48px 300px}.game-area:has(.rack-area--rows-4){grid-template-rows:54px minmax(150px,1fr) 48px 350px}.rack-area--rows-3 .rack-rows,.rack-area--rows-4 .rack-rows{height:100%}.rack-area--rows-3 .rack-rows{grid-template-rows:repeat(3,minmax(0,1fr))}.rack-area--rows-4 .rack-rows{grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}.rack-area--rows-3 .rack-row,.rack-area--rows-4 .rack-row{min-height:0;height:auto!important}.rack-area--rows-3 .rack-group,.rack-area--rows-4 .rack-group{height:calc(100% - 6px);padding-top:3px}.rack-area--rows-3 .tile--selected,.rack-area--rows-4 .tile--selected{transform:none!important}.rack-area--rows-4 .rack .tile{--tile-w:42px}.turn-actions{gap:7px;width:147px;display:grid;position:absolute;top:42px;right:17px}.turn-actions--single{grid-template-columns:1fr!important}.button{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.button:disabled{opacity:.6}.button--draw{color:#e1e8e4;background:#36564d;border:1px solid #547168}.button--draw:hover{background:#3e6258}.button--end{color:#18372f;background:#e3b35e;justify-content:space-between;box-shadow:0 3px #b68132}.button--end:hover{background:#edc06d}.boot-screen{color:#36564d;background:#edf0ea;justify-content:center;align-items:center;gap:15px;width:100vw;height:100dvh;display:flex}.boot-screen .brand__tiles{flex:none}.landing-area,.lobby-area{background:radial-gradient(circle at 50% 40%,#f7f8f3,#e5eae3);justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.landing-card,.lobby-card{text-align:center;background:#fffffbf0;border:1px solid #d5ddd5;border-radius:20px;width:min(560px,100%);margin:auto 0;padding:38px;box-shadow:0 22px 60px #20352d1c}.landing-card>svg{color:#487462}.landing-card h1,.lobby-card h1{color:#243b33;margin:14px 0 8px;font-size:25px}.landing-card p,.lobby-card p{color:#74827d;max-width:410px;margin:0 auto 24px;font-size:11px;line-height:1.6}.landing-card .button{margin:auto}.landing-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.landing-actions .button{margin:0}.landing-card--browser{text-align:left;flex-direction:column;width:min(820px,100%);max-height:calc(100dvh - 80px);padding:0;display:flex;overflow:hidden}.landing-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:28px 30px 24px;display:grid}.landing-hero>svg{color:#487462}.landing-hero h1{margin:0 0 5px}.landing-hero p{margin:0}.public-browser__heading{background:#f5f6f1;border-top:1px solid #e0e4de;justify-content:space-between;align-items:center;min-height:57px;padding:9px 22px 9px 28px;display:flex}.public-browser__heading>div{color:#47715f;align-items:center;gap:10px;display:flex}.public-browser__heading span{flex-direction:column;display:flex}.public-browser__heading b{color:#344c43;font-size:11px}.public-browser__heading small{color:#89938f;margin-top:2px;font-size:8px}.public-search{color:#84918c;background:#fff;border:1px solid #d9ded8;border-radius:8px;align-items:center;gap:8px;height:38px;margin:13px 28px 6px;padding:0 11px;display:flex}.public-search:focus-within{border-color:#6a9481;box-shadow:0 0 0 3px #6a948119}.public-search input{color:#3f534c;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.public-room-list{min-height:0;padding:6px 28px 23px;overflow-y:auto}.public-room{border-bottom:1px solid #e6e9e4;align-items:center;gap:12px;min-height:74px;padding:10px 11px;display:flex}.public-room:last-child{border-bottom:0}.public-room__icon{color:#47715f;background:#e8f0e9;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.public-room__copy{flex-direction:column;flex:1;min-width:0;display:flex}.public-room__copy>b{color:#2f473e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.public-room__copy>small{color:#8a9490;margin-top:2px;font-size:8px}.public-room__copy>span{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.public-room__copy i{color:#64736e;background:#f0f2ed;border-radius:4px;align-items:center;gap:3px;min-height:18px;padding:0 6px;font-size:7px;font-style:normal;font-weight:700;display:inline-flex}.public-room>.button{flex:none;width:82px;height:35px;font-size:10px}.public-empty{color:#83908b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:28px;display:flex}.public-empty b{color:#586a63;font-size:10px}.public-empty span{font-size:9px}.public-empty button{color:#3f745e;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:800}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobby-seats{flex-wrap:wrap;justify-content:center;gap:12px;margin:23px 0;display:flex}.lobby-seats>span{background:#f7f9f5;border:1px solid #dde3dc;border-radius:11px;flex-direction:column;align-items:center;gap:7px;min-width:94px;padding:11px;font-size:10px;display:flex}.lobby-seats .avatar{font-style:normal}.lobby-seats small{color:#89938f;font-size:8px}.lobby-seat--offline{opacity:.62}.lobby-seat--empty{color:#819089;cursor:pointer;background:#f9faf6;border:1px dashed #cbd5cc;border-radius:11px;flex-direction:column;align-items:center;gap:6px;min-width:94px;min-height:82px;padding:11px;display:flex}.lobby-seat--empty:disabled{cursor:default}.lobby-seat--empty:not(:disabled):hover{color:#376d57;background:#eef5ef;border-color:#62917b}.lobby-seat--empty i{background:#e7ece7;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;font-style:normal;display:grid}.lobby-seat--empty b{font-size:10px}.lobby-seat--empty small{font-size:8px}.lobby-actions{justify-content:center;gap:10px;display:flex}.lobby-actions .button{min-width:155px}.player--takeover{box-shadow:inset 3px 0 #d49a42;background:#f3ecdd!important}.player--takeover .avatar{color:#fff8e8;background:#b77c31!important}.result-card{z-index:20;text-align:center;background:#fffef8f2;border:1px solid #d8ddd6;border-radius:17px;width:min(330px,85%);padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #1c302844}.result-card svg{color:#d39a3e}.result-card h2{margin:8px 0 3px}.result-card p{color:#78847f;text-transform:capitalize;margin:0}.result-card--button{cursor:pointer}.result-card--button:hover{transform:translate(-50%,-50%)scale(1.02);box-shadow:0 28px 70px #1c302855}.results-backdrop{z-index:120}.results-dialog{background:#faf9f4;border-radius:20px;width:min(760px,100%);max-height:calc(100dvh - 36px);animation:.22s modal-in;overflow:auto;box-shadow:0 30px 90px #091b1555}.results-dialog__hero{text-align:center;background:radial-gradient(circle at 50% 0,#fff4d8,#0000 65%);border-bottom:1px solid #e4e5dd;padding:26px 32px 19px}.results-trophy{color:#9b671e;background:#edc779;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 8px;display:grid;box-shadow:0 8px 20px #bc863536}.results-dialog__hero small{color:#a17835;letter-spacing:1.5px;font-size:9px;font-weight:900}.results-dialog__hero h2{color:#203b32;margin:4px 0 5px;font-size:25px}.results-dialog__hero p{color:#77827e;max-width:500px;margin:0 auto;font-size:11px;line-height:1.5}.match-progress{padding:17px 28px 8px}.match-progress>div{color:#78847f;letter-spacing:.6px;justify-content:space-between;margin-bottom:7px;font-size:9px;font-weight:800;display:flex}.match-progress>div b{color:#936621;font:800 10px DM Mono}.match-progress>i{background:#e2e5df;border-radius:99px;height:7px;display:block;overflow:hidden}.match-progress>i span{border-radius:inherit;background:linear-gradient(90deg,#d49a42,#e9bd66);min-width:2px;height:100%;display:block}.score-table{border:1px solid #dde1da;border-radius:12px;margin:8px 28px 19px;overflow:hidden}.score-table__head,.score-row{grid-template-columns:minmax(170px,1fr) 65px 70px 70px;align-items:center;display:grid}.score-table--single .score-table__head,.score-table--single .score-row{grid-template-columns:minmax(170px,1fr) 65px 70px}.live-cursor{z-index:40;pointer-events:none;transition:left .72s cubic-bezier(.2,.75,.25,1),top .72s cubic-bezier(.2,.75,.25,1);position:absolute;transform:translate(-4px,-3px)}.live-cursor span{filter:drop-shadow(0 2px 2px #102a2155);transform-origin:0 0;border-top:17px solid #d49537;border-right:11px solid #0000;width:0;height:0;display:block;transform:rotate(-16deg)}.live-cursor b{color:#fff;white-space:nowrap;background:#9a671f;border-radius:5px;padding:3px 6px;font-size:8px;position:absolute;top:14px;left:10px}.score-table__head{color:#8b9591;letter-spacing:1px;background:#f0f1eb;min-height:31px;padding:0 12px;font-size:8px;font-weight:900}.score-table__head span:not(:first-child),.score-row>span:not(:first-child),.score-row>strong{text-align:right}.score-row{color:#61706a;background:#fffefa;border-top:1px solid #e7e8e2;min-height:52px;padding:0 12px;font:600 11px DM Mono}.score-row--winner{background:#fff8e8}.score-row--you{box-shadow:inset 3px 0 #d5a34d}.score-row>span:first-child{align-items:center;gap:8px;min-width:0;font-family:DM Sans;display:flex}.score-row>span:first-child b{color:#263c34;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.score-row .avatar{flex:none;width:29px;height:29px;font-size:9px}.score-rank{color:#9c7c47;text-align:center;width:18px;font-style:normal}.score-positive{color:#2e7d59}.score-negative{color:#a95749}.score-row>strong{color:#253e35;font-size:13px}.results-inspection{margin:8px 28px 18px}.results-inspection__toggle{color:#4d625a;text-align:left;cursor:pointer;background:#f4f5ef;border:1px solid #d9dfd8;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:48px;padding:8px 11px;display:flex}.results-inspection__toggle>span{flex-direction:column;flex:1;display:flex}.results-inspection__toggle b{font-size:10px}.results-inspection__toggle small{color:#87928d;margin-top:2px;font-size:8px}.results-inspection__body{background:#fffefa;border:1px solid #dce1da;border-radius:11px;margin-top:8px;padding:13px}.results-inspection h3{color:#40534c;text-transform:uppercase;letter-spacing:.7px;margin:0 0 9px;font-size:10px}.remaining-racks{gap:8px;display:grid}.remaining-rack{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;display:grid}.remaining-rack>b{text-overflow:ellipsis;color:#5c6b66;font-size:9px;overflow:hidden}.remaining-rack>div{background:#edf1eb;border-radius:7px;align-items:flex-end;gap:3px;min-height:38px;padding:4px;display:flex;overflow-x:auto}.remaining-rack .tile,.replay-table .tile{--tile-w:27px;border-radius:4px}.remaining-rack>div>span{color:#87928e;margin:auto 6px;font-size:8px}.replay-viewer{border-top:1px solid #e0e4de;margin-top:14px;padding-top:12px}.replay-viewer__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.replay-viewer__head h3{margin-bottom:2px}.replay-viewer__head small{color:#7e8b86;font-size:8px}.replay-viewer__head>span{gap:4px;display:flex}.replay-viewer__head button{cursor:pointer;background:#f4f6f1;border:1px solid #d6ddd6;border-radius:7px;place-items:center;width:34px;height:32px;display:grid}.replay-viewer>input{accent-color:#39755e;width:100%;margin:12px 0 6px}.replay-event{color:#52655e;text-transform:capitalize;font-size:9px}.replay-table{background:#e8ece6;border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:9px;min-height:72px;max-height:180px;margin-top:7px;padding:9px;display:flex;overflow:auto}.replay-meld{background:#f8f8f3;border-radius:6px;gap:2px;padding:4px;display:flex}.replay-export{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.replay-export button{color:#496158;cursor:pointer;background:#f4f6f1;border:1px solid #d4dcd5;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.results-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:0 28px 25px;display:flex}.results-actions>span{color:#667570;align-items:center;gap:7px;min-height:42px;font-size:10px;font-weight:700;display:inline-flex}.results-leave{color:#8b645c;cursor:pointer;background:0 0;border:0;padding:7px;font-size:9px;font-weight:800}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101e1aad;place-items:center;padding:18px;animation:.16s fade-in;display:grid;position:fixed;inset:0}.setup-modal{background:#faf9f4;border-radius:18px;flex-direction:column;width:min(610px,100%);max-height:min(850px,100dvh - 36px);animation:.22s modal-in;display:flex;overflow:hidden;box-shadow:0 30px 80px #0c1c1759}.share-dialog{text-align:center;background:#faf9f4;border-radius:16px;width:min(470px,100%);padding:30px;animation:.2s modal-in;position:relative;box-shadow:0 30px 80px #0c1c1759}.share-dialog__close{position:absolute;top:13px;right:13px}.share-dialog__icon{color:#39725b;background:#e2ede5;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 12px;display:grid}.share-dialog h2{color:#253b34;margin:0;font-size:20px}.share-dialog>p{color:#75827d;max-width:330px;margin:8px auto 19px;font-size:10px;line-height:1.5}.share-dialog>small{color:#8c9692;margin-top:12px;font-size:8px;display:block}.setup-modal__header{border-bottom:1px solid #e1e3dd;padding:25px 30px 19px;position:relative}.setup-modal__header .icon-btn{position:absolute;top:20px;right:22px}.setup-modal__eyebrow{color:#73837d;letter-spacing:1.5px;font-size:9px;font-weight:800}.setup-modal h2{color:#1d342d;letter-spacing:-.8px;margin:6px 0 17px;font-size:25px}.steps{gap:5px;display:flex}.steps i{background:#dcded8;border-radius:3px;width:33px;height:3px}.steps i.active{background:#438168}.setup-modal__body{padding:23px 30px 28px;overflow-y:auto}.field-label{color:#77847f;letter-spacing:1.1px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.text-input{color:#263b34;background:#fff;border:1px solid #ced5ce;border-radius:8px;width:100%;height:43px;padding:0 12px}.text-input--large{font-size:14px;font-weight:700}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.choice-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8ddd6;border-radius:10px;align-items:center;gap:11px;min-height:81px;padding:14px;display:flex;position:relative}.choice-card--active{background:#f4f8f4;border:2px solid #4e826c;padding:13px}.choice-card>svg{color:#fff;background:#4e826c;border-radius:50%;padding:2px;position:absolute;top:10px;right:10px}.choice-card__icon{color:#4b6b5f;background:#e8eee9;border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid}.choice-card span:nth-child(2){flex-direction:column;min-width:0;display:flex}.choice-card b{font-size:12px}.choice-card small{color:#7b8782;margin-top:4px;font-size:9px;line-height:1.3}.section-title{color:#788680;letter-spacing:1.2px;justify-content:space-between;margin:23px 2px 8px;font-size:9px;font-weight:800;display:flex}.section-title small{letter-spacing:0;font-size:9px}.seat-list{background:#fff;border:1px solid #dde1da;border-radius:10px;overflow:hidden}.seat{border-bottom:1px solid #eaede8;align-items:center;gap:10px;min-height:55px;padding:8px 12px;display:flex}.seat__avatar{color:#426757;background:#e2ece5;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.seat__avatar--ai{color:#675a8a;background:#ebe7f1}.seat div{flex-direction:column;min-width:80px;display:flex}.seat b{font-size:11px}.seat small{color:#88928e;font-size:9px}.seat select{color:#66736f;background:#fafbf8;border:1px solid #dce0da;border-radius:6px;height:30px;margin-left:auto;font-size:9px}.ai-setup{background:#fff;border:1px solid #dde1da;border-radius:10px;overflow:hidden}.ai-setup__count,.ai-setup__player{align-items:center;gap:9px;min-height:51px;padding:8px 12px;display:flex}.ai-setup__count{justify-content:space-between}.ai-setup__count>span:first-child{color:#526861;align-items:center;gap:9px;font-size:10px;display:flex}.ai-setup__player{border-top:1px solid #eaede8}.ai-setup__player .text-input{flex:1;min-width:0;height:34px;padding:0 10px;font-size:10px}.ai-setup__player select{color:#66736f;background:#fafbf8;border:1px solid #dce0da;border-radius:7px;height:34px;padding:0 25px 0 9px;font-size:9px}.takeover-setup{background:#fff;border:1px solid #dcded5;border-radius:9px;align-items:center;gap:10px;min-height:53px;margin-top:12px;padding:8px 12px;display:flex}.takeover-setup>span:first-child{color:#526861;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.takeover-setup>span:first-child>span{flex-direction:column;min-width:0;display:flex}.takeover-setup b{font-size:10px}.takeover-setup small{color:#89938f;margin-top:2px;font-size:8px;line-height:1.35}.takeover-setup select{color:#66736f;background:#fafbf8;border:1px solid #dce0da;border-radius:7px;height:31px;padding:0 24px 0 8px;font-size:9px}.takeover-setup select:disabled{opacity:.45}.remove-seat{color:#97a09d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.add-ai{color:#47725f;cursor:pointer;background:#fafbf8;border:0;justify-content:center;align-items:center;gap:6px;width:100%;height:42px;font-size:10px;font-weight:800;display:flex}.takeover-note{color:#6b756f;background:#f0efe6;border-radius:9px;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;font-size:9px;line-height:1.4;display:flex}.takeover-note>span{flex:1}.takeover-note b{color:#495851;display:block}@keyframes drop-slot-pulse{to{background:#d7a64e33;border-color:#d7a64e}}@keyframes ai-tile-arrive{0%{opacity:.18;transform:translate(-24px,-18px)scale(.82)rotate(-4deg);box-shadow:0 8px 18px #2d795742}58%{opacity:1;transform:translate(2px,-3px)scale(1.06)rotate(1deg);box-shadow:0 7px 15px #2d79573b}to{opacity:1;transform:none}}@media (width>=801px) and (width<=1050px){.app-shell{grid-template-columns:180px 1fr}.brand{width:180px;padding-inline:17px}.players-panel{padding-inline:8px}.player{gap:7px;padding-inline:5px}.player .avatar{width:32px;height:32px}.rack-area{padding-right:165px}.rack-heading__actions{gap:3px!important}.rack-heading button{padding-inline:2px}}.toggle{cursor:pointer;background:#cdd2cd;border:0;border-radius:20px;flex:none;width:36px;height:21px;padding:0;transition:all .15s;position:relative}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle--on{background:#4e806a}.toggle--on span{transform:translate(15px)}.preset-row{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.preset{color:#73807b;cursor:pointer;background:0 0;border:1px solid #d9ded7;border-radius:18px;align-items:center;gap:5px;height:31px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.preset--label{cursor:default}.preset.active{color:#2f6c55;background:#e8f0ea;border-color:#73a08d}.preset--save{color:#4f7164;border-style:dashed}.saved-rule-preset{height:31px;display:flex}.saved-rule-preset .preset{border-right:0;border-radius:18px 0 0 18px}.saved-rule-preset__delete{color:#89938f;cursor:pointer;background:0 0;border:1px solid #d9ded7;border-radius:0 18px 18px 0;place-items:center;width:29px;height:31px;padding:0;display:grid}.saved-rule-preset.active .preset,.saved-rule-preset.active .saved-rule-preset__delete{color:#2f6c55;background:#e8f0ea;border-color:#73a08d}.saved-rule-preset__delete:hover,.saved-rule-preset__delete:focus-visible{color:#a34f43;background:#f9eae6;border-color:#d9a79d}.preset-save-row{flex:1 0 100%;gap:6px;height:36px;display:flex}.preset-save-row input{color:#33463f;background:#fff;border:1px solid #ccd6cf;border-radius:7px;flex:1;min-width:0;padding:0 10px;font-size:10px}.preset-save-row button{color:#315e4d;cursor:pointer;background:#fff;border:1px solid #ccd6cf;border-radius:7px;min-width:44px;padding:0 10px;font-size:9px;font-weight:800}.preset-save-row button:disabled{opacity:.4;cursor:default}.rules-block{background:#fff;border:1px solid #dfe2dc;border-radius:10px;margin-top:12px;overflow:hidden}.rules-block__title{color:#77847f;letter-spacing:1.2px;background:#f3f4ef;border-bottom:1px solid #e2e5df;justify-content:space-between;align-items:center;height:32px;padding:0 13px;font-size:8px;font-weight:800;display:flex}.rules-block__title span{letter-spacing:0;font-weight:600}.rule-row{border-bottom:1px solid #e9ece7;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:8px 13px;display:flex}.rule-row:last-child{border-bottom:0}.rule-row__label{color:#33463f;font-size:11px;font-weight:700}.rule-row__hint{color:#8b9591;margin-top:2px;font-size:8px}.rule-row select{background:#fafbf8;border:1px solid #d8ddd7;border-radius:6px;min-width:92px;height:30px;padding:0 8px;font-size:10px}.rule-number-input{color:#33463f;text-align:right;background:#fafbf8;border:1px solid #d8ddd7;border-radius:7px;width:92px;height:34px;padding:0 8px;font:600 11px DM Mono}.rule-row input[type=range]{accent-color:#4d8069;width:145px}.range-value{text-align:right;color:#3d6253;width:36px;font:500 10px DM Mono}.number-stepper{border:1px solid #d7dcd6;border-radius:7px;align-items:center;height:31px;display:flex;overflow:hidden}.number-stepper button{color:#61706b;cursor:pointer;background:#f7f8f5;border:0;width:31px;height:100%}.number-stepper button:disabled{color:#b8c0bc;cursor:default}.number-stepper span{text-align:center;width:36px;font:500 10px DM Mono}.invite-hero{text-align:center;max-width:330px;margin:3px auto 27px}.invite-hero>span{color:#39725b;background:#e2ede5;border-radius:16px;place-items:center;width:55px;height:55px;margin:0 auto 10px;display:grid}.invite-hero h3{color:#263d35;margin:0;font-size:18px}.invite-hero p{color:#78847f;margin:7px 0 0;font-size:10px;line-height:1.5}.copy-field{background:#fff;border:1px solid #d4dad3;border-radius:8px;align-items:center;height:46px;padding-left:12px;display:flex}.copy-field code{color:#52635d;text-overflow:ellipsis;flex:1;font:500 10px DM Mono;overflow:hidden}.copy-field button{color:#fff;cursor:pointer;background:#416f5d;border:0;border-radius:6px;justify-content:center;align-self:stretch;align-items:center;gap:6px;min-width:80px;margin:4px;font-size:10px;font-weight:800;display:flex}.summary-card{background:#fff;border:1px solid #dfe3dc;border-radius:10px;grid-template-columns:1fr 1fr;margin-top:20px;display:grid;overflow:hidden}.summary-card div{border-bottom:1px solid #e6e9e4;flex-direction:column;min-height:63px;padding:12px;display:flex}.summary-card div:nth-child(odd){border-right:1px solid #e6e9e4}.summary-card div:nth-last-child(-n+2){border-bottom:0}.summary-card small{color:#8a9591;letter-spacing:.9px;font-size:8px;font-weight:800}.summary-card b{color:#3c4e48;margin-top:5px;font-size:10px}.account-note{color:#8a9490;text-align:center;margin:14px 2px 0;font-size:9px}.setup-spaced-label{margin-top:16px}.setup-capacity{margin-left:auto}.join-dialog .text-input{margin:18px 0 12px}.join-dialog .button{width:100%}.join-seats{justify-content:center;gap:6px;margin:10px 0 13px;display:flex}.join-seats button{color:#66756f;cursor:pointer;background:#fff;border:1px solid #d4dad3;border-radius:7px;width:37px;height:34px;font-size:10px;font-weight:800}.join-seats button.active{color:#fff;background:#477b64;border-color:#477b64}.join-seats button:disabled:not(.active){opacity:.3;cursor:not-allowed;text-decoration:line-through}.profile-dialog{text-align:left}.profile-dialog .share-dialog__icon,.profile-dialog h2,.profile-dialog>p{text-align:center}.profile-dialog .button{width:100%;margin-top:4px}.profile-dialog__seat-label{margin-top:15px}.setup-modal__footer{background:#f5f5f0;border-top:1px solid #e1e4de;justify-content:space-between;align-items:center;min-height:69px;padding:12px 30px;display:flex}.button--primary{color:#fff;background:#295e4c;min-width:125px;box-shadow:0 2px #173d30}.button--secondary{color:#61706b;background:0 0;border:1px solid #d6dcd5}.help-popover{z-index:90;background:#fffefa;border:1px solid #d7dcd6;border-radius:12px;width:285px;padding:13px;animation:.15s fade-in;position:fixed;top:57px;right:64px;box-shadow:0 14px 40px #192a2433}.help-popover__head{border-bottom:1px solid #e4e7e1;justify-content:space-between;align-items:center;padding:0 2px 9px;display:flex}.help-popover__head>div{align-items:center;gap:8px;font-size:12px;display:flex}.help-popover p{color:#65736e;align-items:center;gap:10px;margin:9px 2px;font-size:10px;display:flex}.help-popover p kbd{min-width:37px}.help-popover>small{color:#89938f;border-top:1px solid #e4e7e1;margin:11px 2px 1px;padding-top:10px;font-size:8px;line-height:1.5;display:block}.toast-stack{z-index:200;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:#fff;background:#213e35;border-radius:9px;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-size:10px;font-weight:700;animation:.2s toast-in;display:flex;box-shadow:0 8px 24px #1020194d}.rack-drag-ghost{z-index:250;opacity:.9;pointer-events:none;filter:drop-shadow(0 12px 12px #14251e55);position:fixed;transform:translate(-50%,-68%)}.rack-drag-ghost .tile{transform:rotate(3deg)scale(1.07)}.rack-drag-ghost>b{color:#203d34;background:#e4b45f;border:2px solid #f1f4ef;border-radius:999px;place-items:center;min-width:23px;height:23px;padding:0 5px;font:800 9px DM Sans;display:grid;position:absolute;top:-8px;right:-13px}.mobile-only{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 4px #f2dba9}50%{box-shadow:0 0 0 9px #daa64a00}}@media (width<=800px){:root{--tile-w:44px}body{overflow:hidden}.app-shell{display:block}.topbar{height:55px}.brand{border-right:0;width:auto;padding:0 13px}.brand b{font-size:17px}.brand__tiles{transform:scale(.86)}.table-title{border-left:1px solid #e0e4dd;flex:1;margin:0 0 0 4px;padding-left:9px}.table-title>span{display:none}.table-title button{width:100%;max-width:none;font-size:11px}.topbar__actions{gap:1px;padding:0 8px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.players-panel{z-index:80;width:min(300px,86vw);padding-top:19px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 40px #13251f3d}.players-panel--open{transform:translate(0)}.game-area{grid-template-rows:46px minmax(105px,1fr) 49px 122px;height:calc(100dvh - 55px);display:grid}.landing-area,.lobby-area{padding:14px;display:flex}.landing-card,.lobby-card{padding:25px 18px}.landing-card--browser{max-height:calc(100dvh - 83px);padding:0}.landing-hero{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:20px 18px 17px}.landing-hero>.landing-actions{grid-column:1/-1}.public-browser__heading{min-height:52px;padding-inline:17px 12px}.public-search{margin:10px 15px 4px}.public-room-list{padding:4px 14px 17px}.public-room{gap:9px;padding-inline:5px}.public-room__icon{display:none}.public-room>.button{width:67px}.lobby-actions{flex-direction:column}.game-area:has(.rack-area--rows-2){grid-template-rows:46px minmax(105px,1fr) 49px 185px}.game-area:has(.rack-area--rows-3){grid-template-rows:46px minmax(105px,1fr) 49px min(280px,100dvh - 278px)}.game-area:has(.rack-area--rows-4){grid-template-rows:46px minmax(105px,1fr) 49px min(315px,100dvh - 318px)}.turn-strip{padding:0 10px}.mobile-players{cursor:pointer;background:#e2e8e3;border:0;border-radius:7px;place-items:center;width:34px;height:32px;margin-right:10px;display:grid;position:relative}.mobile-players span{color:#fff;background:#3d755f;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;display:grid;position:absolute;top:-3px;right:-3px}.turn-copy div,.turn-copy small{display:block}.turn-copy b{margin-top:2px;font-size:9px;display:block}.timer{min-width:61px}.canvas-hint{top:8px}.board{transform-origin:0 0}.meld{padding:4px 5px 5px 2px}.meld__handle{width:10px}.tile__mark{font-size:calc(var(--tile-w) * .56)}.zoom-control{transform-origin:100% 100%;bottom:8px;right:8px;transform:scale(.92)}.action-bar{justify-content:space-between;gap:0;padding:0 5px}.action-group:first-child{border-right:0;padding-right:3px}.action-group button,.more-action{padding:0 8px}.action-group button span,.action-group button kbd{display:none}.action-group--tools button{justify-content:center;width:42px}.rack-area{padding:8px 10px 57px}.rack-heading{height:24px}.rack-heading__actions{gap:3px!important}.rack-heading__actions button{justify-content:center;width:27px;height:23px;padding:0;font-size:0}.rack-heading__actions .rack-collapse{display:inline-flex}.rack-scroll{padding-bottom:5px}.rack-rows{gap:5px}.rack{padding:0}.rack-row{padding-left:21px}.rack-group{height:76px;padding:7px 5px 5px}.rack-group--loose{padding-inline:0}.rack-group__tools{opacity:1;transform:none}.rack .tile,.rack-area--rows-3 .rack .tile,.rack-area--rows-4 .rack .tile{--tile-w:44px}.rack-area--rows-3 .rack .tile{--tile-w:clamp(34px, 5dvh, 42px)}.rack-area--rows-4 .rack .tile{--tile-w:clamp(28px, 4.15dvh, 35px)}.turn-actions{grid-template-columns:1fr 1.5fr;gap:7px;width:auto;display:grid;inset:auto 10px 7px}.turn-actions .button{height:42px}.game-area.rack-host--rack-collapsed{grid-template-rows:46px minmax(125px,1fr) 49px 66px!important}.rack-host--rack-collapsed .rack-area{padding-bottom:7px}.rack-host--rack-collapsed .rack-scroll,.rack-host--rack-collapsed .rack-heading>div:first-child,.rack-host--rack-collapsed .rack-heading__actions>:not(.rack-collapse){display:none!important}.rack-host--rack-collapsed .rack-heading__actions{margin-left:0}.rack-host--rack-collapsed .rack-collapse{z-index:3;position:relative}.modal-backdrop{align-items:end;padding:0}.setup-modal{border-radius:18px 18px 0 0;width:100%;max-height:95dvh}.results-dialog{border-radius:18px 18px 0 0;width:100%;max-height:94dvh}.results-dialog__hero{padding:20px 17px 15px}.results-trophy{width:46px;height:46px}.results-dialog__hero h2{font-size:20px}.match-progress{padding:14px 14px 6px}.score-table,.results-inspection{margin:7px 10px 15px}.remaining-rack{grid-template-columns:70px minmax(0,1fr)}.score-table__head,.score-row{grid-template-columns:minmax(125px,1fr) 43px 51px 52px;padding-inline:8px}.score-row{min-height:47px;font-size:9px}.score-row .avatar{width:25px;height:25px}.score-rank{width:13px}.score-row>span:first-child{gap:5px}.score-row>span:first-child b{font-size:9px}.results-actions{padding:0 12px calc(15px + env(safe-area-inset-bottom));gap:7px}.results-actions .button{flex:140px;min-width:0}.results-actions>span{justify-content:center;width:100%}.setup-modal__header{padding:20px 19px 15px}.setup-modal__header .icon-btn{top:14px;right:13px}.setup-modal h2{margin:5px 0 13px;font-size:21px}.setup-modal__body{padding:18px 17px 22px}.setup-modal__footer{min-height:65px;padding:10px 17px calc(10px + env(safe-area-inset-bottom))}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:69px}.rule-row input[type=range]{width:95px}.help-popover{width:min(285px,100vw - 16px);top:51px;right:8px}.toast-stack{bottom:10px;right:10px}}@media (height<=670px) and (width>=801px){.app-shell{grid-template-rows:56px 1fr}.game-area{grid-template-rows:46px minmax(150px,1fr) 43px 145px}.rack-area{padding:7px 165px 7px 17px}.rack{padding:0}.rack .tile{--tile-w:44px}.turn-actions{grid-template-columns:1fr;width:145px;inset:34px 10px auto auto}.turn-actions .button{height:38px}.game-area:has(.rack-area--rows-1){grid-template-rows:46px minmax(80px,1fr) 43px 120px}.game-area:has(.rack-area--rows-2){grid-template-rows:46px minmax(70px,1fr) 43px 145px}.game-area:has(.rack-area--rows-3){grid-template-rows:46px minmax(65px,1fr) 43px 165px}.game-area:has(.rack-area--rows-4){grid-template-rows:46px minmax(60px,1fr) 43px 185px}.rack-area--rows-3 .rack .tile{--tile-w:30px}.rack-area--rows-4 .rack .tile{--tile-w:22px}.rack-area--rows-3 .rack-group,.rack-area--rows-4 .rack-group{padding:1px 3px}.rack-rows{gap:2px}}@media (pointer:coarse){.rack-drag-ghost{transform:translate(-50%,-84%)}.icon-btn{width:42px;height:42px}.zoom-control{height:42px}.zoom-control button{width:38px;height:38px}.action-group button,.more-action{min-width:40px;height:40px}.row-stepper{height:40px}.row-stepper button{height:38px;width:40px!important}.rack-heading__actions button{min-width:40px;min-height:40px}.rack-group__handle{width:32px;height:58px;top:7px;left:-23px}.rack-group__actions{gap:5px;top:-9px;right:-10px}.rack-group__actions button{min-width:42px;height:36px;padding-inline:9px;font-size:9px}.toggle{width:44px;height:28px}.toggle span{width:22px;height:22px}.toggle--on span{transform:translate(16px)}.player__kick{width:42px;height:42px}.split-point{min-width:18px;margin-inline:-9px}.split-point svg{width:26px;height:26px}.split-point--ambient:before{opacity:.45}.split-point--ambient svg{opacity:.72;transform:translate(-50%,-50%)scale(.78)}.set-corner-action{width:34px;height:34px;top:-15px;right:-15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}