/* Silver / crimson interface. Loaded after each page's existing functional styles. */
#loginModal .modal-box{width:460px;padding:32px!important;text-align:left}
#loginModal .login-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px;color:#243249;font-size:21px;font-weight:900;letter-spacing:.06em}
#loginModal .login-brand img{width:60px;height:60px;border-radius:16px;border:1px solid #b9c5d6;box-shadow:0 6px 16px #1b2a4220}
#loginModal .login-brand small{display:block;font-size:9px;letter-spacing:.12em;font-weight:600;color:#8a5261;margin-top:5px}
#loginModal h2{text-align:left;font-size:25px;margin:0 0 6px;color:#1c2940!important}
#loginModal .login-description{margin:0 0 25px;color:#69768c;font-size:13px}
#loginModal .form-group{margin-bottom:17px}#loginModal label{display:block;font-size:13px;font-weight:650;color:#34445e;margin-bottom:7px}
#loginModal input{width:100%;min-height:48px;padding:12px 14px;font-size:16px;box-sizing:border-box}
#loginModal .login-password{position:relative}#loginModal .login-password input{padding-right:65px}#loginModal .login-password button{position:absolute;right:8px;top:7px;border:0;background:#f0f3f8;color:#56667f;font-size:12px;min-height:34px;box-shadow:none!important;transform:none}
#loginModal .login-forgot{display:block;margin:-5px 0 20px auto;background:transparent;border:0;color:#bb2140;font-size:12px;padding:0;min-height:28px}
#loginModal .modal-actions{display:block}#loginModal .btn-submit{width:100%;display:flex;justify-content:center;gap:14px;align-items:center;min-height:48px;background:linear-gradient(135deg,#e12f50,#ac1735)!important;border:1px solid #ba1f3e;color:#fff;font-size:15px;font-weight:700}
#loginModal .login-register{text-align:center;margin:24px 0 0;padding-top:18px;border-top:1px solid #e5e9f0;color:#728096;font-size:12px}#loginModal .login-register button{background:transparent;border:0;color:#b81f3b;font-weight:700;padding:0 4px}
.nrofunz-panel .account-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid #d2dbe8;border-radius:16px;background:linear-gradient(120deg,#fff,#f0f3f8);box-shadow:0 5px 20px #26334c08}
.account-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#b82442}.account-welcome h1{font-size:28px;line-height:1.3;margin:8px 0;color:#1d2b42}.account-welcome p{font-size:13px;color:#6b7890;margin:0}.account-play{display:flex;gap:18px;align-items:center;padding:12px 20px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,#df3050,#b01836);white-space:nowrap;text-decoration:none!important;font-size:14px;font-weight:700}
.nrofunz-panel .sidebar{padding:22px!important;gap:16px!important}.nrofunz-panel .char-card{border:1px solid #d6dfeb!important;border-radius:14px!important;padding:20px!important;gap:18px!important}.nrofunz-panel .avatar-wrap img{border-radius:18px!important;border:2px solid #c0cbdc!important;background:#e5ebf3!important}.nrofunz-panel .char-name-frame{border:0!important;background:transparent!important;font-size:18px!important;font-weight:800!important}.nrofunz-panel .sidebar-card{padding:18px!important;border-radius:14px!important}.nrofunz-panel .sidebar-card-label{font-weight:800!important;letter-spacing:.07em;font-size:11px!important;margin-bottom:12px!important}.nrofunz-panel .stats-grid{gap:16px!important}.nrofunz-panel .stat-card{padding:24px!important;border-left:3px solid #cc2847!important}.nrofunz-panel .stat-card-label{font-size:12px!important;font-weight:700!important;color:#69778d!important}.nrofunz-panel .stat-card-value{font-size:30px!important;font-weight:800!important;letter-spacing:-.03em}.nrofunz-panel .section-title{background:transparent!important;padding:8px 0!important;font-size:17px!important;font-weight:800!important;color:#26364d!important}.nrofunz-panel .diemdanh-card{padding:22px!important}.nrofunz-panel .admin-grid{gap:12px!important}.nrofunz-panel .admin-btn{padding:15px!important;min-height:60px!important}
@media(max-width:600px){#loginModal .modal-box{padding:25px 20px!important}.nrofunz-panel .account-welcome{padding:20px;align-items:flex-start;flex-direction:column}.account-welcome h1{font-size:24px}.account-play{width:100%;justify-content:center;box-sizing:border-box}.nrofunz-panel .sidebar{padding:14px!important}.nrofunz-panel .stat-card{padding:17px!important}.nrofunz-panel .stat-card-value{font-size:24px!important}}
:root,body,body.nrofunz-panel{--bg:#edf0f5;--surf:#fff;--surf2:#f4f6fa;--surf3:#e8edf4;--bd:#d5dce7;--bd2:#b8c3d2;--tx:#182235;--tx2:#37465b;--tx3:#65758b;--blue:#bd1939;--blue2:#de284c;--indigo:#931b36;--blu-lt:#fff0f2;--ind-lt:#fce5eb;--sky-lt:#fff0f3;--glow:#d8254620;--paper:#fff;--ink:#182235;--muted:#63738a;--border:#cbd4e0;--rose:#e6eaf0;--rose-light:#f5f7fa;--nf-bg:#edf0f5;--nf-bg-soft:#f4f6fa;--nf-panel:#fff;--nf-panel-2:#f5f7fa;--nf-red:#c91c3e;--nf-pink:#de284c;--sh:0 16px 45px #24334c12;--sh2:0 5px 18px #24334c0b}
html{scroll-behavior:smooth}body,body.nrofunz-panel{background:radial-gradient(ellipse at 0 0,#fff 0,transparent 45%),radial-gradient(ellipse at 100% 10%,#edd6dc88,transparent 45%),#edf0f5!important;color:#182235!important;font-family:'Segoe UI',Arial,sans-serif!important;line-height:1.6}
body:before{pointer-events:none!important}.lantern-sky{display:none!important}
.wrap{width:min(1160px,calc(100% - 32px))!important;margin:30px auto!important;border:1px solid #cbd4e0!important;border-radius:24px!important;overflow:hidden;background:#fff!important;box-shadow:0 24px 90px #1c2a4314!important}
.portal-masthead{position:relative!important;isolation:isolate;padding:30px 24px 22px!important;background:linear-gradient(120deg,#121a29,#293347 65%,#451b2d)!important;color:#fff!important;overflow:hidden;border-radius:0!important}
.portal-masthead:after{content:"";position:absolute;inset:-100%;z-index:-1;background:linear-gradient(115deg,transparent 40%,#ffffff0c 49%,#ffffff22 50%,transparent 58%);animation:metalSweep 9s ease-in-out infinite;pointer-events:none}
.portal-logo{width:104px!important;height:104px!important;max-height:none!important;object-fit:cover!important;border-radius:24px!important;border:2px solid #dce4ef!important;box-shadow:0 0 0 6px #ffffff0b,0 15px 35px #0006!important;filter:none!important}
.portal-kicker{font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;color:#d7deeb!important;margin:16px 0 0!important;font-weight:700}
.blue-home-actions,.download-strip,.account-strip,.community-board,.community-menu{background:#fff!important}
.download-strip{padding:22px 18px 12px!important;gap:10px!important}.download-strip button{min-width:110px;min-height:44px;font-size:14px!important}
button,.btn,.btn-sm,.action-link,.admin-btn,.sidebar-btn{border-radius:10px!important;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s!important;touch-action:manipulation}
button:hover,.btn:hover,.action-link:hover,.admin-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #a71b3524!important}button:active,.btn:active{transform:translateY(0)}
.download-strip button,.dl-primary,.btn-primary,.btn-save,.btn-share,.btn-forum-sidebar,.btn-danger-sidebar{background:linear-gradient(135deg,#e63351,#ad1636)!important;border:1px solid #bc1839!important;color:#fff!important;box-shadow:0 5px 14px #c81f3b20!important;font-weight:700}
.account-strip{gap:9px!important;padding:12px 18px 22px!important}.account-strip button{background:#f4f6fa!important;color:#33425a!important;border:1px solid #d5dce7!important;min-height:40px;padding:9px 15px!important}
.forum-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:12px 18px!important;background:#f1f4f8!important;border-top:1px solid #e1e6ee;border-bottom:1px solid #d9e0e9}
.forum-tabs>a,.forum-tabs>button{flex:1 1 110px!important;min-height:43px!important;border:1px solid transparent!important;border-radius:10px!important;font:600 13px/1.4 'Segoe UI',Arial,sans-serif!important;color:#42516a!important;background:transparent!important;text-decoration:none!important}
.forum-tabs>.active,.forum-tabs>a:hover,.forum-tabs>button:hover{background:#fff!important;color:#b51b38!important;border-color:#d5dce7!important;box-shadow:0 3px 8px #1a2d4910}
.forum-tabs .play-web{background:linear-gradient(135deg,#d92c4b,#a81734)!important;color:#fff!important;border-color:#ba1e3a!important}
.community-menu{padding:14px 24px!important;display:grid;grid-template-columns:1fr 1fr;gap:14px}.community-menu>a{padding:12px!important;background:#f6f8fb;border:1px solid #dfe5ee!important;border-radius:12px;color:#273750!important}.community-menu strong{font-size:14px!important}.community-menu small{color:#66758c!important}
.community-board{padding:22px!important}.community-board>h2{font-size:21px!important;color:#17243b!important}.comment-section>h3{background:#e9edf4!important;color:#29374e!important;border:1px solid #d6deea!important;border-radius:9px!important;padding:12px!important}
.comment-list{background:#fff!important}.comment-card{padding:18px 4px!important;border-color:#e5e9ef!important}.comment-content{font-size:14px!important;color:#29364a!important;line-height:1.8!important}.comment-badge,.comment-new-badge,.comment-stt{background:#ffe7ec!important;color:#a51b36!important}.comment-meta{color:#29364a!important}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{background:#fff!important;color:#243149!important;border:1px solid #c8d2e0!important;border-radius:8px!important;box-shadow:none!important;accent-color:#c91c3e}
input:focus,select:focus,textarea:focus{border-color:#d22a48!important;box-shadow:0 0 0 3px #d22a4814!important}a:focus-visible,button:focus-visible{outline:3px solid #e53b5b!important;outline-offset:3px}
.modal-overlay{background:#0e172bb8!important;backdrop-filter:blur(5px)}.modal-box{background:#fff!important;color:#1e2a40!important;border:1px solid #c7d0de!important;border-radius:20px!important;box-shadow:0 30px 100px #07112055!important}.modal-box h2{color:#b11b38!important}.modal-close{color:#6a7587!important;background:#edf1f6!important;border-radius:50%!important}
.modal-overlay.show .modal-box{animation:dialogEnter .2s ease-out}.download-choice{background:#f4f6fa!important;color:#25344c!important;border-color:#d5dce7!important}.download-choice.recommended{background:#fff0f3!important;border-color:#d72d4b!important}.terms-sections,.terms-sections p{color:#35465e!important}
body.nrofunz-panel .layout{border-color:#cbd4e0!important;border-radius:22px!important;box-shadow:var(--sh)!important;background:#fff!important}.nrofunz-panel .sidebar{background:linear-gradient(180deg,#f3f5f9,#e5eaf1)!important;border-color:#d5dce7!important}.nrofunz-panel .main{background:#f6f8fb!important}.char-card,.sidebar-card,.char-name-frame{background:#ffffffaa!important;border-color:#d2dae6!important;color:#26354b!important}
.stat-card,.diemdanh-card,.admin-menu-card,.gc-card,.panel-boss-card,.panel-boss-edit-card,.panel-boss-edit-form,.panel-boss-edit-toolbar{background:#fff!important;color:#25344b!important;border:1px solid #d8e0eb!important;border-radius:14px!important;box-shadow:0 5px 20px #24344d08!important}.stat-card-value,.section-title,.stat-card-label{color:#b91d3b!important}.admin-btn,.sidebar-btn{background:#fff!important;color:#33435b!important;border-color:#d3dce8!important}.admin-btn:hover,.sidebar-btn:hover{background:#fff0f3!important;border-color:#d52c4b!important}.bxh-card,.gc-quick-list{background:linear-gradient(120deg,#273348,#3e1828)!important;border-color:#3e4052!important;color:#fff!important}
table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#26344b!important}thead th,th{background:linear-gradient(160deg,#344157,#1c283b)!important;color:#f6f8fc!important;border-color:#46516a!important}td{border-color:#e1e7ef!important;color:#29364c!important}tbody tr:nth-child(even){background:#f5f7fa!important}tbody tr:hover{background:#fff2f5!important}.table-wrap,.table-container{border-color:#d2dbe8!important;border-radius:14px!important}
.header,.topbar,.top-bar{background:linear-gradient(120deg,#fdfefe,#e4e9f1)!important;border-color:#cbd5e3!important;color:#26354b!important;border-radius:16px!important}.header img[src*="logo"],.topbar img[src*="logo"]{max-height:90px!important;object-fit:contain}.badge,.badge-count,.code-badge,.badge-tv,.cell-id{background:#eef1f7!important;color:#9e1b35!important;border-color:#cbd5e3!important}.item-card,.share-sub-item,.icon-card,.icon-box{background:#f6f8fb!important;border-color:#d7dfea!important;color:#27364e!important}.item-name,.item-opts,.item-info{color:#34465e!important}.btn-edit,.btn-cancel{background:#e8edf5!important;color:#344760!important;border-color:#c6d1e0!important}.btn-del{background:#fff0f3!important;color:#b21b36!important;border-color:#edbdc8!important}
.event-card,.event-section,.event-hero{background:#fff!important;border-color:#d6dfeb!important;color:#27364e!important}.game-guide-section{border-radius:12px!important}.game-guide-section h3{color:#b21b38!important;border-bottom-color:#f0c5cf!important}.game-guide-index a{background:#f4f6fa!important;color:#46536a!important;border-color:#d2dce8!important}
@keyframes metalSweep{0%,45%{transform:translateX(-35%)}75%,100%{transform:translateX(35%)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.wrap{width:calc(100% - 16px)!important;margin:8px auto!important;border-radius:17px!important}.portal-masthead{padding:24px 14px 18px!important}.portal-logo{width:86px!important;height:86px!important;border-radius:20px!important}.community-menu{grid-template-columns:1fr;padding:12px!important;gap:8px}.community-board{padding:14px!important}.forum-tabs{padding:9px!important}.forum-tabs>a,.forum-tabs>button{flex-basis:40%!important}.download-strip button{min-width:0;flex:1 1 40%;min-height:44px}.account-strip button{flex:1 1 40%}.modal-box{max-width:calc(100vw - 20px)!important;padding:22px 16px!important}.comment-content{margin-left:0!important;padding-top:8px}.nrofunz-panel .main{padding:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Native game x4 portraits: retain crisp sprite edges and full head framing. */ img[src*="avatar-"][src*="-x4.png"]{object-fit:contain!important;image-rendering:pixelated;padding:4px!important;box-sizing:border-box;background:linear-gradient(145deg,#fff,#dce3ed)!important;}
/* Original game portrait avatars, distinct from character head sprites. */ img[src*="/img/portrait-"]{object-fit:contain!important;object-position:center bottom!important;padding:0!important;image-rendering:auto;box-sizing:border-box;background:linear-gradient(145deg,#fff,#dce3ed)!important;}
/* Brushed silver navigation against a dark graphite strip. */
html body .forum-tabs,html body.nrofunz-panel .forum-tabs{background:linear-gradient(120deg,#182333,#303d50)!important;border-color:#435066!important;gap:9px!important}
html body .forum-tabs>a,html body .forum-tabs>button,html body .download-strip>button,html body .account-strip>button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(165deg,#fff 0%,#e5eaf1 38%,#c5ceda 52%,#eaf0f6 100%)!important;color:#223047!important;border:1px solid #b8c5d6!important;box-shadow:inset 0 1px 0 #fff,0 3px 8px #06112220!important;text-shadow:0 1px #ffffffa0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
html body .forum-tabs>a:after,html body .forum-tabs>button:after,html body .download-strip>button:after,html body .account-strip>button:after{content:"";position:absolute;inset:-90% -30%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#fff2 44%,#fffffff0 50%,#fff2 56%,transparent 62%);transform:translateX(-110%);transition:transform .65s ease}
html body .forum-tabs>a:hover:after,html body .forum-tabs>button:hover:after,html body .download-strip>button:hover:after,html body .account-strip>button:hover:after,html body .forum-tabs>a:focus-visible:after,html body .forum-tabs>button:focus-visible:after{transform:translateX(110%)}
html body .forum-tabs>a:hover,html body .forum-tabs>button:hover,html body .download-strip>button:hover,html body .account-strip>button:hover{color:#101e34!important;border-color:#fff!important;box-shadow:inset 0 1px #fff,0 0 16px #d0e2ff38,0 5px 12px #06112230!important;transform:translateY(-2px)}
html body .forum-tabs>a.active,html body .forum-tabs>button.active{background:linear-gradient(160deg,#fff,#e6edf6 48%,#b9c8dc 51%,#eff5fc)!important;color:#8f1c3b!important;border-color:#f3f7ff!important;box-shadow:inset 0 -3px #ac294b,0 0 15px #d6e6ff29!important;font-weight:800!important}
html body .forum-tabs>a:focus-visible,html body .forum-tabs>button:focus-visible,html body .download-strip>button:focus-visible,html body .account-strip>button:focus-visible{outline:3px solid #90b9fa;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body .forum-tabs>a:after,html body .forum-tabs>button:after,html body .download-strip>button:after,html body .account-strip>button:after{display:none}}