@import"https://fonts.googleapis.com/css2?family=Philosopher&family=Marck+Script&display=swap&subset=cyrillic";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-content{position:relative;height:100%;width:100%;max-width:600px;margin:0 auto}.background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000004d,#0000004d),url(/images/eww.png) no-repeat center/cover}.overlay{width:100%;height:100%}.title-block,.subtitle-block,.button-group{position:absolute;left:50%;transform:translate(-50%);width:100%;z-index:1}.title{font-family:Philosopher,serif;font-weight:700;letter-spacing:.05em}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;bottom:23.5%}.rune-button{padding:12px 24px;font-size:x-large;font-family:Philosopher,serif;font-weight:700;letter-spacing:.05em;color:#e6e6e6;background:#0009;border:1.5px solid rgba(200,200,255,.3);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 12px #b4c8ff4d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;cursor:pointer}.rune-button:not(:disabled):hover{background:#32325066;border-color:#c8dcff80;box-shadow:0 0 18px #96b4ff40;transform:translateY(-2px)}.rune-button:disabled,.rune-button[disabled]{opacity:.5;cursor:not-allowed;background:#0006;border-color:#9696b433;box-shadow:none;transform:none;pointer-events:none}.rune-button.ghost{border:1.5px solid rgba(180,180,220,.2)}.rune-button.ghost:not(:disabled):hover{background:#32325066;border-color:#dcdcff4d;box-shadow:0 0 14px #9696ff26}.title-block{text-align:center;top:30%}.subtitle-block{top:60%;text-shadow:2px 2px 8px rgba(0,0,0,.8);font-size:1.8rem;font-family:Marck Script,cursive;font-weight:700;letter-spacing:.05em;text-align:center}@media (max-width: 768px){.button-group{flex-direction:column;align-items:center;bottom:15%}.title-block{top:31%}.subtitle-block{top:57.5%;font-size:1.7rem}}@media (max-width: 480px){.button-group{position:fixed;bottom:0;width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#1e2a35;border-radius:12px;padding:24px;width:90%;max-width:500px;box-shadow:0 0 20px #0009;color:#fff;font-family:Philosopher,serif}.modal h2{margin-top:0;margin-bottom:16px;font-size:1.5rem}.modal input,.modal textarea{width:100%;padding:10px 12px;margin-bottom:12px;background:#2c3e50;color:#fff;border:1px solid #444;border-radius:6px;font-family:inherit;font-size:1rem;resize:vertical}.modal textarea{min-height:80px}.modal button{background:#34495e;color:#fff;border:none;padding:10px 16px;margin-right:10px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s ease}.modal button:hover{background:#3c5a72}:root{--bg-top: #071218;--bg-mid: #0b1a22;--bg-bot: #071218;--text: #eaf4fb;--muted: #b8c6d1;--danger:#ff6b6b;--edge: rgba(90,220,255,.3);--edge-strong: rgba(90,220,255,.45);--glow: rgba(90,220,255,.16);--glow-strong: rgba(90,220,255,.28);--card-w: 240px;--card-h: 340px;--card-r: 22px;--gap: 28px}.characters-page{position:relative;min-height:100vh;padding:64px 20px 80px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;color:var(--text);font-family:Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(60% 40% at 50% 0%,rgba(70,160,200,.1),transparent 60%),linear-gradient(to bottom,var(--bg-top),var(--bg-mid) 45%,var(--bg-bot))}.characters-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(140% 90% at 50% -10%,transparent 60%,rgba(0,0,0,.45) 100%),radial-gradient(60% 40% at 50% 100%,rgba(0,0,0,.35),transparent 60%)}.characters-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E")}.page-header h1{margin:0 0 36px;font-size:56px;line-height:1;text-align:center;letter-spacing:.5px;color:var(--text);text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 22px rgba(125,210,250,.18)}.character-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);width:100%;max-width:1280px}.character-card{position:relative;isolation:isolate;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);padding:16px;overflow:hidden;color:var(--text);-webkit-backdrop-filter:saturate(1.03) contrast(1.03);backdrop-filter:saturate(1.03) contrast(1.03);border:1px solid rgba(90,220,255,.4);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 0 .5px #5adcff8c,0 8px 20px #00000059,0 0 14px #5adcff1a}.card-has-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(75% 50% at 50% 8%,rgba(90,220,255,.12) 0%,rgba(90,220,255,.06) 22%,transparent 48%),radial-gradient(60% 45% at 50% 24%,rgba(90,220,255,.1) 0%,transparent 56%)}.card-has-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0a141b00,#0a141beb)}.character-card:hover{border-color:#5adcff8c;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 0 .5px #5adcffa6,0 10px 24px #00000073,0 0 18px #5adcff38}.delete-button{position:absolute;top:10px;right:10px;z-index:2;display:inline-grid;place-items:center;width:30px;height:30px;background:transparent;border:none;border-radius:10px;color:var(--danger);font-size:20px;cursor:pointer;transition:background .15s ease,transform .1s ease,color .15s ease,box-shadow .15s ease}.delete-button:hover{transform:translateY(-1px);color:#ff8080;background:#ffffff0f;box-shadow:0 0 12px #ff8c8c59}.card-text{position:absolute;left:16px;right:16px;bottom:28px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;z-index:1;pointer-events:none}.card-text *{pointer-events:auto}.card-title{margin:0;font-size:22px;font-weight:800;letter-spacing:.3px;text-shadow:0 0 10px rgba(90,220,255,.14),0 2px 0 rgba(0,0,0,.35)}.character-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pill{display:inline-flex;align-items:center;padding:6px 10px;font-size:13px;letter-spacing:.2px;color:#c9f3ff;border:1px solid var(--edge);border-radius:999px;background:linear-gradient(180deg,#12222c8c,#0c181e8c);box-shadow:inset 0 0 0 1px #ffffff05,0 0 18px #5adcff1a}.character-desc{margin:0;font-size:15px;font-style:italic;color:var(--muted);text-shadow:0 1px 0 rgba(0,0,0,.35)}.create-new-card{position:relative;overflow:hidden;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b8f0ff;background:linear-gradient(180deg,#12222c66,#0e1a2266);border:1px dashed var(--edge);box-shadow:0 10px 28px #00000059,0 0 22px #5adcff1a;transition:all .2s ease}.create-new-card:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:radial-gradient(40% 30% at 50% 50%,rgba(90,220,255,.14),transparent 70%)}.create-new-card:hover{color:#d6f8ff;border-color:var(--edge-strong);box-shadow:0 14px 34px #00000073,0 0 30px var(--glow-strong)}.big-plus{font-size:64px;font-weight:800;line-height:1;transform:translateY(-4px)}.no-characters-view{margin-top:44px;font-size:18px;color:var(--muted)}:root{--bg-color: #24292e;--card-bg-color: #313840;--text-color: #e1e4e8;--text-secondary-color: #8b949e;--accent-color: #58a6ff;--border-color: rgba(88, 166, 255, .2);--danger-color: #f85149}html,body,#root{height:100%;width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}