:root{font-synthesis:none;text-rendering:optimizelegibility;background:#f5f0e5;font-family:DM Sans,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible{outline-offset:2px;outline:3px solid #f2c651}@font-face{font-family:InterVariable;src:url(/assets/fonts/inter-variable.woff2)format("woff2-variations");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces-variable-latin.woff2)format("woff2-variations");font-display:swap;font-style:normal;font-weight:100 900}:root{--ink:#0b2923;--cream:#f8f2e6;--paper:#fffdf7;--green:#195849;--felt:#12463b;--line:#d8c9aa;--brass:#dfb84f;--shadow:0 20px 48px #0414103d;font-family:InterVariable,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}button{font:inherit}.app-shell{background:var(--cream);min-height:100vh;color:var(--ink)}.topbar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:14px;height:78px;padding:0 clamp(20px,4vw,64px);display:flex}.topbar h1{margin:0;font:700 24px/1 Fraunces,serif}.topbar p{color:#6f7f78;text-transform:uppercase;letter-spacing:.12em;margin:5px 0 0;font-size:12px}.brand-mark{border-radius:10px;grid-template-columns:1fr 1fr;width:43px;height:43px;display:grid;overflow:hidden;box-shadow:0 4px 12px #204a3d33}.brand-mark span{color:#fff;background:#e46b4e;place-items:center;font:700 15px Fraunces;display:grid}.brand-mark span:last-child{background:#207a6a}.top-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:700}.sound-button{border:1px solid var(--line);cursor:pointer;background:#f7f2e8;border-radius:9px;width:36px;height:36px}.game-matchup,.header-zoom-button,.mobile-bag-count{display:none}.opponent-panel{border:1px solid var(--line);background:#eee8dc;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;max-width:1180px;margin:18px auto 0;padding:14px 22px;display:flex}.opponent-panel strong{margin-top:4px;display:block}.eyebrow{color:#7b8882;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.opponent-rack{background:linear-gradient(#e2ddd2,#cfc8ba),repeating-linear-gradient(90deg,#d9d1c3 0 5px,#cfc6b7 5px 10px);border:1px solid #d3c4a8;border-radius:13px;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:inset 0 7px 14px #3127181f,0 5px 12px #0318131a}.rack-backs{align-items:center;display:flex;transform:rotate(180deg)}.rack-backs span{filter:saturate(.55)brightness(.78);background:linear-gradient(135deg,#35665e,#284f49 54%,#193b36);border:2px solid #bcb5a9;border-radius:7px;width:30px;height:40px;margin-left:-10px;box-shadow:inset 0 0 0 1px #dff9ef36,0 3px 5px #071b1752}.rack-backs span:first-child{margin-left:0}.opponent-rack b{color:#63716b;white-space:nowrap;font-size:12px}.table{background:var(--green);color:#fff;max-width:1180px;min-height:430px;box-shadow:var(--shadow);margin:auto;position:relative}.turn-strip{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;min-height:52px;padding:0 24px;font-size:13px;display:flex}.pulse{background:#f2c651;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block;box-shadow:0 0 0 5px #f2c65122}.turn-announcement{z-index:15;color:#2d2108;letter-spacing:.04em;opacity:0;pointer-events:none;background:#e0b94e;border:1px solid #fff3bd;border-radius:999px;padding:12px 24px;font:800 20px/1 Fraunces,serif;position:absolute;top:48%;left:50%;transform:translate(-50%,-35%)scale(.88);box-shadow:0 7px #8e6918,0 18px 40px #03181380}.turn-announcement.show{animation:1.4s both turn-announcement}@keyframes turn-announcement{0%{opacity:0;transform:translate(-50%,-28%)scale(.82)}18%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.96)}}.bag-count{color:#d5e2dd;align-items:center;gap:8px;display:flex}.board-mode-button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff3d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:none}.mini-stack{width:16px;height:20px;box-shadow:3px -3px 0 -1px var(--green),3px -3px 0 0 currentColor;border:2px solid;border-radius:3px;display:inline-block}.board{flex-wrap:wrap;align-content:flex-start;gap:18px;min-height:320px;padding:26px;display:flex;position:relative}.empty-board{text-align:center;color:#d0dfda;margin:auto}.empty-board span{color:#f0c34d;font-size:46px}.empty-board h2{color:#fff;margin:7px 0;font:600 26px Fraunces}.empty-board p{margin:0;font-size:14px}.set-zone{background:#e65b5612;border:3px solid #e65b56;border-radius:15px;justify-content:center;align-items:center;min-width:190px;min-height:76px;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.set-zone.set-run,.set-zone.set-group{background:#53c28d12;border-color:#53c28d}.set-zone.drop-target{background:#ffffff1d;transform:scale(1.025);box-shadow:0 0 0 5px #ffffff20}.set-label{color:#bdd3cc;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;position:absolute;top:7px;left:12px}.clear-meld{z-index:6;color:#fff;cursor:pointer;touch-action:manipulation;background:#a93632;border:1px solid #fffdf799;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font:800 17px/1 InterVariable,sans-serif;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 3px 8px #03181366}.clear-meld:hover{background:#c74742;transform:scale(1.06)}.clear-meld:focus-visible{outline-offset:2px;outline:3px solid #dfb84f}.set-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.place-here{color:#fff;cursor:pointer;background:0 0;border:1px dashed #fff6;border-radius:7px;width:100%;margin-top:9px;padding:7px}.board.is-dragging{background-color:#174d41}.status-banner{color:#d8e6e1;background:#103d32;border-radius:9px;margin:0 24px 16px;padding:11px 16px;font-size:13px}.status-banner.valid{box-shadow:inset 3px 0 #67b69c}.mobile-board-mode-button{display:none}.player-area{background:var(--paper);border:1px solid var(--line);max-width:1180px;box-shadow:var(--shadow);border-top:0;border-radius:0 0 18px 18px;margin:0 auto 40px;padding:20px 28px 25px}.rack-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.rack-heading h2{margin:4px 0 0;font:600 21px Fraunces}.rack-heading>span{color:#7a857f;font-size:13px}.rack{background:#ece6d9;border:1px solid #d8cfbd;border-radius:13px;flex-wrap:wrap;align-items:center;gap:7px;min-height:94px;padding:13px;display:flex;box-shadow:inset 0 2px 7px #82765f1c}.rack-slot-empty,.meld-slot-empty{aspect-ratio:1;flex:none;width:52px;height:52px}.drag-hint{color:#6f7f78;text-align:center;margin-top:9px;font-size:12px}.tile{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border:1px solid #fff6;border-bottom:4px solid #0000002b;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 3px 8px #18352d2e}.tile:hover{transform:translateY(-3px)}.tile[draggable=true]{cursor:grab}.tile[draggable=true]:active{cursor:grabbing}.tile strong{color:#fff;text-shadow:0 1px 2px #0005;font:700 26px Fraunces}.tile-coral{background:#d95845}.tile-gold{background:#c59112}.tile-teal{background:#147566}.tile-violet{background:#7057a5}.tile-joker{color:#18352d;background:linear-gradient(145deg,#fffaf0,#f1e4c8)}.tile.just-drawn{z-index:2;animation:1.6s ease-out drawn-glow}@keyframes drawn-glow{0%,28%{transform:translateY(-7px)scale(1.08);box-shadow:0 0 0 4px #fff,0 0 22px 9px #f5c94f,0 8px 16px #0004}to{transform:none;box-shadow:0 3px 8px #18352d2e}}.joker-icon{font-size:26px;line-height:1}.touch-drag-preview{z-index:40;pointer-events:none;opacity:.96;position:fixed;transform:translate(-50%,-100%)scale(1.12);box-shadow:0 8px 20px #0005,0 0 0 3px #f3c44d}.tap-flight{z-index:50;pointer-events:none;margin:0;position:fixed}.actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.player-area.turn-attention-rack{animation:1.4s ease-out turn-rack-glow}@keyframes turn-rack-glow{0%,to{box-shadow:var(--shadow)}18%,62%{box-shadow:0 0 0 4px #dfb84f99,0 0 28px 9px #dfb84f59,var(--shadow);border-color:#dfb84f}}.actions button,.modal .primary{cursor:pointer;border-radius:9px;min-height:43px;padding:0 18px;font-weight:700}.action-icon{font-size:20px;line-height:1}.actions button:disabled{opacity:.48;cursor:not-allowed}.tile:disabled{cursor:not-allowed;transform:none}.player-area.not-my-turn .actions button{opacity:.16;filter:grayscale()saturate(0);box-shadow:none;pointer-events:none}.secondary{border:1px solid var(--line);color:#50625a;background:#fff}.draw{color:#664e0e;background:#f6e4a5;border:1px solid #9b7f31;align-items:center;gap:10px;display:flex}.draw .mini-stack{box-shadow:3px -3px 0 -1px #f6e4a5,3px -3px}.primary{background:var(--green);color:#fff;border:1px solid #0f4336}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102e27cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:20px;width:min(500px,100%);padding:36px;position:relative;box-shadow:0 30px 70px #0005}.modal h2{margin:8px 0 18px;font:700 32px/1.1 Fraunces}.modal li{color:#4e6259;margin:13px 0}.modal .primary{margin-top:10px}.close{color:#64736d;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:18px}.win-modal{text-align:center}.trophy{color:#e5af28;font-size:54px}.win-modal .result-home-button{color:#fff;background:#195849;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:18px;display:flex}.result-home-button img{filter:brightness(0)invert();width:21px;height:21px}.lobby-modal{text-align:center}.lobby-icon,.result-face{font-size:58px}.players-ready{justify-content:center;gap:14px;margin:25px 0 14px;display:flex}.players-ready span{color:#7b8882;background:#eee8dc;border-radius:20px;padding:10px 14px}.players-ready span:before{content:"";background:#aaa;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.players-ready span.online:before{background:#28a56d;box-shadow:0 0 0 4px #28a56d22}.play-computer{cursor:pointer;border-radius:9px;min-height:43px;padding:0 18px;font-weight:700}.computer-hint{color:#7b8882;margin:8px 0 0;font-size:12px}.loading-screen{place-items:center;font-weight:700;display:grid}.signup-screen{place-items:center;padding:20px;display:grid}.signup-card{position:relative}.signup-card .brand-mark{margin-bottom:24px}.signup-card h1{margin:8px 0 12px;font:700 36px/1.1 Fraunces}.signup-card p{color:#63716b;line-height:1.55}.signup-card label{color:#50625a;gap:7px;margin-top:24px;font-weight:700;display:grid}.signup-card input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:0 14px}.signup-card .primary{border-radius:10px;width:100%;min-height:46px;margin-top:12px;font-weight:700}.form-error{color:#bd3935;margin-top:8px;font-size:13px}.notification-button{min-height:42px;color:var(--green);cursor:pointer;background:#edf7f3;border:1px solid #b8cfc6;border-radius:9px;margin:6px 6px 14px;padding:0 15px;font-weight:700}.game-list{gap:10px;margin:18px 0;display:grid}.game-card{border:1px solid var(--line);background:#f7f2e8;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.game-card strong,.game-card span{display:block}.game-card span{color:#6f7f78;margin-top:4px;font-size:12px}.game-card button{color:#a52d28;cursor:pointer;background:#f3d8d5;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.set-zone.last-turn-glow{animation:1s ease-out last-turn-set-glow}@keyframes last-turn-set-glow{0%,to{box-shadow:none;background:0 0;border-color:#0000}20%{background:#f0c84b12;border-color:#f0c84b;box-shadow:0 0 0 3px #f0c84b77,0 0 20px 6px #f0c84b66}}.toast{z-index:20;color:#fff;box-shadow:var(--shadow);background:#d9433f;border-radius:10px;padding:14px 18px;font-weight:700;position:fixed;top:92px;left:50%;transform:translate(-50%)}.toast button{color:#fff;background:0 0;border:0;margin-left:15px;font-size:18px}@media (width<=700px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html.game-scroll-lock,body.game-scroll-lock{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body.game-scroll-lock{position:fixed;inset:0}body.game-scroll-lock #root{height:100%;overflow:hidden}.game-active{height:var(--app-height,100dvh);overflow-anchor:none;flex-direction:column;min-height:0;display:flex;overflow:hidden}.game-active>*{min-width:0;max-width:100%}.topbar{flex:none;gap:9px;width:100%;height:52px;padding:0 10px;overflow:hidden}.brand-mark{border-radius:8px;width:34px;height:34px}.topbar h1{font-size:18px}.topbar p{display:none}.text-button{font-size:12px}.top-actions{min-width:0;overflow:hidden}.top-actions .text-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-actions .text-button:first-child{flex:auto}.top-actions .text-button:nth-child(2),.sound-button{flex:none}.opponent-panel{border-radius:9px 9px 0 0;flex:none;min-height:42px;margin:4px 6px 0;padding:3px 7px}.opponent-panel .eyebrow{display:none}.opponent-panel strong{margin:0;font-size:12px}.opponent-rack{border-radius:7px;gap:6px;min-width:0;padding:3px 6px}.opponent-rack b{font-size:10px}.rack-backs{min-width:0;overflow:hidden}.rack-backs span{border-width:1px;border-radius:4px;width:18px;min-width:18px;height:25px;margin-left:-7px}.table{flex-direction:column;flex:auto;width:calc(100% - 12px);min-width:0;max-width:calc(100% - 12px);min-height:0;margin:0 6px;display:flex;overflow:hidden}.turn-strip{flex:none;gap:5px;min-width:0;min-height:36px;padding:0 7px;font-size:10px}.turn-strip>div:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:125px;overflow:hidden}.board-mode-button{display:none}.bag-count{text-align:right;gap:4px;max-width:65px;margin-left:auto}.bag-count .mini-stack{display:none}.board{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;align-content:flex-start;gap:6px;min-height:90px;padding:7px;overflow:auto}.empty-board span{font-size:28px}.empty-board h2{margin:3px 0;font-size:19px}.empty-board p{font-size:11px}.set-zone{border-width:2px;border-radius:8px;min-width:126px;min-height:48px;padding:5px}.set-tiles{gap:3px}.board-footer{flex:none;align-items:stretch;gap:5px;margin:0 7px 5px;display:flex}.status-banner{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;padding:5px 8px;font-size:9px;overflow:hidden}.mobile-board-mode-button{color:#fff;cursor:pointer;background:#103d32;border:1px solid #ffffff3d;border-radius:7px;place-items:center;width:38px;min-width:38px;padding:0;font-size:11px;font-weight:750;line-height:1;display:grid}.board{touch-action:pan-x pan-y}.board.is-dragging{touch-action:none;overscroll-behavior:none}.board-zoom-0 .board,.board-zoom-1 .board,.board-zoom-2 .board{flex-wrap:wrap;align-items:flex-start;display:flex}.board-zoom-0 .set-zone{min-width:142px;padding:6px}.board-zoom-1 .set-zone{width:max-content;min-width:118px}.board-zoom-1 .set-zone .tile,.board-zoom-1 .set-zone .meld-slot-empty{width:32px;height:32px}.board-zoom-1 .set-zone .tile strong,.board-zoom-1 .set-zone .joker-icon{font-size:17px}.board-zoom-1 .set-zone .tile[data-digits="2"] strong{font-size:14px}.board-zoom-1 .set-zone .set-tiles{gap:2px}.board-zoom-2 .set-zone{width:max-content;min-width:102px}.board-zoom-2 .set-zone .tile,.board-zoom-2 .set-zone .meld-slot-empty{width:28px;height:28px}.board-zoom-2 .set-zone .tile{border-bottom-width:2px;border-radius:5px}.board-zoom-2 .set-zone .tile strong,.board-zoom-2 .set-zone .joker-icon{font-size:15px}.board-zoom-2 .set-zone .set-tiles{gap:2px}.board-zoom-2.board-crowded .board{gap:3px;padding:4px}.board-zoom-2.board-crowded .set-zone{border-radius:6px;min-width:76px;min-height:38px;padding:3px}.board-zoom-2.board-crowded .set-zone .tile,.board-zoom-2.board-crowded .set-zone .meld-slot-empty{width:22px;height:22px}.board-zoom-2.board-crowded .set-zone .tile{border-radius:4px}.board-zoom-2.board-crowded .set-zone .tile strong,.board-zoom-2.board-crowded .set-zone .joker-icon{font-size:12px}.board-zoom-2.board-crowded .set-zone .tile[data-digits="2"] strong{font-size:10px}.board-zoom-2.board-crowded .set-zone .set-tiles{gap:2px}.board-zoom-2.board-extra-crowded .board{gap:2px;padding:3px}.board-zoom-2.board-extra-crowded .set-zone{min-width:68px;min-height:34px;padding:2px}.board-zoom-2.board-extra-crowded .set-zone .tile,.board-zoom-2.board-extra-crowded .set-zone .meld-slot-empty{width:20px;height:20px}.board-zoom-2.board-extra-crowded .set-zone .tile strong,.board-zoom-2.board-extra-crowded .set-zone .joker-icon{font-size:11px}.board-zoom-2.board-extra-crowded .set-zone .tile[data-digits="2"] strong{font-size:9px}.board-zoom-2.board-extra-crowded .set-zone .set-tiles{gap:1px}.clear-meld{width:20px;height:20px;font-size:14px;top:-7px;right:-7px}.player-area{border-radius:0 0 10px 10px;flex:none;width:calc(100% - 12px);min-width:0;max-width:calc(100% - 12px);margin:0 6px 5px;padding:7px;overflow:hidden}.rack-heading{align-items:center;margin-bottom:4px}.rack-heading h2{margin:0 0 0 5px;font:600 13px Fraunces;display:inline}.rack-heading>div .eyebrow{display:inline}.rack-heading>span{font-size:10px}.rack{border-radius:8px;justify-content:center;gap:3px;min-width:0;min-height:0;padding:5px}.drag-hint{display:none}.tile,.rack-slot-empty,.meld-slot-empty{width:38px;height:38px}.tile{border-bottom-width:3px;border-radius:7px}.tile strong,.joker-icon{font-size:20px}.tile.selected{transform:translateY(-3px)}.tile{-webkit-user-drag:none}.actions{justify-content:center;gap:6px;margin-top:5px;display:flex}.actions button{place-items:center;width:46px;min-height:38px;padding:0;display:grid}.actions .draw{justify-content:center;display:flex}.actions .mini-stack{margin-left:-2px}.action-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rack-backs span:nth-child(n+11){display:none}}.topbar{background:#fffdf7;border-color:#eadfc9;height:72px;padding:0 40px}.brand-logo{height:auto;display:block}.brand-logo-horizontal{width:170px}.brand-logo-icon{width:41px;height:41px;display:none}.signup-logo{width:150px;height:auto;margin:0 auto 24px;display:block}.top-actions{gap:10px}.text-button,.sound-button{color:#173f36}.sound-button{background:#fffdf7;border-color:#d8c9aa;border-radius:13px}.opponent-panel{background:#fffdf7;border:0;border-radius:16px 16px 0 0;max-width:1312px;margin-top:18px}.rack-backs span{background:linear-gradient(135deg,#35665e,#284f49 54%,#193b36);border-color:#bcb5a9;box-shadow:inset 0 0 0 1px #dff9ef36,0 3px 5px #071b1752}.table{background:linear-gradient(145deg,#fff3,#0000 18% 75%,#00000059),repeating-linear-gradient(94deg,#6f4325 0 8px,#83522d 8px 15px,#59331e 15px 23px,#744426 23px 32px);border:1px solid #ffffff26;border-radius:30px;max-width:1384px;min-height:520px;padding:18px;box-shadow:inset 0 1px #ffffff57,inset 0 -6px 12px #1408036b,0 24px 64px #04141057}.turn-strip,.board,.board-footer{background-blend-mode:soft-light,multiply,normal;background-color:#12463b;background-image:-webkit-radial-gradient(circle at 50% 42%,#5091752e,#0000 48%),-webkit-linear-gradient(270deg,#ffffff0a,#0000001f),-webkit-image-set(url(/assets/images/emerald-baize-texture.avif) 1x type("image/avif"),url(/assets/images/emerald-baize-texture.webp) 1x type("image/webp"));background-image:radial-gradient(circle at 50% 42%,#5091752e,#0000 48%),linear-gradient(#ffffff0a,#0000001f),image-set("/assets/images/emerald-baize-texture.avif" 1x type("image/avif"),"/assets/images/emerald-baize-texture.webp" 1x type("image/webp"));background-size:auto,auto,576px 576px}.turn-strip{border:1px solid #ffffff14;border-bottom-color:#ffffff1f;border-radius:15px 15px 0 0;min-height:54px;padding:0 30px;font-weight:650}.board{border-inline:1px solid #ffffff14;min-height:360px}.board-footer{border-inline:1px solid #ffffff14;border-radius:0 0 15px 15px;padding:0 14px 14px}.status-banner{color:#fffdf7e0;background:#071d198c;margin:0}.player-area{background:#fffdf7;border-color:#d8c9aa;border-radius:0 0 22px 22px;max-width:1262px;margin:-1px auto 40px}.rack{background:linear-gradient(#ffffffb3,#f6efe1b8),repeating-linear-gradient(90deg,#f3ead8 0 5px,#ebe0cc 5px 10px);border-color:#d3c4a8;border-radius:18px;box-shadow:inset 0 9px 20px #4730121a,0 12px 27px #0318131f}.eyebrow,.set-label{font-family:InterVariable,sans-serif;font-weight:750}.rack-heading h2,.modal h2,.signup-card h1,.empty-board h2{font-variation-settings:"opsz" 36,"wght" 720,"SOFT" 45,"WONK" 1;font-family:Fraunces,serif}.set-zone,.set-zone.set-run,.set-zone.set-group{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-width:1px;border-color:#0000}.set-zone .set-label{opacity:0;transition:opacity .15s}.set-zone.turn-changing{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#e65b5612;border-color:#e65b56;box-shadow:inset 0 0 0 1px #e65b56}.set-zone.turn-changing.set-run,.set-zone.turn-changing.set-group{background:#05241d70;border-color:#77d4a3;box-shadow:inset 0 0 0 2px #77d4a3,0 11px 22px #04161224}.set-zone.turn-changing .set-label,.set-zone.drop-target .set-label,.set-zone.last-turn-glow .set-label{opacity:1}.set-label{color:#fffdf7b5}.tile{isolation:isolate;box-shadow:none;transform-origin:50% 82%;background:0 0;border:0;border-radius:16%;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,opacity .18s;position:relative}.tile.touch-drag-preview,.tile.tap-flight{position:fixed}.tile:after{content:"";z-index:0;background:linear-gradient(135deg,#71817d,#50625e 56%,#354743);border-radius:15%;position:absolute;inset:3% 4% 9%;box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 -2px 3px #04120f29,0 2px #293b37,0 5px 7px #1218151f}.tile-ruby:after{background:linear-gradient(135deg,#e77c6b,#c2493f 52%,#98322e)}.tile-amber:after{background:linear-gradient(135deg,#e0b64a,#b87913 32%,#96600a 58%,#684208)}.tile-jade:after{background:linear-gradient(135deg,#42968b,#1f7469 52%,#0d4e49)}.tile-amethyst:after{background:linear-gradient(135deg,#9278ce,#6c50ae 52%,#49327e)}.tile-joker:after{background:linear-gradient(135deg,#fffdf7,#f3eddf 55%,#d9cfbc)}.tile-art{z-index:1;filter:drop-shadow(0 2px 2px #1218153d)drop-shadow(0 6px 7px #12181521);pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.tile strong{z-index:2;font-variation-settings:"opsz" 72,"wght" 840,"SOFT" 80,"WONK" 0;text-shadow:0 .055em #00000047,0 .09em .16em #0000003d;margin-top:-.03em;font:840 26px/.9 Fraunces,serif;position:relative}.tile[data-digits="2"] strong{letter-spacing:-.075em;font-size:22px}.tile[data-value="6"] strong:after,.tile[data-value="9"] strong:after{content:"";background:currentColor;border-radius:50%;width:.13em;height:.13em;position:absolute;bottom:-.24em;left:50%;transform:translate(-50%)}.joker-icon{z-index:2;font-size:0;position:relative}.tile.selected{transform:translateY(-6px)scale(1.04);box-shadow:0 0 0 3px #f5cd63,0 8px 15px #0003}.actions button,.modal .primary{border-radius:14px;min-height:47px;padding:0 16px;font-family:InterVariable,sans-serif;box-shadow:inset 0 1px #ffffffa6,0 3px 7px #0418131f}.actions .primary{background:#195849;border-color:#0d3d33;box-shadow:inset 0 1px #ffffff2e,0 4px #092d26,0 8px 13px #0418132e}.actions .draw{color:#412c0b;background:#f4dda0;border-color:#b68120;box-shadow:inset 0 1px #ffffffa6,0 4px #9c6a18,0 8px 13px #04181326}.action-icon{width:22px;height:22px;display:block}.actions button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary:focus-visible,.secondary:focus-visible,.draw:focus-visible,.text-button:focus-visible,.sound-button:focus-visible,.mobile-board-mode-button:focus-visible{outline-offset:3px;outline:3px solid #dfb84f}@media (prefers-reduced-motion:reduce){.turn-announcement.show,.player-area.turn-attention-rack{animation-duration:.01ms}}@media (width<=700px){.topbar{height:60px;padding:0 max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right))}.brand-logo-horizontal{display:none}.brand-logo-icon{width:41px;height:41px;display:block}.top-actions .text-button:first-child{font-size:12px}.opponent-panel{grid-template-columns:auto 1fr;gap:4px 9px;padding:5px 7px 7px;display:grid}.opponent-name{grid-area:1/1;align-self:center}.opponent-rack{grid-area:2/1/auto/-1;grid-template-columns:1fr auto 1fr;gap:6px;width:100%;min-height:35px;padding:4px 7px;display:grid}.rack-backs{grid-column:2;justify-self:center;max-width:100%}.opponent-rack b{grid-column:3;place-self:center end}.table{border-radius:0;min-height:0;margin:0 6px;padding:6px}.turn-strip{border-radius:7px 7px 0 0;min-height:36px;padding:0 7px}.board{min-height:90px}.board-footer{border-radius:0 0 7px 7px;padding:0 7px 5px}.board-footer .status-banner{padding:5px 8px}.player-area{width:calc(100% - 24px);max-width:calc(100% - 24px);margin:0 12px max(7px,env(safe-area-inset-bottom));border-radius:0 0 14px 14px;padding:9px}.rack{border-radius:11px}.tile strong{font-size:20px}.tile[data-digits="2"] strong{font-size:16px}.board-overview .set-zone .tile strong{font-size:15px}.board-overview .set-zone .tile[data-digits="2"] strong{font-size:12px}.actions button{width:51px;min-width:51px;min-height:51px;padding:0}.action-icon{width:23px;height:23px}.board{overflow-anchor:none}}.home-active{color:#fffdf7;background-blend-mode:soft-light,multiply,normal;background-color:#0d332c;background-image:-webkit-radial-gradient(circle at 50% 10%,#5b997f38,#0000 37rem),-webkit-linear-gradient(270deg,#ffffff08,#0000001f),-webkit-image-set(url(/assets/images/emerald-baize-texture.avif) 1x type("image/avif"),url(/assets/images/emerald-baize-texture.webp) 1x type("image/webp"));background-image:radial-gradient(circle at 50% 10%,#5b997f38,#0000 37rem),linear-gradient(#ffffff08,#0000001f),image-set("/assets/images/emerald-baize-texture.avif" 1x type("image/avif"),"/assets/images/emerald-baize-texture.webp" 1x type("image/webp"));background-size:auto,auto,576px 576px;min-height:100dvh}.home-active:after{z-index:30;content:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000 38%,#00000047),repeating-linear-gradient(94deg,#6f4325 0 8px,#83522d 8px 15px,#59331e 15px 23px,#744426 23px 32px);border-top:1px solid #e0ba58;height:10px;position:fixed;inset:auto 0 0;box-shadow:0 -3px #55320ecc,0 -7px 24px #02130f40}.home-topbar{z-index:20;position:relative;box-shadow:0 7px 26px #0414102e}.home-topbar .top-actions{gap:8px}.header-icon-button,.home-button{color:#173f36;cursor:pointer;background:#fbf7ed;border:1px solid #ddd2bd;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;font-weight:750;display:inline-flex}.header-icon-button img,.home-button img{width:20px;height:20px}.home-button{padding:0 16px}.account-pill{color:#0b2923;background:#fbf7ed;border:1px solid #ddd2bd;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 5px;font-size:12px;font-weight:750;display:inline-flex}.account-pill b{color:#fff;background:linear-gradient(145deg,#e97a66,#b94436);border-radius:50%;place-items:center;width:34px;height:34px;font:800 11px Fraunces;display:grid;box-shadow:inset 0 1px #ffffff59,0 2px #8f3029}.home-screen{width:min(100% - 40px,1240px);margin:auto;padding:clamp(24px,3vw,44px) 0 52px}.home-hero{border-bottom:1px solid #fffdf726;align-items:center;gap:26px;min-height:136px;padding:16px 16px 26px;display:flex}.home-hero .eyebrow{color:#fffdf7;opacity:.68}.home-hero h1{color:#fffdf7;letter-spacing:-.035em;margin:0;font:720 clamp(38px,4.4vw,64px)/.98 Fraunces}.home-hero p{color:#fffdf7b3;margin:9px 0 0;font-size:14px}.home-summary{background:#03181342;border:1px solid #ffffff26;border-radius:14px;grid-template-columns:auto auto;align-items:center;gap:3px 8px;min-width:114px;margin-left:auto;padding:11px 14px;display:grid}.home-summary i{background:#f2d477;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f2d4771a}.home-summary strong{font:720 26px/1 Fraunces}.home-summary span{color:#fffdf7a8;grid-column:1/-1;font-size:10px}.home-tile-stack{flex:none;width:136px;height:80px;position:relative}.home-tile-stack span{color:#fff;text-shadow:0 1px #0006;border-radius:10px;place-items:center;width:54px;height:54px;font:840 23px Fraunces;display:grid;position:absolute;top:16px;box-shadow:inset 0 1px #ffffff57,inset 0 -3px #00000021,0 4px #0005,0 9px 13px #0316112e}.home-tile-stack span:first-child{background:linear-gradient(135deg,#e77c6b,#c2493f 54%,#98322e);left:0;transform:rotate(-11deg)}.home-tile-stack span:nth-child(2){z-index:2;background:linear-gradient(135deg,#42968b,#1f7469 54%,#0d4e49);top:6px;left:39px}.home-tile-stack span:nth-child(3){z-index:3;background:linear-gradient(135deg,#9278ce,#6c50ae 54%,#49327e);left:78px;transform:rotate(11deg)}.home-layout{grid-template-columns:minmax(0,1.64fr) minmax(320px,.82fr);gap:22px;padding-top:22px;display:grid}.home-section{border:1px solid #ffffff5c;border-radius:25px;min-width:0;padding:clamp(16px,2vw,24px);box-shadow:0 20px 56px #0314103d}.home-games{color:#0b2923;background:#fffdf7}.new-game-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#041d176b}.home-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:55px;margin-bottom:14px;display:flex}.home-section-heading .eyebrow{color:#61716b;opacity:1;margin:0 0 6px;display:block}.new-game-section .home-section-heading .eyebrow{color:#fffdf794}.home-section h2{letter-spacing:-.025em;margin:0;font:720 clamp(23px,2.3vw,32px)/1 Fraunces}.home-section>.notification-button{margin:0}.home-game-list{gap:14px;display:grid}.home-game-card{background:linear-gradient(145deg,#fffdf7,#f6eedf);border:1px solid #ded3be;border-radius:18px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:170px;padding:17px;display:grid;box-shadow:inset 0 1px #fff,0 10px 22px #2a1f0f12}.home-game-card.priority{border-color:#d5b965;box-shadow:inset 0 1px #fff,0 0 0 2px #dfb84f1f,0 12px 26px #2a1f0f1a}.home-game-mark{color:#fff;background:linear-gradient(145deg,#e97a66,#b94436);border-radius:16px;place-items:center;width:64px;height:64px;font:800 32px Fraunces;display:grid;box-shadow:inset 0 1px #ffffff52,inset 0 -4px #00000026,0 3px #0003,0 9px 16px #03161124}.home-game-mark.computer{background:linear-gradient(145deg,#3f9587,#14574d)}.home-game-mark img{filter:brightness(0)invert();width:28px}.home-game-body{min-width:0}.home-game-body>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-game-body .eyebrow{color:#65766f;opacity:1;margin:0}.home-game-body h3{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 8px;font:720 23px/1 Fraunces;overflow:hidden}.home-game-body p{color:#5f706a;margin:0;font-size:12px}.turn-badge{color:#5e420b;white-space:nowrap;background:#f6e4aa;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:760;display:inline-flex}.turn-badge.quiet{color:#49605a;background:#e7e4da}.continue-button{color:#fffdf7;cursor:pointer;background:linear-gradient(#ffffff1a,#0000 52%),#195849;border:1px solid #0d3d33;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:124px;min-height:48px;padding:0 15px;font-weight:760;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 4px #092d26,0 7px 13px #04181326}.continue-button img{filter:brightness(0)invert();width:16px}.home-empty{color:#607069;background:#f7f1e5;border:1px dashed #d2c7b1;border-radius:18px;justify-content:center;align-items:center;gap:16px;min-height:170px;display:flex}.home-empty>span{color:#c3952f;font-size:38px}.home-empty h3{margin:0;font:720 20px Fraunces}.home-empty p{margin:4px 0 0;font-size:12px}.new-game-grid{gap:14px;display:grid}.new-game-card{color:#0b2923;text-align:left;cursor:pointer;background:linear-gradient(145deg,#fffdf7,#f5ecdb);border:1px solid #ded3be;border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:154px;padding:17px;transition:transform .16s,filter .16s;display:grid;box-shadow:inset 0 1px #fff,0 14px 27px #0314102e}.new-game-card:disabled{opacity:.55;cursor:not-allowed}.new-game-card:not(:disabled):hover{filter:brightness(1.035);transform:translateY(-2px)}.new-game-icon{border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff61,inset 0 -3px #0002}.computer-card .new-game-icon{background:linear-gradient(145deg,#f4d77c,#d49c24)}.player-card .new-game-icon{background:linear-gradient(145deg,#49a794,#1a6659)}.new-game-icon img{width:24px}.player-card .new-game-icon img{filter:brightness(0)invert()}.new-game-card>span:nth-child(2){gap:4px;min-width:0;display:grid}.new-game-card small{color:#6a7772;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:780}.new-game-card strong{font:720 20px/1 Fraunces}.new-game-card em{color:#607069;max-width:240px;font-size:11px;font-style:normal;line-height:1.45}.card-chevron{opacity:.65;width:16px}.home-help-card{color:#fffdf7;text-align:left;cursor:pointer;background:#fffdf712;border:1px solid #ffffff2e;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:78px;margin-top:14px;padding:13px;display:grid}.home-help-card>span:first-child{background:#f2d47714;border:1px solid #f2d4776b;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.home-help-card img{filter:brightness(0)invert(89%)sepia(37%)saturate(758%)hue-rotate(351deg);width:20px}.home-help-card>img:last-child{opacity:.6;filter:brightness(0)invert();width:16px}.home-help-card strong,.home-help-card small{display:block}.home-help-card strong{font-size:12px}.home-help-card small{color:#fffdf794;margin-top:3px;font-size:10px}.new-game-note{color:#fffdf799;margin:12px 4px 0;font-size:11px}.rules-modal>p{color:#5d6e67;line-height:1.5}.help-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.help-grid article{background:#f6efe3;border:1px solid #ded3be;border-radius:13px;padding:14px}.help-grid article>b{color:#fff;background:#195849;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.help-grid h3{margin:9px 0 4px;font:720 16px Fraunces}.help-grid p{color:#61716b;margin:0;font-size:11px;line-height:1.4}.header-icon-button:focus-visible,.home-button:focus-visible,.continue-button:focus-visible,.new-game-card:focus-visible,.home-help-card:focus-visible{outline-offset:3px;outline:3px solid #dfb84f}@media (width<=1020px){.home-layout{grid-template-columns:1fr}.new-game-grid{grid-template-columns:1fr 1fr}.new-game-card{min-height:140px}}@media (width<=700px){.home-active{height:auto;min-height:100dvh;overflow:auto}.home-active:after{height:7px}.home-topbar{height:60px}.home-topbar .brand-logo-icon{display:block}.home-topbar .brand-logo-horizontal{display:none}.home-topbar .header-icon-button,.home-topbar .sound-button{width:44px;height:44px;padding:0}.account-pill{background:0 0;border:0;width:44px;padding:0}.account-pill b{width:38px;height:38px}.account-pill span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.game-topbar .home-button{min-height:42px;padding:0 12px}.home-screen{width:calc(100% - 16px);padding:9px 0 28px}.home-hero{gap:10px;min-height:80px;padding:6px 2px 11px}.home-hero .eyebrow,.home-tile-stack{display:none}.home-hero h1{font-size:clamp(27px,8.2vw,33px)}.home-hero p{margin-top:4px;font-size:11px}.home-summary{gap:2px 5px;min-width:78px;padding:8px 10px}.home-summary strong{font-size:20px}.home-summary span{font-size:8px}.home-layout{gap:10px;padding-top:10px}.home-section{border-radius:16px;padding:10px}.home-section-heading{min-height:36px;margin-bottom:8px}.home-section-heading .eyebrow{display:none}.home-section h2{font-size:20px}.home-section .notification-button{min-height:44px;margin:0;padding:0 10px;font-size:10px}.home-game-list{gap:8px}.home-game-card{border-radius:12px;grid-template-columns:46px minmax(0,1fr) 44px;gap:9px;min-height:88px;padding:9px}.home-game-mark{border-radius:11px;width:46px;height:46px;font-size:22px}.home-game-mark img{width:21px}.home-game-body>div{display:block}.home-game-body .eyebrow{display:none}.home-game-body h3{margin:0 0 4px;font-size:16px}.home-game-body p{font-size:9px}.turn-badge{min-height:21px;padding:0 6px;font-size:8px}.continue-button{border-radius:11px;width:44px;min-width:44px;min-height:44px;padding:0}.continue-button span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.home-empty{min-height:88px}.home-empty h3{font-size:16px}.home-empty p{font-size:10px}.new-game-grid{grid-template-columns:1fr 1fr;gap:8px}.new-game-card{border-radius:13px;grid-template-columns:40px minmax(0,1fr);align-content:center;gap:8px;min-height:124px;padding:10px}.new-game-icon{border-radius:10px;width:40px;height:40px}.new-game-icon img{width:19px}.new-game-card strong{font-size:16px}.new-game-card small{font-size:7px}.new-game-card em{grid-column:1/-1;font-size:9px}.card-chevron{width:14px;position:absolute;bottom:12px;right:12px}.new-game-card{position:relative}.home-help-card{border-radius:12px;min-height:64px;margin-top:8px;padding:8px}.home-help-card small{font-size:9px}.rules-modal{max-height:90dvh;padding:28px 18px;overflow:auto}.help-grid{grid-template-columns:1fr}}@media (width<=390px){.home-screen{width:calc(100% - 12px)}.home-section{padding:8px}.new-game-card{min-height:112px;padding:8px}.new-game-card em,.home-help-card small{display:none}}@media (width<=700px){.game-topbar{height:52px;padding:0 max(8px,env(safe-area-inset-left)) 0 max(8px,env(safe-area-inset-right))}.game-topbar>.brand-logo{display:none}.game-topbar .top-actions{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:7px;width:100%;min-width:0;margin:0;display:grid;overflow:visible}.game-topbar .home-button,.header-zoom-button{color:#173f36;cursor:pointer;background:#fbf7ed;border:1px solid #ddd2bd;border-radius:11px;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-weight:800;display:grid}.game-topbar .home-button span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.game-topbar .home-button img{width:21px;height:21px}.header-zoom-button{grid-column:3;font-size:11px}.game-matchup{color:#173f36;text-align:center;grid-column:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:800;display:grid}.game-matchup span{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.game-matchup span:last-child{justify-content:flex-start}.game-matchup b{color:#9a8b70}.game-matchup i{background:0 0;border-radius:50%;flex:none;width:7px;height:7px}.game-matchup i.active{background:#dfb84f;box-shadow:0 0 0 3px #dfb84f29}.game-active .opponent-panel{border-radius:8px 8px 0 0;min-height:35px;margin:0 6px;padding:3px 6px;display:block}.game-active .opponent-name{display:none}.game-active .opponent-rack{grid-template-rows:1fr;grid-template-columns:1fr auto;min-height:29px;padding:2px 6px}.game-active .rack-backs{grid-column:1;justify-self:center}.game-active .opponent-rack b{grid-column:2;justify-self:end}.game-active .turn-strip{display:none}.game-active .table{padding-top:6px}.game-active .board-footer{align-items:center;gap:6px;padding-top:5px}.mobile-bag-count{color:#fffdf7d6;justify-content:flex-end;align-items:center;gap:4px;min-width:48px;font-size:10px;display:flex}.crossed-tiles{width:23px;height:22px;display:inline-block;position:relative}.crossed-tiles i{background:#12463b;border:1.5px solid #f0d272;border-radius:3px;width:12px;height:17px;position:absolute;top:2px;left:6px;transform:rotate(-45deg)}.crossed-tiles i:last-child{transform:rotate(45deg)}.game-active .player-area{width:calc(100% - 12px);max-width:calc(100% - 12px);margin:0 6px max(5px,env(safe-area-inset-bottom));border-radius:0 0 10px 10px;padding:6px 7px 7px}.game-active .rack-heading{display:none}.game-active .rack{border-radius:8px}}