@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#f2eee5;background:#111a25;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--bg: #111a25;--surface: #172330;--surface-soft: #1b2937;--muted: #9ca7ad;--dim: #6e7d86;--line: rgba(232, 231, 221, .13);--accent: #e3a86c;--accent-light: #f0c28c;--green: #8fc49c;--mono: "DM Mono", monospace;--serif: "Playfair Display", Georgia, serif}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 72px;position:relative;overflow:hidden}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{color:#f4f0e8;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.16em;text-decoration:none}.brand i{color:var(--accent);font-style:normal}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(227,168,108,.63);color:var(--accent-light);font:600 19px var(--serif)}.topbar-right{display:flex;align-items:center;gap:22px}.desktop-label,.connection-pill,.small-label,.eyebrow,.hero-rule,.feature-strip,.home-bottom,.visual-bottom,.art-caption,.aside-quote>span,.live-indicator{font-family:var(--mono)}.desktop-label{color:var(--dim);font-size:9px;letter-spacing:.12em}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;color:var(--muted);padding:8px 11px;font-size:9px;letter-spacing:.08em}.connection-pill.connected{color:var(--green);border-color:#8fc49c47}.home-layout{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1fr 47%;gap:7%;align-items:center;padding:35px 0 62px}.home-copy{padding:25px 0 12px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #e3a86ca6}h1{margin:28px 0 20px;color:#f5f1e9;font:500 clamp(56px,6.5vw,91px)/.99 var(--serif);letter-spacing:-.055em}h1 em{color:var(--accent-light);font-weight:500}.hero-description{max-width:400px;margin:0;color:#aeb6b6;font-size:16px;line-height:1.75}.hero-rule{display:flex;align-items:center;gap:11px;margin-top:30px;color:var(--dim);font-size:9px;letter-spacing:.11em}.hero-rule>span:first-child{width:28px;height:1px;background:var(--accent)}.home-actions{display:flex;gap:12px;margin-top:34px}.primary-button,.secondary-button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 20px;border-radius:2px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.12em;transition:background .2s,border-color .2s,transform .2s}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#18222b}.primary-button:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{border:1px solid rgba(229,229,218,.25);background:transparent;color:#e9e8df}.secondary-button:hover{border-color:var(--accent);color:var(--accent-light)}.feature-strip{display:flex;gap:21px;margin-top:49px;color:#86939a;font-size:8px;letter-spacing:.07em}.feature-strip span{display:flex;align-items:center;gap:7px;white-space:nowrap}.feature-strip svg{color:var(--accent)}.hero-visual{max-width:550px;width:100%;justify-self:end}.hero-image{height:min(58vh,490px);min-height:390px;position:relative;overflow:hidden;background:linear-gradient(160deg,#344859,#263947 37%,#202b32 72%,#171f27)}.hero-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(17,26,37,.65),transparent 52%),radial-gradient(ellipse at 60% 22%,rgba(248,194,132,.08),transparent 45%);z-index:1}.visual-sun{position:absolute;width:142px;height:142px;border-radius:50%;right:17%;top:17%;background:radial-gradient(circle,#eec18f 0%,#dda574 45%,rgba(221,165,116,.2) 73%,transparent 74%);opacity:.92;box-shadow:0 0 100px #e3a86c40}.visual-stars{position:absolute;top:0;right:0;bottom:0;left:0}.visual-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e8ddc8;opacity:.6}.visual-stars i:nth-child(1){top:16%;left:18%}.visual-stars i:nth-child(2){top:27%;left:61%}.visual-stars i:nth-child(3){top:11%;left:78%}.visual-stars i:nth-child(4){top:37%;left:39%}.visual-stars i:nth-child(5){top:23%;left:31%}.visual-mountain{position:absolute;bottom:0;width:0;height:0}.mountain-back{left:-4%;border-left:190px solid transparent;border-right:230px solid transparent;border-bottom:268px solid #35424a}.mountain-mid{right:-20%;border-left:270px solid transparent;border-right:270px solid transparent;border-bottom:333px solid #29353c}.mountain-front{left:4%;border-left:240px solid transparent;border-right:190px solid transparent;border-bottom:228px solid #202a31}.visual-road{position:absolute;z-index:1;bottom:-14%;left:39%;width:29%;height:51%;background:linear-gradient(115deg,#7e6654,#493e36);clip-path:polygon(50% 0,60% 0,100% 100%,0 100%);opacity:.74}.visual-person{position:absolute;z-index:2;left:51%;bottom:32%;width:20px;height:58px;transform:scale(.8)}.visual-person span{position:absolute;top:0;left:6px;width:10px;height:10px;border-radius:50%;background:#101820}.visual-person i{position:absolute;top:11px;left:4px;width:14px;height:27px;background:#18232b;border-radius:5px 5px 2px 2px}.visual-person b,.visual-person em{position:absolute;top:35px;width:6px;height:22px;background:#111820;transform-origin:top}.visual-person b{left:5px;transform:rotate(8deg)}.visual-person em{left:12px;transform:rotate(-10deg)}.visual-label{position:absolute;z-index:2;left:35px;bottom:34px}.visual-label span{display:block;margin-bottom:12px;color:var(--accent-light);font:9px var(--mono);letter-spacing:.14em}.visual-label strong{font:500 27px/1.25 var(--serif);letter-spacing:-.02em}.visual-bottom{display:flex;justify-content:space-between;color:var(--dim);font-size:8px;letter-spacing:.09em;padding-top:15px}.visual-bottom>span:first-child{display:flex;align-items:center;gap:8px}.tiny-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.home-bottom{position:absolute;bottom:22px;left:72px;right:72px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#718088;font-size:8px;letter-spacing:.1em}.footer-heart{color:var(--accent);margin-left:6px}.connection-toast{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;padding:12px 15px;color:#f0c28c;background:#1c2935;border:1px solid var(--line);font-size:12px;box-shadow:0 8px 30px #0004}.room-form{max-width:420px;margin-top:25px;animation:appear .25s ease-out}.form-back,.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font:9px var(--mono);letter-spacing:.1em}.form-back{display:flex;align-items:center;gap:7px;padding:0}.room-form h2{margin:21px 0 6px;font:500 29px var(--serif)}.room-form>p{margin:0 0 20px;color:var(--muted);font-size:13px}.room-form label{display:block;margin:17px 0 8px;color:#aab2b2;font:9px var(--mono);letter-spacing:.12em}.room-form input{width:100%;height:46px;padding:0 13px;color:#f2eee5;background:#192632;border:1px solid rgba(229,229,218,.19);border-radius:2px;outline:none}.room-form input::placeholder{color:#65747b}.room-form input:focus{border-color:var(--accent)}.room-form .code-input{text-transform:uppercase;font:16px var(--mono);letter-spacing:.18em}.form-submit{width:100%;margin-top:20px}.form-error{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:#f0a58e;font-size:12px;line-height:1.5}.form-error svg{flex:0 0 auto;margin-top:1px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lobby-shell{min-height:100vh}.lobby-layout{display:grid;grid-template-columns:minmax(540px,1.2fr) minmax(300px,.8fr);gap:9%;max-width:1120px;margin:0 auto;padding:52px 0 56px}.lobby-main{padding-top:15px}.lobby-main h1{margin:21px 0 14px;font-size:clamp(50px,5vw,68px)}.lobby-copy{margin:0;color:var(--muted);font-size:14px}.room-card{margin-top:27px;padding:19px 21px 15px;border:1px solid var(--line);background:linear-gradient(115deg,#1b2937f7,#172330a6)}.room-card-top{display:flex;align-items:center;justify-content:space-between}.small-label{color:#84929a;font-size:9px;letter-spacing:.14em}.room-code{margin-top:7px;font:500 30px var(--mono);letter-spacing:.22em;color:var(--accent-light)}.copy-button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(229,229,218,.2);background:transparent;color:#d2d4cd;font-size:11px;cursor:pointer}.copy-button:hover{border-color:var(--accent);color:var(--accent-light)}.invite-note{display:flex;align-items:center;gap:7px;margin-top:11px;color:#839198;font-size:11px}.invite-note svg{color:var(--accent)}.player-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.section-heading h2{margin:5px 0 0;font:500 23px var(--serif)}.player-count{color:#91a0a2;font:11px var(--mono)}.live-indicator{display:flex;align-items:center;gap:6px;color:#91b79a;font-size:8px;letter-spacing:.11em}.live-indicator i,.online-dot,.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#81bd8e;box-shadow:0 0 10px #81bd8e66}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.player-card{min-height:65px;display:flex;align-items:center;gap:11px;padding:10px 12px;background:#1a2734bf;border:1px solid rgba(229,229,218,.09);animation:appear .25s ease-out}.player-card.offline{opacity:.57}.player-avatar,.waiting-avatar{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border-radius:2px;font:500 17px var(--serif)}.avatar-0{color:#e4b780;background:#5b473a}.avatar-1{color:#a6c6bd;background:#344f50}.avatar-2{color:#d1a6a2;background:#584044}.avatar-3{color:#acb2da;background:#41435d}.player-info{display:flex;flex-direction:column;gap:4px;min-width:0}.player-info strong{display:flex;align-items:center;gap:7px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1eee6;font-size:12px;font-weight:600}.player-info>span{color:#84938f;font:8px var(--mono);letter-spacing:.08em}.you-tag{color:var(--accent);font:8px var(--mono);letter-spacing:.07em}.online-dot{width:6px;height:6px;margin-left:auto;background:#74817e;box-shadow:none}.online-dot.is-online{background:#81bd8e;box-shadow:0 0 9px #81bd8e66}.waiting-card{color:#728088;border-style:dashed;font-size:10px}.waiting-avatar{width:35px;height:35px;color:#9ba6a6;border:1px dashed #52616a;background:transparent}.lobby-footer{margin-top:23px;min-height:56px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.start-button{min-width:205px}.minimum-note{color:#88969b;font-size:11px}.waiting-note,.started-note{display:flex;align-items:center;gap:10px;color:#bbc1bc;font-size:12px}.pulse{animation:pulse 1.7s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #81bd8e1e}}.started-note{color:var(--accent-light)}.leave-button{margin-left:auto;padding:10px 0;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}.leave-button:hover,.form-back:hover{color:var(--accent-light)}.lobby-aside{align-self:center}.aside-art{height:390px;position:relative;overflow:hidden;background:linear-gradient(160deg,#374b55,#263841 58%,#1b2831)}.sun-halo{position:absolute;top:17%;right:23%;width:104px;height:104px;border-radius:50%;background:#d8a474;box-shadow:0 0 65px 26px #d8a47422}.hill{position:absolute;bottom:0;width:0;height:0}.hill-back{left:-24%;border-left:195px solid transparent;border-right:210px solid transparent;border-bottom:203px solid #33434a}.hill-front{right:-35%;border-left:247px solid transparent;border-right:245px solid transparent;border-bottom:271px solid #1e2b32}.road{position:absolute;bottom:-40px;left:33%;width:36%;height:48%;clip-path:polygon(40% 0,52% 0,100% 100%,0 100%);background:linear-gradient(90deg,#76604d,#4f4439)}.road-mark{position:absolute;bottom:33px;left:49.5%;height:45px;width:2px;background:#d3b18a;transform:rotate(-4deg);opacity:.55}.art-caption{position:absolute;z-index:1;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;color:#d7c2a2;font-size:8px;letter-spacing:.13em}.aside-quote{position:relative;padding:19px 2px;border-bottom:1px solid var(--line)}.aside-quote svg{color:var(--accent)}.aside-quote p{margin:9px 0 12px;color:#ece9df;font:italic 17px/1.45 var(--serif)}.aside-quote>span{color:#77878d;font-size:8px;letter-spacing:.12em}.aside-status{display:flex;align-items:center;gap:8px;padding-top:14px;color:#8b999d;font-size:10px}.aside-status svg{color:var(--green)}.icon-button{width:33px;height:33px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer}.icon-button:hover{color:var(--accent-light);border-color:var(--accent)}@media(max-width:1100px){.app-shell{padding:0 40px}.home-layout{grid-template-columns:1fr 44%;gap:4%}.home-bottom{left:40px;right:40px}.lobby-layout{gap:5%}.lobby-aside .aside-art{height:340px}}