@import"https://cdn.jsdelivr.net/npm/@fontsource/cormorant@5/cyrillic-500.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/cormorant@5/cyrillic-600.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/cormorant@5/cyrillic-700.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pt-serif@5/cyrillic-400.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pt-serif@5/cyrillic-400-italic.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pt-serif@5/cyrillic-700.css";:root{color-scheme:dark;--bg:#08080c;--panel:#14141d;--panel2:#1a1a26;--line:#3b3547;--line-gold:#6b5a35;--gold:#c8a15c;--gold-bright:#e8c479;--text:#d6d2c4;--dim:#948f83;--night:#7db8e8;--day:#e07840;--twilight:#8f7bdc;--font-head:"Cormorant",Georgia,serif;--font-body:"PT Serif",Georgia,serif;--school-ember:#ff7a45;--school-verdant:#4ecb71;--school-indigo:#6f7bff;--school-violet:#a463ff;--school-azure:#45b8ff;--school-silver:#c9ccd6;--school-rose:#ff6fa5;--school-cyan:#3fd8d0;--school-amber:#ffc247;--school-rust:#d1743c;--school-slate:#8994a8;--school-crimson:#e03a4e;--school-magenta:#e04ec4;--school-obsidian:#6b6b78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45}button{font-family:inherit}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:#08080c url(https://image.qwenlm.ai/public_source/2e2a11a8-b5bf-4d63-b0be-11411d0b4878/1f7784c6b-ebce-4261-a66e-dcf2516ac806.png) center top/cover no-repeat;opacity:.5}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,transparent 40%,rgba(4,4,8,.9) 100%)}.mist{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(60% 40% at 20% 80%,rgba(143,123,220,.1),transparent 70%),radial-gradient(50% 35% at 80% 70%,rgba(125,184,232,.08),transparent 70%);animation:mist 14s ease-in-out infinite alternate}@keyframes mist{0%{transform:translate(-3%)}to{transform:translate(3%)}}.d-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#08080cdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-gold)}.d-logo{font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 0 14px rgba(200,161,92,.4)}.d-logo-sub{font-size:11px;color:var(--dim);font-style:italic;margin-top:-2px}.d-header .spacer{flex:1}h1{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-size:26px;margin:10px 0 6px;text-shadow:0 0 16px rgba(200,161,92,.25)}h2{font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:16px;margin:16px 0 8px}.d-sec{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-family:var(--font-head);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:13px}.d-sec:before,.d-sec:after{content:"";flex:1;height:1px}.d-sec:before{background:linear-gradient(90deg,transparent,var(--line-gold))}.d-sec:after{background:linear-gradient(90deg,var(--line-gold),transparent)}.rune{color:var(--line-gold);letter-spacing:.9em;text-align:center;font-size:12px;margin:6px 0}.screen{min-height:100vh;max-width:720px;margin:0 auto;padding:14px 14px 96px;position:relative}.screen-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.panel{background:linear-gradient(180deg,#1a1a26f0,#101018f0);border:1px solid var(--line);outline:1px solid rgba(200,161,92,.16);outline-offset:3px;border-radius:4px;padding:12px;margin:10px 0;box-shadow:0 6px 22px #0000008c}.panel-title{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:13px;margin:0 0 8px}.field{display:flex;flex-direction:column;gap:8px;margin-top:16px}.field input,.screen input,.screen select{padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:#101018;color:var(--text);font-family:var(--font-body);font-size:15px}.screen input:focus,.screen select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--line-gold),0 0 12px #c8a15c33}.options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.option{padding:12px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,#1a1a26,#141420);color:var(--text);font-size:15px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .05s}.option:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 0 1px var(--line-gold),0 0 16px #c8a15c26}.option:active:not(:disabled){transform:translateY(1px)}.option:disabled{opacity:.45}.option.selected{border-color:var(--gold-bright);background:linear-gradient(180deg,#2a2416,#1c1810);color:var(--gold-bright)}.btn{border:1px solid var(--line-gold);background:#1c1810;color:var(--gold-bright);padding:6px 12px;border-radius:3px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-family:var(--font-head);font-weight:600;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 10px #c8a15c40}.btn:disabled{opacity:.45;cursor:default}.error-text{color:#ff6b6b}.stat-list{list-style:none;margin:0;padding:0}.stat-list li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(107,90,53,.45);padding:6px 2px;font-size:14px}.stat-list li span:last-child{color:var(--gold-bright)}.emblem{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--line-gold);box-shadow:0 0 18px #c8a15c4d}.emblem-lg{width:120px;height:120px}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faction-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:4px;background:#141420;cursor:pointer}.faction-card.night{--fac:var(--night)}.faction-card.day{--fac:var(--day)}.faction-card.selected{border-color:var(--fac);box-shadow:0 0 0 1px var(--fac),0 0 22px color-mix(in srgb,var(--fac) 35%,transparent)}.faction-card b{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--fac)}.hpbar{height:12px;background:#000;border:1px solid var(--line);border-radius:2px;overflow:hidden}.hpbar>div{height:100%;transition:width .45s ease}.hp-you .hpbar>div{background:linear-gradient(90deg,#8a6a2c,var(--gold-bright))}.hp-foe .hpbar>div{background:linear-gradient(90deg,#5e1620,#c04a52)}.log{list-style:none;margin:0;padding:0;max-height:190px;overflow-y:auto}.log li{padding:5px 2px;border-bottom:1px dashed rgba(107,90,53,.35);font-size:13px;color:var(--dim)}.log li b{color:var(--gold);font-weight:600}.log li.foe b{color:#c07a80}.mon-portrait{width:100%;max-height:220px;object-fit:cover;border:1px solid var(--line);outline:1px solid rgba(143,123,220,.25);outline-offset:3px;border-radius:4px;filter:saturate(.9) contrast(1.05);box-shadow:0 8px 26px #0009}.mon-sigil{display:flex;align-items:center;justify-content:center;height:120px;font-size:52px;color:var(--twilight);border:1px solid var(--line);border-radius:4px;background:radial-gradient(60% 80% at 50% 50%,rgba(143,123,220,.16),transparent)}.presence-panel{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#0c0c12f2;border-top:1px solid var(--line-gold);max-height:50vh;overflow-y:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.presence-toggle{width:100%;padding:9px 14px;border:none;background:transparent;color:var(--gold);font-family:var(--font-head);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:13px;text-align:left;cursor:pointer}.presence-body{padding:0 14px 14px}.presence-entry{width:100%;padding:7px 0;border:none;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.presence-entry:hover{color:var(--gold-bright)}.presence-actions{display:flex;gap:8px;padding:4px 0 8px;flex-wrap:wrap}.invite-banner{position:fixed;left:10px;right:10px;top:10px;z-index:60;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--gold);outline:1px solid rgba(200,161,92,.3);outline-offset:2px;border-radius:4px;background:#100e0af5;font-size:14px;box-shadow:0 8px 30px #000000b3;animation:banner .35s ease}@keyframes banner{0%{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:70;background:#100e0af2;border:1px solid var(--line-gold);color:var(--gold-bright);padding:8px 16px;border-radius:4px;font-size:13px;font-style:italic;box-shadow:0 6px 20px #0009;animation:banner .3s ease}.school-ember{--school-color:var(--school-ember)}.school-verdant{--school-color:var(--school-verdant)}.school-indigo{--school-color:var(--school-indigo)}.school-violet{--school-color:var(--school-violet)}.school-azure{--school-color:var(--school-azure)}.school-silver{--school-color:var(--school-silver)}.school-rose{--school-color:var(--school-rose)}.school-cyan{--school-color:var(--school-cyan)}.school-amber{--school-color:var(--school-amber)}.school-rust{--school-color:var(--school-rust)}.school-slate{--school-color:var(--school-slate)}.school-crimson{--school-color:var(--school-crimson)}.school-magenta{--school-color:var(--school-magenta)}.school-obsidian{--school-color:var(--school-obsidian)}@keyframes cast-flash{0%{box-shadow:0 0 0 0 transparent;background:transparent}35%{box-shadow:0 0 22px 5px var(--school-color,#fff);background:color-mix(in srgb,var(--school-color,#fff) 22%,transparent)}to{box-shadow:0 0 0 0 transparent;background:transparent}}.cast-flash{animation:cast-flash .5s ease-out;border-radius:6px}.spell-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.spell-bar-label{font-size:13px;opacity:.85;width:100%;color:var(--twilight);font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase}.spell-button{flex:1 1 45%;padding:9px;border-radius:4px;border:1px solid var(--school-color,#444);background:linear-gradient(180deg,#161622,#101018);color:var(--text);font-size:14px;text-align:left}.spell-button:hover:not(:disabled){box-shadow:0 0 12px color-mix(in srgb,var(--school-color) 45%,transparent)}.spell-button:disabled{opacity:.4}.spell-cost{font-size:12px;opacity:.75}.effect-icons{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px;font-size:12px}.effect-label{opacity:.7;font-style:italic}.effect-icon{padding:2px 8px;border-radius:10px;border:1px solid #444}.effect-buff{border-color:var(--school-verdant)}.effect-debuff{border-color:var(--school-crimson)}.effect-shield{border-color:var(--school-azure)}.crystal-ico{width:20px;height:20px;object-fit:cover;border-radius:3px;vertical-align:-5px;filter:drop-shadow(0 0 4px rgba(255,194,71,.6))}.pdf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#050509f0;overflow:auto;padding:18px}.pdf-sheet{max-width:860px;margin:0 auto;background:#101018;border:1px solid var(--line-gold);outline:1px solid rgba(200,161,92,.25);outline-offset:3px;border-radius:4px;padding:16px}.pdf-sheet pre{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5;color:#cfe0c8;background:#0a0a10;border:1px solid var(--line);padding:12px;max-height:62vh;overflow:auto}@media print{.app-bg,.mist,.d-header,.screen,.presence-panel,.invite-banner,.toast,.no-print{display:none!important}.pdf-modal{position:static;background:#fff;padding:0}.pdf-sheet{background:#fff;border:none;outline:none;box-shadow:none;max-width:none}.pdf-sheet h2{color:#111}.pdf-sheet pre{background:#fff;color:#111;border:1px solid #999;max-height:none;overflow:visible}}
