:root{color:#1b1b1b;background:#f4efe4;font-family:Segoe UI,Tahoma,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;display:grid;place-items:start center;padding:24px 16px 48px}#app.auth-screen{position:relative;isolation:isolate;background:radial-gradient(1200px 640px at 12% -10%,rgba(255,248,232,.85),transparent 55%),radial-gradient(900px 520px at 100% 110%,rgba(232,214,176,.55),transparent 50%),#efe6d4}.auth-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background-repeat:repeat;background-size:420px 360px;opacity:.92;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 85%)}#app.auth-screen .card{position:relative;z-index:1;background:#fffaf1f0;box-shadow:0 18px 48px #48301224,0 2px #ffffffb3 inset;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card{width:min(440px,100%);background:#fffaf1;border:1px solid #d9cbb3;border-radius:16px;padding:24px}.card.wide{width:min(720px,100%)}.menu{display:grid;gap:10px}.skin-groups{display:grid;gap:12px;margin-top:8px}.skin-group{border:1px solid #d9cbb3;border-radius:12px;padding:10px;background:#fffdf8}.skin-group h2{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}.skin-group.suggested{border-color:#3d5a3d;background:#eef5ee;box-shadow:0 0 0 3px #c5e0c5,0 0 18px #3d5a3d59}.skin-group.taken{opacity:.62}.skin-group-badge{font-size:12px;font-weight:600;color:#3d5a3d;background:#d7ead7;border-radius:999px;padding:2px 8px}.skin-group-badge.taken{color:#6b4f2a;background:#eadcc7}.skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skin{display:grid;justify-items:center;gap:6px;border:1px solid #d9cbb3;border-radius:8px;padding:8px 6px;background:#fffaf1;color:inherit;font:inherit;font-size:13px;line-height:1.2;text-align:center}.skin.selected{border-color:#3d5a3d;background:#eef5ee}.skin.taken{cursor:not-allowed}.skin.opponent-pick{border-color:#8a6a2d;box-shadow:0 0 0 2px #eadcc7}.skin-art{width:64px;height:64px;display:block}.hint{color:#5a5348}.req{color:#8a1f1f;font-size:1.25em;font-weight:700;line-height:1}.optional{color:#5a5348;font-weight:400}label.checkbox{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;cursor:pointer}label.checkbox input{width:auto;margin:0}.sound-toggle{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:#5a5348}.sound-toggle input{width:auto;margin:0}.game-foot .sound-toggle{margin-top:0}select{padding:8px;font:inherit;border-radius:8px;border:1px solid #cbbda6}.auth-lead{margin:-4px 0 16px;color:#5a5348;text-align:center}#app.auth-screen .card>h1{text-align:center}h1,h2{margin:0 0 12px}form{display:grid;gap:12px}label{display:grid;gap:4px;font-size:14px}input{padding:10px 12px;border:1px solid #cbbda6;border-radius:8px;font:inherit}.password-field{position:relative;display:block}.password-field input{width:100%;box-sizing:border-box;padding-right:42px}.password-toggle,.password-toggle:hover,.password-toggle:focus-visible{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:36px;height:36px;padding:0;display:grid;place-items:center;background:transparent;color:#5a5348;border:0;border-radius:6px}.password-toggle:hover,.password-toggle:focus-visible{background:#efe6d6;color:#3d5a3d}.password-toggle svg{width:20px;height:20px}.password-toggle .eye-shut,.password-toggle.is-visible .eye-open{display:none}.password-toggle.is-visible .eye-shut{display:block}.button,button{display:inline-block;text-align:center;text-decoration:none;color:#fff;background:#3d5a3d;border:0;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer}.button.secondary,button.secondary{background:#6b4f2a}button.skin{color:inherit;background:#fffaf1;border:1px solid #d9cbb3;padding:8px 6px}button.skin.selected{border-color:#3d5a3d;background:#eef5ee}.nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.nav.tight{margin-top:8px}.error{color:#8a1f1f;min-height:1.2em}.error:empty{display:none;min-height:0}.help{margin-top:20px;padding-top:12px;border-top:1px solid #e4d8c4}.rules{margin-top:28px;padding-top:20px;border-top:1px solid #e4d8c4}.rules-hero{margin-bottom:16px}.rules-kicker{margin:0 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a6d3b}.rules h2,.rules h3{margin:0 0 8px}.rules-lead{margin:0;color:#3f3a32}.rules-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.rules-card,.rules-block{background:#fffdf8;border:1px solid #e4d8c4;border-radius:12px;padding:14px 16px}.rules-card h3{color:#3d5a3d}.rules-card ul,.rules-block ol,.rules-field{margin:0;padding-left:1.15em;display:grid;gap:6px}.rules-block{margin-bottom:12px}.rules-field{list-style:none;padding-left:0}.rules-field li{padding-left:0}.rules-tag{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap}.rules-tag.score{color:#2d4d2d;background:#d7ead7}.rules-tag.foul{color:#8a1f1f;background:#f3d6d6}.rules-tag.capy{color:#6b4f2a;background:#eadcc7}.help-steps{margin:0;padding-left:1.3em;display:grid;gap:12px;font-size:1em}.help-steps,.help-steps label,.help-steps a{font-family:inherit;font-size:inherit}.help-steps label{display:grid;gap:4px}.stats{display:grid;gap:6px;margin:12px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stat-card{background:#fffdf8;border:1px solid #d9cbb3;border-radius:12px;padding:10px 12px}.stat-card .label{color:#6b5c48;font-size:13px}.stat-card strong{display:block;font-size:22px;margin-top:2px}.history-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.history-list li{display:grid;gap:2px;padding:8px 10px;border:1px solid #e4d8c4;border-radius:10px;background:#fffdf8;font-size:14px}.history-list .when{color:#6b5c48;font-size:12px}.progress-chart{width:100%;height:120px;margin:8px 0 0}.progress-chart path{fill:none;stroke:#46614a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.progress-chart .fill{fill:#46614a29;stroke:none}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.tab{display:inline-block;padding:8px 12px;border-radius:8px;text-decoration:none;color:#3d5a3d;background:#efe6d6}.tab.active{color:#fff;background:#3d5a3d}.rating-block{margin:0 0 20px}.rating-block h2{margin-top:8px}.table-wrap{overflow-x:auto}.rating-table{width:100%;border-collapse:collapse;font-size:14px}.rating-table th,.rating-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e4d8c4;white-space:nowrap}.rating-table th{color:#5a5348;font-weight:600}.pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.pager a{color:#3d5a3d}.species-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.species-card{border-radius:12px;padding:16px;text-align:center;font-weight:600}.species-card.cat{background:#efe4c8}.species-card.dog{background:#e4d7c4}.species-bar{display:flex;height:14px;margin:12px 0;border-radius:999px;overflow:hidden;background:#6b4f2a}.species-bar-cat{background:#c9a227;height:100%}.game{position:relative;width:min(980px,100%);margin:0 auto;background:#fffaf1;border:1px solid #d9cbb3;border-radius:16px;padding:16px;display:grid;gap:10px}.game-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}.hud-side{display:grid;gap:2px;min-height:3.6em}.hud-side:last-child{text-align:right}.hud-center{text-align:center;display:grid;gap:2px}.hud-nick{font-weight:600}.hud-score{font-size:24px;font-weight:700}.hud-timer{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.hud-sub{color:#5a5348;font-size:14px}.hud-capybara{color:#6b4f2a;font-weight:600;font-size:14px}.game-toast{margin:4px auto 0;background:#fff6d8;border:1px solid #d9cbb3;border-radius:999px;padding:4px 14px;font-weight:600;font-size:14px;color:#5c4a2c}.game-toast[hidden]{display:none}.court-capy{width:86px;height:54px;margin:0 auto 8px;border-radius:22px 22px 16px 16px;background:#8a5f3a;position:relative}.court-capy:before{content:"";position:absolute;right:8px;top:-10px;width:28px;height:28px;border-radius:50%;background:#8a5f3a}.court-plaque{background:#efe4c8;border:2px solid #6b4f2a;border-radius:10px;padding:10px 16px;margin:0 auto 8px;min-width:180px}.court-title{font-size:22px;font-weight:800;letter-spacing:.04em}.court-sub{color:#6b4f2a;font-weight:700}.game-canvas,#game-canvas{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #cbbda6;touch-action:none}.game-touch{display:none;grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left down right";gap:8px;max-width:220px;margin:0 auto}.touch-button{padding:16px 8px;font-size:16px;background:#46614a;touch-action:none}.card.screen-enter,.game.screen-enter{animation:screen-in .28s ease}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.touch-button[data-dir=up]{grid-area:up}.touch-button[data-dir=left]{grid-area:left}.touch-button[data-dir=down]{grid-area:down}.touch-button[data-dir=right]{grid-area:right}.game-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.game-foot .spacer{flex:1}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#1b1b1b73;border-radius:16px;padding:16px}.overlay.is-visible{animation:overlay-fade .22s ease}.overlay[hidden]{display:none}.overlay-card{background:#fffaf1;border:1px solid #d9cbb3;border-radius:16px;padding:24px;max-width:420px;width:100%;text-align:center;display:grid;gap:8px;animation:overlay-slide .28s ease}.countdown-card{background:#fffaf1eb;min-width:180px}.countdown-label{font-size:64px;font-weight:800;letter-spacing:.04em;color:#3d4f38}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes overlay-slide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.overlay-card .nav{justify-content:center}.connection-quality{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:8px;padding:6px 8px;pointer-events:none}.connection-quality-label{display:none;font-size:13px;color:#5a5348;white-space:nowrap}.connection-quality-dot{width:12px;height:12px;border-radius:50%;background:#9a9184;box-shadow:0 0 8px #9a9184b3;animation:connection-glow 1.6s ease-in-out infinite}.connection-quality[data-quality=good] .connection-quality-dot{background:#2ecc71;box-shadow:0 0 8px #2ecc71,0 0 16px #2ecc71a6}.connection-quality[data-quality=bad] .connection-quality-dot{width:24px;height:24px;background:#e74c3c;box-shadow:0 0 12px #e74c3c,0 0 24px #e74c3cb3}.connection-quality[data-quality=bad] .connection-quality-label{display:inline}@keyframes connection-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.88)}}@media(min-width:721px){.connection-quality-label{display:inline}}@media(pointer:coarse){.game-touch{display:grid;max-width:440px;gap:16px}.touch-button{padding:32px 16px;font-size:32px;min-height:72px}}@media(prefers-reduced-motion:reduce){.card.screen-enter,.game.screen-enter,.overlay.is-visible,.overlay-card,.connection-quality-dot{animation:none}}@media(max-width:720px),(pointer:coarse){.skin-art{width:128px;height:128px}}@media(max-width:520px){.card{padding:16px}.species-cards{grid-template-columns:1fr}.hud-score{font-size:18px}.hud-timer{font-size:22px}}