:root{--bg1:#0b0f1a;--bg2:#151a2b;--neon1:#8a2be2;--neon2:#00e5ff;--neon3:#ff4dff;--glass-bg:#ffffff14;--glass-brd:#ffffff2e;--text:#e8ecff;--muted:#9aa3c2;--shadow:0 8px 32px #00000059}*{box-sizing:border-box}#root,body,html{height:100%}body{background:radial-gradient(1100px 700px at 10% 10%,#8a2be240,#0000 60%),radial-gradient(1000px 600px at 90% 80%,#00e5ff38,#0000 60%),linear-gradient(135deg,#0b0f1a,#151a2b);background:radial-gradient(1100px 700px at 10% 10%,#8a2be240,#0000 60%),radial-gradient(1000px 600px at 90% 80%,#00e5ff38,#0000 60%),linear-gradient(135deg,var(--bg1),var(--bg2));background-attachment:fixed;color:#e8ecff;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0;overflow:hidden}body:before{animation:shimmer 10s linear infinite;background:repeating-linear-gradient(180deg,#ffffff08,#ffffff08 1px,#0000 2px,#0000 4px);content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:fixed}@keyframes shimmer{0%{opacity:.45;transform:translateY(-10%)}50%{opacity:.2;transform:translateY(0)}to{opacity:.45;transform:translateY(-10%)}}.app-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:180px 1fr;grid-template-rows:100%;height:100vh;padding:14px}.character-creator,.sidebar,.story-panel{-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-brd);border-radius:14px;box-shadow:0 8px 32px #00000059;box-shadow:var(--shadow)}.sidebar{overflow-y:auto;padding:10px;position:relative}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5ff,#8a2be2);background:linear-gradient(180deg,var(--neon2),var(--neon1));border-radius:10px}.character-creator{display:contents;gap:.9rem;padding:1rem;position:fixed;right:14px;top:14px;width:min(420px,92vw);z-index:10}.character-creator button,.character-creator input,.character-creator textarea{background:#ffffff0f;border:1px solid #ffffff2e;border:1px solid var(--glass-brd);border-radius:10px;color:#e8ecff;color:var(--text);padding:10px;width:100%}.character-creator button{background-image:linear-gradient(135deg,#8a2be2cc,#00e5ff99);box-shadow:0 0 0 0 #8a2be280;font-family:Orbitron,Inter,sans-serif;font-weight:700;letter-spacing:.04em;transition:transform .12s ease,box-shadow .25s ease}.character-creator button:hover{box-shadow:0 6px 18px #8a2be273,0 0 24px #00e5ff59;transform:translateY(-1px)}.story-panel{overflow:auto;padding:18px}.story-panel h2{font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.02em;text-shadow:0 0 10px #8a2be273}.story-panel-content img{border:1px solid #ffffff2e;border:1px solid var(--glass-brd);border-radius:10px;box-shadow:0 8px 32px #00000059;box-shadow:var(--shadow);max-width:160px}.character-card{align-items:center;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid #ffffff2e;border:1px solid var(--glass-brd);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 32px #00000059;box-shadow:inset 0 0 0 1px #ffffff0a,var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:6px;margin:8px 4px;padding:4px 6px 10px;position:relative;transform:translateZ(0);transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease}.character-card:hover{border-color:#00e5ff8c;box-shadow:0 10px 28px #00e5ff47,0 0 36px #8a2be240;transform:translateY(-2px)}.card-canvas{border:1px solid #ffffff2e;border-radius:10px;box-shadow:inset 0 0 20px #8a2be240;height:192px;overflow:hidden;position:relative;width:142px}.card-canvas:after{background:conic-gradient(from 0deg,#00e5ff,#8a2be2,#ff4dff,#00e5ff);background:conic-gradient(from 0deg,var(--neon2),var(--neon1),var(--neon3),var(--neon2));border-radius:11px;content:"";filter:blur(12px);inset:-1px;opacity:.28;pointer-events:none;position:absolute;z-index:0}.character-card p{font-size:.86rem;margin:0;text-align:center}.character-card .level{color:#9aa3c2;color:var(--muted);font-size:.72rem}.story-panel button{background:linear-gradient(135deg,#00e5ff80,#8a2be273);border:1px solid #ffffff2e;border:1px solid var(--glass-brd);border-radius:10px;color:#e8ecff;color:var(--text);font-family:Orbitron,Inter,sans-serif;font-weight:700;letter-spacing:.03em;margin:10px 10px 42px 0;padding:10px 12px;transition:transform .12s ease,box-shadow .25s ease}.story-panel button:hover{box-shadow:0 6px 18px #00e5ff59,0 0 24px #8a2be259;transform:translateY(-1px)}@media (max-width:980px){.app-container{grid-template-columns:150px 1fr}.card-canvas{height:192px;width:142px}}@media (max-width:720px){.app-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:14px;white-space:nowrap}}.selected-character{bottom:16px;height:210px;position:fixed;right:16px;width:160px;z-index:15}.selected-character .card-canvas{height:100%;width:100%}
/*# sourceMappingURL=main.dd48424d.css.map*/