@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');

:root{--blue:#3d8fd4;--blue-dark:#2a6fa8;--blue-light:#5aaae8;--ink:#333;--muted:#666;--surface:#f4f4f4;--white:#fff;--border:#e0e0e0;--header-top:#222;--footer-bg:#1a1a1a;--purple:#8866bb;--online:#4caf50;--danger:#c0392b;--hero-grad:linear-gradient(120deg,#1f3f5d 0%,#2f628f 52%,#3f7cac 100%);--maxw:min(1500px,96vw);--radius:6px;--radius-sm:4px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:#f4f4f4;background-color:var(--surface);background-image:radial-gradient(circle at 8% 12%,rgba(61,143,212,.07),transparent 24rem),radial-gradient(circle at 92% 45%,rgba(136,102,187,.06),transparent 28rem);color:#333;color:var(--ink);font:400 15px/1.55 "Nunito Sans","Open Sans",Arial,sans-serif}a{color:#3d8fd4;color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;border:0}h1,h2,h3,h4{line-height:1.2}p{margin:.25rem 0 .85rem}hr{border:0;border-top:1px solid #e0e0e0;margin:1.2rem 0}.clear{clear:both}.hidden-form{display:none!important}
.topbar{background:#222;background:var(--header-top);color:#aaa;font-size:.78rem}.topbar-inner,.main-inner{max-width:1280px;max-width:var(--maxw);margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.topbar-inner{height:32px}.topbar ul{display:flex;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}.topbar a{color:#ccc}.topbar a:hover{color:#fff;text-decoration:none}.status-dot{display:inline-block;width:7px;height:7px;margin-right:.2rem;border-radius:50%;background:#666}.topbar-right li{display:inline-flex;align-items:center;gap:.25rem}.topbar-status-item{white-space:nowrap}.status-dot.online{background:#4caf50;background:var(--online)}
.main-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e0e0e0;border-color:var(--border);box-shadow:0 2px 12px rgba(31,63,93,.06)}.main-inner{height:58px}.logo{color:#333;color:var(--ink)!important;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.logo span{color:#3d8fd4;color:var(--blue)}.logo:hover{text-decoration:none}.top-nav{display:flex;align-items:center;gap:.15rem}.nav-link{color:#333;color:var(--ink);padding:.35rem .7rem;border-radius:4px;font-size:.9rem}.nav-link,.btn-join,.side-card a,.submenu a{display:flex;align-items:center;gap:.42rem}.nav-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;fill:currentColor;opacity:.78}img.nav-icon{object-fit:contain;image-rendering:pixelated}.btn-join .nav-icon{opacity:1}.side-card .nav-icon{color:#3d8fd4}.side-card a.active .nav-icon{opacity:1}.submenu .nav-icon{width:.9rem;height:.9rem}.nav-link:hover{background:#f4f4f4;background:var(--surface);color:#3d8fd4;color:var(--blue);text-decoration:none}.btn-join,.button,a.button,input[type=submit],button{display:inline-block;border:0;border-radius:4px;background:#3d8fd4;background:var(--blue);color:#fff!important;padding:.5rem 1rem;font:600 .88rem "Nunito Sans","Open Sans",Arial,sans-serif;cursor:pointer}.btn-join{margin-left:.4rem;padding:.38rem 1rem}.btn-join:hover,.button:hover,a.button:hover,input[type=submit]:hover,button:hover{background:#2a6fa8;background:var(--blue-dark);text-decoration:none}
.shell{max-width:1280px;max-width:var(--maxw);margin:1.25rem auto;padding:0 1rem;display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem;align-items:start}.shell.login-shell{max-width:960px;grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column;gap:1rem}.side-card{overflow:hidden;background:#fff;border:1px solid #e0e0e0;border-color:var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 5px 18px rgba(31,63,93,.055)}.side-card h4{margin:0;padding:.58rem .85rem;background:#3d8fd4;background:linear-gradient(120deg,var(--blue-dark),var(--blue));color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.side-card.admin h4{background:#333}.side-card a{display:flex;align-items:center;gap:.42rem;padding:.5rem .85rem;border-top:1px solid #e0e0e0;border-color:var(--border);color:#333;color:var(--ink);font-size:.88rem}.side-card h4+a{border-top:0}.side-card a:hover{background:#f4f4f4;background:var(--surface);color:#3d8fd4;color:var(--blue);text-decoration:none}.side-card a.active{background:#eef6fd;color:#3d8fd4;color:var(--blue);font-weight:700;box-shadow:inset 3px 0 #3d8fd4}
.content{min-width:0}.userbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem;padding:.6rem .9rem;background:#eef6fd;border:1px solid #cfe6f8;border-radius:6px;color:#2a5a80;font-size:.88rem}.userbar strong{color:#2a6fa8;color:var(--blue-dark)}.userbar select{width:auto;margin-left:.3rem;padding:.2rem}.admin-links{width:100%;padding-top:.45rem;border-top:1px solid #cfe6f8}.panel{min-width:0;margin-bottom:1.25rem;padding:1.25rem 1.4rem;background:#fff;border:1px solid #e0e0e0;border-color:var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 8px 28px rgba(31,63,93,.055);overflow-x:auto}.panel>h2,.panel form+h2{display:table;margin:0 0 1rem;padding-bottom:.35rem;border-bottom:2px solid #3d8fd4;border-color:var(--blue);color:#3d8fd4;color:var(--blue);font-size:1.2rem;font-weight:800}.panel h3{margin:1.35rem 0 .65rem;color:#8866bb;color:var(--purple);font-size:.95rem;letter-spacing:.03em;text-transform:uppercase}.panel h4{margin:1rem 0 .5rem}.panel ul,.panel ol{padding-left:1.25rem}
.submenu{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.submenu a,.page-menu a{padding:.3rem .75rem;border:1px solid #e0e0e0;border-color:var(--border);border-radius:999px;background:#fff;color:#666;color:var(--muted);font-size:.82rem}.submenu a:hover,.page-menu a:hover{border-color:#5aaae8;border-color:var(--blue-light);color:#3d8fd4;color:var(--blue);text-decoration:none}.submenu a.current{border-color:#3d8fd4;background:#3d8fd4;color:#fff}.page-menu{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;color:#666;font-size:.82rem}.page-menu>span{margin-right:.2rem;font-weight:700}.balance-text,.cart-info-text,.cart-total-text{display:inline-block;margin:0 .5rem 1rem 0;padding:.45rem .75rem;border:1px solid #cfe6f8;border-radius:4px;background:#eef6fd;color:#2a5a80}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-bottom:1.25rem;padding:1.7rem 1.8rem;border-radius:6px;background:#2f628f;background:var(--hero-grad);box-shadow:0 10px 28px rgba(31,63,93,.18);color:#fff}.hero:after{content:"";position:absolute;z-index:-1;right:-3rem;top:-5rem;width:16rem;height:16rem;border:2rem solid rgba(255,255,255,.055);border-radius:50%}.hero h1{margin:0 0 .4rem;font-size:1.65rem}.hero p{max-width:60ch;color:#fff}.dashboard-hero{display:flex;min-height:190px;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border:1px solid #343b49;background:linear-gradient(120deg,#171b23 0%,#252c38 62%,#30283d 100%);box-shadow:0 10px 28px rgba(20,24,32,.2)}.dashboard-hero-copy{position:relative;z-index:1}.hero-logo{width:210px;margin-bottom:.7rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.dashboard-hero h1{font-size:1.35rem}.dashboard-hero-art{align-self:center;flex:0 0 auto;width:auto;max-height:170px;max-width:38%;margin:0 .5rem 0 1rem;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.dashboard-hero:before{content:"";position:absolute;right:7rem;bottom:-7rem;width:17rem;height:17rem;border:1px solid rgba(224,165,61,.14);border-radius:50%}.dashboard-hero:after{border-color:rgba(181,139,234,.12)}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.quick-actions a{padding:1rem;border:1px solid #e0e0e0;border-radius:6px;background:#f8fbfe}.quick-actions a:hover{border-color:#5aaae8;text-decoration:none}.quick-actions strong,.quick-actions span{display:block}.quick-actions span{margin-top:.2rem;color:#666;font-size:.8rem}.button.secondary,a.button.secondary{border:1px solid #3d8fd4;background:#fff;color:#3d8fd4!important}.login-page-panel{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.auth-wrap{max-width:450px;margin:.5rem auto 2rem;text-align:center}.login-card{margin:0;padding:1.55rem 1.65rem 1.4rem;text-align:left}.auth-brand{display:flex;width:78px;height:70px;margin:-.15rem auto .55rem;align-items:center;justify-content:center}.auth-brand img{display:block;width:74px;height:auto;filter:drop-shadow(0 6px 8px rgba(42,62,84,.16))}.auth-heading{text-align:center}.auth-heading h1{margin:.15rem 0 .25rem;color:#222;font-size:1.55rem}.auth-heading p{color:#777;font-size:.86rem}.auth-kicker{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.login-form label{display:block;margin:.75rem 0 .25rem;color:#555;font-size:.79rem;font-weight:700}.login-form input[type=text],.login-form input[type=password],.login-form select{display:block;width:100%}.input-with-icon{position:relative}.input-with-icon>.nav-icon{position:absolute;left:.7rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:#8998a5}.input-with-icon input[type=text],.input-with-icon input[type=password]{padding-left:2.25rem}.login-form input[type=submit]{width:100%;margin-top:1rem;padding:.65rem}.security-heading{display:flex;align-items:end;justify-content:space-between}.security-heading label{margin-bottom:.25rem}.refresh-code{font-size:.75rem}.captcha-row{display:flex;gap:.6rem;align-items:center}.captcha-row .security-code{flex:none;margin:0}.captcha-row input{min-width:0;flex:1}.auth-divider{display:flex;align-items:center;gap:.7rem;margin:1.15rem 0 .85rem;color:#999;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e6e6e6}.login-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;margin:0;color:#777;font-size:.8rem;text-align:center}.login-links span{width:100%;margin-top:.35rem}.register-link{font-weight:700}.auth-note{max-width:400px;margin:.8rem auto 0;color:#888;font-size:.74rem}
form{margin:0}.generic-form-div,.search-form{margin-bottom:1rem;padding:1rem;border:1px solid #e0e0e0;border-color:var(--border);border-radius:6px;background:#fafafa}.search-form{display:block}.generic-form-table{width:auto;max-width:100%;border-collapse:separate;border-spacing:0 .45rem}.generic-form-table th{padding:.25rem .8rem .25rem 0;color:#666;color:var(--muted);font-size:.82rem;font-weight:700;text-align:right;vertical-align:middle}.generic-form-table td{padding:.15rem 0}.generic-form-table label{font-weight:700}input[type=text],input[type=password],input[type=email],input[type=file],select,textarea{max-width:100%;padding:.5rem .6rem;border:1px solid #d5d5d5;border-radius:4px;background:#fff;color:#333;font:400 .9rem "Nunito Sans","Open Sans",Arial,sans-serif;outline:0}input[type=text],input[type=password],input[type=email]{width:260px}textarea{width:100%;min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#5aaae8;border-color:var(--blue-light);box-shadow:0 0 0 3px rgba(61,143,212,.2)}input[type=checkbox],input[type=radio]{margin-right:.3rem}.security-code{display:inline-block;margin:0 .5rem .4rem 0;padding:.25rem;border:1px solid #e0e0e0;border-radius:4px;background:#f4f4f4;vertical-align:middle}.security-code img{display:block}.action{margin-top:.25rem}.block{display:block}.reason{margin-top:.3rem}
.vertical-table,.horizontal-table,.data-table,table.cart{width:100%;border-collapse:collapse;font-size:.86rem}.vertical-table th,.horizontal-table th,.data-table th{padding:.55rem .65rem;border:1px solid #e0e0e0;border-color:var(--border);background:#f4f4f4;background:var(--surface);color:#666;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.025em;text-align:left;text-transform:uppercase}.vertical-table td,.horizontal-table td,.data-table td{padding:.55rem .65rem;border:1px solid #e0e0e0;border-color:var(--border);vertical-align:middle}.vertical-table tr:hover td,.horizontal-table tr:hover td,.data-table tr:hover td{background:#fafcfe}.vertical-table .empty,.horizontal-table .empty{text-align:center;color:#888}.vertical-table img,.horizontal-table img{vertical-align:middle}.vertical-table .item-icon{width:32px}.item_name{font-weight:700}.item-image{padding:1rem!important;text-align:center}.online{color:#2e7d32;font-weight:700}.offline,.not-applicable,.not-available{color:#999}.account-state.state-banned,.red{color:#c0392b;color:var(--danger)}.account-state.state-pending{color:#b07800}.notice,.message,.error,.warning{margin:0 0 1rem;padding:.7rem .9rem;border:1px solid #f0d58b;border-radius:4px;background:#fff8e2;color:#745b17}.message{border-color:#b9ddc0;background:#edf8ef;color:#2e6b38}.error,.red.notice{border-color:#efc0ba;background:#fdf0ee;color:#9f2f23}.success{color:#2e7d32}.important{font-weight:700}.pagination{margin:1rem 0;text-align:center}.pagination a,.pagination strong{display:inline-block;min-width:2rem;margin:.1rem;padding:.25rem .5rem;border:1px solid #e0e0e0;border-radius:4px}.pagination strong{border-color:#3d8fd4;background:#3d8fd4;color:#fff}.unitip{font-size:12px}.shop-item-image,.item-shop-image{max-width:100px;height:auto}.vote-banners{display:flex;flex-wrap:wrap;gap:.8rem;margin:.5rem 0}.vote-banner{display:flex;flex-direction:column;width:180px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}.vote-banner-img{display:flex;align-items:center;justify-content:center;padding:.6rem;min-height:60px}.vote-banner-img img{max-width:100%;height:auto}.vote-banner-meta{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem;border-top:1px solid var(--border)}.vote-banner-label{font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.vote-banner-meta strong{font-size:1.05rem}.vote-banner-sub{font-size:.78rem;color:var(--muted)}.vote-banner.is-cooldown{opacity:.55;cursor:not-allowed}.vote-banner.is-cooldown .vote-banner-img img{filter:grayscale(1)}.vote-none{margin-top:1rem}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.page-heading h2{display:flex;align-items:center;gap:.55rem;margin:0;color:#222;font-size:1.45rem}.page-heading h2 .nav-icon{width:1.3rem;height:1.3rem;color:var(--blue)}.page-heading p{margin:.25rem 0 0;color:#777;font-size:.84rem}.heading-icon{display:flex}.shop-context{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;padding:.75rem 1rem;border:1px solid #cfe6f8;border-radius:6px;background:#eef6fd;color:#2a5a80}.shop-context>.nav-icon{width:1.4rem;height:1.4rem;color:var(--blue)}.shop-context div{display:flex;flex:1;flex-direction:column}.shop-context div span{font-size:.78rem}.shop-context-balance{font-size:.8rem;font-weight:800}.shop-categories{display:flex;gap:.4rem;margin-bottom:1.2rem;padding-bottom:.25rem;overflow-x:auto}.shop-categories a{flex:none;padding:.4rem .7rem;border:1px solid #e0e0e0;border-radius:5px;background:#fff;color:#666;font-size:.78rem}.shop-categories a span{margin-left:.2rem;color:#999}.shop-categories a:hover,.shop-categories a.current{border-color:var(--blue);background:#eef6fd;color:var(--blue);text-decoration:none}.shop-results-heading{display:flex;justify-content:space-between;margin:.5rem 0 .75rem}.shop-results-heading span{color:#888;font-size:.78rem}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.shop-item{display:flex;min-width:0;margin:0;flex-direction:column;border:1px solid #e0e0e0;border-radius:7px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.shop-item:hover{border-color:#bddaf0;box-shadow:0 8px 20px rgba(31,63,93,.1);transform:translateY(-1px)}.shop-item-visual{display:flex;height:105px;align-items:center;justify-content:center;border-bottom:1px solid #ededed;background:linear-gradient(145deg,#f9fbfd,#eef5fa)}.shop-item-image{max-width:92px;max-height:88px;object-fit:contain;image-rendering:auto}.shop-item-placeholder{color:#9ebbd1}.shop-item-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.shop-item-placeholder .nav-icon{width:2.4rem;height:2.4rem}.shop-item-body{padding:.75rem .8rem .3rem;flex:1}.shop-item-name{margin:0 0 .2rem!important;color:#273b4b!important;font-size:.9rem!important;letter-spacing:0!important;text-transform:none!important}.shop-item-qty{display:inline-block;color:#888;font-size:.7rem}.shop-item-info{display:-webkit-box;margin-top:.35rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#777;font-size:.73rem;line-height:1.35}.shop-item-info p{margin:0}.shop-item-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .8rem .7rem;flex-wrap:wrap}.shop-item-footer>strong{white-space:nowrap}.shop-item-footer>strong{color:var(--blue-dark);font-size:.78rem}.shop-item-footer>strong span{font-size:1rem}.shop-item-actions{display:flex;align-items:center;gap:.45rem;font-size:.72rem;flex-wrap:wrap;justify-content:flex-end}.shop-add{padding:.3rem .5rem;border-radius:4px;background:var(--blue);color:#fff!important;font-weight:700}.shop-add:hover{background:var(--blue-dark);text-decoration:none}.empty-state{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;color:#999}.empty-state .nav-icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem}.empty-state strong{color:#555}.empty-state span{font-size:.8rem}.checkout-form{margin:0 0 1rem}.character-stats{width:100%;border-collapse:collapse}.character-stats td{padding:.4rem .6rem;border:1px solid #e0e0e0}.character-stats .stat-name{background:#f4f4f4;color:#666;font-weight:700}.character-stats .stat-value{font-weight:700;text-align:right}.woe-table,#server_status{width:100%;border-collapse:collapse}.woe-table th,.woe-table td,#server_status th,#server_status td{padding:.55rem .65rem;border:1px solid #e0e0e0;text-align:left}.woe-table th,#server_status th{background:#f4f4f4;color:#666}.woe-table .server,#server_status .server{font-weight:700}
.theme-toggle{display:flex;width:34px;height:34px;margin-left:.35rem;padding:0;align-items:center;justify-content:center;border:1px solid #d8dde3;border-radius:50%;background:#fff;color:#52616d!important;box-shadow:none}.theme-toggle:hover{border-color:var(--blue-light);background:#eef6fd;color:var(--blue)!important}.theme-icon{width:16px;height:16px;fill:currentColor}.sun-icon{display:none}
footer.site{margin-top:2rem;background:#1a1a1a;background:var(--footer-bg);color:#888;font-size:.85rem}footer.site .inner{display:grid;max-width:1280px;max-width:var(--maxw);margin:0 auto;padding:2.1rem 1rem 1.4rem;grid-template-columns:repeat(4,1fr);gap:2rem}footer.site .col-heading{display:block;margin-bottom:.55rem;color:#ccc;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}footer.site a{display:block;margin-bottom:.3rem;color:#888}footer.site a:hover{color:#fff;text-decoration:none}footer.site .sub{max-width:1100px;max-width:var(--maxw);margin:0 auto;padding:1rem;border-top:1px solid #333;color:#666;font-size:.76rem}
[data-theme="dark"]{--ink:#e7e9ef;--muted:#9298a7;--surface:#080b14;--white:#111520;--border:#252b3d;--header-top:#05070d;--footer-bg:#05070d;--blue:#5aaae8;--blue-dark:#3d8fd4;--blue-light:#73baf0;--purple:#b58bea;--online:#5bd47a}
[data-theme="dark"] body{background-color:#080b14;background-image:radial-gradient(circle at 20% 15%,rgba(61,143,212,.09),transparent 25rem),radial-gradient(circle at 80% 50%,rgba(136,102,187,.08),transparent 30rem),radial-gradient(circle,rgba(150,165,195,.14) 1px,transparent 1.5px);background-size:auto,auto,170px 170px;color:#e7e9ef}
[data-theme="dark"] .main-header{background:rgba(9,12,21,.96);border-color:#252b3d;box-shadow:0 2px 18px rgba(0,0,0,.3)}[data-theme="dark"] .logo{color:#f3f4f7!important}[data-theme="dark"] .nav-link{color:#c8ccd5}[data-theme="dark"] .nav-link:hover{background:#171c29;color:#73baf0}[data-theme="dark"] .theme-toggle{border-color:#343a49;background:#171a23;color:#f0c65a!important}[data-theme="dark"] .theme-toggle:hover{background:#222735}[data-theme="dark"] .moon-icon{display:none}[data-theme="dark"] .sun-icon{display:block}
[data-theme="dark"] .side-card,[data-theme="dark"] .panel{background:rgba(16,20,31,.96);border-color:#252b3d;box-shadow:0 8px 28px rgba(0,0,0,.2)}[data-theme="dark"] .login-page-panel{background:transparent;border:0;box-shadow:none}[data-theme="dark"] .side-card a{border-color:#252b3d;color:#c9cdd7}[data-theme="dark"] .side-card a:hover{background:#171c29;color:#73baf0}[data-theme="dark"] .side-card a.active{background:#152638;color:#73baf0}[data-theme="dark"] .side-card img.nav-icon,[data-theme="dark"] .submenu img.nav-icon{opacity:1;filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 0 2px rgba(255,255,255,.35))}[data-theme="dark"] .hero-logo{filter:drop-shadow(0 0 6px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(120,170,230,.35))}[data-theme="dark"] .panel>h2,[data-theme="dark"] .panel form+h2{color:#73baf0}[data-theme="dark"] .panel h3{color:#b58bea}
[data-theme="dark"] .userbar,[data-theme="dark"] .shop-context,[data-theme="dark"] .balance-text,[data-theme="dark"] .cart-info-text,[data-theme="dark"] .cart-total-text{border-color:#29445e;background:#102236;color:#9bc9ed}[data-theme="dark"] .submenu a,[data-theme="dark"] .page-menu a,[data-theme="dark"] .shop-categories a{border-color:#303647;background:#121722;color:#aeb4c0}[data-theme="dark"] .submenu a:hover,[data-theme="dark"] .page-menu a:hover,[data-theme="dark"] .shop-categories a:hover,[data-theme="dark"] .shop-categories a.current{border-color:#5aaae8;background:#17283a;color:#73baf0}
[data-theme="dark"] .generic-form-div,[data-theme="dark"] .search-form,[data-theme="dark"] .shop-item{border-color:#252b3d;background:#111520}[data-theme="dark"] input[type=text],[data-theme="dark"] input[type=password],[data-theme="dark"] input[type=email],[data-theme="dark"] input[type=file],[data-theme="dark"] select,[data-theme="dark"] textarea{border-color:#393f50;background:#1b1e28;color:#eef0f5}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#777e8e}[data-theme="dark"] .generic-form-table th,[data-theme="dark"] .login-form label{color:#bfc4ce}
[data-theme="dark"] .vertical-table th,[data-theme="dark"] .horizontal-table th,[data-theme="dark"] .data-table th,[data-theme="dark"] .character-stats .stat-name,[data-theme="dark"] .woe-table th,[data-theme="dark"] #server_status th{border-color:#2b3141;background:#171b25;color:#aeb4c0}[data-theme="dark"] .vertical-table td,[data-theme="dark"] .horizontal-table td,[data-theme="dark"] .data-table td,[data-theme="dark"] .character-stats td,[data-theme="dark"] .woe-table td,[data-theme="dark"] #server_status td{border-color:#2b3141}[data-theme="dark"] .vertical-table tr:hover td,[data-theme="dark"] .horizontal-table tr:hover td,[data-theme="dark"] .data-table tr:hover td{background:#151b28}
[data-theme="dark"] .auth-heading h1,[data-theme="dark"] .page-heading h2{color:#f1f2f5}[data-theme="dark"] .auth-heading p,[data-theme="dark"] .page-heading p,[data-theme="dark"] .auth-note,[data-theme="dark"] .login-links{color:#9298a7}[data-theme="dark"] .auth-divider:before,[data-theme="dark"] .auth-divider:after{background:#2c3140}[data-theme="dark"] .shop-item-visual{border-color:#292f3d;background:linear-gradient(145deg,#171c28,#101722)}[data-theme="dark"] .shop-item-name{color:#e5e8ef!important}[data-theme="dark"] .shop-item-info,[data-theme="dark"] .shop-item-qty{color:#969dac}[data-theme="dark"] .shop-item:hover{border-color:#3d6d91;box-shadow:0 8px 22px rgba(0,0,0,.28)}[data-theme="dark"] footer.site{border-top:1px solid #1e2330}
.castle-summary .shop-context-balance{white-space:nowrap}.castle-showcase{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}
.castle-card{flex:1 1 215px;max-width:300px}.castle-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0 0 1rem;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 6px 18px rgba(31,63,93,.06);transition:transform .12s,box-shadow .12s,border-color .12s}.castle-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,63,93,.13);border-color:#bddaf0}.castle-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .8rem;background:linear-gradient(120deg,#2f628f,#3f7cac);color:#fff}.castle-realm-se .castle-card-top{background:linear-gradient(120deg,#6a4b93,#8866bb)}.castle-realm-tag{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}.castle-realm-name{font-size:.82rem;font-weight:700}.castle-flag{display:flex;align-items:center;justify-content:center;height:74px;margin:.9rem 1rem .2rem;border-radius:6px;background:radial-gradient(circle at 50% 38%,rgba(61,143,212,.1),transparent 70%)}
.castle-emblem{max-height:64px;max-width:80%;object-fit:contain}
.castle-flag-empty{display:flex;width:34px;height:44px;color:var(--muted);opacity:.5}
.castle-flag-empty svg{width:100%;height:100%;fill:currentColor}.castle-flag img{max-height:80px;max-width:80px;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}.castle-flag-empty svg{width:46px;height:46px;fill:#c3ccd6}.castle-card.unclaimed .castle-flag{background:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 6px,transparent 6px,transparent 12px)}.castle-body{padding:0 1rem;text-align:center}.castle-name{margin:.1rem 0 .2rem;font-size:1rem;color:var(--ink)}.castle-owner{display:inline-block;font-size:.86rem;font-weight:700;color:var(--blue-dark)}.castle-owner a{color:var(--blue-dark)}.castle-owner-none{color:var(--muted);font-weight:600;font-style:italic}.castle-card.owned:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--online)}
.woe-clock .shop-context-balance{display:none}.woe-schedule{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.woe-slot{flex:1 1 240px;max-width:340px}.woe-slot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 6px 16px rgba(31,63,93,.05)}.woe-slot-edge{display:flex;flex-direction:column;text-align:center;min-width:0;flex:1}.woe-day{font-size:.82rem;font-weight:800;color:var(--ink)}.woe-hour{font-size:.95rem;font-weight:700;color:var(--blue-dark)}.woe-arrow svg{width:22px;height:22px;fill:var(--blue);opacity:.7;flex:none}
.castle-realm{margin:0 0 1.4rem}.castle-realm-head{display:flex;align-items:center;gap:.55rem;margin:0 0 .7rem}.castle-realm-head h3{font-size:1.05rem;color:var(--ink)}.castle-realm-head .castle-realm-tag{color:var(--muted);opacity:1}.castle-flagpole svg{width:20px;height:20px;fill:var(--blue)}.castle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
[data-theme="dark"] .castle-card,[data-theme="dark"] .woe-slot{background:rgba(16,20,31,.96);border-color:#252b3d;box-shadow:0 8px 24px rgba(0,0,0,.28)}[data-theme="dark"] .castle-name,[data-theme="dark"] .woe-day{color:#e7e9ef}[data-theme="dark"] .castle-owner,[data-theme="dark"] .castle-owner a,[data-theme="dark"] .woe-hour{color:var(--blue-light)}[data-theme="dark"] .castle-owner-none{color:#8b93a3}[data-theme="dark"] .castle-flag-empty svg{fill:#3a4453}[data-theme="dark"] .castle-realm-head h3,[data-theme="dark"] .castle-realm-head .castle-realm-tag{color:#c8ccd5}
@media(max-width:820px){.castle-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.castle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.castle-showcase,.woe-schedule,.castle-grid{grid-template-columns:1fr}.castle-summary .shop-context-balance{display:none}}
@media(max-width:820px){.shell{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right{display:none}.top-nav .nav-link{display:none}footer.site .inner{grid-template-columns:1fr 1fr}.panel{padding:1rem}.vertical-table,.horizontal-table,.data-table{min-width:620px}.vertical-table.kv-table{min-width:0;border:0}.kv-table tr{display:grid;grid-template-columns:minmax(90px,auto) 1fr;border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.kv-table th,.kv-table td{border:0;border-bottom:1px solid var(--border)}.vote-banner{width:calc(50% - .4rem)}.shop-item{overflow:hidden}}
@media(max-width:520px){.dashboard-hero{min-height:170px;padding:1.4rem}.hero-logo{width:180px}.dashboard-hero-art{display:none}.sidebar{grid-template-columns:1fr}.topbar-left li:last-child{display:none}.main-inner{height:52px}.shop-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.shop-context-balance{display:none}.login-card{padding:1.25rem}.generic-form-table,.generic-form-table tbody,.generic-form-table tr,.generic-form-table th,.generic-form-table td{display:block;width:100%;text-align:left}.generic-form-table th{padding:.35rem 0 0}.generic-form-table input[type=text],.generic-form-table input[type=password],.generic-form-table select{width:100%}footer.site .inner{grid-template-columns:1fr}}

.cf-turnstile{margin:.35rem 0 .2rem}.login-form .cf-turnstile{display:flex;justify-content:center}

.account-form-wrap{max-width:560px}
.account-form{text-align:left}
.account-form h2{margin-top:0}
.account-form-intro{margin:.2rem 0 1rem;color:var(--muted)}
.account-form .generic-form-table{width:100%}
.account-form .generic-form-table th{width:8.5rem}
.account-form .generic-form-table input[type=text],.account-form .generic-form-table input[type=password],.account-form .generic-form-table select{width:100%}
.field-help{display:block;margin-top:.2rem;color:var(--muted);font-size:.78rem;line-height:1.35}

/* WoE slot: RO monster sprite + contested castle */
.woe-slot-castled{flex-direction:column;align-items:stretch;gap:.55rem}
.woe-slot-times{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.woe-slot-castle{display:flex;align-items:center;gap:.6rem;padding-top:.55rem;border-top:1px solid var(--border)}
.woe-slot-mob{width:52px;height:52px;flex:0 0 auto;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.woe-slot-castle-meta{display:flex;flex-direction:column;min-width:0}
.woe-slot-castle-name{font-weight:800;font-size:.86rem}
.woe-slot-castle-realm{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}

/* Search-form standardization: one field per line, aligned labels */
.search-form p{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:.35rem 0}
.search-form p>label{flex:0 0 140px;text-align:right;font-weight:700;font-size:.85rem;color:var(--muted)}
.search-form input[type=text]{width:220px}
.search-form select{min-width:110px}
@media (max-width:640px){.search-form p>label{flex-basis:100%;text-align:left}.search-form input[type=text]{width:100%}}

/* Top-nav active state + demoted logout */
.nav-link.active{background:var(--surface);color:var(--blue);font-weight:700}
.nav-link.active .nav-icon{opacity:1}
[data-theme="dark"] .nav-link.active{background:#1b2233}

/* Admin table guild emblems: render at a legible size (raw emblems are 24x24 BMPs) */
.guild-emblem{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}

/* Item-shop admin: inline "add by item ID" control on the shop page */
.shop-admin-add{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.7rem .9rem;border:1px dashed var(--border);border-radius:6px;background:var(--surface)}
.shop-admin-add label{font-weight:700;font-size:.85rem;color:var(--muted)}

/* Per-property logo wordmark + you-are-here topbar highlight (shared convention
   across site/CP/Tokenshop/wiki). Logo reads "ForsakenRO Control Panel". */
.logo .logo-sub{margin-left:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.topbar-left a.topbar-active{color:#fff;font-weight:700}