:root{--navy:#061426;--navy2:#0a1c33;--panel:#0e2541;--blue:#3ca2ff;--blue2:#176fd1;--cyan:#76c9ff;--white:#f7fbff;--muted:#8fa8c1;--line:rgba(125,184,238,.18);--light:#eef3f8;--ink:#091629;--green:#35d393;--red:#ff6b7d;--gold:#f0bd5d;--radius:18px;--container:min(1240px,calc(100vw - 44px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}body.admin-body{background:#071221}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}.container{width:var(--container);margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::selection{background:var(--blue);color:#02101f}
.site-header{position:sticky;z-index:50;top:0;height:78px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,17,32,.88);backdrop-filter:blur(20px)}.nav-wrap{display:flex;height:100%;align-items:center;gap:30px}.site-logo{flex:0 0 auto}.site-logo img{width:138px;height:65px;object-fit:contain}.main-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:22px}.main-nav a{position:relative;padding:29px 0;color:#9db1c6;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.main-nav a:after{position:absolute;right:0;bottom:0;left:0;height:2px;transform:scaleX(0);background:var(--blue);content:"";transition:.18s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{transform:scaleX(1)}.account-nav{display:flex;align-items:center;gap:8px}.discord-login,.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:1px solid transparent;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 14px 35px rgba(23,111,209,.22);color:#fff;cursor:pointer;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;transition:.18s}.discord-login:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.discord-login span{font-size:15px}.account-chip{display:flex;max-width:190px;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;font-weight:700}.account-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover}.account-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-link{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.menu-toggle{display:none}.setup-warning{padding:10px 20px;background:#7f301c;color:#fff;text-align:center;font-size:12px}.flash{position:fixed;z-index:90;top:92px;left:50%;width:min(520px,calc(100vw - 30px));padding:14px 18px;border:1px solid var(--line);border-radius:11px;background:#112d4c;box-shadow:0 20px 60px rgba(0,0,0,.4);font-size:13px;transform:translateX(-50%)}.flash.success{border-color:rgba(53,211,147,.45)}.flash.error{border-color:rgba(255,107,125,.5)}
.page-hero{position:relative;min-height:430px;overflow:hidden;padding:104px 0 86px;background:var(--navy)}.page-hero:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,30,.97),rgba(4,15,30,.76) 52%,rgba(4,15,30,.3)),linear-gradient(0deg,#061426,transparent 50%),var(--hero,none) center/cover no-repeat;content:""}.page-hero:after{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(100,170,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,170,235,.1) 1px,transparent 1px);background-size:76px 76px;content:""}.page-hero .container{position:relative;z-index:2}.eyebrow{display:block;margin-bottom:19px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.page-hero h1,.section-title{max-width:850px;margin:0;font-size:clamp(48px,6vw,82px);font-weight:900;letter-spacing:-.055em;line-height:.96}.page-hero p{max-width:650px;margin:27px 0 0;color:#a6b9cc;font-size:16px;line-height:1.75}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.btn.secondary{border-color:var(--line);background:rgba(14,37,65,.55);box-shadow:none;color:#d6e6f5}.btn.light{background:#f2f6fa;box-shadow:none;color:#0b1c31}.btn.danger{background:#a83045}.btn.small{min-height:38px;padding:0 13px;font-size:8px}.btn.disabled{pointer-events:none;opacity:.45}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.status-pill:before{width:7px;height:7px;border-radius:50%;background:#647b92;content:""}.status-pill.online:before,.status-pill.success:before{background:var(--green);box-shadow:0 0 12px var(--green)}.status-pill.pending:before{background:var(--gold)}.status-pill.failed:before{background:var(--red)}
.home-hero{min-height:calc(100svh - 78px);display:flex;align-items:center;padding:115px 0 90px}.home-hero:before{background:linear-gradient(90deg,rgba(3,12,25,.98),rgba(3,12,25,.83) 45%,rgba(3,12,25,.28)),linear-gradient(0deg,#061426,transparent 45%),var(--home-hero,url('altura-hero.webp')) 66% center/cover no-repeat}.home-copy{max-width:690px}.home-mark{width:min(600px,78vw);margin:-38px 0 -60px;filter:drop-shadow(0 26px 65px rgba(23,120,218,.3))}.home-hero h1{font-size:clamp(42px,5vw,68px)}.home-stats{display:grid;width:min(540px,100%);grid-template-columns:repeat(2,1fr);margin-top:43px;border:1px solid var(--line);border-radius:16px;background:rgba(9,27,49,.72);backdrop-filter:blur(14px)}.home-stats div{padding:20px 24px}.home-stats div+div{border-left:1px solid var(--line)}.home-stats b{display:block;font-size:27px}.home-stats small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.section{padding:100px 0}.section.light{background:var(--light);color:var(--ink)}.section.deep{background:#08172a}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.section-head h2{margin:0;font-size:clamp(38px,4.5vw,62px);letter-spacing:-.05em;line-height:.98}.section-head p{margin:0;color:#687a8f;line-height:1.75}.section.deep .section-head p{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding-bottom:6px;border-bottom:1px solid currentColor;color:#287ac8;font-size:10px;font-weight:850;text-transform:uppercase}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:250px;padding:27px;border:1px solid #d6e0ea;border-radius:var(--radius);background:#fff}.feature-card:first-child{background:linear-gradient(145deg,#102a48,#07172b);color:#fff}.feature-card span{color:#3c8cd6;font:11px ui-monospace,monospace}.feature-card h3{margin:80px 0 12px;font-size:21px}.feature-card p{margin:0;color:#718195;font-size:13px;line-height:1.65}.feature-card:first-child p{color:#9fb5ca}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faction-grid{grid-template-columns:repeat(2,1fr)}.faction-card-body{min-height:280px}.faction-code{margin:35px 0 5px!important;color:#3388d3!important;font-size:56px!important}.content-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0c213a;transition:.2s}.content-card:hover{transform:translateY(-5px);border-color:rgba(80,168,249,.42)}.content-card .media{height:220px;background:#0a1a2c}.content-card .media img{width:100%;height:100%;object-fit:cover}.content-card .card-body{padding:23px}.content-card .meta{display:flex;justify-content:space-between;gap:10px;color:#6caee9;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.content-card h3{margin:13px 0 9px;font-size:20px}.content-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.light .content-card{border-color:#d6e0ea;background:#fff}.light .content-card p{color:#65788b}.light .content-card h3{color:#0b1c30}
.discord-block{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.server-card{padding:28px;border:1px solid rgba(105,178,244,.25);border-radius:22px;background:linear-gradient(145deg,#142f50,#0a1d35);box-shadow:0 35px 90px rgba(0,0,0,.25)}.server-card header{display:flex;align-items:center;justify-content:space-between}.server-card header img{width:67px;height:55px;object-fit:contain}.stat-grid{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-grid div{padding:30px 0}.stat-grid div+div{padding-left:30px;border-left:1px solid var(--line)}.stat-grid b{display:block;font-size:34px}.stat-grid small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.server-card footer{display:flex;align-items:center;gap:13px}.server-card footer img{width:44px;height:44px}.server-card footer div{display:flex;flex-direction:column}.server-card footer small{color:var(--muted)}
.rules-layout{display:grid;grid-template-columns:310px 1fr;gap:24px}.rule-sidebar{position:sticky;top:100px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0a1d34}.rule-sidebar a,.rule-sidebar button{display:flex;width:100%;align-items:center;gap:12px;padding:13px;border:0;border-radius:9px;background:transparent;color:#a2b8cc;cursor:pointer;text-align:left}.rule-sidebar a:hover,.rule-sidebar a.active{background:rgba(60,162,255,.11);color:#fff}.rule-sidebar span{color:#4e99dc;font:9px ui-monospace,monospace}.rule-document{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#0b1e36}.pdf-frame{width:100%;height:780px;border:0;border-radius:10px;background:#fff}.read-confirm{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.read-confirm h3{margin-top:0}.read-progress{height:7px;overflow:hidden;border-radius:999px;background:#132e4d}.read-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue2),var(--cyan));transition:width 1s}.read-confirm label{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#b7c9d9;font-size:13px;line-height:1.5}.read-confirm input[type=checkbox]{margin-top:3px}.confirmation-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid rgba(53,211,147,.26);border-radius:14px;background:rgba(53,211,147,.06)}
.lore-shell{padding:54px 0 100px;background:radial-gradient(circle at 80% 20%,rgba(53,114,137,.18),transparent 35%),#111714}.book-layout{display:grid;grid-template-columns:280px 1fr;min-height:780px;overflow:hidden;border:1px solid rgba(202,193,174,.2);border-radius:20px;background:#171b17;box-shadow:0 40px 120px rgba(0,0,0,.4)}.book-index{padding:28px 18px;border-right:1px solid rgba(202,193,174,.16);background:#111511}.book-index img{width:150px;margin:0 auto 25px}.book-index label{display:block;margin:12px;color:#7d857b;font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.book-index a{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:13px 10px;border-radius:10px;color:#969c94}.book-index a.active,.book-index a:hover{background:rgba(203,196,179,.08);color:#e8e1d4}.book-index a>span{color:#78969a;font:9px ui-monospace,monospace}.book-index a div{display:flex;flex-direction:column}.book-index a b{font-family:Georgia,serif;font-size:13px;font-weight:500}.book-index a small{margin-top:5px;color:#68706a;font-size:7px}.book-page{margin:28px;background:#eee8db;color:#262922}.book-image{position:relative;height:340px}.book-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) sepia(.15)}.book-image:after{position:absolute;inset:0;background:linear-gradient(0deg,#eee8db,transparent 42%);content:""}.book-image span{position:absolute;z-index:2;right:26px;bottom:17px;color:#4f5a52;font:8px ui-monospace,monospace;letter-spacing:.12em}.story{max-width:820px;margin:auto;padding:28px 55px 75px;font-family:Georgia,"Times New Roman",serif}.story>small{color:#75847d;font:8px system-ui;letter-spacing:.16em}.story h1{margin:13px 0 35px;font-size:44px;font-weight:500;line-height:1.05}.story h2{margin:35px 0 13px;font-size:23px;font-weight:500}.story p{font-size:16px;line-height:1.9}.story p:first-of-type:first-letter{float:left;margin:7px 8px 0 0;color:#386e7d;font-size:58px;line-height:.75}.book-nav{display:flex;justify-content:space-between;margin-top:20px}.book-nav a{padding:13px 18px;border:1px solid rgba(202,193,174,.2);border-radius:9px;color:#b9b8b0;font-size:9px;text-transform:uppercase}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.profile-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:#0b2039;text-align:center;transition:.18s}.profile-card:hover{transform:translateY(-4px);border-color:rgba(72,167,250,.44)}.profile-card img{width:92px;height:92px;margin:auto;border:3px solid #193c61;border-radius:50%;object-fit:cover}.profile-card h3{margin:16px 0 4px}.profile-card p{min-height:38px;margin:8px 0;color:var(--muted);font-size:11px;line-height:1.55}.profile-card .badge{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:99px;background:rgba(60,162,255,.12);color:#71baff;font-size:7px;font-weight:850;text-transform:uppercase}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.profile-aside,.profile-content{padding:28px;border:1px solid var(--line);border-radius:18px;background:#0b1f37}.profile-aside{text-align:center}.profile-aside>img{width:150px;height:150px;margin:auto;border:5px solid #173b60;border-radius:50%;object-fit:cover}.profile-aside h1{margin:18px 0 3px}.profile-aside>p{color:var(--muted);font-size:13px;line-height:1.6}.profile-links{display:flex;justify-content:center;gap:8px;margin-top:17px}.profile-links a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#8fcaff;font-size:9px}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.character-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0d2745}.character-card .character-image{height:180px;background:linear-gradient(135deg,#173e64,#081b32)}.character-card .character-image img{width:100%;height:100%;object-fit:cover}.character-card>div:last-child{padding:18px}.character-card h3{margin:0 0 7px}.character-card p{color:var(--muted);font-size:12px;line-height:1.6}.character-card small{color:#64adef}.profile-form,.admin-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{color:#9ab0c6;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;outline:0;background:#07182b;color:#eef7ff}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#398fdd;box-shadow:0 0 0 3px rgba(57,143,221,.1)}.field .hint{color:#657f98;font-size:10px}.checkbox-row{display:flex;align-items:center;gap:9px}.subpanel{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.page-extra{padding:34px 0;border-bottom:1px solid var(--line);background:#081a2f}.page-extra .article-body{max-width:900px}.search-field{width:min(420px,100%)}.gallery-grid{columns:3 280px;column-gap:15px}.gallery-item{position:relative;overflow:hidden;margin:0 0 15px;break-inside:avoid;border:1px solid var(--line);border-radius:14px;background:#0b1e34;cursor:pointer}.gallery-item img{width:100%;height:auto}.gallery-item figcaption{padding:15px}.gallery-item b{display:block}.gallery-item span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.empty-state{padding:60px 30px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.lightbox{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:25px;background:rgba(2,8,16,.93);backdrop-filter:blur(15px)}.lightbox.open{display:grid}.lightbox img{max-width:min(1200px,94vw);max-height:85vh;border-radius:13px}.lightbox button{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#10243a;color:#fff;font-size:25px}
.pagination{display:flex;justify-content:center;gap:7px;margin-top:35px}.pagination a,.pagination span{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.pagination .active{background:var(--blue);color:#041425}.article{max-width:880px;margin:auto}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:18px}.article h1{font-size:clamp(42px,6vw,72px);line-height:1}.article-meta{display:flex;gap:15px;margin:20px 0;color:#72b6f3;font-size:10px}.article-body{color:#b0c2d2;font-size:16px;line-height:1.85}.article-body h2,.article-body h3{margin-top:38px;color:#fff}.article-body img{border-radius:12px}
.site-footer{padding:70px 0 24px;border-top:1px solid var(--line);background:#04101f}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.footer-grid img{width:175px}.footer-grid p{color:var(--muted);font-family:Georgia,serif;font-style:italic}.footer-grid b{margin-bottom:8px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.footer-grid a{color:#93aac0;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:#607a93;font-size:9px}
.admin-shell{display:grid;min-height:100svh;grid-template-columns:250px 1fr}.admin-sidebar{position:sticky;top:0;height:100svh;padding:24px 16px;border-right:1px solid var(--line);background:#061426}.admin-brand img{width:150px;margin:auto}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:35px}.admin-sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:9px;color:#8fa6bc;font-size:11px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(60,162,255,.12);color:#fff}.admin-sidebar nav i{width:20px;color:#4fa9f8;font-style:normal}.admin-user{position:absolute;right:16px;bottom:20px;left:16px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px}.admin-user img{width:34px;height:34px;border-radius:50%}.admin-user div{min-width:0}.admin-user b,.admin-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user small{color:var(--muted);font-size:8px}.admin-main{min-width:0;padding:38px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-top h1{margin:0;font-size:31px}.admin-top p{margin:7px 0 0;color:var(--muted);font-size:12px}.admin-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#0a1c32}.admin-card h2{margin-top:0}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0b2038}.metric-card small{color:#6da8de;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.metric-card b{display:block;margin-top:12px;font-size:32px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.admin-table{width:100%;border-collapse:collapse;background:#091a2e}.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;white-space:nowrap}.admin-table th{color:#6f9fc9;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.admin-table td.wrap{min-width:260px;white-space:normal}.admin-table img{width:46px;height:46px;border-radius:9px;object-fit:cover}.table-actions{display:flex;gap:6px}.table-actions button,.table-actions a{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#0d2a48;color:#bcd0e2;cursor:pointer;font-size:8px}.tab-nav{display:flex;overflow:auto;gap:7px;margin-bottom:18px}.tab-nav a{padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:9px}.tab-nav a.active{background:#1c72c5;color:#fff}.image-preview{width:100%;max-width:300px;max-height:170px;object-fit:cover;border-radius:10px}.admin-mobile-head{display:none}
@media(max-width:1100px){.main-nav{position:fixed;top:78px;right:0;left:0;display:none;padding:20px;flex-direction:column;align-items:stretch;background:#07172a}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav a:after{display:none}.menu-toggle{display:flex;width:42px;height:42px;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:transparent}.menu-toggle span{width:18px;height:2px;background:#fff}.account-nav{margin-left:0}.profile-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){:root{--container:min(100% - 30px,720px)}.section{padding:75px 0}.page-extra{padding:30px 0}.section-head{grid-template-columns:1fr;gap:20px}.card-grid,.feature-grid,.faction-grid{grid-template-columns:1fr}.feature-card h3{margin-top:40px}.discord-block,.profile-layout{grid-template-columns:1fr}.rules-layout{grid-template-columns:1fr}.rule-sidebar{position:static;display:flex;overflow:auto}.rule-sidebar a{min-width:max-content}.pdf-frame{height:620px}.book-layout{grid-template-columns:1fr}.book-index{display:flex;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid rgba(202,193,174,.16)}.book-index>img,.book-index>label{display:none}.book-index a{min-width:190px}.profile-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{display:block}.admin-sidebar{position:static;width:100%;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}.admin-user{position:static;margin-top:15px}.admin-main{padding:25px 15px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){:root{--container:calc(100% - 24px)}.site-header{height:68px}.site-logo img{width:108px;height:58px}.main-nav{top:68px}.account-chip span,.discord-login span{display:none}.discord-login{width:44px;padding:0;font-size:0}.discord-login:after{font-size:19px;content:"◉"}.page-hero{min-height:360px;padding:78px 0 64px}.page-hero h1,.section-title{font-size:43px}.home-hero{min-height:760px}.home-mark{width:102vw;margin:-15px 0 -20px;transform:translateX(-7vw)}.home-stats{grid-template-columns:1fr}.home-stats div+div{border-top:1px solid var(--line);border-left:0}.card-grid,.profile-grid,.character-grid,.form-grid{grid-template-columns:1fr}.gallery-grid{columns:1}.pdf-frame{display:none}.rule-document:before{display:block;margin-bottom:15px;padding:18px;border-radius:10px;background:#f4f6f8;color:#182a3e;content:"En móvil, utiliza el botón Abrir PDF para leer la normativa."}.book-page{margin:8px}.book-image{height:220px}.story{padding:25px 22px 55px}.story h1{font-size:34px}.story p{font-size:14px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{gap:10px;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:20px 12px}.admin-top{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Altura RP 4.0 · biblioteca, streamers, footer compacto y movimiento */
.site-footer{padding:13px 0;border-top:1px solid rgba(111,176,235,.16);background:#030d19}.compact-footer{display:grid;min-height:66px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.footer-brand img{width:112px;height:48px;object-fit:contain}.footer-slogan{margin:0;color:#8299ae;font-family:Georgia,serif;font-size:12px;font-style:italic}.footer-copy{display:flex;align-items:center;gap:13px;margin:0;color:#71869a;font-size:9px;letter-spacing:.035em}.footer-copy span{padding-left:13px;border-left:1px solid var(--line)}

.normativa-shell{padding:54px 0 92px;background:radial-gradient(circle at 78% 12%,rgba(39,105,151,.2),transparent 34%),#111714}.normativa-book-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:830px;overflow:hidden;border:1px solid rgba(202,193,174,.2);border-radius:20px;background:#171b17;box-shadow:0 42px 120px rgba(0,0,0,.42)}.normativa-index{border-right:1px solid rgba(202,193,174,.16);background:#101511}.normativa-index-brand{position:sticky;top:0;z-index:2;padding:25px 22px 13px;background:linear-gradient(#101511 82%,transparent)}.normativa-index-brand img{width:145px;margin:0 auto 19px}.normativa-index label{display:block;color:#7d857b;font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.normativa-index nav{display:flex;padding:0 14px 24px;flex-direction:column;gap:3px}.normativa-index a{display:grid;grid-template-columns:29px 1fr;gap:8px;padding:11px 10px;border-radius:9px;color:#929b93;transition:.2s}.normativa-index a:hover,.normativa-index a.active{background:rgba(203,196,179,.09);color:#eee8db;transform:translateX(3px)}.normativa-index a>span{padding-top:2px;color:#6992a0;font:9px ui-monospace,monospace}.normativa-index a div{display:flex;min-width:0;flex-direction:column}.normativa-index a b{overflow:hidden;font-family:Georgia,serif;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.normativa-index a small{margin-top:4px;color:#69726b;font-size:7px;letter-spacing:.05em;text-transform:uppercase}.normativa-volume{min-width:0;padding-bottom:24px}.normativa-page{margin:28px;background:#f0eadc;color:#262922;box-shadow:0 24px 55px rgba(0,0,0,.25);animation:bookEnter .65s ease both}.normativa-cover{position:relative;height:310px;overflow:hidden}.normativa-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) sepia(.16);transform:scale(1.025)}.normativa-cover:after{position:absolute;inset:0;background:linear-gradient(0deg,#f0eadc,transparent 52%),linear-gradient(90deg,rgba(21,25,20,.42),transparent 55%);content:""}.normativa-cover span{position:absolute;z-index:2;right:27px;bottom:19px;color:#4e5c53;font:8px ui-monospace,monospace;letter-spacing:.14em}.normativa-story{max-width:900px;margin:auto;padding:30px 60px 78px;font-family:Georgia,"Times New Roman",serif}.normativa-story>small{color:#72827a;font:8px system-ui;letter-spacing:.17em}.normativa-story>h1{margin:13px 0 37px;font-size:clamp(36px,4.3vw,56px);font-weight:500;letter-spacing:-.035em;line-height:1}.normativa-content{font-size:16px;line-height:1.86}.normativa-content h2{margin:40px 0 14px;color:#243a38;font-size:28px;font-weight:500;line-height:1.2}.normativa-content h3{margin:34px 0 12px;color:#31525a;font-size:22px;font-weight:500}.normativa-content h4{margin:28px 0 9px;color:#3c5e64;font-size:18px}.normativa-content p{margin:0 0 18px}.normativa-content ul,.normativa-content ol{margin:8px 0 24px;padding-left:25px}.normativa-content li{margin:7px 0}.normativa-content blockquote{margin:25px 0;padding:17px 20px;border-left:3px solid #4d7c85;background:rgba(64,100,103,.08)}.normativa-content hr{height:1px;margin:34px 0;border:0;background:rgba(48,67,59,.18)}.normativa-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.normativa-content th,.normativa-content td{padding:10px;border:1px solid rgba(47,67,59,.2);text-align:left}.normativa-content img{height:auto;border-radius:7px}.normativa-content>p:first-of-type:first-letter,.normativa-content>.turn-page>p:first-of-type:first-letter{float:left;margin:8px 8px 0 0;color:#386e7d;font-size:56px;line-height:.72}.normativa-note{margin:34px 0 0;padding:18px;border:1px solid rgba(57,91,82,.2);background:rgba(75,110,101,.08);font:italic 14px/1.7 Georgia,serif}.normativa-nav{display:grid;grid-template-columns:1fr auto 1fr;margin:20px 28px 0}.normativa-nav a:last-child{text-align:right}.page-count{align-self:center;color:#6d7770;font:8px ui-monospace,monospace;letter-spacing:.12em}.normativa-confirmation{max-width:920px;margin:26px auto 0}

.streamers-section{background:radial-gradient(circle at 15% 12%,rgba(73,43,183,.16),transparent 30%),linear-gradient(180deg,#07182b,#061426)}.streamers-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:40px}.streamers-heading h2{margin:0;font-size:clamp(38px,4.8vw,64px);letter-spacing:-.05em;line-height:1}.streamers-heading p{margin:0;color:var(--muted);line-height:1.75}.streamer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.streamer-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#0a1d34;box-shadow:0 22px 55px rgba(0,0,0,.18);transition:.3s ease}.streamer-card:hover{transform:translateY(-7px);border-color:rgba(85,170,246,.45);box-shadow:0 30px 70px rgba(0,0,0,.31)}.streamer-card.is-live{border-color:rgba(255,77,103,.5);box-shadow:0 25px 70px rgba(141,25,57,.2)}.streamer-card.is-live:after{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,90,116,.35);border-radius:inherit;content:"";animation:liveGlow 2.3s ease-in-out infinite}.streamer-cover{position:relative;display:block;height:285px;overflow:hidden;background:#071425}.streamer-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.streamer-card:hover .streamer-cover>img{transform:scale(1.035)}.streamer-cover:after{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#081629);content:""}.streamer-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 40%,rgba(60,162,255,.22),transparent 32%),linear-gradient(135deg,#102e51,#071425)}.streamer-placeholder span{font-size:42px;font-weight:950;letter-spacing:.18em}.streamer-placeholder b{color:#63b1f5;font-size:9px;letter-spacing:.24em}.stream-live-badge{position:absolute;z-index:2;top:17px;left:17px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(5,16,29,.82);color:#a1b2c3;font-size:8px;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(10px)}.stream-live-badge.online{border-color:rgba(255,91,116,.55);background:#d93455;color:#fff;animation:livePulse 1.8s ease-in-out infinite}.streamer-body{position:relative;z-index:2;display:grid;grid-template-columns:68px 1fr;gap:15px;padding:0 22px 23px}.streamer-avatar{width:68px;height:68px;margin-top:-26px;border:4px solid #0a1d34;border-radius:17px;background:#0b2038;object-fit:cover}.streamer-info{min-width:0;padding-top:16px}.streamer-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.streamer-name-row h3{overflow:hidden;margin:0;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.streamer-name-row span{color:#6eb4f2;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.stream-title{min-height:36px;margin:9px 0 13px;color:#9fb3c6;font-size:12px;line-height:1.5}.streamer-meta{display:flex;justify-content:space-between;gap:12px;color:#778fa7;font-size:9px}.streamer-meta a{color:#71b9f8;font-weight:800;text-transform:uppercase}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.integration-grid fieldset{display:grid;gap:13px;margin:0;padding:17px;border:1px solid var(--line);border-radius:12px}.integration-grid legend{padding:0 7px;color:#79baf2;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.admin-help{color:var(--muted);font-size:12px;line-height:1.6}.admin-spaced{margin-top:16px}.table-error{color:#ff8999}

.ambient-layer{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.ambient-layer i{position:absolute;bottom:-20px;left:var(--x);width:3px;height:3px;border-radius:50%;opacity:0;background:#78c9ff;box-shadow:0 0 13px #47a9ff;animation:ambientFloat var(--duration) linear var(--delay) infinite}.site-header{z-index:50}main,.site-footer{position:relative;z-index:1}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.page-hero:before,.home-hero:before{transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),0) scale(1.018);transition:transform .22s ease-out}.eyebrow:before{display:inline-block;width:24px;height:1px;margin-right:10px;vertical-align:middle;background:currentColor;content:"";animation:eyebrowLine 2.5s ease-in-out infinite}.content-card:after,.feature-card:after,.profile-card:after{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 48%,transparent 70%);content:"";transform:translateX(-80%);transition:.5s}.content-card:hover:after,.feature-card:hover:after,.profile-card:hover:after{opacity:1;transform:translateX(80%)}.feature-card,.profile-card{position:relative;overflow:hidden}

@keyframes ambientFloat{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.5}85%{opacity:.15}100%{opacity:0;transform:translate3d(34px,-105vh,0)}}@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(217,52,85,0)}}@keyframes liveGlow{50%{opacity:.35}}@keyframes bookEnter{from{opacity:.35;transform:perspective(900px) rotateY(1.8deg) translateX(8px)}to{opacity:1;transform:none}}@keyframes eyebrowLine{50%{width:34px;opacity:.55}}

@media(max-width:980px){.normativa-book-layout{grid-template-columns:1fr}.normativa-index{border-right:0;border-bottom:1px solid rgba(202,193,174,.16)}.normativa-index-brand{display:none}.normativa-index nav{overflow-x:auto;padding:12px;flex-direction:row}.normativa-index a{min-width:205px}.streamer-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.compact-footer{grid-template-columns:auto 1fr}.footer-copy{grid-column:1/-1;justify-content:center;padding-top:9px;border-top:1px solid var(--line)}}
@media(max-width:650px){.normativa-page{margin:8px}.normativa-cover{height:215px}.normativa-story{padding:25px 21px 52px}.normativa-story>h1{font-size:35px}.normativa-content{font-size:14px;line-height:1.78}.normativa-content h2{font-size:23px}.normativa-content h3{font-size:19px}.normativa-nav{grid-template-columns:1fr 1fr;margin:16px 8px 0}.normativa-nav .page-count{display:none}.normativa-nav a{padding:11px;font-size:7px}.streamers-heading{grid-template-columns:1fr;gap:16px}.streamer-cover{height:210px}.streamer-body{grid-template-columns:54px 1fr;padding:0 16px 19px}.streamer-avatar{width:54px;height:54px}.streamer-name-row{align-items:flex-start;flex-direction:column;gap:4px}.streamer-name-row h3{max-width:100%}.compact-footer{min-height:78px;grid-template-columns:82px 1fr;gap:10px}.footer-brand img{width:82px}.footer-slogan{font-size:10px}.footer-copy{align-items:flex-start;justify-content:flex-start;gap:4px;flex-direction:column;font-size:8px}.footer-copy span{padding-left:0;border-left:0}.ambient-layer{display:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.ambient-layer{display:none}.page-hero:before,.home-hero:before{transform:none}.eyebrow:before,.stream-live-badge.online,.streamer-card.is-live:after,.normativa-page{animation:none!important}}