*,:before,:after{box-sizing:border-box}body{color:#f5f5f5;background:#050509;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}h1,h2,h3{margin:0 0 .5rem}p{margin:0}.app-root{color:#f5f5f5;background:radial-gradient(circle at top,#1a1a2e 0,#050509 60%,#000 100%);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.top-bar{z-index:50;background:#050509;border-bottom:1px solid #ffffff14;justify-content:flex-start;align-items:center;width:100%;padding:clamp(10px,2.5vw,14px) clamp(12px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.logo-button{cursor:pointer;background:0 0;border:none;border-radius:0;padding:0}.logo{letter-spacing:.12em;text-transform:none;color:#f5f5f5;text-shadow:none;padding:0;font-family:UnifrakturMaguntia,Cinzel,serif;font-size:28px}.nav{gap:10px;display:flex}.nav button{color:#f5f5f5;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:6px 12px;font-size:13px}.nav button:hover{background:#ffffff0f}.user-box{align-items:center;gap:8px;display:flex}.auth-form{align-items:center;gap:6px;display:flex}.auth-form input{color:#f5f5f5;background:#000000b3;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:13px}.auth-form button{color:#050509;cursor:pointer;background:linear-gradient(135deg,#e63946,#f1fa8c);border:none;border-radius:6px;padding:6px 10px;font-size:13px}.link-button{color:#bbf;border:none;text-decoration:underline;background:0 0!important}.error-text{color:#ff6b6b;font-size:12px}.main{flex:1;padding:calc(clamp(18px,4vw,32px) + 72px) clamp(12px,4vw,48px) clamp(18px,4vw,32px)}.grid-sections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;min-width:0;display:grid}.card{cursor:pointer;isolation:isolate;background-color:#050509;background-image:radial-gradient(circle at 0 0,#ff004659,#0000 60%),radial-gradient(circle at 100% 100%,#3282ff4d,#0000 55%),none;background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-end;min-width:0;min-height:180px;padding:22px 22px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.card:after{content:"";z-index:0;background:linear-gradient(0deg,#000000e6 0,#0000001a 60%,#0000 100%);transition:filter .18s,opacity .18s,background .18s;position:absolute;inset:0}.card-inner{z-index:1;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:relative}.card-emblem{display:none}.card-emblem svg{stroke:#f5f5f5;width:22px;height:22px}.card-title{text-transform:uppercase;letter-spacing:.16em;color:#fdf2ff;text-shadow:0 0 10px #000000e6,0 0 18px #000000e6;font-family:Cinzel,serif;font-size:clamp(14px,2.6vw,17px);transition:font-size .18s,letter-spacing .18s}.card-subtitle{opacity:.85;color:#e5e7eb;text-shadow:0 0 8px #000000e6,0 0 16px #000000e6;margin-top:2px;font-size:clamp(11px,2.2vw,13px);transition:font-size .18s,opacity .18s}.card:hover{border-color:#ffffff4d;transform:scale(.975);box-shadow:0 8px 22px #000000a6}.card:hover:after{opacity:1;filter:brightness(.78);background:linear-gradient(0deg,#000000f2 0,#0000008c 55%,#0003 100%)}.card:hover .card-title{letter-spacing:.18em;font-size:clamp(15px,3vw,18px)}.card:hover .card-subtitle{opacity:.92;font-size:clamp(12px,2.6vw,14px)}@media (width<=900px){.grid-sections{gap:18px}.card{border-radius:14px;min-height:165px;padding:18px 18px 16px}}@media (width<=520px){.grid-sections{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.card{min-height:150px;padding:16px 16px 14px}.logo{letter-spacing:.1em;font-size:22px}}@media (hover:none){.card:hover{transform:none;box-shadow:0 8px 22px #000000a6}.card:hover:after{filter:none;background:linear-gradient(0deg,#000000eb 0,#00000026 60%,#0000 100%)}.card:hover .card-title,.card:hover .card-subtitle{letter-spacing:.16em}}@media (width<=420px){.main{padding:76px 10px 14px}.top-bar{padding:10px}}.search{color:#f5f5f5;background:#0009;border:1px solid #fff3;border-radius:999px;width:100%;max-width:420px;margin-bottom:16px;padding:8px 10px}.filters-bar{flex-wrap:wrap;align-items:flex-end;gap:14px;max-width:980px;margin-bottom:16px;display:flex}.filter-field{flex-direction:column;gap:6px;min-width:180px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.14em;opacity:.9;font-size:11px}.filter-select,.filter-input{color:#f5f5f5;background:#0000008c;border:1px solid #ffffff2e;border-radius:10px;width:100%;padding:8px 10px}.filter-input{min-width:160px}.filter-check{cursor:pointer;background:#00000073;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;display:flex}.checks-row{flex-wrap:wrap;gap:10px;display:flex}.filter-check.small{padding:7px 10px}.filters-reset{color:#f1fa8c;cursor:pointer;background:#f1fa8c14;border:1px solid #f1fa8c99;border-radius:10px;padding:10px 12px}.filters-reset:hover{background:#f1fa8c21}.list{flex-direction:column;gap:12px;display:flex}.item-card{background:#000000b3;border:1px solid #ffffff26;border-radius:12px;padding:12px 14px}.item-card h2{margin:0 0 6px}.meta{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.pill{border:1px solid #ffffff4d;border-radius:999px;padding:2px 8px;font-size:11px}.dice-button{color:#f1fa8c;cursor:pointer;background:0 0;border:1px solid #f1fa8cb3;border-radius:999px;margin:0 2px;padding:0 6px;font-size:.95em}.roll-toast{color:#f1fa8c;cursor:pointer;background:#111;border:1px solid #f1fa8cb3;border-radius:8px;padding:10px 14px;position:fixed;bottom:20px;right:20px}.classes-layout{gap:18px;margin-top:14px;display:flex}.class-list{flex-direction:column;gap:8px;width:340px;max-width:40%;display:flex}.class-item{text-align:left;color:#f5f5f5;cursor:pointer;background:#000000a6;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px;transition:transform .12s,border-color .12s,background .12s}.class-item:hover{border-color:#ffffff47;transform:translateY(-1px)}.class-item.active{background:#000000c7;border-color:#f1fa8cb3;box-shadow:0 0 0 2px #f1fa8c1f}.class-detail{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.class-title{letter-spacing:.06em;font-family:Cinzel,serif}.class-block{background:#000000a6;border:1px solid #ffffff24;border-radius:14px;padding:14px 16px}.block-label{text-transform:uppercase;letter-spacing:.18em;opacity:.9;margin-bottom:8px;font-size:12px}.block-body{color:#e5e7eb;white-space:pre-wrap;line-height:1.55}.levels{background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px}.levels-title{text-transform:uppercase;letter-spacing:.16em;opacity:.9;margin-bottom:10px;font-size:12px}.level-row{border-top:1px solid #ffffff14;gap:12px;padding:10px 0;display:flex}.level-row:first-of-type{border-top:none}.level-num{color:#f1fa8c;letter-spacing:.04em;width:80px;font-weight:700}.level-body{flex:1;min-width:0}.level-body.missing{color:#e5e7eb99;font-style:italic}.level-title{margin-bottom:4px;font-weight:700}.level-desc{color:#e5e7eb;white-space:pre-wrap;line-height:1.5}.empty-state{color:#e5e7ebb3;border:1px dashed #fff3;border-radius:14px;padding:24px 16px}.patchnotes-layout,.spells-layout{gap:18px;margin-top:14px;display:flex}.spell-list{flex-direction:column;gap:8px;width:340px;max-width:40%;display:flex}.spell-item{text-align:left;color:#f5f5f5;cursor:pointer;background:#000000a6;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px;transition:transform .12s,border-color .12s,background .12s}.spell-item:hover{border-color:#ffffff47;transform:translateY(-1px)}.spell-item.active{background:#000000c7;border-color:#f1fa8cb3;box-shadow:0 0 0 2px #f1fa8c1f}.spell-item-title{letter-spacing:.04em;margin-bottom:6px;font-family:Cinzel,serif;font-size:15px}.spell-item-sub{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spell-comp{letter-spacing:.06em;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.spell-comp.on{color:#f1fa8c;background:#f1fa8c14;border-color:#f1fa8c73}.spell-comp.off{color:#f5f5f547;border-color:#ffffff14}.spell-detail{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.spell-detail-title{letter-spacing:.06em;margin:0;font-family:Cinzel,serif}.spell-meta-table{background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:0;padding:12px 14px;display:flex}.spell-meta-row{border-top:1px solid #ffffff14;align-items:flex-start;gap:14px;padding:10px 0;display:flex}.spell-meta-row:first-child{border-top:none;padding-top:0}.spell-meta-label{text-transform:uppercase;letter-spacing:.12em;opacity:.85;color:#f5f5f5e6;flex-shrink:0;width:180px;max-width:38%;font-size:11px}.spell-meta-value{color:#e5e7eb;flex:1;min-width:0;line-height:1.5}.spell-class-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rich-content{color:#e5e7eb;background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;padding:16px;line-height:1.7}.rich-content p{margin:0 0 12px}.rich-content strong{color:#fdf2ff}.rich-content em{color:#d1d5db}.rich-content u{text-decoration:underline}.patchnote-list{flex-direction:column;gap:8px;width:340px;max-width:40%;display:flex}.patchnote-item{text-align:left;color:#f5f5f5;cursor:pointer;background:#000000a6;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px;transition:transform .12s,border-color .12s,background .12s}.patchnote-item:hover{border-color:#ffffff47;transform:translateY(-1px)}.patchnote-item.active{background:#000000c7;border-color:#f1fa8cb3;box-shadow:0 0 0 2px #f1fa8c1f}.patchnote-title{text-transform:uppercase;letter-spacing:.1em;color:#fdf2ff;margin-bottom:6px;font-family:Cinzel,serif;font-size:12px}.patchnote-date{opacity:.75;font-size:12px}.patchnote-detail{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.patchnote-detail-title{letter-spacing:.06em;font-family:Cinzel,serif}.patchnote-detail-date{opacity:.75}.patchnote-body{color:#e5e7eb;white-space:pre-wrap;background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px;line-height:1.6}.changes-block{background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px}.changes-title{text-transform:uppercase;letter-spacing:.16em;opacity:.9;margin-bottom:10px;font-size:12px}.changes-list{flex-direction:column;gap:10px;display:flex}.change-row{align-items:flex-start;gap:12px;display:flex}.change-type{color:#f1fa8c;text-transform:uppercase;letter-spacing:.12em;text-align:center;border:1px solid #f1fa8c59;border-radius:999px;width:120px;max-width:40%;padding:6px 10px;font-size:12px}.change-main{flex:1;min-width:0}.change-target{margin-bottom:4px;font-weight:700}.change-desc{color:#e5e7eb;white-space:pre-wrap;line-height:1.5}.muted{opacity:.7}@media (width<=900px){.patchnotes-layout,.spells-layout{flex-direction:column}.patchnote-list,.spell-list{width:100%;max-width:100%}.spell-meta-row{flex-direction:column;gap:6px}.spell-meta-label{width:100%;max-width:100%}.classes-layout{flex-direction:column}.class-list{flex-direction:column;width:100%;max-width:100%}.class-item{width:100%}}