:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26332e;background:#f8f8f2;font-synthesis:none;--green:#254e3b;--muted:#899087;--line:#e4e6dc;--accent:#d7ee88}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #a6be69;outline-offset:3px}button{color:inherit}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px;background:#fafbf6}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:30px;letter-spacing:-1.4px;font-weight:bold}.brand-icon{font-family:Georgia,serif;display:inline-flex;background:#2b4d3b;color:#f3f4df;position:relative;border-radius:9px;align-items:center;justify-content:center;width:36px;height:38px;font-size:34px;line-height:1;letter-spacing:-5px;padding-right:5px}.brand-icon>span{font-size:17px;position:absolute;top:0;right:-3px;color:#d7ec97;letter-spacing:0}.beta{font:9px ui-monospace,monospace;letter-spacing:1px;border:1px solid #ced5c6;border-radius:4px;padding:4px 5px;margin:3px 0 0 4px;color:#66735f}nav{display:flex;align-items:center;gap:16px;margin:auto;font-size:11px;color:#7e877b}.world-label{font-size:10px;letter-spacing:1.5px;color:#435440;display:flex;align-items:center;gap:8px}.live-dot{background:#7b9c56;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #edf1e3}.separator{width:1px;height:15px;background:var(--line)}.profile{display:flex;align-items:center;gap:9px;font-size:12px;max-width:210px}.profile>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-flex;width:30px;height:30px;background:#e3ecc9;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700}.chevron{margin-left:8px;color:#8c9589}main{display:grid;grid-template-columns:265px minmax(420px,1fr) 280px;min-height:calc(100dvh - 84px)}.sidebar{padding:34px 25px;position:relative}.left-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.55px;color:#7a856e}h1{font-family:Georgia,serif;font-weight:normal;font-size:35px;line-height:1.1;letter-spacing:-1.3px;margin:17px 0 15px}p{line-height:1.7}.intro{font-size:11px;color:#7e877b;line-height:1.9;margin:0 0 30px}.panel{border:1px solid #dce2cf;border-radius:10px;background:#eef2e3;padding:18px}.section-heading{font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#727e67}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#8d9659}.score-line{display:flex;gap:12px;align-items:center;margin:15px 0 18px;position:relative}.score-line>#score{font-family:Georgia,serif;font-size:49px;line-height:1;letter-spacing:-2px}.score-line>span:nth-child(2){font-size:10px;line-height:1.7}.muted{color:#8b9382}.score-flower{width:39px;height:39px;fill:#d2dea9;margin-left:auto;transform:rotate(10deg)}.territory-stats{display:flex;gap:14px;border-top:1px solid #dce2ce;padding-top:12px;font-size:9px;color:#8c937d;white-space:nowrap}.territory-stats b{color:#4c5f42;font-weight:600}.howto{margin-top:31px}.step{display:flex;gap:12px;margin-top:21px}.step>span{font:10px ui-monospace,monospace;color:#a4ac96;padding-top:2px}.step b{font-size:11px;font-weight:600}.step p{font-size:10px;color:#8b9285;margin:5px 0 0;line-height:1.8}.text-button{font-size:10px;padding:0;margin-top:20px;border-bottom:1px solid #bcc6aa;padding-bottom:5px}.text-button>span{margin-left:15px}.daily-note{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:11px;font-size:10px}.sun{font-size:25px;color:#a7a06d}.daily-note p{font-size:9px;color:#8a917f;margin:4px 0}.daily-note b{color:#6a775b;font-family:ui-monospace,monospace;font-weight:normal}.sidebar-bottom{margin-top:auto;padding-top:35px;font:7px ui-monospace,monospace;letter-spacing:1px;color:#a3aa95;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.sidebar-bottom span{font-size:20px}.play-area{position:relative;min-height:760px;height:calc(100dvh - 84px);overflow:hidden;background:#e9ecdf}.board-top{position:absolute;left:24px;right:24px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.board-top>*{pointer-events:auto}.world-chip{display:flex;align-items:center;gap:8px;border:1px solid #dde2d2;background:#f9faf3e8;border-radius:7px;padding:9px 12px;box-shadow:0 2px 4px #26332e03;font-size:10px}.world-chip>span:first-child{font-size:14px;color:#78896a}.day-label{font:8px ui-monospace,monospace;letter-spacing:1px;color:#98a08c;margin-left:14px}.icon-button{border:1px solid #d7ddcd;border-radius:50%;background:#f9faf4;width:27px;height:27px;font-size:12px;color:#869079}#canvasWrap{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.board-notice{position:absolute;top:91px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#fafbf5eb;border:1px solid #dce2ce;border-radius:8px;padding:12px 18px;font-size:11px;width:max-content;max-width:90%;pointer-events:none;box-shadow:0 3px 14px #1f3c2905}.board-notice small{display:block;color:#9aA18d;font-size:9px;margin-top:4px}.sparkle{font-size:21px;color:#8c9a64}.board-bottom{pointer-events:none;position:absolute;bottom:199px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center;gap:10px}.legend{display:flex;gap:12px;background:#f5f7eeba;padding:7px;border-radius:6px}.legend>span{font-size:8px;color:#87917c;display:flex;align-items:center;gap:4px;white-space:nowrap}.bonus{font:6px ui-monospace,monospace;width:18px;height:18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-style:normal}.dl{background:#d7e4d7;color:#789982}.tl{background:#cadfdc;color:#5d938c}.dw{background:#ebdcce;color:#b08e6c}.tw{background:#e6d0ce;color:#b17470}.board-tools{pointer-events:auto;display:flex;align-items:center;border:1px solid #dce1d2;background:#f9faf2;border-radius:7px;padding:2px;box-shadow:0 2px 4px #00000003}.board-tools button{width:26px;height:28px;font-size:15px}.board-tools>span{font:8px ui-monospace,monospace;color:#929b85;min-width:31px;text-align:center}.board-tools .tool-divider{min-width:0;width:1px;height:15px;background:var(--line);margin:0 5px}.rack-dock{position:absolute;bottom:23px;left:24px;right:24px;border:1px solid #d7ddca;background:#fafbf5f5;border-radius:13px;padding:17px 19px 11px;box-shadow:0 10px 30px #263c2410;backdrop-filter:blur(12px)}.rack-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;color:#69775d}.rack-count{color:#a4ac98;letter-spacing:0;margin-left:7px;font-size:8px}.rack-hint{font-family:Georgia,serif;font-style:italic;letter-spacing:0;font-size:11px;color:#9aa389}.rack-row{display:flex;gap:14px;align-items:center;margin-top:16px}.rack{display:flex;gap:6px;flex:1;min-width:0}.tile{position:relative;background:#eee9d8;border:1px solid #dad3bd;border-bottom:3px solid #cec5aa;border-radius:6px;display:flex;align-items:center;justify-content:center;width:43px;height:49px;font-size:25px;line-height:1;font-family:Georgia,serif;font-weight:normal;color:#394733;padding:0;flex:1;max-width:48px;box-shadow:0 2px 2px #3c3d2310;transition:transform .12s,background .12s;touch-action:none;user-select:none}.tile sub{position:absolute;right:5px;bottom:5px;font:8px ui-monospace,monospace}.tile:hover{transform:translateY(-4px);background:#f4efdf}.tile.selected{transform:translateY(-6px);outline:2px solid #608154;outline-offset:2px;background:#e5eacb}.tile.placed{opacity:.25;border-style:dashed}.rack-actions{display:flex;gap:9px;align-items:center}.shuffle{width:25px;font-size:23px;color:#98a287}.submit{background:#294e3b;color:#eff3e5;border:1px solid #294e3b;border-radius:6px;padding:14px 14px;font-size:10px;white-space:nowrap;box-shadow:0 2px 1px #102b2020}.submit:disabled{background:#e9eddf;border-color:#e0e5d7;color:#8d997e;opacity:1}.submit span{margin-left:12px}.rack-foot{display:flex;align-items:center;gap:13px;font-size:8px;color:#9aa38c;border-top:1px solid #e5e8dc;margin-top:14px;padding-top:10px}.rack-foot>span{margin-right:auto}.keycap{border:1px solid #dce2d1;border-radius:3px;font-size:8px;font-style:normal;padding:1px 3px;margin-right:4px}.keycap:nth-of-type(2){margin-left:8px}.rack-foot button{font-size:9px;color:#8c997f;padding:0}.right-sidebar{border-left:1px solid var(--line);padding:35px 23px 20px;display:flex;flex-direction:column}.right-sidebar .eyebrow{font-size:8px;letter-spacing:1px}h2{font-family:Georgia,serif;font-weight:normal;font-size:25px;letter-spacing:-.7px;margin:12px 0 19px}.leaderboard h2{display:flex;align-items:center;justify-content:space-between}.leaderboard h2 span{font-size:22px;color:#9da87f;transform:rotate(-10deg)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:17px;margin-bottom:15px}.tabs button{font-size:10px;padding:0 0 10px;color:#a1a794;position:relative}.tabs button.active{color:#405836}.tabs button.active:after{content:"";height:2px;background:#698158;position:absolute;bottom:-1px;left:0;right:0}.leader-row{display:flex;align-items:center;gap:9px;min-height:43px;border-bottom:1px solid #edf0e5;font-size:10px}.leader-row.you{background:#eef2e3;margin:0 -8px;padding:0 8px;border-radius:5px;border-bottom:0}.leader-number{width:12px;color:#a3aa98;font:9px ui-monospace,monospace}.leader-avatar{border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff}.leader-name{max-width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.leader-score{margin-left:auto;font:10px ui-monospace,monospace;color:#57664a}.leader-footer{text-align:center;color:#a5ac97;font-family:Georgia,serif;font-style:italic;font-size:10px;padding:17px 0;border-bottom:1px solid var(--line)}.empty{font-size:11px;line-height:1.8;color:#99a18b;padding:15px 0}.empty b{display:block;font-weight:500;color:#637358;margin-bottom:5px}.nearby{margin-top:25px}.nearby .section-heading>span{font:9px ui-monospace,monospace;border:1px solid #dfe4d5;border-radius:4px;padding:2px 5px}.neighbour{display:flex;align-items:center;font-size:10px;gap:8px;margin-top:15px}.neighbour>i{width:7px;height:7px;border-radius:50%}.neighbour>span{margin-left:auto;color:#8b957f;font:9px ui-monospace,monospace}.fog-explainer{font-size:9px;color:#a0a892;position:relative;padding-left:25px;line-height:1.9;margin:18px 0 0}.fog-explainer>span{position:absolute;left:0;top:0;font-size:22px;color:#a5ae94}.activity{margin-top:30px}.activity-row{font-size:9px;color:#8a967d;line-height:1.6;padding:11px 0;border-bottom:1px solid #edf0e6}.activity-row>span{display:block;font:8px ui-monospace,monospace;color:#b0b6a6;margin-top:3px}.invite-card{border:1px solid #e0e5d5;border-radius:10px;background:#f0f3e8;padding:20px 16px 14px;margin-top:auto;position:relative}.invite-illustration{display:flex;justify-content:center;gap:3px;position:relative;height:44px;margin-bottom:13px}.invite-illustration>span{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:35px;background:#e1e7ce;border:1px solid #cfd8b5;border-bottom:3px solid #c1cda1;border-radius:4px;font:22px Georgia,serif;transform:rotate(-9deg);color:#66774d}.invite-illustration>span:nth-child(2){transform:translateY(5px) rotate(5deg);background:#e9e5d5;color:#8c8865}.invite-illustration>span:nth-child(3){transform:rotate(12deg);background:#e5d9cd;color:#9e8069}.invite-illustration sub{position:absolute;bottom:3px;right:3px;font:6px ui-monospace,monospace}.invite-illustration>i{position:absolute;right:14px;font-style:normal;color:#b8c79b;font-size:22px;top:-4px}.invite-card h3{font-family:Georgia,serif;font-size:15px;font-weight:normal;text-align:center;letter-spacing:-.4px;margin:0}.invite-card p{font-size:9px;color:#9aa38c;text-align:center;line-height:1.9;margin:8px 0 13px}.invite-card button{border:1px solid #d3dcc3;background:#f8faef;border-radius:5px;width:100%;padding:9px 12px;font-size:9px;text-align:left;color:#6c7d5c}.invite-card button span{float:right}.right-sidebar footer{font-family:Georgia,serif;font-size:9px;color:#aab19d;text-align:center;margin-top:18px}.right-sidebar footer span{margin-left:7px}#toast{position:fixed;z-index:10;top:96px;left:50%;transform:translate(-50%,-15px);background:#294e3b;color:#f4f7ed;border-radius:8px;padding:13px 20px;font-size:12px;box-shadow:0 8px 30px #19322120;opacity:0;transition:all .2s;pointer-events:none;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#86554b}dialog{border:1px solid #d9dfcc;border-radius:16px;padding:37px;max-width:530px;width:calc(100% - 30px);background:#fafbf4;color:#3d4c35;box-shadow:0 25px 100px #17271d30}dialog::backdrop{background:#23352bc0;backdrop-filter:blur(5px)}dialog h2{font-size:33px}dialog p{font-size:11px;line-height:1.8}dialog .close-dialog{position:absolute;top:12px;right:15px;font-size:24px;color:#8f9b7f}.primary{display:block;background:#294e3b;color:#f5f7eb;border-radius:6px;padding:13px 18px;font-size:12px;margin-top:23px}form label{font-size:11px;display:block;margin-bottom:8px}input{width:100%;padding:12px;border:1px solid #cad4bb;border-radius:6px;background:#fffef8;color:#3a4b32}.drag-ghost{position:fixed;pointer-events:none;z-index:50;width:44px;height:48px;background:#e6eaca;border:2px solid #638052;border-radius:6px;display:flex;align-items:center;justify-content:center;font:27px Georgia,serif;box-shadow:0 10px 22px #28342130;transform:translate(-50%,-60%)} @media(min-width:1550px){main{grid-template-columns:290px minmax(450px,1fr) 310px}.sidebar{padding-left:30px;padding-right:30px}.rack-dock{max-width:690px;margin:auto}.tile{max-width:52px;height:56px}.rack-row{gap:25px}.rack{gap:9px}.play-area{min-height:800px}}@media(max-width:1150px){main{grid-template-columns:220px minmax(400px,1fr)}.right-sidebar{display:none}.sidebar{padding:28px 19px}.topbar{padding:0 22px}.board-bottom{left:15px;right:15px}.rack-dock{left:15px;right:15px;padding:16px 14px 11px}.legend{gap:8px}.rack-hint{font-size:10px}.tile{height:47px;min-width:28px}.rack-row{gap:8px}.rack-actions{gap:4px}.submit{padding:13px 10px}.submit span{margin-left:7px}} @media(max-width:700px){.topbar{height:64px;padding:0 15px;gap:12px}.brand{font-size:25px;gap:7px}.brand-icon{width:29px;height:31px;font-size:29px}.brand-icon>span{font-size:14px}.beta{display:none}nav{font-size:9px;margin-left:auto;margin-right:0}.world-label,.separator{display:none}.profile{gap:0}.profile>span:not(.avatar){display:none}main{display:block;min-height:calc(100dvh - 64px)}.left-sidebar{display:none}.play-area{height:calc(100dvh - 64px);min-height:570px}.board-top{top:16px;left:15px;right:15px}.board-notice{top:72px}.board-bottom{bottom:184px;left:10px;right:10px}.legend{gap:6px;padding:5px}.legend>span{font-size:7px}.bonus{width:15px;height:16px}.board-tools button{width:23px}.board-tools>span{font-size:7px;min-width:26px}.board-tools .tool-divider{margin:0 2px}.rack-dock{bottom:15px;left:10px;right:10px;padding:14px 11px 11px}.rack-heading{font-size:8px;letter-spacing:.7px}.rack-hint{font-size:9px}.rack-count{margin-left:3px}.rack{gap:4px}.tile{height:43px;min-width:24px;font-size:23px;border-radius:4px}.tile sub{font-size:7px;right:3px;bottom:4px}.rack-row{margin-top:14px;gap:6px}.shuffle{width:20px;font-size:20px;padding:0}.rack-actions{gap:4px}.submit{font-size:9px;padding:13px 8px}.submit span{display:none}.rack-foot{font-size:7px;gap:10px}.rack-foot button{font-size:8px}.keycap{font-size:7px}.world-chip{font-size:9px}.day-label{font-size:7px}.board-notice{font-size:10px;padding:11px 14px}} @media(prefers-reduced-motion:reduce){*{transition:none!important}} /* Keep the rack available on laptop-height screens. Sidebars scroll independently. */ @media(min-width:701px){main{height:calc(100dvh - 84px);min-height:560px}.sidebar{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d7ddca transparent}.play-area{min-height:560px}} @media(min-width:701px) and (max-height:850px){.sidebar{padding-top:25px;padding-bottom:18px}h1{font-size:31px;margin-top:13px}.intro{margin-bottom:21px}.panel{padding:15px}.score-line{margin:12px 0 15px}.howto{margin-top:24px}.step{margin-top:16px}.daily-note{margin-top:25px;padding-top:17px}.sidebar-bottom{padding-top:20px}.invite-card{margin-top:25px}.nearby{margin-top:20px}.activity{margin-top:23px}} .mobile-leaders,.mobile-score,.close-sidebar{display:none} @media(max-width:1150px){.mobile-leaders{display:block;font-size:20px;color:#6c8057;padding:3px}.mobile-score{display:block;font:11px ui-monospace,monospace;color:#667d4c;white-space:nowrap}.topbar{gap:15px}.right-sidebar.open{display:flex;position:fixed;right:0;top:84px;bottom:0;width:290px;z-index:8;background:#f8faf1;box-shadow:-15px 0 50px #233d2b25;overflow-y:auto}.close-sidebar{display:block;position:absolute;top:6px;right:10px;font-size:23px;color:#8b9879}.right-sidebar.open .invite-card{margin-top:25px}} @media(max-width:700px){.topbar{gap:10px}.mobile-score{font-size:9px}.mobile-leaders{font-size:18px}.right-sidebar.open{top:64px}.topbar nav{font-size:8px}.avatar{width:25px;height:25px;font-size:10px}} .ability-belt{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e0e5d6;padding-bottom:12px;margin-bottom:13px}.ability-heading{font:8px ui-monospace,monospace;letter-spacing:1px;color:#829173;white-space:nowrap}.ability-heading b{display:block;font-weight:normal;letter-spacing:0;margin-top:4px;color:#a0aa95}#abilities{display:flex;gap:7px;flex:1}.ability-slot{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;border:1px solid #d5dfc6;border-radius:6px;height:32px;padding-block:0;line-height:1;font-size:10px;background:#eef2e4;color:#6e805b}.ability-slot.empty-slot{background:transparent;border-style:dashed;color:#bac4ad;font-size:17px}.ability-slot.wildcard{background:#eae2f0;border-color:#d4c5df;color:#887098}.ability-slot.redraw{background:#e1eced;border-color:#bed5d8;color:#688c94}.ability-slot.promote{background:#efe5cf;border-color:#ddcba5;color:#a58a54}.ability-icon{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;font-size:16px;line-height:1}.ability-slot.chosen{outline:2px solid #819368;outline-offset:2px}.ability-slot.used{opacity:.35}.tile.promoted{background:#f2e5c7;border-color:#d4bc83;color:#8a723d}.tile-modifier{position:absolute;left:4px;top:4px;font:6px ui-monospace,monospace;letter-spacing:.3px}.board-bottom{bottom:257px}.ability-rack{display:flex;gap:8px;margin-top:23px}.ability-rack .tile{min-height:48px}.alphabet{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:23px}.letter-choice{font:23px Georgia,serif;border:1px solid #d5dcc7;border-bottom:3px solid #c5cfb1;background:#eef1e3;border-radius:5px;height:43px}.letter-choice:hover,.reward-option:hover{background:#e2e9cd}.reward-option{display:block;width:100%;text-align:left;padding:14px 16px;margin:10px 0;border:1px solid #d6dfc6;border-radius:6px;font-size:12px;background:#f0f3e7}.primary[hidden]{display:none} @media(max-width:700px){.ability-belt{gap:9px;padding-bottom:10px;margin-bottom:11px}.ability-heading{font-size:7px}#abilities{gap:5px}.ability-slot{font-size:8px;gap:4px;height:29px}.ability-icon{font-size:13px}.board-bottom{bottom:238px}.ability-rack{gap:6px}.ability-rack .tile{min-width:24px}.tile-modifier{font-size:5px;left:3px;top:3px}} .name-intro{color:#8b967d;margin-bottom:24px}.name-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:20px}.name-actions .primary{margin-top:0}.random-name{font-size:12px;padding:12px 16px;border:1px solid #d6dfc6;border-radius:6px;background:#eef2e3;color:#70845d}.random-name:hover{background:#e4ebd4}#profileDialog .close-dialog[hidden]{display:none} @media(max-width:420px){.name-actions{flex-direction:column;align-items:stretch}.name-actions button{text-align:center}} @media(max-width:700px),(hover:none) and (pointer:coarse){.rack-foot>span{display:none}.rack-foot{justify-content:flex-end}} .replacement-slot{border-left:1px solid #d5ddca;padding-left:13px;flex-shrink:0}.replacement-ability{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#e7eddf;color:#40583c;border:1px solid #bdcbb0;border-radius:7px;min-height:42px;text-align:left}.replacement-ability:hover:not(:disabled){background:#dbe6d2;border-color:#9eb58b}.replacement-icon{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;font-size:22px;line-height:1;color:#66845a}.replacement-copy{display:flex;flex-direction:column;gap:4px}.replacement-copy strong{font-size:10px;font-weight:500}.replacement-copy small{font-size:7px;color:#62765a;white-space:nowrap}.replacement-reserve{font:9px ui-monospace,monospace;color:#4c663e;background:#78935d12;border:1px solid #78935d35;border-radius:4px;padding:5px;margin-left:1px} @media(max-width:700px){.ability-belt{flex-wrap:wrap;gap:8px}.ability-heading{display:flex;justify-content:space-between;align-items:center;width:100%}.ability-heading b{display:inline;margin-top:0}#abilities{min-width:0;gap:4px}.replacement-slot{padding-left:8px}.replacement-ability{gap:5px;padding:6px;min-height:35px}.replacement-icon{font-size:17px}.replacement-copy strong{font-size:9px}.replacement-copy small{font-size:6px}.replacement-reserve{font-size:8px;padding:3px}} .replacement-ability{position:relative;overflow:hidden;isolation:isolate}.replacement-ability::before{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(116,151,85,.07);transform:scaleX(var(--recharge-progress,1));transform-origin:left center;transition:transform var(--recharge-transition,0s) linear}.replacement-ability>span{position:relative;z-index:1} .worlds-button{border:1px solid #d8ddcf;background:transparent;border-radius:7px;padding:8px 12px;color:#4a6043;font:inherit;font-size:12px;cursor:pointer;margin-left:auto;margin-right:12px} .session-banner{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:12;background:#f8faef;border:1px solid #becba9;box-shadow:0 4px 20px #263b2014;border-radius:9px;padding:10px 16px;display:flex;align-items:center;gap:16px;max-width:90vw;font-size:13px;color:#415637} .session-banner[hidden],.daily-note[hidden]{display:none}.session-banner button{border:0;background:none;color:inherit;white-space:nowrap;cursor:pointer;text-decoration:underline}.session-banner.finished{background:#dceabf} #worldsDialog label{display:block;font-size:12px;margin:16px 0 7px;color:#526347}#worldsDialog input,#worldsDialog select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccd3bf;border-radius:6px;background:#fff;font:inherit;color:#33482c}#worldsDialog h3{margin-top:28px}.room-options{display:flex;gap:16px}.room-options>div{flex:1;min-width:0}.public-world-link{display:block;color:#4d6a3d;padding:12px 0}#roomError{color:#a23b36;font-size:13px}#worldsDialog .muted{font-size:12px;line-height:1.6}#joinLink{font-size:12px!important} @media(max-width:700px){.worlds-button{margin-left:auto;margin-right:5px;padding:7px}.session-banner{top:66px;width:max-content;font-size:11px;padding:9px 12px;gap:8px}.room-options{display:block}.topbar .profile{margin-left:0}#worldsDialog{max-height:85dvh;overflow-y:auto}} #worldsDialog .loop-map-label{display:flex;align-items:flex-start;gap:9px;line-height:20px}#worldsDialog .loop-map-label input[type="checkbox"]{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;padding:0;accent-color:#546e45}#loopMapField[hidden]{display:none} @media(max-width:700px),(hover:none) and (pointer:coarse){#zoomOut,#zoomIn{display:none}} /* Compact, illustrated help. */ .board-bottom{justify-content:flex-end} #rulesDialog{max-width:850px;padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto} #rulesDialog h2{font:normal 30px/1.15 Georgia,serif;letter-spacing:-.8px;margin:10px 30px 14px 0} .help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start} .help-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f1f4e9} .help-card h3{font-size:13px;margin:0 0 14px;display:flex;align-items:center;gap:9px} .help-card h3>span{font:10px ui-monospace,monospace;color:var(--muted)} #rulesDialog .help-card p{font-size:11px;line-height:1.6;margin:8px 0 0} #rulesDialog .help-card .help-note{color:#75816c;font-size:10px} .help-word{display:flex;gap:4px;align-items:center;flex-wrap:wrap} .help-word>span{font-size:12px;margin:0 2px;color:var(--muted)} .help-tile{display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;flex-shrink:0;border:1px solid;border-radius:4px;font:20px Georgia,serif;box-shadow:0 2px 0 #00000012} .help-tile.yours{background:#d8e9c9;border-color:#a8c18f;color:#365c35} .help-tile.rival{background:#e6d9ee;border-color:#c1a3d1;color:#79548c} .help-tile.neutral{background:#e4e5df;border-color:#bdc1b6;color:#74796e} .help-tile.fresh{background:#ece6cf;border-color:#c9be99;color:#6a6140} .help-word>.help-submit{font-size:9px;padding:8px;border-radius:5px;background:#294e3b;color:#f5f7eb;margin-left:5px} .help-bonuses{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px} .help-bonuses>span{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap} .help-bonuses .bonus{width:24px;height:25px;font-size:9px} .help-replace{display:flex;align-items:center;gap:12px} .help-replace>span{font-size:27px;color:#82996b} .help-charges{margin-left:auto;display:grid;gap:5px} .help-charges b{letter-spacing:4px;color:#839e5c;font-size:14px} .help-charges small{font-size:9px;color:var(--muted)} .help-powerups{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:13px} .help-powerups li{display:flex;gap:10px;align-items:center} .help-powerups li>span{width:32px;height:32px;border-radius:7px;background:#e4ddee;color:#80658e;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0} .help-powerups b{font-size:11px}.help-powerups small{display:block;font-size:10px;line-height:1.5;color:#75816c;margin-top:2px} .help-owned{font:18px Georgia,serif;color:#426b3c;letter-spacing:1px} .help-crossing{display:grid;grid-template-columns:repeat(5,24px) 1fr;grid-template-rows:repeat(4,25px);gap:3px;margin:15px 0 5px} .help-crossing .help-tile{width:24px;height:25px;font-size:18px} .help-crossing small{grid-area:2/3/3/7;align-self:center;font:9px ui-monospace,monospace;color:var(--muted);padding-left:5px} #rulesDialog .close-rules{margin-top:12px;width:100%} @media(max-width:600px){#rulesDialog{padding:24px 18px}#rulesDialog h2{font-size:26px}.help-grid{grid-template-columns:1fr}.help-card{padding:15px}} [data-theme="dark"] .help-card{background:#213027} [data-theme="dark"] #rulesDialog .help-note,[data-theme="dark"] .help-powerups small{color:#a8b69e} [data-theme="dark"] .help-tile.yours{background:#34553a;border-color:#60855a;color:#e0edce} [data-theme="dark"] .help-tile.rival{background:#503d60;border-color:#816693;color:#ead8f3} [data-theme="dark"] .help-tile.neutral{background:#3c423d;border-color:#62695e;color:#c8cfc2} [data-theme="dark"] .help-tile.fresh{background:#555039;border-color:#938755;color:#f0e3b3} [data-theme="dark"] .help-powerups li>span{background:#403249;color:#d8c0e7} [data-theme="dark"] .help-owned{color:#b8d59c} .help-capture-cross{display:flex;gap:15px;align-items:center;margin-top:12px}.help-capture-cross .help-crossing{flex-shrink:0;width:135px;margin:0}.help-capture-cross .help-crossing small{font-size:8px}.help-capture-cross p{flex:1}#rulesDialog .help-capture-cross p{margin:0} .board-top{gap:12px}.rack-board-controls{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;align-items:center;gap:8px;width:auto}.board-top .world-chip{min-width:0;overflow:hidden;white-space:nowrap} #boardCoords{font:10px ui-monospace,monospace;color:#718460;background:#f9faf3e8;border:1px solid #dde2d2;border-radius:7px;padding:9px 10px;white-space:nowrap;pointer-events:none;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:9px;padding:9px 7px} [data-theme="dark"] #boardCoords{background:#1d2b24f5;color:#bdcbb1;border-color:#42533e} @media(max-width:700px){.board-top{gap:8px}.rack-board-controls{gap:6px}#boardCoords{font-size:8.5px;padding:8px 6px}.board-top .world-chip .day-label{display:none}} .topbar>.beta{margin-left:-25px;flex-shrink:0}.topbar>.beta:disabled{opacity:1}.topbar>.beta:not(:disabled){cursor:pointer}.topbar>.beta:not(:disabled):hover{background:#e1ebce;color:#375339} [data-theme="dark"] .topbar>.beta:not(:disabled):hover{background:#32452f;color:#dce9c6} @media(max-width:1150px){.topbar>.beta{margin-left:-10px}}@media(max-width:700px){.topbar>.beta{margin-left:-5px}} #debugRackBtn{color:#92702c}#debugRackBtn[hidden]{display:none}#debugRackInput{text-transform:uppercase;font:22px ui-monospace,monospace;letter-spacing:6px}#debugRackError{color:#a05743;min-height:1em} [data-theme="dark"] #debugRackBtn{color:#d9bc6c}[data-theme="dark"] #debugRackError{color:#e6a48f} /* The board occupies the space previously used by the desktop introduction. */ main{grid-template-columns:minmax(420px,1fr) 280px} .board-score{display:flex;align-items:center;gap:8px;background:#f9fbf3ed;border:1px solid #d8e0c9;border-radius:8px;padding:10px 13px;color:#435b3a;white-space:nowrap;font-size:11px} .board-score strong{font:22px Georgia,serif;font-variant-numeric:tabular-nums} .board-score .player-color{width:7px;height:7px;border-radius:50%} @media(min-width:1550px){main{grid-template-columns:minmax(450px,1fr) 310px}} @media(min-width:701px) and (max-width:1150px){main{grid-template-columns:minmax(400px,1fr)}} @media(max-width:700px){.board-score{display:none}} .ability-belt{border-bottom:0;border-top:1px solid #e0e5d6;padding-top:12px;padding-bottom:0;margin-top:16px;margin-bottom:0} @media(max-width:700px){.ability-belt{padding-top:10px;margin-top:12px}} .rack-heading .shuffle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:5px 7px;border-radius:5px;font-size:10px;letter-spacing:0;color:inherit} .rack-heading .shuffle>span{font-size:19px;line-height:1} .rack-heading .shuffle:hover{background:#82917315} .rack-row{align-items:stretch} .rack-actions{align-items:stretch} .rack-actions .submit{height:100%;min-width:112px} @media(min-width:701px){.rack-dock{max-width:640px;margin-inline:auto}.rack-row{gap:16px;margin-top:10px}.rack{gap:7px}.rack .tile{max-width:none;height:54px}.rack-actions .submit{padding-inline:14px}} @media(max-width:700px){.rack-heading .shuffle{font-size:9px;padding:2px 4px}.rack-heading .shuffle>span{font-size:16px}.rack-actions .submit{min-width:78px}.rack-row{margin-top:10px}} .color-setting{border:0;padding:0;margin:20px 0 0} .color-setting legend{font-size:11px;margin-bottom:10px} .color-swatches{display:grid;grid-template-columns:repeat(6,34px);gap:12px;padding:3px} .color-swatch{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--swatch);color:#fff;border:2px solid transparent;font-size:19px} .color-swatch[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:3px;box-shadow:0 0 0 5px #5c714a} .color-swatch:focus-visible{outline:3px solid #9daa84;outline-offset:4px} @media(max-width:420px){.color-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.color-swatch{width:100%;max-width:34px;height:auto;aspect-ratio:1}} .win-conditions{margin-top:24px}.win-conditions h3{margin-bottom:12px} .win-option{padding:14px 0;border-top:1px solid var(--line)} #worldsDialog .win-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;font-size:11px;font-weight:600} #worldsDialog .win-toggle input{appearance:none;position:relative;flex:0 0 36px;width:36px;height:21px;border:1px solid #9aa68d;border-radius:20px;background:#d8dfcf;padding:0;margin:0;cursor:pointer;transition:background .15s} #worldsDialog .win-toggle input::after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s} #worldsDialog .win-toggle input:checked{background:#52764d;border-color:#52764d}#worldsDialog .win-toggle input:checked::after{transform:translateX(15px)} #worldsDialog .win-toggle input:disabled{opacity:.4;cursor:default}.win-option p{margin:9px 0 0}.win-option #pointLimitField{margin-top:14px;width:100%;max-width:none}#worldsDialog #pointLimit{max-width:220px} [data-theme="dark"] #worldsDialog .win-toggle input{background:#344432;border-color:#65785a}[data-theme="dark"] #worldsDialog .win-toggle input:checked{background:#668b58} .ability-slot.scout{background:#dbeaf1;border-color:#afcbd9;color:#446f86} [data-theme="dark"] .ability-slot.scout{background:#293f4c;border-color:#597f95;color:#c0deee} #wordScoresDialog{max-height:90dvh;overflow-y:auto} .word-scores{padding-left:28px;margin:20px 0}.word-score-row{padding:7px 0 7px 5px;border-bottom:1px solid var(--line);font-size:12px} .word-score-row::marker{font:11px ui-monospace,monospace;color:var(--muted)} .word-score-details{display:inline-flex;flex-direction:column;gap:3px;max-width:75%;vertical-align:middle}.word-score-details strong{font-size:14px;overflow-wrap:anywhere;letter-spacing:1px} .word-score-row>b{float:right;font:12px ui-monospace,monospace;margin-top:4px}.word-score-owner{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.word-score-owner i{width:7px;height:7px;border-radius:50%;flex-shrink:0} #winnerDialog{max-width:640px;text-align:center;padding:50px 38px;border-radius:22px} .winner-emblem{font:70px Georgia,serif;color:#6f8b4e;line-height:1;margin-bottom:24px} #winnerDialog .eyebrow{letter-spacing:2px}#winnerDialog h2{font:46px/1.12 Georgia,serif;letter-spacing:-1px;margin:18px 0;overflow-wrap:anywhere} #winnerDialog p{font-size:14px;color:var(--muted);margin-bottom:30px} .winner-actions{display:flex;align-items:stretch;justify-content:center;gap:12px}.winner-actions .primary{margin:0;padding:15px 23px;font-size:13px} .winner-secondary{border:1px solid #9daa86;border-radius:6px;padding:15px 23px;font-size:13px} [data-theme="dark"] .winner-emblem{color:#c5d995}[data-theme="dark"] .winner-secondary{border-color:#647d52;color:#e0ebd1} @media(max-width:700px){#winnerDialog{padding:36px 23px}#winnerDialog h2{font-size:35px}.winner-actions{flex-direction:column}.winner-emblem{font-size:58px}} .tile-replaced{animation:tile-replacement .55s ease-out both} @keyframes tile-replacement{0%{transform:perspective(400px) rotateX(-90deg);opacity:.15}65%{transform:perspective(400px) rotateX(12deg);box-shadow:0 0 18px #b9d87a70}100%{transform:perspective(400px) rotateX(0);opacity:1}} @media(prefers-reduced-motion:reduce){.tile-replaced{animation:none}} .spawn-rate{margin:24px 0}#worldsDialog .spawn-rate label{display:flex;justify-content:space-between;gap:16px}.spawn-rate output{color:var(--ink);font-weight:600}#worldsDialog :is(#abilitySpawnRate,#neutralWordDensity){padding:0;width:100%;height:28px;accent-color:#8ca571;cursor:pointer;box-shadow:none}.spawn-rate-ticks{display:flex;justify-content:space-between;font-size:11px;opacity:.7}.ability-slot.blockade{background:#ecded2;border-color:#bca38e;color:#835d42}[data-theme="dark"] .ability-slot.blockade{background:#493a32;border-color:#916e53;color:#e4bba1} .board-summary{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.board-top{align-items:flex-start} .board-top:has(.has-victory){left:0;right:auto;top:22px;bottom:var(--tracker-bottom,290px);width:32px;pointer-events:none} .board-summary.has-victory{width:100%;height:100%;pointer-events:none} .board-summary.has-victory .board-score{display:flex;position:absolute;left:12px;top:0;pointer-events:auto} .victory-progress{position:absolute;top:var(--track-top,66px);bottom:auto;height:var(--track-height,calc(70% - 46.2px));left:0;width:26px;pointer-events:none} .victory-progress[hidden]{display:none}.edge-progress-rail{position:absolute;inset:0;border-left:2px solid #9cab8d80;pointer-events:none} .edge-progress-pin{position:absolute;left:0;bottom:var(--progress);transform:translateY(50%);width:24px;height:24px;padding:0;display:flex;align-items:center;pointer-events:auto;transition:bottom 1s cubic-bezier(.22,.65,.3,1),--pulse-scale 1s ease-out,--pulse-glow 1s ease-out,--pulse-duration 1s ease-out;color:#fff} .edge-progress-pin::before{content:'';position:absolute;left:-1px;top:7px;width:10px;height:10px;border:solid var(--player-color);border-width:0 0 2px 2px;transform:rotate(45deg)} .edge-pin-face{position:absolute;left:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #f5f7eb;background:var(--player-color);color:#fff;font:600 8px system-ui;box-shadow:0 1px 3px #14271c35} .edge-progress-pin:hover .edge-pin-face,.edge-progress-pin:focus-visible .edge-pin-face{outline:2px solid var(--player-color);outline-offset:2px} .edge-leader-condition{position:absolute;left:28px;display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:5px;padding:3px;background:#f9fbf3ed;color:#526b46;pointer-events:none}.victory-condition-icon{display:flex;align-items:center;justify-content:center}.victory-condition-icon svg{width:12px;height:12px} .near-victory .edge-pin-face{animation:victory-pulse var(--pulse-duration) ease-in-out infinite} @keyframes victory-pulse{0%,100%{transform:scale(1);box-shadow:0 1px 3px #14271c35}50%{transform:scale(var(--pulse-scale));box-shadow:0 0 var(--pulse-glow) var(--player-color)}} .victory-tie-count{display:flex;align-items:center;justify-content:center;width:11px;height:11px;background:#24362c;border-radius:50%;font-size:7px;line-height:1;color:#fff} [data-theme="dark"] .edge-leader-condition{background:#223126ed;border-color:#4c6240;color:#d4e4c6} @media(max-width:700px){.board-top:has(.has-victory){left:0;top:10px}.board-summary.has-victory .board-score{left:10px;padding:8px 10px;font-size:9px}.board-summary.has-victory .board-score strong{font-size:18px}.victory-progress{top:var(--track-top,58px);height:var(--track-height,calc(70% - 40.6px))}} @media(prefers-reduced-motion:reduce){.edge-progress-pin{transition:none}.near-victory .edge-pin-face{animation:none;outline:1px solid var(--player-color);outline-offset:2px}} .rack-board-controls #boardCoords{width:104px}.rack-board-controls .icon-button{flex-shrink:0}@media(max-width:700px){.rack-board-controls #boardCoords{width:96px}} .edge-detail-lanes{position:absolute;inset:56px 20px 24px 26px;display:flex;gap:20px;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s} .edge-detail-lane{position:relative;min-width:0;flex:1;border-left:1px solid #9cab8d80;margin-left:0}.edge-detail-heading{position:absolute;left:0;top:-36px;transform:translateX(-50%);color:#6f835e;display:flex}.edge-detail-heading svg{width:20px;height:20px} .edge-detail-pin{left:-12px}.edge-detail-pin::before{display:none}.edge-detail-pin .edge-pin-face{left:3px} .edge-pin-tooltip{position:absolute;left:32px;top:50%;transform:translateY(-50%);display:none;min-width:210px;max-width:270px;padding:10px 12px;border:1px solid #c7d1bb;border-radius:8px;background:#f9fbf3;color:#344c30;box-shadow:0 4px 20px #14271c26;text-align:left;cursor:default;pointer-events:auto} .edge-tooltip-player{display:flex;flex-direction:column;gap:4px;font:10px system-ui;line-height:1.4}.edge-tooltip-player+ .edge-tooltip-player{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.edge-tooltip-player strong{font-size:12px}.edge-tooltip-player small{font-size:10px;opacity:.8} [data-theme="dark"] .edge-pin-tooltip{background:#223126;border-color:#4c6240;color:#d4e4c6}[data-theme="dark"] .edge-detail-heading{color:#b7cba3} @media(min-width:701px) and (hover:hover) and (pointer:fine){ .victory-progress{pointer-events:auto} .victory-progress:is(:hover,:has(:focus-visible)){width:var(--expanded-track-width,232px);background:var(--tray-background);border-color:var(--tray-border);box-shadow:var(--tray-shadow);backdrop-filter:blur(12px);border-radius:0 12px 12px 0} [data-theme="dark"] .victory-progress:is(:hover,:has(:focus-visible)){background:var(--tray-background)} .victory-progress:is(:hover,:has(:focus-visible))>.edge-progress-rail{opacity:0;pointer-events:none} .victory-progress:is(:hover,:has(:focus-visible))>.edge-progress-rail>.edge-progress-pin{pointer-events:none} .victory-progress:is(:hover,:has(:focus-visible)) .edge-detail-lanes{opacity:1;visibility:visible;pointer-events:auto} .edge-detail-pin:is(:hover,:focus-visible){z-index:100!important} .edge-detail-pin:is(:hover,:focus-visible) .edge-pin-tooltip{display:block} } @media(prefers-reduced-motion:reduce){.victory-progress,.edge-detail-lanes{transition:none}} .edge-expand-toggle{display:none;position:absolute;left:0;top:calc(100% + 16px);transform:none;width:32px;height:28px;padding:0;border:1px solid var(--tray-border);border-left:0;border-radius:0 7px 7px 0;background:var(--tray-background);color:#526b46;font:600 12px system-ui;pointer-events:auto;align-items:center;justify-content:center} [data-theme="dark"] .edge-expand-toggle{background:var(--tray-background);border-color:var(--tray-border);color:#d4e4c6} .victory-progress.is-expanded{width:var(--expanded-track-width,232px);background:var(--tray-background);border-color:var(--tray-border);box-shadow:var(--tray-shadow);backdrop-filter:blur(12px);border-radius:0 12px 12px 0;pointer-events:auto} [data-theme="dark"] .victory-progress.is-expanded{background:var(--tray-background)} .victory-progress.is-expanded>.edge-progress-rail{opacity:0;pointer-events:none}.victory-progress.is-expanded>.edge-progress-rail>.edge-progress-pin{pointer-events:none} .victory-progress.is-expanded .edge-detail-lanes{opacity:1;visibility:visible;pointer-events:auto} .edge-detail-pin.tooltip-open{z-index:100!important}.victory-progress.is-expanded .edge-detail-pin.tooltip-open .edge-pin-tooltip{display:block} @media(max-width:700px),(hover:none) and (pointer:coarse){.edge-expand-toggle{display:flex}.edge-pin-tooltip{width:max-content;min-width:min(210px,calc(100vw - 100px));max-width:min(270px,calc(100vw - 100px))}} .private-lobby-screen{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#e8ebde30;padding:20px}.private-lobby-screen[hidden],.round-countdown[hidden]{display:none} .lobby-card{width:min(520px,100%);max-height:100%;overflow:auto;padding:30px;border:1px solid #ccd7bd;border-radius:16px;background:#fafbf4;box-shadow:0 15px 65px #19342220}.lobby-card h2{font-size:32px;margin:10px 0}.lobby-card>p{font-size:12px;color:#78876c}.lobby-profile{display:flex;align-items:center;gap:10px;margin:22px 0 12px}.lobby-profile strong{font-size:13px}.lobby-profile button{margin-left:auto;font-size:11px;text-decoration:underline}.lobby-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:11px;color:#fff;flex-shrink:0} #lobbyPlayers{padding:0;margin:0;list-style:none}.lobby-player{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--line)}.lobby-player-name{font-size:12px;overflow-wrap:anywhere}.lobby-status{margin-left:auto;font-size:10px;white-space:nowrap;color:#969b88}.lobby-status.ready{color:#5e8450}.lobby-actions{display:flex;align-items:center;gap:18px;margin-top:15px}.lobby-actions .primary{margin:0}.lobby-actions>button:last-child{font-size:11px;text-decoration:underline}.start-game{width:100%;margin-top:20px;padding:15px;font-size:14px}.start-game[hidden]{display:none} .private-prestart .rack-dock{visibility:hidden;pointer-events:none;transform:translateY(130%)}.private-prestart .board-top{display:none}.private-prestart .right-sidebar{visibility:hidden}.private-prestart .session-banner:not(.finished){display:none} .round-countdown{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#183128e8;backdrop-filter:blur(10px);color:#e7f4cd;pointer-events:auto}.round-countdown>span{font:bold clamp(110px,26vw,240px) Georgia,serif;line-height:1;text-shadow:0 12px 80px #b5d67840}.round-countdown small{font:11px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase} .rack-dock.round-reveal{animation:round-tray-rise .85s cubic-bezier(.15,.85,.2,1) both}@keyframes round-tray-rise{from{opacity:0;transform:translateY(130%)}to{opacity:1;transform:translateY(0)}} [data-theme="dark"] .private-lobby-screen{background:#18261f30}[data-theme="dark"] .lobby-card{background:#1e2d25;border-color:#455b3c;color:#d4e4c6}[data-theme="dark"] .lobby-card>p{color:#a2b294}[data-theme="dark"] .lobby-status.ready{color:#b1ce97} @media(max-width:700px){.private-lobby-screen{padding:12px}.lobby-card{padding:22px 18px}.lobby-card h2{font-size:28px}.lobby-player-name{font-size:11px}.lobby-status{font-size:9px}.lobby-profile{gap:7px}.lobby-profile button{font-size:10px}.round-countdown small{font-size:9px;letter-spacing:1px}} @media(prefers-reduced-motion:reduce){.rack-dock.round-reveal{animation:none}} .round-countdown{transition:background .3s,backdrop-filter .3s}.round-countdown.go{background:#18312825;backdrop-filter:blur(0);pointer-events:none}@media(prefers-reduced-motion:reduce){.round-countdown{transition:none}} .edge-expand-toggle::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;transition:transform .15s}.edge-expand-toggle[aria-expanded="true"]::before{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.edge-expand-toggle::before{transition:none}} @property --pulse-scale{syntax:"";inherits:true;initial-value:1.025} @property --pulse-glow{syntax:"";inherits:true;initial-value:2px} @property --pulse-duration{syntax:"