@import"https://fonts.googleapis.com/css2?family=Creepster&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";.navbar[data-v-375bfa60]{position:sticky;top:0;z-index:100;background:#080806f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border)}.navbar__blood-line[data-v-375bfa60]{height:3px;background:linear-gradient(90deg,transparent 0%,var(--c-red) 15%,var(--c-red-bright) 40%,var(--c-red) 65%,transparent 100%);position:relative;filter:drop-shadow(0 2px 4px rgba(139,0,0,.8))}.navbar__blood-line[data-v-375bfa60]:after{content:"";position:absolute;top:0;left:30%;width:4px;height:12px;background:var(--c-red-bright);border-radius:0 0 3px 3px;filter:blur(1px)}.navbar__blood-line[data-v-375bfa60]:before{content:"";position:absolute;top:0;left:65%;width:3px;height:8px;background:var(--c-red);border-radius:0 0 3px 3px;filter:blur(1px)}.navbar__inner[data-v-375bfa60]{display:flex;align-items:center;gap:2rem;height:64px}.navbar__logo[data-v-375bfa60]{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;flex-shrink:0}.navbar__logo-icon[data-v-375bfa60]{font-size:1.6rem;color:var(--c-red-bright);filter:drop-shadow(0 0 8px rgba(196,30,30,.8))}.navbar__logo-text[data-v-375bfa60]{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.06em;color:#fff;text-shadow:2px 2px 6px rgba(139,0,0,.6)}.navbar__logo-text em[data-v-375bfa60]{color:var(--c-red-bright);font-style:normal}.navbar__nav[data-v-375bfa60]{display:flex;gap:1.5rem;flex:1}.navbar__nav a[data-v-375bfa60]{font-family:var(--font-body);font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-dim);transition:color var(--transition);padding:.25rem 0;border-bottom:2px solid transparent}.navbar__nav a[data-v-375bfa60]:hover,.navbar__nav a.router-link-active[data-v-375bfa60]{color:var(--c-red-bright);border-bottom-color:var(--c-red-bright)}.navbar__actions[data-v-375bfa60]{display:flex;align-items:center;gap:.75rem;margin-left:auto}.navbar__username[data-v-375bfa60]{font-family:var(--font-mono);font-size:.85rem;color:var(--c-red-bright)}.navbar__burger[data-v-375bfa60]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}.navbar__burger span[data-v-375bfa60]{display:block;width:24px;height:2px;background:var(--c-text);border-radius:2px;transition:all var(--transition)}@media (max-width: 768px){.navbar__burger[data-v-375bfa60]{display:flex}.navbar__actions[data-v-375bfa60]{display:none}.navbar__nav[data-v-375bfa60]{display:none;position:absolute;top:67px;left:0;right:0;background:var(--c-bg-2);border-bottom:1px solid var(--c-border);flex-direction:column;padding:1rem 1.5rem;gap:1rem}.navbar__nav.open[data-v-375bfa60]{display:flex}}.footer[data-v-dd0fcaf1]{border-top:none;padding:1.5rem 0;margin-top:auto;position:relative}.footer__blood-top[data-v-dd0fcaf1]{height:3px;background:linear-gradient(90deg,transparent,var(--c-red),transparent);margin-bottom:1.5rem;position:relative}.footer__blood-top[data-v-dd0fcaf1]:before{content:"";position:absolute;bottom:0;left:20%;width:3px;height:10px;background:var(--c-red);border-radius:0 0 3px 3px}.footer__blood-top[data-v-dd0fcaf1]:after{content:"";position:absolute;bottom:0;left:70%;width:2px;height:6px;background:var(--c-red-bright);border-radius:0 0 3px 3px}.footer__inner[data-v-dd0fcaf1]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem}.footer__logo[data-v-dd0fcaf1]{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.06em;color:var(--c-red-bright);text-shadow:0 0 10px rgba(196,30,30,.5)}.footer__text[data-v-dd0fcaf1]{font-size:.82rem;color:var(--c-text-dim)}.app-wrapper[data-v-9e09a80d]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-9e09a80d]{flex:1}:root{--c-bg: #080806;--c-bg-2: #0f0e0b;--c-bg-3: #171510;--c-border: #2a1f14;--c-border-glow: #6b0f0f;--c-red-bright: #c41e1e;--c-red: #8b0000;--c-red-dim: #5a0000;--c-red-glow: rgba(196, 30, 30, .18);--c-red-glow-strong: rgba(196, 30, 30, .38);--c-green: #4a7c3f;--c-green-bright:#6abf5e;--c-green-glow: rgba(74, 124, 63, .15);--c-orange: #c0621a;--c-blue: var(--c-red-bright);--c-blue-dim: var(--c-red);--c-blue-glow: var(--c-red-glow);--c-blue-glow-strong: var(--c-red-glow-strong);--c-text: #d4c9b8;--c-text-dim: #7a6a58;--c-text-faint: #2e2418;--font-display: "Creepster", "Impact", cursive;--font-body: "Rajdhani", "Segoe UI", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius: 3px;--radius-lg: 6px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .8);--shadow-glow: 0 0 24px rgba(139, 0, 0, .3);--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;top:0;left:0;right:0;height:180px;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180'%3E%3Cellipse cx='80' cy='0' rx='18' ry='60' fill='%238b0000' opacity='0.7'/%3E%3Cellipse cx='80' cy='55' rx='22' ry='18' fill='%238b0000' opacity='0.7'/%3E%3Cellipse cx='220' cy='0' rx='10' ry='35' fill='%236b0000' opacity='0.5'/%3E%3Cellipse cx='220' cy='30' rx='14' ry='10' fill='%236b0000' opacity='0.5'/%3E%3Cellipse cx='400' cy='0' rx='15' ry='80' fill='%238b0000' opacity='0.6'/%3E%3Cellipse cx='400' cy='75' rx='20' ry='16' fill='%238b0000' opacity='0.6'/%3E%3Cellipse cx='580' cy='0' rx='8' ry='28' fill='%235a0000' opacity='0.45'/%3E%3Cellipse cx='580' cy='24' rx='11' ry='8' fill='%235a0000' opacity='0.45'/%3E%3Cellipse cx='720' cy='0' rx='20' ry='95' fill='%238b0000' opacity='0.65'/%3E%3Cellipse cx='720' cy='90' rx='26' ry='20' fill='%238b0000' opacity='0.65'/%3E%3Cellipse cx='900' cy='0' rx='12' ry='50' fill='%236b0000' opacity='0.5'/%3E%3Cellipse cx='900' cy='46' rx='16' ry='12' fill='%236b0000' opacity='0.5'/%3E%3Cellipse cx='1050' cy='0' rx='9' ry='32' fill='%238b0000' opacity='0.4'/%3E%3Cellipse cx='1050' cy='28' rx='13' ry='9' fill='%238b0000' opacity='0.4'/%3E%3Cellipse cx='1150' cy='0' rx='16' ry='70' fill='%238b0000' opacity='0.6'/%3E%3Cellipse cx='1150' cy='65' rx='21' ry='15' fill='%238b0000' opacity='0.6'/%3E%3C/svg%3E");background-size:100% 180px;background-repeat:no-repeat;opacity:.9}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.6) 100%)}#app{position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-red);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--c-red-bright)}a{color:var(--c-red-bright);text-decoration:none;transition:color var(--transition)}a:hover{color:#e84040}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.05em;line-height:1.1;color:#fff;text-shadow:2px 2px 8px rgba(139,0,0,.5)}h1{font-size:clamp(2.8rem,6vw,5rem)}h2{font-size:clamp(2rem,3.5vw,3rem)}h3{font-size:clamp(1.4rem,2.5vw,2rem)}h4{font-size:1.3rem}p{max-width:72ch}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-content{padding:2rem 0 4rem}.card{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.card:before{content:"";position:absolute;top:-2px;right:-2px;width:60px;height:60px;background:radial-gradient(ellipse at top right,rgba(139,0,0,.15),transparent 70%);pointer-events:none}.card:hover{border-color:var(--c-border-glow);box-shadow:var(--shadow-card),0 0 16px var(--c-red-glow)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.04em;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);text-transform:uppercase}.btn-primary{background:var(--c-red-dim);border-color:var(--c-red-bright);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.btn-primary:hover{background:var(--c-red);box-shadow:0 0 14px var(--c-red-glow-strong);color:#fff}.btn-danger{background:#3a0000;border-color:var(--c-red-bright);color:#ff6b6b}.btn-danger:hover{background:var(--c-red-dim)}.btn-ghost{background:transparent;border-color:var(--c-border);color:var(--c-text)}.btn-ghost:hover{border-color:var(--c-red-bright);color:var(--c-red-bright)}.badge{display:inline-block;padding:.15rem .6rem;font-family:var(--font-mono);font-size:.72rem;border-radius:2px;text-transform:uppercase;letter-spacing:.08em}.badge-easy{background:var(--c-green-glow);color:var(--c-green-bright);border:1px solid var(--c-green)}.badge-medium{background:#c0621a26;color:#e8883a;border:1px solid var(--c-orange)}.badge-hard{background:var(--c-red-glow);color:#f87171;border:1px solid var(--c-red)}.badge-extreme{background:#8b00004d;color:#ff4040;border:1px solid var(--c-red-bright)}.input{width:100%;background:var(--c-bg-3);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-family:var(--font-body);font-size:1rem;padding:.6rem .9rem;transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--c-red-bright);box-shadow:0 0 0 2px var(--c-red-glow)}.input::placeholder{color:var(--c-text-faint)}.divider{border:none;border-top:1px solid var(--c-border);margin:1.5rem 0;position:relative}.divider:after{content:"🩸";position:absolute;top:-10px;left:0;font-size:.9rem;line-height:1}.player-selector{display:flex;gap:.5rem;align-items:center}.player-selector__btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--c-bg-3);border:1px solid var(--c-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:1.1rem;color:var(--c-text-dim);cursor:pointer;transition:all var(--transition)}.player-selector__btn:hover,.player-selector__btn.active{background:var(--c-red-dim);border-color:var(--c-red-bright);color:#fff;box-shadow:0 0 10px var(--c-red-glow)}.block-tip{background:#4a7c3f1a;border-left:3px solid var(--c-green);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;color:var(--c-green-bright);font-size:.95rem}.block-warning{background:#8b000026;border-left:3px solid var(--c-red-bright);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;color:#fca5a5;font-size:.95rem}.block-image figure,.block-schema figure{margin:0}.block-image figcaption,.block-schema figcaption{font-family:var(--font-mono);font-size:.78rem;color:var(--c-text-dim);margin-top:.4rem;text-align:center}.loader{display:flex;justify-content:center;align-items:center;padding:3rem}.loader:after{content:"";width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-red-bright);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--c-text-dim);font-style:italic}