:root{font-family:DM Sans,system-ui,sans-serif;color:#f6f3e9;background:#071812;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}.lobby,.game{min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(90deg,#04130ff0,#04130f73 52%,#04130fb8),url(/assets/lower-volga-autumn.jpg) center/cover}.lobby-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,13,.66),transparent 45%);pointer-events:none}.topbar,.gamebar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,72px)}.brand{color:inherit;text-decoration:none;font-weight:600;letter-spacing:.18em;font-size:.78rem}.language,.icon-button{border:1px solid #ffffff38;background:#0b1d18aa;color:inherit;border-radius:999px;padding:9px 14px}.intro{position:absolute;z-index:2;left:clamp(24px,7vw,110px);top:50%;transform:translateY(-50%);max-width:610px}.eyebrow{color:#d5b66c;letter-spacing:.22em;font-size:.72rem;font-weight:600}.intro h1{font:400 clamp(4rem,8vw,8.5rem)/.77 "DM Serif Display",serif;letter-spacing:-.055em;margin:18px 0 28px}.intro h1 em{color:#d9c58f}.lede{max-width:460px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:#e4e4d9}.live-facts{display:flex;gap:20px;margin-top:30px;color:#d7dfd6;font-size:.82rem}.pulse,.offline{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8be1aa;margin-right:8px;box-shadow:0 0 0 6px #8be1aa1c;animation:pulse 2s infinite}.offline{background:#dcb476;animation:none}.entry{position:absolute;z-index:3;right:clamp(20px,6vw,88px);top:50%;transform:translateY(-50%);width:min(370px,calc(100vw - 40px));padding:28px;background:#071711e8;border:1px solid #ffffff1c;border-radius:22px;box-shadow:0 32px 80px #0008;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.room-switch{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0d;padding:4px;border-radius:12px;margin-bottom:24px}.room-switch button{border:0;border-radius:9px;background:none;color:#9caaa3;padding:11px}.room-switch .active{background:#e9ddbb;color:#173126;font-weight:600}.entry label{display:grid;gap:8px;color:#bdc9c1;font-size:.75rem;margin:14px 0}.entry input{width:100%;border:1px solid #ffffff25;background:#ffffff0a;color:#fff;border-radius:11px;padding:13px 14px;outline:none}.entry input:focus{border-color:#d4bd7b}.primary,.cast-button{width:100%;border:0;border-radius:11px;padding:15px;background:#d8c17f;color:#12271f;font-weight:700;letter-spacing:.04em}.primary{display:flex;justify-content:space-between;margin-top:20px}.auth-link{display:block;text-align:center;color:#d8c17f;font-size:.78rem;margin:17px 0 0}.entry-note,.lobby-footer{color:#84938c;font-size:.67rem;line-height:1.5}.error{color:#ffb7a6;font-size:.78rem}.lobby-footer{position:absolute;bottom:20px;left:clamp(24px,7vw,110px)}.game{background-image:linear-gradient(0deg,rgba(3,14,11,.65),transparent 48%),url(/assets/lower-volga-autumn.jpg)}.gamebar{background:linear-gradient(#05120fba,transparent);padding-top:max(18px,env(safe-area-inset-top));gap:14px}.gamebar>div:nth-child(2){margin-right:auto}.gamebar strong,.gamebar small{display:block}.gamebar small{color:#a9bab0;font-size:.68rem;margin-top:4px}.clock{text-align:right}.clock strong{font:1.35rem "DM Serif Display",serif}.conditions,.score-card{position:absolute;top:110px;background:#061811c9;border:1px solid #ffffff20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:13px 16px}.conditions{left:clamp(16px,4vw,60px);display:flex;gap:12px;align-items:center}.conditions>span{font:2rem "DM Serif Display",serif}.conditions strong,.conditions small{display:block}.conditions small{font-size:.65rem;color:#91a098;margin-top:3px}.score-card{right:clamp(16px,4vw,60px);text-align:right}.score-card>*{display:block}.score-card small{font-size:.58rem;letter-spacing:.15em;color:#95a39b}.score-card strong{font:2rem "DM Serif Display",serif}.score-card span{font-size:.68rem;color:#aab8b0}.anglers{position:absolute;left:5%;right:5%;top:34%;height:80px}.anglers p{position:absolute;right:0;top:-24px;font-size:.62rem;color:#c5d0ca}.angler{position:absolute;left:var(--x);bottom:0;display:grid;place-items:center}.angler span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#17382b;border:1px solid #f0dc9c;font-size:.65rem}.angler i{width:1px;height:34px;background:#e8d99d;transform:rotate(35deg);transform-origin:top}.float{position:absolute;left:50%;top:48%;opacity:0;transition:all .8s}.float.cast{opacity:1}.float i{display:block;width:6px;height:28px;border-radius:6px;background:linear-gradient(#ef594b 45%,#f7f2d8 46%);box-shadow:0 2px 10px #000}.water-ripples{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 62%,transparent 0 34px,#fff0 35px,#ffffff0c 36px,transparent 38px);animation:water 9s linear infinite;pointer-events:none}.play-card{position:absolute;z-index:3;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(660px,calc(100vw - 32px));padding:16px;background:#061710e8;border:1px solid #ffffff1e;border-radius:18px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.play-card>p{text-align:center;margin:0 0 13px;font-size:.79rem;color:#ced9d2}.tackle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tackle button{display:grid;grid-template-columns:auto 1fr;text-align:left;column-gap:9px;border:1px solid transparent;background:#ffffff0b;color:#dfe5e1;border-radius:10px;padding:9px}.tackle button>span{grid-row:1/3;font-size:1.25rem;color:#d5bd79}.tackle small{color:#7f9187}.tackle .selected{border-color:#d5bd79;background:#d5bd7916}.cast-button{margin-top:11px;padding:12px}.cast-button.reel-state{background:#34483f;color:#b7c1bc}.cast-button.bite{background:#e05945;color:#fff;animation:bite .55s infinite}.social-panel{position:absolute;z-index:4;left:clamp(16px,3vw,44px);bottom:24px;width:260px;color:#e8eee9}.social-panel details{background:#051610d9;border:1px solid #ffffff18;border-radius:12px;margin-top:7px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.social-panel summary{padding:12px;cursor:pointer;font-size:.74rem;font-weight:600}.social-panel summary span{float:right;color:#93a399}.messages{max-height:150px;overflow:auto;padding:0 12px}.messages p{font-size:.68rem;line-height:1.35;margin:8px 0;color:#bfcac3}.messages b{display:block;color:#d7bd78;font-size:.6rem}.messages .mine{text-align:right}.messages .empty{color:#829188}#chat-form{display:flex;padding:9px;border-top:1px solid #ffffff13}#chat-form input{min-width:0;flex:1;border:0;background:transparent;color:#fff;outline:none;font-size:.7rem}#chat-form button{border:0;border-radius:50%;background:#d7bd78;width:27px;height:27px}.leaderboard{margin:0;padding:0 14px 12px 32px;font-size:.68rem}.leaderboard li{padding:4px}.leaderboard b{float:right}.stats{display:flex;gap:10px;padding:0 12px 12px}.stats span{font-size:.58rem;color:#91a198}.stats b{display:block;font-size:.8rem;color:#fff}.icon-button{font-size:1.1rem;padding:7px 12px}.waiting .water-ripples{animation-duration:3s}@keyframes pulse{50%{box-shadow:0 0 0 8px #8be1aa00}}@keyframes water{to{transform:scale(1.08)}}@keyframes bite{50%{transform:scale(.985)}}@media(max-width:900px){.intro{top:35%;transform:translateY(-50%)}.intro h1{font-size:clamp(3.7rem,16vw,6.5rem)}.lede{display:none}.entry{top:auto;bottom:28px;transform:none;right:20px}.lobby-footer{display:none}.social-panel{top:172px;bottom:auto;width:220px}.play-card{bottom:16px}.anglers{top:38%}}@media(max-width:620px){.lobby{min-height:100svh;background-position:56% center}.topbar{padding:18px 20px}.intro{top:24%;left:20px}.intro h1{font-size:3.65rem;margin:10px 0}.live-facts{font-size:.68rem;margin-top:12px}.entry{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:18px}.entry-note{display:none}.gamebar{padding:14px 12px}.conditions{top:80px;left:10px}.score-card{top:80px;right:10px}.social-panel{top:150px;left:10px;width:190px}.social-panel details:not(:first-child){display:none}.messages{max-height:92px}.anglers{top:43%}.play-card{padding:10px;bottom:max(8px,env(safe-area-inset-bottom))}.tackle button{display:block;text-align:center;padding:7px 4px;font-size:.68rem}.tackle button>span,.tackle small{display:block}.tackle small{font-size:.55rem}.clock small{max-width:90px}.play-card>p{margin-bottom:8px}.cast-button{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}