:root{color-scheme:dark;--bg:#07090d;--panel:#111216;--panel2:#191718;--line:#745236;--line-soft:rgba(214,164,91,.24);--gold:#d6a45b;--gold2:#ffd28a;--text:#f7ecdb;--muted:#b9aa96;--red:#a33b27;--green:#56d485;--shadow:rgba(0,0,0,.72)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#080a0e}button,input{font:inherit}button{color:inherit}.portal-page{min-height:100dvh;overflow-x:hidden;background:linear-gradient(rgba(4,6,9,.3),rgba(4,5,8,.72)),url('../assets/auth/login-background.webp') center/cover fixed no-repeat}.portal-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,transparent 0 18%,rgba(4,5,8,.22) 42%,rgba(3,4,7,.78) 100%),linear-gradient(90deg,rgba(2,3,5,.42),transparent 30%,transparent 70%,rgba(2,3,5,.42))}.portal-header{position:fixed;z-index:30;top:0;left:0;right:0;height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(225,178,102,.28);background:linear-gradient(180deg,rgba(5,7,10,.97),rgba(8,9,12,.86));box-shadow:0 12px 38px rgba(0,0,0,.42);backdrop-filter:blur(14px)}.portal-header:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.portal-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.portal-brand img{width:54px;height:54px;filter:drop-shadow(0 5px 16px rgba(255,89,30,.28))}.portal-brand span{display:grid;line-height:.78}.portal-brand strong,.portal-brand b{font-family:Georgia,serif;letter-spacing:.11em}.portal-brand strong{font-size:22px;color:#f5ddae}.portal-brand b{font-size:14px;color:var(--gold)}.portal-brand small{margin-top:7px;color:#8d8172;font-size:8px;letter-spacing:.22em}.portal-nav{justify-self:center;display:flex;align-items:center;gap:4px}.portal-nav button,.portal-footer button{border:0;background:transparent;color:#c9b99f;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.04em}.portal-nav button{position:relative;padding:28px 18px}.portal-nav button:after{content:"";position:absolute;left:18px;right:18px;bottom:19px;height:1px;scale:0 1;background:var(--gold);transition:.2s}.portal-nav button:hover{color:var(--gold2)}.portal-nav button:hover:after{scale:1}.server-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line-soft);background:rgba(13,14,18,.74);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.server-chip i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.server-chip span{font-size:11px;color:#c9b99e}.server-chip strong{font-size:10px;color:#8de3a9}.portal-main{position:relative;z-index:2;min-height:100dvh;display:grid;grid-template-columns:minmax(250px,1fr) minmax(370px,470px) minmax(220px,1fr);align-items:center;gap:clamp(24px,4vw,70px);padding:108px 5vw 82px}.portal-intro{max-width:560px;text-shadow:0 4px 24px #000}.portal-kicker,.modal-kicker,.login-heading>span{display:block;color:var(--gold2);font-size:11px;font-weight:950;letter-spacing:.22em}.portal-intro h1{margin:14px 0 16px;font:700 clamp(38px,5.1vw,74px)/.98 Georgia,serif}.portal-intro h1 em{font-style:normal;color:#edbb6f;text-shadow:0 0 36px rgba(223,133,52,.22)}.portal-intro>p{max-width:540px;margin:0;color:#d3c5b1;font-size:16px;line-height:1.65}.intro-stats{display:flex;gap:10px;margin-top:28px}.intro-stats article{min-width:96px;padding:11px 15px;border:1px solid rgba(222,172,96,.25);background:rgba(11,12,16,.66);backdrop-filter:blur(8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.intro-stats strong{display:block;color:var(--gold2);font:700 22px Georgia,serif}.intro-stats span{font-size:10px;color:#a99a86;letter-spacing:.1em}.login-card{position:relative;width:100%;padding:28px 32px 24px;border:1px solid rgba(231,184,107,.47);background:linear-gradient(160deg,rgba(21,22,26,.96),rgba(8,9,12,.97));box-shadow:0 34px 90px rgba(0,0,0,.72),inset 0 0 42px rgba(231,147,59,.045);clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px))}.login-card:before,.login-card:after{content:"";position:absolute;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35}.login-card:before{top:10px}.login-card:after{bottom:10px}.card-ornament{height:46px;margin:-14px 0 3px;display:flex;align-items:center;justify-content:center;gap:10px}.card-ornament img{width:52px;height:52px;filter:drop-shadow(0 4px 16px rgba(226,104,44,.35))}.card-ornament span{width:78px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.card-ornament span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #3b3025;background:#090b0e;border-radius:5px}.auth-tabs a{text-decoration:none;text-align:center;padding:10px;color:#8f8476;font-size:12px;font-weight:900;letter-spacing:.08em;border-radius:3px}.auth-tabs a.active{color:#261207;background:linear-gradient(#f1c679,#b97335);box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 14px rgba(0,0,0,.26)}.login-heading{text-align:center;padding:22px 6px 8px}.login-heading h2{margin:7px 0 8px;font:700 29px Georgia,serif}.login-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.login-card form{display:grid;gap:13px;margin-top:13px}.field{display:grid;gap:7px}.field>span{font-size:10px;color:#cfb58e;font-weight:900;letter-spacing:.14em}.field>div{display:grid;grid-template-columns:42px 1fr;height:48px;border:1px solid #4c3b2d;background:rgba(3,5,7,.76);border-radius:5px;overflow:hidden;transition:.2s}.field>div:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,165,91,.1)}.field i{display:grid;place-items:center;border-right:1px solid rgba(214,164,91,.16);font-style:normal;color:#a98a62}.field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f6ead8;padding:0 13px;font-size:14px}.field input::placeholder{color:#645d55}.auth-submit{height:50px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #efbd70;border-radius:4px;background:linear-gradient(180deg,#a8432d,#702317);color:#ffe7bb;font-weight:950;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 22px rgba(0,0,0,.35)}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-submit b{font-size:23px;line-height:1}.auth-switch,.register-note{text-align:center;color:#978b7b;font-size:12px;line-height:1.5}.auth-switch{margin:15px 0 0}.auth-switch a{color:var(--gold2)}.register-note{margin:12px 0 0;padding:9px;border:1px solid rgba(214,164,91,.13);background:rgba(214,164,91,.045)}.auth-alert{margin:10px 0;padding:10px 12px;border-radius:5px;font-size:12px;line-height:1.45}.auth-alert.error{border:1px solid rgba(224,101,89,.45);background:rgba(113,32,29,.23);color:#ffc2bc}.auth-alert.success{border:1px solid rgba(86,212,133,.38);background:rgba(22,101,58,.2);color:#baf2ce}.login-security{display:flex;align-items:center;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(214,164,91,.12);font-size:10px;color:#887e70}.login-security i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.login-security strong{margin-left:auto;color:#bda47f}.portal-side{display:grid;gap:12px;max-width:300px}.side-card{padding:17px;border:1px solid rgba(216,167,93,.25);background:rgba(9,10,13,.68);backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.25)}.side-card>span{display:block;color:#a9916f;font-size:9px;font-weight:950;letter-spacing:.18em}.side-card strong{display:block;margin-top:9px;font:700 19px Georgia,serif}.side-card small{display:block;margin-top:5px;color:#b7aa98;line-height:1.5}.side-card em{display:inline-block;margin-top:10px;padding:5px 8px;border:1px solid rgba(214,164,91,.22);color:var(--gold2);font-style:normal;font-size:10px;letter-spacing:.08em}.side-card.compact p{margin:8px 0 0;color:#d3c5b1;font-size:12px;line-height:1.5}.portal-footer{position:fixed;z-index:20;left:0;right:0;bottom:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-top:1px solid rgba(214,164,91,.24);background:rgba(5,7,10,.92);backdrop-filter:blur(12px);color:#837b70;font-size:10px}.portal-footer div{display:flex;align-items:center;gap:20px}.portal-footer button:hover{color:var(--gold2)}.portal-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}.portal-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,3,5,.82);backdrop-filter:blur(9px)}.modal-panel{position:relative;width:min(880px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;padding:34px;border:1px solid rgba(225,177,100,.42);background:linear-gradient(155deg,#181619,#0b0c0f);box-shadow:0 34px 100px #000;clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px))}.modal-panel h2{margin:7px 0 22px;font:700 32px Georgia,serif}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid rgba(214,164,91,.27);background:#0a0b0e;color:#d8c2a1;font-size:22px;cursor:pointer}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-grid article{padding:17px;border:1px solid rgba(214,164,91,.16);background:#0d0e11}.guide-grid b{display:grid;place-items:center;width:37px;height:37px;border:1px solid #775233;color:var(--gold2)}.guide-grid h3{margin:12px 0 6px}.guide-grid p,.support-copy{margin:0;color:var(--muted);line-height:1.6}.public-ranking{display:grid;gap:7px}.public-ranking article{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(214,164,91,.14);background:#0b0d10}.public-ranking article>b{color:var(--gold2);font:700 17px Georgia,serif}.public-ranking article div{display:grid}.public-ranking article small{color:#867e72;margin-top:3px}.public-ranking article span{color:#f1ce92;font-weight:900}.public-ranking article em{color:#9e9180;font-style:normal;font-size:12px}.empty-ranking{color:var(--muted)}.news-list{display:grid;gap:10px}.news-list article{display:flex;gap:13px;padding:15px;border:1px solid rgba(214,164,91,.14);background:#0d0e11}.news-list time{height:max-content;padding:5px 7px;border:1px solid #78432e;color:#f2bb75;font-size:9px;font-weight:900}.news-list h3{margin:0 0 5px}.news-list p{margin:0;color:var(--muted);line-height:1.55}.support-id{margin-top:20px;padding:15px;border:1px solid rgba(214,164,91,.18);background:#0c0d10;color:#c9baa6}.modal-open{overflow:hidden}

/* Onboarding and loading */
.onboarding-page,.loading-page{min-height:100dvh;background:linear-gradient(rgba(3,5,8,.54),rgba(3,4,7,.88)),url('../assets/auth/story-background.webp') center/cover fixed no-repeat;display:grid;place-items:center;padding:28px}.onboarding-shell{width:min(960px,100%);border:1px solid rgba(225,177,100,.42);background:rgba(8,10,14,.93);box-shadow:0 35px 110px #000;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}.onboarding-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid rgba(214,164,91,.18);background:rgba(5,7,10,.75)}.onboarding-head img{width:48px;height:48px}.onboarding-head div{display:grid}.onboarding-head strong{font:700 20px Georgia,serif}.onboarding-head span{color:#918574;font-size:10px;letter-spacing:.15em}.player-id-badge{margin-left:auto;text-align:right}.player-id-badge small{display:block;color:#8c806f;font-size:9px}.player-id-badge b{color:var(--gold2);letter-spacing:.12em}.story-stage{position:relative;min-height:520px;overflow:hidden}.story-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:46px;opacity:0;visibility:hidden;transform:translateX(25px);transition:.45s}.story-slide.active{opacity:1;visibility:visible;transform:none}.story-art{position:relative;min-height:350px;border:1px solid rgba(214,164,91,.2);background:radial-gradient(circle at 50% 72%,rgba(199,88,33,.22),transparent 35%),linear-gradient(145deg,#1a1718,#090b0e);display:grid;place-items:center;overflow:hidden}.story-art img{width:150px;filter:drop-shadow(0 10px 30px rgba(230,87,35,.28))}.story-art:before,.story-art:after{content:"";position:absolute;border:1px solid rgba(214,164,91,.15);border-radius:50%}.story-art:before{width:260px;height:260px}.story-art:after{width:190px;height:190px}.story-copy>span{color:var(--gold2);font-size:10px;font-weight:950;letter-spacing:.2em}.story-copy h1,.story-copy h2{margin:10px 0 14px;font:700 clamp(34px,5vw,58px)/1 Georgia,serif}.story-copy h2{font-size:40px}.story-copy p{color:#c8baa7;line-height:1.7}.story-actions{display:flex;align-items:center;gap:11px;margin-top:24px}.story-button{min-width:150px;height:47px;border:1px solid #e6b56c;background:linear-gradient(#a33d29,#6f2117);color:#ffe7ba;font-weight:900;cursor:pointer}.story-button.ghost{border-color:#554332;background:#101216;color:#c6b69e}.story-progress{display:flex;justify-content:center;gap:8px;padding:0 0 22px}.story-progress i{width:38px;height:3px;background:#3f352c}.story-progress i.active{background:var(--gold)}.name-form{display:grid;gap:12px;margin-top:22px}.name-form input{height:52px;border:1px solid #665039;background:#090b0e;color:#fff0d8;padding:0 15px;outline:0}.name-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,164,91,.1)}.name-rules{color:#8e8375;font-size:11px}.loading-card{width:min(520px,calc(100% - 24px));padding:42px;text-align:center;border:1px solid rgba(225,177,100,.42);background:rgba(7,9,12,.94);box-shadow:0 35px 110px #000;clip-path:polygon(0 17px,17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px))}.loading-emblem{position:relative;width:154px;height:154px;margin:auto;display:grid;place-items:center}.loading-emblem:before,.loading-emblem:after{content:"";position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold);border-bottom-color:#7a3927;animation:spin 2s linear infinite}.loading-emblem:before{inset:0}.loading-emblem:after{inset:14px;animation-direction:reverse;animation-duration:1.4s}.loading-emblem img{width:96px;filter:drop-shadow(0 7px 22px rgba(231,93,35,.35))}.loading-card h1{margin:18px 0 6px;font:700 31px Georgia,serif}.loading-card>p{margin:0;color:var(--muted)}.loading-track{height:9px;margin:26px 0 10px;border:1px solid #59452f;background:#08090c;padding:2px}.loading-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#81321f,#f0b85e);box-shadow:0 0 14px rgba(237,168,72,.36);transition:width .22s}.loading-meta{display:flex;justify-content:space-between;color:#8e8375;font-size:10px}.loading-meta strong{color:var(--gold2)}@keyframes spin{to{transform:rotate(360deg)}}

/* Installer / upgrade compatibility */
.auth-page{min-height:100dvh;background:radial-gradient(circle at 20% 10%,rgba(125,54,30,.2),transparent 35%),#0a0b0e}.auth-layout{width:min(1180px,calc(100% - 30px));min-height:100dvh;margin:auto;display:grid;grid-template-columns:1fr minmax(390px,.75fr);align-items:center;gap:48px;padding:38px 0}.auth-hero{padding:30px}.auth-crest{width:90px}.auth-kicker{display:block;color:var(--gold);letter-spacing:.18em;font-size:11px;font-weight:900}.auth-hero h1{margin:12px 0;font:700 54px Georgia,serif}.auth-hero>p,.auth-note{color:var(--muted);line-height:1.6}.auth-feature{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px;border:1px solid var(--line-soft);background:#111216}.auth-feature b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #684a31;color:var(--gold2)}.auth-panel{position:relative;padding:31px;border:1px solid rgba(214,164,91,.35);background:linear-gradient(155deg,#191719,#0c0d10);box-shadow:0 25px 80px #000}.auth-panel h2{font:700 29px Georgia,serif}.auth-panel form{display:grid;gap:13px}.auth-panel label{display:grid;gap:6px}.auth-panel label span,.section-label{font-size:10px;color:#cdb28a;font-weight:900;letter-spacing:.12em}.auth-panel input{height:47px;border:1px solid #4d3c2d;background:#090a0d;color:#fff;padding:0 13px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-label{padding-top:11px;border-top:1px solid var(--line-soft)}.link-button{display:grid;place-items:center;text-decoration:none}.panel-rune{position:absolute;right:18px;top:17px;color:var(--gold)}

@media(max-width:1080px){.portal-main{grid-template-columns:minmax(250px,.8fr) minmax(370px,470px)}.portal-side{display:none}.portal-intro h1{font-size:52px}.portal-nav button{padding-inline:10px}.auth-layout{grid-template-columns:1fr 430px}}
@media(max-width:820px){.portal-header{height:66px;padding:0 15px;grid-template-columns:auto 1fr}.portal-brand img{width:45px;height:45px}.portal-brand strong{font-size:18px}.portal-nav{justify-self:end;gap:0}.portal-nav button{padding:24px 8px;font-size:0}.portal-nav button:before{font-size:17px}.portal-nav button:nth-child(1):before{content:'?'} .portal-nav button:nth-child(2):before{content:'♛'} .portal-nav button:nth-child(3):before{content:'◇'} .portal-nav button:nth-child(4):before{content:'!'} .server-chip{display:none}.portal-main{display:flex;justify-content:center;align-items:center;padding:91px 14px 72px}.portal-intro{display:none}.login-card{max-width:470px}.portal-footer{height:44px;padding:0 15px}.portal-footer div{gap:10px}.portal-footer div span{display:none}.story-slide{grid-template-columns:1fr;padding:28px}.story-art{display:none}.story-stage{min-height:500px}.auth-layout{display:block;width:min(620px,calc(100% - 24px));padding:25px 0}.auth-hero{padding:20px}.auth-hero h1{font-size:40px}.install-layout .auth-hero{display:none}}
@media(max-width:560px){.portal-header{position:absolute}.portal-brand small{display:none}.portal-nav button:nth-child(3),.portal-nav button:nth-child(4){display:none}.portal-main{align-items:flex-start;padding-top:85px}.login-card{padding:23px 18px 20px}.login-heading{padding-top:18px}.login-heading h2{font-size:25px}.portal-footer{position:fixed;margin-top:0}.guide-grid{grid-template-columns:1fr}.modal-panel{padding:25px 18px}.modal-panel h2{font-size:27px}.public-ranking article{grid-template-columns:34px 1fr auto}.public-ranking article em{display:none}.onboarding-page,.loading-page{padding:10px}.onboarding-head{padding:13px}.player-id-badge b{font-size:10px}.story-slide{padding:23px 20px}.story-copy h1,.story-copy h2{font-size:34px}.story-actions{display:grid}.story-button{width:100%}.loading-card{padding:32px 22px}.form-grid.two{grid-template-columns:1fr}}

/* Monster Engine v2 — portal identity */
:root{--bg:#050d0b;--panel:#0a1714;--panel2:#10241e;--line:#2e7657;--line-soft:rgba(111,228,146,.22);--gold:#7be582;--gold2:#dcffad;--text:#efffeb;--muted:#96ada2;--red:#c75642;--green:#7ce685;--shadow:rgba(0,0,0,.76)}
.portal-page{background:linear-gradient(rgba(3,12,9,.38),rgba(2,9,7,.82)),url('../assets/auth/login-background.webp') center/cover fixed no-repeat}
.portal-page:before{background:radial-gradient(circle at 50% 40%,rgba(65,181,105,.05) 0 15%,rgba(3,11,8,.3) 45%,rgba(2,7,6,.86) 100%),linear-gradient(90deg,rgba(2,8,6,.55),transparent 34%,transparent 68%,rgba(2,8,6,.58))}
.portal-header{border-bottom-color:rgba(111,228,146,.25);background:linear-gradient(180deg,rgba(4,15,12,.98),rgba(6,18,15,.9))}
.portal-header:after{background:linear-gradient(90deg,transparent,#78e887,transparent)}
.portal-brand img,.card-ornament img{filter:drop-shadow(0 5px 17px rgba(105,239,132,.32))}
.portal-brand strong{color:#eaffd1}.portal-brand b{color:#79e686}.portal-brand small{color:#658477}
.portal-nav button{color:#9aafa4}.portal-nav button:hover{color:#dcffad}
.server-chip{border-color:rgba(111,228,146,.24);background:rgba(5,19,15,.76)}
.portal-intro h1 em{color:#a8f48e;text-shadow:0 0 36px rgba(98,224,125,.2)}
.portal-intro>p{color:#bed0c6}
.intro-stats article{border-color:rgba(111,228,146,.24);background:rgba(4,17,13,.7)}.intro-stats strong{color:#d8ffad}.intro-stats span{color:#769184}
.login-card{border-color:rgba(123,231,137,.46);background:linear-gradient(155deg,rgba(13,34,27,.97),rgba(4,14,11,.98));box-shadow:0 34px 90px rgba(0,0,0,.72),inset 0 0 48px rgba(74,211,111,.035)}
.login-card:before,.login-card:after,.card-ornament span{background:linear-gradient(90deg,transparent,#7be582,transparent)}
.auth-tabs{border-color:#244a3b;background:#04100d}.auth-tabs a{color:#73897e}.auth-tabs a.active{color:#062017;background:linear-gradient(#d8ff9f,#68d777)}
.field>span{color:#a9d2b7}.field>div{border-color:#285440;background:rgba(2,10,8,.8)}.field>div:focus-within{border-color:#77e586;box-shadow:0 0 0 3px rgba(111,228,146,.1)}
.field i{border-right-color:rgba(111,228,146,.15);color:#6dbc82}
.auth-submit,.story-button{border-color:#9af29a;background:linear-gradient(180deg,#278958,#155138);color:#edffd7}
.login-security{border-top-color:rgba(111,228,146,.12)}.login-security strong{color:#8dea8d}
.side-card{border-color:rgba(111,228,146,.23);background:rgba(4,17,13,.72)}.side-card>span{color:#72ad86}.side-card em{border-color:rgba(111,228,146,.22);color:#baff9f}
.portal-footer{border-top-color:rgba(111,228,146,.22);background:rgba(3,13,10,.94)}
.modal-panel{border-color:rgba(111,228,146,.38);background:linear-gradient(155deg,#10231d,#06110e)}
.guide-grid article,.news-list article{border-color:rgba(111,228,146,.15);background:#071612}.guide-grid b{border-color:#347653;color:#a8f58f}
.onboarding-page,.loading-page{background:linear-gradient(rgba(2,12,9,.56),rgba(2,8,6,.9)),url('../assets/auth/story-background.webp') center/cover fixed no-repeat}
.onboarding-shell,.loading-card{border-color:rgba(111,228,146,.42);background:rgba(4,16,13,.95)}
.story-art{border-color:rgba(111,228,146,.2);background:radial-gradient(circle at 50% 72%,rgba(64,190,106,.22),transparent 35%),linear-gradient(145deg,#10271f,#050f0c)}
.loading-emblem:before,.loading-emblem:after{border-top-color:#7ce685;border-bottom-color:#2e7c5b}.loading-track{border-color:#315e49}.loading-track i{background:linear-gradient(90deg,#1e6b49,#8deb82);box-shadow:0 0 14px rgba(103,225,127,.35)}

/* Monster Engine v2.1 — graphite portal */
:root{--bg:#070a0f;--panel:#10151d;--panel2:#171d27;--line:#76502d;--line-soft:rgba(225,165,76,.24);--gold:#e1a047;--gold2:#ffd28a;--text:#f4eee6;--muted:#aaa7a2;--red:#c75642;--green:#62aeea;--shadow:rgba(0,0,0,.78)}
.portal-page{background:linear-gradient(rgba(5,8,13,.42),rgba(4,7,11,.86)),url('../assets/auth/login-background.webp') center/cover fixed no-repeat}
.portal-page:before{background:radial-gradient(circle at 50% 40%,rgba(224,116,49,.055) 0 15%,rgba(6,9,14,.3) 45%,rgba(3,5,9,.88) 100%),linear-gradient(90deg,rgba(3,5,9,.58),transparent 34%,transparent 68%,rgba(3,5,9,.62))}
.portal-header{border-bottom-color:rgba(225,165,76,.27);background:linear-gradient(180deg,rgba(7,10,15,.98),rgba(12,15,21,.92))}.portal-header:after{background:linear-gradient(90deg,transparent,#e1a047,transparent)}
.portal-brand img,.card-ornament img{filter:drop-shadow(0 5px 17px rgba(231,136,47,.3))}.portal-brand strong{color:#fff0d3}.portal-brand b{color:#e1a047}.portal-brand small{color:#858079}
.portal-nav button{color:#aba69d}.portal-nav button:hover{color:#ffd28a}
.server-chip{border-color:rgba(91,157,211,.3);background:rgba(10,18,28,.8)}.server-chip i,.login-security i{background:#62aeea;box-shadow:0 0 12px rgba(98,174,234,.72)}.server-chip strong{color:#91c8f2}
.portal-intro h1 em{color:#f0ad54;text-shadow:0 0 36px rgba(225,132,47,.23)}.portal-intro>p{color:#d0c8bd}
.intro-stats article{border-color:rgba(225,165,76,.25);background:rgba(8,11,16,.74)}.intro-stats strong{color:#ffd28a}.intro-stats span{color:#918a80}
.login-card{border-color:rgba(231,175,84,.48);background:linear-gradient(155deg,rgba(20,25,34,.97),rgba(7,10,15,.98));box-shadow:0 34px 90px rgba(0,0,0,.74),inset 0 0 48px rgba(225,132,47,.04)}
.login-card:before,.login-card:after,.card-ornament span{background:linear-gradient(90deg,transparent,#e1a047,transparent)}
.auth-tabs{border-color:#46382a;background:#070a0f}.auth-tabs a{color:#8e8981}.auth-tabs a.active{color:#2b1709;background:linear-gradient(#ffd58b,#d58c38)}
.field>span{color:#d1b58c}.field>div{border-color:#51402f;background:rgba(4,7,11,.84)}.field>div:focus-within{border-color:#e1a047;box-shadow:0 0 0 3px rgba(225,160,71,.12)}.field i{border-right-color:rgba(225,165,76,.16);color:#c28c4a}
.auth-submit,.story-button{border-color:#efb35e;background:linear-gradient(180deg,#a5472b,#702719);color:#ffe8c0}
.login-security{border-top-color:rgba(225,165,76,.13)}.login-security strong{color:#91c8f2}
.side-card{border-color:rgba(225,165,76,.24);background:rgba(8,11,16,.74)}.side-card>span{color:#b48a55}.side-card em{border-color:rgba(225,165,76,.24);color:#ffd28a}
.portal-footer{border-top-color:rgba(225,165,76,.23);background:rgba(5,8,13,.95)}
.modal-panel{border-color:rgba(225,165,76,.4);background:linear-gradient(155deg,#171d27,#080c12)}.guide-grid article,.news-list article{border-color:rgba(225,165,76,.16);background:#0c1118}.guide-grid b{border-color:#855b31;color:#ffc875}
.onboarding-page,.loading-page{background:linear-gradient(rgba(4,7,12,.58),rgba(3,6,10,.92)),url('../assets/auth/story-background.webp') center/cover fixed no-repeat}
.onboarding-shell,.loading-card{border-color:rgba(225,165,76,.43);background:rgba(8,12,18,.96)}
.story-art{border-color:rgba(225,165,76,.22);background:radial-gradient(circle at 50% 72%,rgba(224,116,49,.2),transparent 35%),linear-gradient(145deg,#1a202a,#070b10)}
.loading-emblem:before,.loading-emblem:after{border-top-color:#e1a047;border-bottom-color:#87472d}.loading-track{border-color:#60462e}.loading-track i{background:linear-gradient(90deg,#8b3825,#efad52);box-shadow:0 0 14px rgba(225,145,55,.35)}
.auth-alert.success{border-color:rgba(91,157,211,.4);background:rgba(35,92,137,.2);color:#b9dcf5}