:root{color-scheme:dark;--bg:#0c0a12;--panel:#17131f;--panel2:#1d1827;--line:rgba(225,211,245,.12);--gold:#f2b84b;--text:#f4f0f8;--muted:#aaa3b5;--green:#54c58c}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse 48% 36% at 50% 5%,rgba(125,82,181,.2),transparent 74%),radial-gradient(ellipse 35% 38% at 8% 80%,rgba(45,138,127,.075),transparent 75%),var(--bg)}
a{color:inherit}
.auth-shell{width:min(100% - 32px,500px);min-height:100vh;margin:0 auto;padding:42px 0 26px;display:flex;flex-direction:column;justify-content:center}
.brand{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 22px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:48px;height:52px;flex:none;border:1px solid rgba(242,184,75,.35);border-radius:13px;background:radial-gradient(ellipse,rgba(242,184,75,.13),rgba(167,139,250,.1) 65%,transparent 78%);box-shadow:0 0 25px rgba(242,184,75,.08)}
.brand-mark img{width:39px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(243,185,75,.3))}
.brand strong{display:block;font:800 21px Cinzel,Georgia,serif;letter-spacing:.17em}
.brand small{display:block;margin-top:5px;color:#a8a1b4;font:600 8px "Courier New",monospace;letter-spacing:.1em}
.auth-card{overflow:hidden;border:1px solid rgba(199,177,232,.17);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),rgba(23,19,31,.96);box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 50px rgba(130,94,187,.08)}
.card-topline{height:39px;display:flex;align-items:center;gap:9px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#c4a5fc;font:700 9px "Courier New",monospace;letter-spacing:.16em}
.topline-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px rgba(242,184,75,.65)}
.card-content{padding:32px 34px 27px}
h1{margin:0;color:#fff;font:700 clamp(28px,7vw,35px)/1.2 Cinzel,Georgia,serif;letter-spacing:-.025em}
.intro{margin:10px 0 24px;color:var(--muted);font-size:14px;line-height:1.65}
.auth-form{display:grid;gap:10px}
.auth-form label{display:flex;justify-content:space-between;gap:12px;margin-top:5px;color:#e8e2ee;font-size:12px;font-weight:650}
.auth-form label span{color:#928a9d;font-size:10px;font-weight:500}
.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(231,220,245,.13);border-radius:9px;outline:0;background:#100d16;color:#fff;font:500 14px "Segoe UI",Arial,sans-serif;transition:border-color .18s,box-shadow .18s}
.auth-form input:focus{border-color:rgba(242,184,75,.7);box-shadow:0 0 0 3px rgba(242,184,75,.11)}
.auth-form input::placeholder{color:#777080}
.primary-button,.secondary-button{width:100%;min-height:49px;margin-top:12px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:9px;cursor:pointer;font:800 11px "Courier New",monospace;letter-spacing:.1em;transition:transform .18s,filter .18s,background .18s}
.primary-button{background:linear-gradient(110deg,#f7cd79,#e9ad3e);color:#1a1420;box-shadow:0 8px 23px rgba(242,184,75,.12)}
.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.notice{margin:0 0 18px;padding:12px 13px;border-radius:8px;font-size:12px;line-height:1.55}
.notice.error{border:1px solid rgba(245,111,121,.27);background:rgba(175,49,62,.12);color:#ffc6c9}
.switch-auth{margin:22px 0 0;text-align:center;color:#aaa3b5;font-size:12px}
.switch-auth a{margin-left:4px;color:#f6cd7f;font-weight:700;text-decoration:none}
.switch-auth a:hover{text-decoration:underline}
.security-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:19px 0 0;color:#8e8799;font-size:10px}
.security-note span{color:var(--green);font-size:8px}
.auth-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:#777181;font-size:10px}
.auth-footer a{color:#aaa3b5;text-decoration:none}
.auth-footer a:hover{color:#f4d28d}
.dashboard-heading{display:flex;align-items:flex-start;gap:15px}
.welcome-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(242,184,75,.27);border-radius:12px;background:rgba(242,184,75,.09);color:#f4c873;font-size:20px}
.dashboard-heading .intro{margin:8px 0 23px}
.account-details{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(8,7,12,.34)}
.account-details>div{display:flex;flex-direction:column;gap:7px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.065)}
.account-details>div:last-child{border-bottom:0}
.account-details span{color:#948c9f;font:700 9px "Courier New",monospace;letter-spacing:.13em}
.account-details strong{overflow-wrap:anywhere;color:#f1edf5;font-size:13px;font-weight:600}
.dashboard-note{display:flex;align-items:center;gap:11px;margin-top:17px;padding:13px;border:1px solid rgba(167,139,250,.14);border-radius:9px;background:rgba(167,139,250,.055)}
.note-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;border:1px solid rgba(195,170,245,.38);border-radius:50%;color:#d4baff;font:700 12px Georgia,serif}
.dashboard-note p{margin:0;color:#b8b0c5;font-size:11px;line-height:1.5}
.logout-form{margin-top:12px}
.secondary-button{border-color:rgba(231,220,245,.15);background:rgba(255,255,255,.035);color:#e4ddeb}
@media(max-width:520px){.auth-shell{width:min(100% - 22px,500px);padding:26px 0 18px}.brand{margin-bottom:16px}.card-content{padding:25px 20px 22px}.card-topline{padding:0 20px}.auth-footer{font-size:9px}}
.dashboard-shell{width:min(calc(100% - 48px),1260px);max-width:1260px;justify-content:flex-start;padding:32px 0 24px}
.dashboard-shell>.brand{margin-bottom:18px}
.dashboard-shell>.auth-card{width:100%;border-radius:18px}
.dashboard-shell .card-topline{height:36px}
.dashboard-shell .card-content{padding:30px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}
.panel-eyebrow,.section-kicker{margin:0 0 9px;color:#bfa4ed;font:700 9px "Courier New",monospace;letter-spacing:.16em}
.panel-eyebrow span{padding:0 5px;color:#7f758e}
.panel-heading h1{font-size:clamp(27px,3vw,36px);overflow-wrap:anywhere}
.panel-subtitle{margin:9px 0 0;color:#aaa3b5;font-size:13px;line-height:1.6}
.active-badge{display:inline-flex;align-items:center;gap:8px;flex:none;margin-top:12px;padding:9px 12px;border:1px solid rgba(84,197,140,.23);border-radius:99px;background:rgba(84,197,140,.075);color:#a7e5c2;font:700 8px "Courier New",monospace;letter-spacing:.1em}
.active-badge i{width:6px;height:6px;border-radius:50%;background:#67d79d;box-shadow:0 0 10px rgba(84,197,140,.75)}
.member-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:18px;align-items:stretch}
.member-sidebar{display:flex;flex-direction:column;min-height:490px;padding:18px 14px;border:1px solid rgba(225,211,245,.1);border-radius:13px;background:linear-gradient(165deg,rgba(255,255,255,.025),transparent 42%),rgba(11,9,16,.5)}
.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 1px 12px}
.member-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid rgba(242,184,75,.32);border-radius:12px;background:linear-gradient(145deg,rgba(242,184,75,.16),rgba(167,139,250,.12));color:#f7d38a;font:700 16px Cinzel,Georgia,serif}
.sidebar-user-copy{display:grid;min-width:0;gap:4px}
.sidebar-user-copy strong{overflow:hidden;color:#f4f0f8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-copy small{overflow:hidden;color:#8f879a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-divider{height:1px;margin:3px 0 16px;background:rgba(255,255,255,.07)}
.sidebar-label{padding:0 8px;color:#7e7689;font:700 8px "Courier New",monospace;letter-spacing:.17em}
.member-nav{display:grid;gap:5px;margin-top:9px}
.member-nav a{display:flex;align-items:center;gap:10px;min-height:39px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:#aaa3b5;text-decoration:none;font-size:11px;transition:background .18s,border-color .18s,color .18s}
.member-nav a>span{display:grid;place-items:center;width:18px;color:#9c8db7;font-size:15px}
.member-nav a:hover,.member-nav a.is-current{border-color:rgba(167,139,250,.16);background:linear-gradient(100deg,rgba(167,139,250,.12),rgba(167,139,250,.035));color:#f0e8ff}
.member-nav a.is-current>span{color:#d2b9ff}
.sidebar-bottom{display:grid;gap:8px;margin-top:auto;padding-top:18px}
.sidebar-support,.sidebar-logout button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#bcb4c8;text-decoration:none;font:600 10px "Segoe UI",Arial,sans-serif;transition:border-color .18s,background .18s,color .18s}
.sidebar-support:hover{border-color:rgba(84,197,140,.3);background:rgba(84,197,140,.07);color:#c7f1d9}
.sidebar-support span{color:#69ce96;font-size:13px}
.sidebar-logout{margin:0}
.sidebar-logout button{cursor:pointer;text-align:left}
.sidebar-logout button:hover{border-color:rgba(242,184,75,.24);color:#ffdda0}
.sidebar-logout button span{color:#d6b66e;font-size:14px}
.member-content{display:grid;align-content:start;gap:15px;min-width:0}
.member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.member-stat{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:112px;overflow:hidden;padding:16px 14px;border:1px solid rgba(225,211,245,.1);border-radius:11px;background:linear-gradient(140deg,rgba(255,255,255,.025),transparent 60%),rgba(11,9,16,.44)}
.member-stat.stat-highlight{border-color:rgba(84,197,140,.19);background:radial-gradient(ellipse at 100% 0,rgba(84,197,140,.11),transparent 65%),rgba(11,9,16,.44)}
.stat-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid rgba(84,197,140,.2);border-radius:8px;background:rgba(84,197,140,.08);color:#8be0b0;font-size:14px}
.calendar-icon{border-color:rgba(242,184,75,.2);background:rgba(242,184,75,.07);color:#f0ca7e}
.login-icon{border-color:rgba(167,139,250,.2);background:rgba(167,139,250,.08);color:#cbb0ff}
.member-stat>div{display:grid;gap:6px;min-width:0}
.member-stat small{color:#90889b;font:700 8px "Courier New",monospace;letter-spacing:.1em}
.member-stat strong{overflow-wrap:anywhere;color:#f4f0f8;font:700 17px "Plus Jakarta Sans","Segoe UI",sans-serif}
.member-stat>div>span{color:#928a9a;font-size:9px;line-height:1.4}
.stat-orbit{position:absolute;right:-25px;bottom:-37px;width:95px;height:95px;border:1px solid rgba(84,197,140,.13);border-radius:50%;box-shadow:0 0 0 13px rgba(84,197,140,.025),0 0 0 27px rgba(84,197,140,.02)}
.member-panel{border:1px solid rgba(225,211,245,.1);border-radius:11px;background:linear-gradient(140deg,rgba(255,255,255,.022),transparent 55%),rgba(11,9,16,.42)}
.profile-panel{padding:18px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.section-heading .section-kicker{display:block;margin-bottom:5px;font-size:8px}
.section-heading h2,.support-panel h2{margin:0;color:#f3eff8;font:700 16px Cinzel,Georgia,serif}
.text-action{color:#e8c778;text-decoration:none;font-size:10px;font-weight:700}
.text-action span{padding-left:4px}
.text-action:hover{color:#ffdf98}
.profile-fields{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(0,0,0,.1)}
.profile-field{display:grid;gap:6px;min-width:0;padding:12px 14px}
.profile-field+ .profile-field{border-left:1px solid rgba(255,255,255,.07)}
.profile-field span{color:#8f8799;font-size:9px}
.profile-field strong{overflow-wrap:anywhere;color:#e9e4ef;font-size:11px;font-weight:600}
.support-panel{display:flex;align-items:center;gap:12px;padding:15px}
.support-mark{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid rgba(84,197,140,.2);border-radius:10px;background:rgba(84,197,140,.075);color:#85dca8;font:700 17px Georgia,serif}
.support-panel>div{min-width:0;flex:1}
.support-panel .section-kicker{display:block;margin:0 0 4px;color:#8e8998;font-size:7px}
.support-panel h2{font:700 13px "Segoe UI",Arial,sans-serif}
.support-panel p{margin:4px 0 0;color:#938c9e;font-size:9px;line-height:1.45}
.support-action{display:flex;align-items:center;gap:9px;flex:none;padding:9px 10px;border:1px solid rgba(84,197,140,.23);border-radius:7px;background:rgba(84,197,140,.075);color:#bdebd0;text-decoration:none;font:700 8px "Courier New",monospace;letter-spacing:.06em}
.support-action:hover{border-color:rgba(84,197,140,.5);background:rgba(84,197,140,.12)}
.settings-content{gap:14px}
.settings-panel{padding:19px}
.settings-panel .section-heading{margin-bottom:17px}
.settings-form{display:grid;gap:9px}
.settings-form label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:#e7e1ed;font-size:11px;font-weight:650}
.settings-form label small{color:#8d8597;font-size:9px;font-weight:500}
.settings-form input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(231,220,245,.12);border-radius:8px;outline:0;background:#100d16;color:#f5f1fa;font:500 12px "Segoe UI",Arial,sans-serif}
.settings-form input:focus{border-color:rgba(242,184,75,.65);box-shadow:0 0 0 3px rgba(242,184,75,.09)}
.settings-form input[readonly]{background:rgba(255,255,255,.025);color:#a6a0af}
.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-form-row>div{display:grid;gap:9px;min-width:0}
.settings-save{display:flex;align-items:center;justify-content:space-between;min-height:41px;margin-top:8px;padding:0 12px;border:1px solid rgba(242,184,75,.22);border-radius:8px;background:linear-gradient(110deg,rgba(242,184,75,.12),rgba(167,139,250,.075));color:#f2d38f;cursor:pointer;font:700 9px "Courier New",monospace;letter-spacing:.09em;transition:border-color .18s,background .18s}
.settings-save:hover{border-color:rgba(242,184,75,.5);background:rgba(242,184,75,.14)}
.notice.success{border:1px solid rgba(84,197,140,.24);background:rgba(84,197,140,.08);color:#b8edcf}
@media(max-width:980px){.member-stats{grid-template-columns:1fr}.member-stat{min-height:88px}.member-stat strong{font-size:16px}}
@media(max-width:760px){.dashboard-shell{width:min(calc(100% - 28px),1260px);padding:22px 0 16px}.dashboard-shell .card-content{padding:22px}.member-layout{grid-template-columns:1fr}.member-sidebar{min-height:0;padding:13px}.sidebar-user{padding-bottom:10px}.sidebar-divider{margin:0 0 10px}.sidebar-label{display:none}.member-nav{grid-template-columns:1fr 1fr;margin-top:0}.member-nav a{justify-content:center}.sidebar-bottom{grid-template-columns:1fr 1fr;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.support-panel{align-items:flex-start}.active-badge{margin-top:6px}}
@media(max-width:560px){.dashboard-shell{width:min(calc(100% - 18px),1260px);padding:14px 0 12px}.dashboard-shell>.brand{margin-bottom:11px}.dashboard-shell .card-content{padding:17px 13px}.panel-heading{display:block;margin-bottom:17px}.panel-heading h1{font-size:26px}.panel-subtitle{font-size:11px}.active-badge{margin-top:13px}.member-stats{gap:8px}.member-stat{min-height:77px;padding:12px}.member-stat strong{font-size:14px}.member-stat>div>span{font-size:8px}.profile-panel,.settings-panel{padding:14px}.profile-fields{grid-template-columns:1fr}.profile-field+ .profile-field{border-top:1px solid rgba(255,255,255,.07);border-left:0}.support-panel{flex-wrap:wrap}.support-panel>div{min-width:calc(100% - 60px)}.support-action{margin-left:47px}.settings-form-row{grid-template-columns:1fr;gap:6px}.sidebar-user-copy small{max-width:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Visual refresh v2: stronger branding, clear spacing, and calmer dashboard hierarchy. */
body{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.65;background:radial-gradient(ellipse 58% 42% at 76% 7%,rgba(134,92,198,.21),transparent 73%),radial-gradient(ellipse 38% 44% at 6% 76%,rgba(37,127,122,.1),transparent 75%),#0b0911}
.auth-shell{position:relative;isolation:isolate}
.auth-shell:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.012) 50%,transparent 80%)}
.brand{gap:15px;margin-bottom:23px}
.brand-mark{position:relative;width:62px;height:70px;border-radius:17px;border-color:rgba(242,184,75,.42);background:radial-gradient(ellipse at 50% 45%,rgba(242,184,75,.16),rgba(167,139,250,.1) 64%,transparent 82%);box-shadow:0 7px 28px rgba(0,0,0,.2),0 0 27px rgba(242,184,75,.1)}
.brand-mark img{width:52px;height:62px;filter:drop-shadow(0 5px 11px rgba(243,185,75,.34)) drop-shadow(0 0 13px rgba(168,85,247,.16))}
.brand strong{font-size:25px;letter-spacing:.18em;text-shadow:0 2px 18px rgba(242,184,75,.15)}
.brand small{margin-top:6px;font-size:9px;letter-spacing:.13em;color:#b3aabd}
.auth-card{position:relative;border-color:rgba(205,184,239,.19);border-radius:22px;background:radial-gradient(ellipse at 95% 0,rgba(150,105,216,.09),transparent 43%),linear-gradient(145deg,rgba(255,255,255,.033),transparent 44%),rgba(20,17,27,.97);box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 65px rgba(130,94,187,.09)}
.auth-card:before{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,184,75,.7),rgba(190,157,255,.48),transparent);pointer-events:none}
.card-topline{height:43px;padding:0 30px;border-color:rgba(255,255,255,.075);color:#c6a8f4;font-size:9px;letter-spacing:.19em}
.card-content{padding:37px 38px 31px}
h1{font-size:clamp(31px,7vw,39px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}
.intro{max-width:42ch;margin:12px 0 27px;font-size:14px;line-height:1.75;color:#b8b1c3}
.auth-form{gap:11px}
.auth-form label{margin-top:7px;font-size:12px;line-height:1.5}
.auth-form input{height:51px;padding:0 15px;border-color:rgba(231,220,245,.15);border-radius:10px;font-size:14px}
.primary-button{min-height:52px;margin-top:16px;padding:0 17px;border-radius:10px;font-size:11px;letter-spacing:.12em}
.switch-auth{margin-top:24px;font-size:12px}
.security-note{margin-top:22px;font-size:10px;line-height:1.55}
.dashboard-shell{width:min(calc(100% - 64px),1320px);max-width:1320px;padding:35px 0 30px}
.dashboard-shell>.brand{margin-bottom:23px}
.dashboard-shell>.auth-card{overflow:hidden;border-radius:21px}
.dashboard-shell>.auth-card:after{content:"";position:absolute;z-index:0;top:30px;right:4%;width:270px;height:270px;background:url("koop-logo.png") center/contain no-repeat;opacity:.065;filter:saturate(.72);pointer-events:none;mask-image:linear-gradient(135deg,#000 15%,transparent 88%)}
.dashboard-shell .card-topline{position:relative;z-index:2;height:43px;padding:0 32px;letter-spacing:.19em}
.dashboard-shell .card-content{position:relative;z-index:1;padding:34px}
.panel-heading{position:relative;align-items:center;gap:24px;margin-bottom:30px}
.panel-eyebrow{margin-bottom:10px;font-size:9px;letter-spacing:.18em}
.panel-heading h1{max-width:25ch;font-size:clamp(30px,3.4vw,42px);line-height:1.16}
.panel-subtitle{margin-top:11px;font-size:14px;line-height:1.7}
.active-badge{margin-top:0;padding:10px 14px;font-size:9px;letter-spacing:.12em}
.member-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}
.member-sidebar{min-height:540px;padding:21px 17px;border-color:rgba(225,211,245,.12);border-radius:15px;background:linear-gradient(160deg,rgba(255,255,255,.035),transparent 42%),rgba(11,9,16,.56)}
.sidebar-user{gap:12px;padding:2px 2px 16px}
.member-avatar{width:43px;height:43px;border-radius:13px;font-size:18px}
.sidebar-user-copy{gap:5px}
.sidebar-user-copy strong{font-size:12px}
.sidebar-user-copy small{font-size:10px}
.sidebar-divider{margin:3px 0 18px}
.sidebar-label{font-size:9px;letter-spacing:.18em}
.member-nav{gap:7px;margin-top:11px}
.member-nav a{gap:12px;min-height:44px;padding:0 12px;border-radius:9px;font-size:12px}
.member-nav a>span{width:20px;font-size:16px}
.sidebar-bottom{gap:9px;padding-top:20px}
.sidebar-support,.sidebar-logout button{min-height:42px;padding:0 12px;border-radius:9px;font-size:11px}
.member-content{gap:17px}
.member-stats{gap:14px}
.member-stat{align-items:center;gap:14px;min-height:126px;padding:18px;border-color:rgba(225,211,245,.12);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 62%),rgba(11,9,16,.48)}
.member-stat.stat-highlight{border-color:rgba(84,197,140,.22);background:radial-gradient(ellipse at 96% 0,rgba(84,197,140,.12),transparent 67%),linear-gradient(145deg,rgba(255,255,255,.025),transparent 55%),rgba(11,9,16,.48)}
.stat-icon{width:38px;height:38px;border-radius:11px;font-size:17px}
.member-stat>div{gap:7px}
.member-stat small{font-size:9px;letter-spacing:.11em}
.member-stat strong{font-size:20px;line-height:1.25}
.member-stat>div>span{font-size:10px;line-height:1.5}
.profile-panel{padding:23px;border-radius:14px}
.section-heading{margin-bottom:17px}
.section-heading .section-kicker{margin-bottom:7px;font-size:9px}
.section-heading h2{font-size:19px;line-height:1.35}
.text-action{font-size:11px}
.profile-fields{border-radius:10px}
.profile-field{gap:8px;padding:15px 17px}
.profile-field span{font-size:10px}
.profile-field strong{font-size:13px;line-height:1.5}
.support-panel{gap:15px;padding:19px;border-radius:14px}
.support-mark{width:41px;height:41px;border-radius:12px;font-size:19px}
.support-panel .section-kicker{margin-bottom:6px;font-size:8px;letter-spacing:.13em}
.support-panel h2{font-size:15px}
.support-panel p{margin-top:5px;font-size:11px;line-height:1.55}
.support-action{padding:11px 13px;border-radius:8px;font-size:9px}
.settings-content{gap:17px}
.settings-panel{padding:24px;border-radius:14px}
.settings-panel .section-heading{margin-bottom:19px}
.settings-form{gap:11px}
.settings-form label{margin-top:5px;font-size:12px;line-height:1.5}
.settings-form label small{font-size:10px}
.settings-form input{height:47px;padding:0 14px;border-radius:9px;font-size:13px}
.settings-form-row{gap:16px}
.settings-form-row>div{gap:10px}
.settings-save{min-height:46px;margin-top:10px;padding:0 15px;border-radius:9px;font-size:10px}
.notice{padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.6}
.auth-footer{margin-top:20px;font-size:11px}
.auth-footer a:hover{text-decoration:underline}
@media(max-width:1080px){.member-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.member-sidebar{padding:18px 14px}.member-stats{grid-template-columns:1fr}.member-stat{min-height:96px}.member-stat strong{font-size:18px}}
@media(max-width:760px){.dashboard-shell{width:min(calc(100% - 28px),1320px);padding:23px 0 16px}.dashboard-shell .card-content{padding:24px}.member-layout{grid-template-columns:1fr;gap:15px}.member-sidebar{min-height:0;padding:15px}.member-nav{grid-template-columns:1fr 1fr;margin-top:0}.member-nav a{justify-content:center}.sidebar-bottom{grid-template-columns:1fr 1fr;margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.panel-heading{align-items:flex-start;margin-bottom:22px}.dashboard-shell>.auth-card:after{top:35px;right:-4%;width:210px;height:210px;opacity:.045}}
@media(max-width:560px){.auth-shell{width:min(100% - 22px,500px);padding:25px 0 18px}.brand{gap:11px;margin-bottom:17px}.brand-mark{width:54px;height:61px;border-radius:15px}.brand-mark img{width:46px;height:54px}.brand strong{font-size:22px}.brand small{font-size:7px;letter-spacing:.09em}.card-content{padding:27px 21px 23px}.card-topline{padding:0 21px}.dashboard-shell{width:min(calc(100% - 16px),1320px);padding:12px 0 10px}.dashboard-shell>.brand{margin:0 5px 12px}.dashboard-shell .card-content{padding:20px 14px}.dashboard-shell .card-topline{height:38px;padding:0 16px}.panel-heading{display:block;margin-bottom:18px}.panel-heading h1{font-size:29px}.panel-subtitle{max-width:37ch;font-size:12px}.active-badge{margin-top:13px}.member-sidebar{padding:12px}.sidebar-user-copy small{max-width:230px}.member-nav a{min-height:41px;font-size:11px}.member-stat{min-height:88px;padding:14px}.member-stat strong{font-size:17px}.profile-panel,.settings-panel{padding:16px}.profile-fields{grid-template-columns:1fr}.profile-field+ .profile-field{border-top:1px solid rgba(255,255,255,.07);border-left:0}.support-panel{flex-wrap:wrap}.support-panel>div{min-width:calc(100% - 60px)}.support-action{margin-left:56px}.settings-form-row{grid-template-columns:1fr;gap:8px}.auth-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-card,.brand-mark,.brand-mark img{transition:none!important}}

/* Character telemetry and per-account opt-in link. */
.characters-panel{padding:23px;border-radius:14px}
.characters-panel .section-heading{margin-bottom:18px}
.empty-characters{display:flex;align-items:center;gap:15px;padding:20px;border:1px dashed rgba(225,211,245,.15);border-radius:11px;background:rgba(0,0,0,.12)}
.empty-characters>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(242,184,75,.2);border-radius:12px;background:rgba(242,184,75,.07);color:#eac46f;font-size:21px}
.empty-characters strong{color:#eee8f4;font-size:13px}
.empty-characters p,.settings-help{margin:5px 0 0;color:#a69eaf;font-size:12px;line-height:1.65}
.character-list{display:grid;gap:11px}
.character-card{padding:17px;border:1px solid rgba(225,211,245,.11);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.028),transparent 65%),rgba(7,6,10,.3)}
.character-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.character-card-heading>strong{color:#f3edf8;font-size:15px}
.character-identity{display:flex;align-items:center;gap:11px;min-width:0}
.character-emblem{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid rgba(235,196,117,.3);border-radius:10px;background:linear-gradient(145deg,rgba(235,196,117,.18),rgba(114,79,153,.2));color:#f2cf84;font-size:16px;box-shadow:inset 0 0 14px rgba(235,196,117,.08)}
.character-identity>div{display:grid;gap:4px;min-width:0}
.character-identity strong{overflow:hidden;color:#f7f1fa;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.character-identity small{color:#8f8798;font:700 9px "Courier New",monospace;letter-spacing:.08em}
.character-badges{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.class-badge{padding:6px 9px;border:1px solid rgba(235,196,117,.2);border-radius:999px;background:rgba(235,196,117,.08);color:#e8c77e;font:700 9px "Courier New",monospace;letter-spacing:.04em}
.character-status{display:inline-flex;align-items:center;gap:7px;flex:none;color:#b2aaba;font:700 9px "Courier New",monospace;letter-spacing:.08em}
.character-status i{width:7px;height:7px;border-radius:50%;background:#77717e}
.character-status.is-online{color:#9ce5b9}.character-status.is-online i{background:#62d492;box-shadow:0 0 10px rgba(98,212,146,.58)}
.character-status.is-offline{color:#aaa3b1}.character-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.055)}
.character-metrics>span{display:grid;gap:6px;min-width:0;padding:12px;background:#100d16}
.character-metrics small{color:#958da0;font:700 8px "Courier New",monospace;letter-spacing:.1em}
.character-metrics strong{overflow-wrap:anywhere;color:#eee8f4;font-size:12px;line-height:1.45}
.bot-link-panel{scroll-margin-top:25px}
.bot-link-panel .settings-help code,.config-example code{color:#eed08e;font:600 11px "Courier New",monospace}
.token-display{font-family:"Courier New",monospace!important;letter-spacing:.04em}
.token-active{display:grid;justify-items:start;gap:8px;margin:15px 0;padding:14px;border:1px solid rgba(225,211,245,.09);border-radius:9px;background:rgba(0,0,0,.15)}
.token-active>span:last-child{color:#a69eaf;font-size:11px;line-height:1.55}
.token-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.token-actions form{flex:1;min-width:190px}.token-actions .settings-save{width:100%}
.settings-save.token-revoke{justify-content:center;border-color:rgba(245,111,121,.2);background:rgba(175,49,62,.08);color:#f3aeb3}
.settings-save.token-revoke:hover{border-color:rgba(245,111,121,.48);background:rgba(175,49,62,.14)}
.config-example{margin-top:15px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#0b0910;line-height:1.7}
@media(max-width:560px){.characters-panel{padding:16px}.character-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{padding:13px}.character-card-heading>strong{font-size:13px}.character-identity strong{font-size:14px}.character-badges{gap:7px}.class-badge{padding:5px 7px;font-size:8px}.character-metrics>span{padding:10px}.character-metrics strong{font-size:11px}.empty-characters{align-items:flex-start;padding:15px}.token-actions{display:grid}.token-actions form{min-width:0}}

/* Character roster visual redesign */
.characters-panel{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);border-color:rgba(191,163,235,.15);background:radial-gradient(ellipse 65% 36% at 100% 0%,rgba(126,85,177,.13),transparent 80%),linear-gradient(145deg,rgba(255,255,255,.025),transparent 44%),#100d16}
.characters-panel:before{position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(235,196,117,.44),rgba(157,115,218,.35),transparent);content:""}
.character-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.character-section-title .section-kicker{display:flex;align-items:center;gap:8px;color:#cfb6f2;font-size:9px;letter-spacing:.2em}
.character-section-title .section-kicker span{color:#6d627b}
.character-section-title h2{margin:7px 0 3px;color:#f6f0fb;font-size:clamp(24px,3vw,31px);letter-spacing:-.035em}
.character-section-title p{margin:0;color:#9c93a8;font-size:12px}
.character-section-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.roster-count,.roster-online{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 11px;border:1px solid rgba(225,211,245,.1);border-radius:8px;background:rgba(5,4,8,.35);color:#bdb4c8;font:700 9px "Courier New",monospace;letter-spacing:.1em}
.roster-count strong,.roster-online strong{color:#f5edf9;font-size:12px}
.roster-online{border-color:rgba(89,209,143,.2);background:rgba(47,142,89,.08);color:#9be7b7}
.roster-online i{width:7px;height:7px;border-radius:50%;background:#61db91;box-shadow:0 0 11px rgba(97,219,145,.7)}
.character-settings-link{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:0 12px;border:1px solid rgba(235,196,117,.23);border-radius:8px;background:rgba(235,196,117,.075);color:#e9ca87;font:700 9px "Courier New",monospace;letter-spacing:.07em;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.character-settings-link:hover{transform:translateY(-1px);border-color:rgba(235,196,117,.45);background:rgba(235,196,117,.13)}
.character-list{display:grid;gap:15px}
.character-card{--class-color:#e9c476;--class-rgb:233,196,118;position:relative;isolation:isolate;overflow:hidden;padding:20px;border:1px solid rgba(225,211,245,.12);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 52%),linear-gradient(115deg,rgba(19,15,27,.98),rgba(12,10,17,.98));box-shadow:0 9px 26px rgba(0,0,0,.16);transition:border-color .2s,transform .2s,box-shadow .2s}
.character-card--warrior{--class-color:#f0bd72;--class-rgb:240,189,114}
.character-card--rogue{--class-color:#7edbbd;--class-rgb:126,219,189}
.character-card--mage{--class-color:#baa2ff;--class-rgb:186,162,255}
.character-card--priest{--class-color:#82caff;--class-rgb:130,202,255}
.character-card--unknown{--class-color:#d0b4ed;--class-rgb:208,180,237}
.character-card:hover{transform:translateY(-2px);border-color:rgba(var(--class-rgb),.31);box-shadow:0 13px 32px rgba(0,0,0,.25),0 0 26px rgba(var(--class-rgb),.045)}
.character-card.is-currently-online{border-color:rgba(94,210,143,.2)}
.character-card-glow{position:absolute;z-index:-1;top:-115px;right:-50px;width:250px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--class-rgb),.11),transparent 72%);pointer-events:none}
.character-card-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.character-identity{display:flex;align-items:center;gap:14px;min-width:0}
.character-emblem{position:relative;display:grid;width:54px;height:54px;flex:none;place-items:center;overflow:hidden;border:1px solid rgba(var(--class-rgb),.37);border-radius:15px;background:linear-gradient(145deg,rgba(var(--class-rgb),.21),rgba(var(--class-rgb),.045) 75%);box-shadow:inset 0 0 22px rgba(var(--class-rgb),.09),0 0 22px rgba(var(--class-rgb),.08)}
.character-emblem:before{position:absolute;inset:5px;border:1px solid rgba(var(--class-rgb),.15);border-radius:11px;content:"";transform:rotate(45deg) scale(.75)}
.character-emblem span{position:relative;color:var(--class-color);font-size:24px;line-height:1;text-shadow:0 0 16px rgba(var(--class-rgb),.45)}
.character-identity-copy{display:grid;gap:2px;min-width:0}
.character-faction{color:var(--class-color);font:700 9px "Courier New",monospace;letter-spacing:.14em}
.character-faction i{padding:0 3px;color:#70677a;font-style:normal}
.character-identity-copy strong{overflow:hidden;color:#fbf7ff;font-size:19px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.character-identity-copy small{color:#8e8598;font:700 9px "Courier New",monospace;letter-spacing:.08em}
.character-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.class-badge{padding:7px 10px;border:1px solid rgba(var(--class-rgb),.25);border-radius:7px;background:rgba(var(--class-rgb),.075);color:var(--class-color);font:700 9px "Courier New",monospace;letter-spacing:.07em}
.character-status{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 9px;border:1px solid rgba(225,211,245,.11);border-radius:999px;background:rgba(7,6,10,.38);color:#aaa1b1;font:700 8px "Courier New",monospace;letter-spacing:.11em;white-space:nowrap}
.character-status i{width:7px;height:7px;border-radius:50%;background:#77717e}
.character-status.is-online{border-color:rgba(98,212,146,.25);background:rgba(46,133,84,.1);color:#a1e9bb}
.character-status.is-online i{background:#62d492;box-shadow:0 0 10px rgba(98,212,146,.58)}
.character-status.is-offline{color:#aaa3b1}
.character-core{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px}
.character-level{position:relative;display:flex;min-height:119px;flex-direction:column;justify-content:center;overflow:hidden;padding:13px;border:1px solid rgba(var(--class-rgb),.2);border-radius:11px;background:linear-gradient(145deg,rgba(var(--class-rgb),.13),rgba(var(--class-rgb),.035) 70%),rgba(7,6,10,.55)}
.character-level small{color:#b4a9bb;font:700 8px "Courier New",monospace;letter-spacing:.16em}
.character-level strong{position:relative;z-index:1;color:#fff7e8;font-size:39px;font-weight:750;line-height:1.08;letter-spacing:-.06em;text-shadow:0 2px 18px rgba(var(--class-rgb),.25)}
.character-level>span{margin-top:5px;color:var(--class-color);font:700 9px "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}
.character-level i{position:absolute;right:-19px;bottom:-34px;width:82px;height:82px;border:1px solid rgba(var(--class-rgb),.22);border-radius:50%;box-shadow:0 0 0 9px rgba(var(--class-rgb),.035),0 0 0 18px rgba(var(--class-rgb),.025)}
.character-vitals{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vital-stat{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:15px;padding:14px 15px;border:1px solid rgba(225,211,245,.075);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),rgba(7,6,10,.43)}
.vital-stat>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.vital-stat small{display:flex;align-items:center;gap:6px;color:#a49aaa;font:700 8px "Courier New",monospace;letter-spacing:.12em;white-space:nowrap}
.vital-stat small i{width:6px;height:6px;border-radius:50%;background:#ee6e78;box-shadow:0 0 9px rgba(238,110,120,.45)}
.vital-mp small i{background:#79a8ff;box-shadow:0 0 9px rgba(121,168,255,.45)}
.vital-stat strong{color:#f5eff8;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vital-stat strong span{color:#968da0;font-size:10px;font-weight:500}
.vital-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}
.vital-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b84655,#f47b73);box-shadow:0 0 12px rgba(238,94,109,.29);transition:width .35s ease}
.vital-mp .vital-track span{background:linear-gradient(90deg,#536ed5,#86b8ff);box-shadow:0 0 12px rgba(112,153,255,.3)}
.character-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;overflow:hidden;border:1px solid rgba(225,211,245,.075);border-radius:10px;background:rgba(225,211,245,.08)}
.character-fact{display:grid;align-content:center;gap:7px;min-width:0;min-height:70px;padding:12px 14px;background:rgba(10,8,14,.88)}
.character-fact small{display:flex;align-items:center;gap:6px;color:#8f8699;font:700 8px "Courier New",monospace;letter-spacing:.12em}
.character-fact small i{color:var(--class-color);font-size:12px;font-style:normal}
.character-fact strong{overflow-wrap:anywhere;color:#eee8f4;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.45}
.fact-gold strong{color:#f3d58f}
.fact-session strong{color:#c9b2ed}
.character-security{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:12px;padding:12px 14px;border:1px solid rgba(225,211,245,.065);border-radius:10px;background:rgba(6,5,9,.27)}
.security-heading{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#776d82;font:700 8px "Courier New",monospace;letter-spacing:.15em}
.security-heading i{color:#a995c0;font-size:12px;font-style:normal}
.security-value{display:grid;gap:4px;min-width:0}
.security-value small{color:#8b8294;font:700 8px "Courier New",monospace;letter-spacing:.11em}
.security-value strong{overflow-wrap:anywhere;color:#c9c1d0;font:500 10px "Courier New",monospace;line-height:1.5}
.empty-characters{position:relative;display:flex;align-items:center;gap:16px;padding:24px;border:1px dashed rgba(225,211,245,.18);border-radius:13px;background:linear-gradient(110deg,rgba(235,196,117,.04),transparent 55%),rgba(0,0,0,.13)}
.empty-characters>span{width:48px;height:48px;border-color:rgba(235,196,117,.28);background:rgba(235,196,117,.09);font-size:24px}
.empty-characters strong{color:#f1eaf7;font-size:14px}
.empty-characters p{max-width:58ch;color:#a69eaf;font-size:12px}
@media(max-width:900px){.character-section-heading{align-items:flex-start;flex-direction:column}.character-section-tools{justify-content:flex-start}}
@media(max-width:620px){.characters-panel{padding:17px}.character-section-heading{gap:14px;margin-bottom:17px}.character-section-tools{gap:7px}.character-settings-link{font-size:8px}.character-card{padding:15px}.character-card-heading{align-items:flex-start;flex-direction:column}.character-badges{justify-content:flex-start;padding-left:67px}.character-core{grid-template-columns:82px minmax(0,1fr);gap:8px}.character-level{min-height:105px;padding:10px}.character-level strong{font-size:34px}.character-vitals{grid-template-columns:1fr;gap:8px}.vital-stat{gap:10px;padding:11px}.character-fact{min-height:66px;padding:10px}.character-fact small{font-size:7px;letter-spacing:.07em}.character-fact strong{font-size:11px}}
@media(max-width:390px){.roster-count,.roster-online{min-height:31px;padding:0 8px;font-size:8px}.character-settings-link{min-height:31px;padding:0 8px}.character-core{grid-template-columns:1fr}.character-level{min-height:76px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:11px}.character-level small{grid-column:1}.character-level strong{grid-column:2;grid-row:1/3;font-size:37px}.character-level>span{grid-column:1}.character-level i{right:-10px;bottom:-48px}.character-facts{grid-template-columns:1fr 1fr}.character-fact:last-child{grid-column:1/-1}.character-security{grid-template-columns:1fr}.security-heading{grid-column:1}.character-badges{padding-left:0}}
@media(prefers-reduced-motion:reduce){.character-card,.character-settings-link,.vital-track span{transition:none}}

/* Reduced the previous 130% scale by 15%, with a dedicated online roster tab. */
.dashboard-shell{zoom:1.105;width:min(calc((100% - 48px)/1.105),1260px);max-width:1260px}
.member-nav a[href*="view=online"].is-current{border-color:rgba(94,210,143,.25);background:linear-gradient(100deg,rgba(61,181,111,.14),rgba(61,181,111,.035));color:#d7f7e2}
.member-nav a[href*="view=online"]>span{color:#72dda0}
.online-only-content{align-content:start}
.online-only-content .characters-panel{min-height:260px}
.online-only-content .character-list{grid-template-columns:minmax(0,1fr)}
.character-card[hidden]{display:none!important}
.empty-characters[hidden]{display:none!important}
.online-empty-note{margin-top:15px}
@media(max-width:560px){.dashboard-shell{width:min(calc((100% - 28px)/1.105),1260px)}}
.member-nav .sidebar-online-count{display:inline-grid;min-width:22px;height:22px;place-items:center;margin-left:auto;padding:0 6px;border:1px solid rgba(91,212,145,.2);border-radius:999px;background:rgba(57,169,105,.1);color:#9ce5b9;font:700 10px "Courier New",monospace}
.online-character-submenu{display:grid;gap:4px;grid-column:1/-1;max-height:min(45vh,420px);overflow:auto;margin:0 0 8px 16px;padding:7px 8px 7px 13px;border-left:1px solid rgba(99,207,145,.24);scrollbar-color:rgba(126,219,165,.3) transparent;scrollbar-width:thin}
.online-character-submenu-title{padding:1px 8px 5px;color:#746d7b;font:700 8px "Courier New",monospace;letter-spacing:.16em}
.member-nav .online-character-submenu a{display:flex;min-width:0;min-height:36px;gap:9px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:#b9b0c1;font-size:11px}
.member-nav .online-character-submenu a:hover,.member-nav .online-character-submenu a.is-current{border-color:rgba(109,207,151,.19);background:linear-gradient(100deg,rgba(54,151,94,.13),rgba(54,151,94,.025));color:#effaf2}
.member-nav .online-character-submenu a[hidden]{display:none!important}
.member-nav .online-character-submenu a .online-character-dot{width:7px;flex:none;height:7px;border-radius:50%;background:#62d492;box-shadow:0 0 8px rgba(98,212,146,.55)}
.online-character-name{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
.online-submenu-empty{padding:8px;color:#98909f;font-size:10px;line-height:1.5}
.online-empty-note{display:flex}
.member-layout{grid-template-columns:280px minmax(0,1fr)}
.member-sidebar{min-height:390px;padding:20px 17px}
.online-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.online-sidebar-heading>div{display:grid;gap:6px;min-width:0}
.online-sidebar-kicker{color:#82dda5;font:700 8px "Courier New",monospace;letter-spacing:.17em}
.online-sidebar-heading strong{color:#f4edf8;font-size:16px;line-height:1.3}
.online-sidebar-count{display:grid;width:35px;height:35px;flex:none;place-items:center;border:1px solid rgba(91,212,145,.25);border-radius:11px;background:linear-gradient(145deg,rgba(57,169,105,.16),rgba(57,169,105,.035));color:#a7e9bc;font:700 14px "Courier New",monospace;box-shadow:0 0 20px rgba(57,169,105,.08)}
.online-character-submenu{display:grid;align-content:start;gap:6px;max-height:min(62vh,720px);overflow:auto;margin:13px 0;padding:0 5px 0 0;border:0;scrollbar-color:rgba(126,219,165,.3) transparent;scrollbar-width:thin}
.online-character-submenu a{display:flex;align-items:center;min-width:0;min-height:42px;gap:10px;padding:7px 10px;border:1px solid rgba(225,211,245,.07);border-radius:9px;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent),rgba(5,4,8,.22);color:#c8c0d0;text-decoration:none;font-size:12px;transition:border-color .18s,background .18s,color .18s}
.online-character-submenu a:hover,.online-character-submenu a.is-current{border-color:rgba(101,211,149,.29);background:linear-gradient(100deg,rgba(54,151,94,.16),rgba(54,151,94,.045));color:#f1fff4}
.online-character-submenu a[hidden]{display:none!important}
.online-character-submenu .online-character-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#62d492;box-shadow:0 0 9px rgba(98,212,146,.58)}
.online-character-submenu .online-character-name{display:block;flex:1 1 auto;min-width:0;overflow:visible;color:inherit;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.online-submenu-empty{display:grid;justify-items:start;gap:8px;margin:7px 0;padding:15px 12px;border:1px dashed rgba(225,211,245,.13);border-radius:10px;background:rgba(0,0,0,.13);color:#a8a0af}
.online-submenu-empty>span{color:#74d99f;font-size:18px}
.online-submenu-empty strong{color:#ddd4e6;font-size:11px}
.online-submenu-empty small{color:#898191;font-size:10px;line-height:1.5}
.online-sidebar-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:12px 2px 0;border-top:1px solid rgba(255,255,255,.06);color:#8c8293;font:700 8px "Courier New",monospace;letter-spacing:.1em}
.online-sidebar-footer i{width:6px;height:6px;border-radius:50%;background:#62d492;box-shadow:0 0 8px rgba(98,212,146,.55)}
.online-sidebar-footer span{color:#68616e;font-weight:400;letter-spacing:0}
.panel-heading-actions{display:grid;justify-items:end;gap:10px;flex:none}
.account-top-nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.account-top-nav>a,.top-logout button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(225,211,245,.12);border-radius:9px;background:rgba(255,255,255,.025);color:#c7becf;text-decoration:none;font:600 11px "Segoe UI",Arial,sans-serif;white-space:nowrap;transition:border-color .18s,background .18s,color .18s}
.account-top-nav>a:hover,.top-logout button:hover{border-color:rgba(235,196,117,.3);background:rgba(235,196,117,.08);color:#f4d899}
.account-top-nav>a.is-current{border-color:rgba(167,139,250,.27);background:linear-gradient(100deg,rgba(167,139,250,.15),rgba(167,139,250,.045));color:#eee2ff}
.account-top-nav>a span,.top-logout button span{color:#d2b9ff;font-size:14px}
.top-logout{margin:0}
.top-logout button{cursor:pointer}
.top-logout button span{color:#d6b66e}
@media(max-width:1080px){.member-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:760px){.member-layout{grid-template-columns:1fr}.member-sidebar{min-height:0}.online-character-submenu{max-height:290px}.panel-heading-actions{justify-items:start;gap:9px}.account-top-nav{justify-content:flex-start}}
@media(max-width:560px){.panel-heading-actions{margin-top:15px}.account-top-nav{gap:6px}.account-top-nav>a,.top-logout button{min-height:36px;padding:0 9px;font-size:10px}.member-sidebar{padding:16px}.online-character-submenu a{min-height:40px;padding:7px 9px;font-size:11px}}

/* Character bag and equipped items */
.game-inventory{margin-top:16px;padding:17px;border:1px solid rgba(225,211,245,.11);border-radius:13px;background:linear-gradient(145deg,rgba(17,14,23,.96),rgba(9,8,12,.97));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.game-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.game-inventory-heading h3{margin:5px 0 0;color:#f1eaf7;font-size:17px}.game-inventory-heading>span{padding:7px 10px;border:1px solid rgba(235,196,117,.2);border-radius:7px;color:#e8c77e;font:700 9px "Courier New",monospace;letter-spacing:.1em}
.inventory-layout{display:grid;grid-template-columns:minmax(200px,.78fr) minmax(0,1.4fr);gap:13px}.equipment-board,.bag-board{min-width:0;padding:12px;border:1px solid rgba(225,211,245,.08);border-radius:10px;background:rgba(4,4,7,.4)}.inventory-subheading{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;color:#9b91a5;font:700 9px "Courier New",monospace;letter-spacing:.12em}.inventory-subheading span{color:#77707e;font-weight:400}.equipment-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.equipment-slot{display:grid;align-content:start;gap:5px;min-height:55px;min-width:0;padding:8px;border:1px solid rgba(225,211,245,.07);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent),rgba(11,9,14,.75)}.equipment-slot small,.bag-slot>small{color:#706879;font:700 8px "Courier New",monospace}.equipment-slot strong{color:#81798a;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.equipment-slot.has-item{border-color:rgba(235,196,117,.19);background:linear-gradient(135deg,rgba(235,196,117,.06),transparent),rgba(11,9,14,.75)}.equipment-slot.has-item strong{color:#ead8ad}.bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bag-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;min-width:0;padding:13px 6px 6px;border:1px solid rgba(225,211,245,.08);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 60%),#0b0910}.bag-slot>small{position:absolute;top:4px;left:6px;font-size:7px}.bag-slot strong{display:-webkit-box;overflow:hidden;color:#81798a;font-size:9px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.bag-slot.has-item{border-color:rgba(185,151,235,.2);box-shadow:inset 0 0 14px rgba(146,104,203,.045)}.bag-slot.has-item strong{color:#e5d9f2}.inventory-sync-note{margin-top:11px;color:#8e8697;font-size:10px;line-height:1.5}
@media(max-width:760px){.inventory-layout{grid-template-columns:1fr}.equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.game-inventory{padding:12px}.bag-board,.equipment-board{padding:9px}.bag-grid{gap:4px}.bag-slot{min-height:53px;padding-inline:4px}.bag-slot strong{font-size:8px}}

/* KO inventory inspired frame: character preview, gear slots, 7x4 bag */
.game-inventory{overflow:hidden;padding:7px;border:2px solid #6b693f;border-radius:12px;background:linear-gradient(145deg,#28352b 0%,#111913 18%,#10120f 80%,#344032 100%);box-shadow:0 0 0 1px #090b08,inset 0 0 0 2px rgba(190,172,86,.16),0 12px 35px rgba(0,0,0,.42)}
.game-inventory-heading{height:36px;margin:0 0 7px;padding:0 12px;border:1px solid #9d873a;border-radius:9px;background:linear-gradient(180deg,#30382b,#101710 42%,#27251a);box-shadow:inset 0 1px rgba(255,255,255,.18),0 2px 6px #050705;color:#ebd47c;font:bold 13px Georgia,serif;letter-spacing:.04em;text-shadow:0 1px 3px #000}.game-inventory-heading>span{color:inherit}.game-inventory-heading>i{display:grid;width:23px;height:23px;place-items:center;border:1px solid #bd8e3a;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e2aa48,#8b381d 72%);color:#24190c;font:bold 18px Arial;font-style:normal}
.inventory-top{display:grid;grid-template-columns:minmax(150px,.94fr) minmax(220px,1fr);gap:5px;min-height:276px;padding:5px;border:1px solid #566047;border-radius:5px;background:linear-gradient(90deg,rgba(8,13,9,.96),rgba(10,14,10,.84)),repeating-linear-gradient(90deg,rgba(173,145,55,.035) 0 2px,transparent 2px 12px)}
.character-preview{position:relative;display:flex;min-width:0;min-height:262px;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #46513a;border-radius:4px;background:radial-gradient(ellipse at 52% 40%,rgba(126,103,50,.32),transparent 48%),repeating-linear-gradient(90deg,rgba(145,111,51,.08) 0 2px,transparent 2px 18px),linear-gradient(180deg,#151910,#211d12 58%,#0d100c)}
.avatar-stage{position:absolute;inset:9px 0 32px;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,rgba(192,160,76,.18),transparent 45%)}.avatar-glow{position:absolute;left:50%;top:16%;width:53%;height:75%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(172,143,75,.2),transparent 72%)}.avatar-head,.avatar-body,.avatar-arm,.avatar-leg{position:absolute;left:50%;display:block;background:linear-gradient(90deg,#382f20,#93805a 48%,#352c1e);border:1px solid rgba(201,177,109,.48);box-shadow:0 3px 9px #080906}.avatar-head{top:13%;width:16px;height:21px;transform:translateX(-50%);border-radius:45% 45% 38% 38%;background:linear-gradient(90deg,#30382f,#987a56,#344034)}.avatar-body{top:25%;width:43px;height:73px;transform:translateX(-50%);clip-path:polygon(24% 0,76% 0,100% 28%,78% 40%,84% 100%,16% 100%,22% 40%,0 28%);background:linear-gradient(90deg,#252b25,#806e48 24%,#453b2a 50%,#89734b 73%,#252a23)}.avatar-arm{top:29%;width:13px;height:64px;border-radius:8px;transform-origin:top center}.avatar-arm-left{margin-left:-22px;transform:rotate(15deg)}.avatar-arm-right{margin-left:10px;transform:rotate(-15deg)}.avatar-leg{top:57%;width:16px;height:38%;border-radius:3px 3px 5px 5px;background:linear-gradient(90deg,#44351f,#92754a,#322719)}.avatar-leg-left{margin-left:-16px;transform:rotate(3deg)}.avatar-leg-right{margin-left:1px;transform:rotate(-3deg)}.avatar-name{position:relative;z-index:1;padding:5px 7px 2px;color:#e2d18a;font-size:10px;text-shadow:0 1px 2px #000}.avatar-weight{position:relative;z-index:1;display:flex;justify-content:space-between;padding:3px 7px;border-top:1px solid rgba(176,169,86,.38);background:rgba(0,0,0,.42);color:#c9c17b;font-size:9px}.avatar-weight strong{color:#f2edcf;font-weight:500}
.equipment-board{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px;border:1px solid #363a2b;border-radius:4px;background:linear-gradient(145deg,rgba(4,7,5,.85),rgba(13,16,11,.78))}.equipment-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.equipment-slot{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;aspect-ratio:1;border:1px solid #555941;border-radius:4px;background:linear-gradient(145deg,rgba(137,129,74,.11),transparent 58%),linear-gradient(145deg,#1b2018,#10140f 75%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 1px 2px #050605}.equipment-slot:empty:after{content:"";width:45%;height:45%;border:1px solid rgba(111,111,77,.08);border-radius:50%;background:rgba(111,111,77,.025)}.equipment-slot.has-item{border-color:#a18b4b;box-shadow:inset 0 0 12px rgba(217,185,93,.1),0 0 4px rgba(0,0,0,.7)}.equipment-slot img{width:88%;height:88%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px #000)}.equipment-slot small{display:none}.item-name-fallback{padding:4px;color:#eee0ac;font-size:8px;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.bag-board{margin-top:6px;padding:6px;border:1px solid #535b3e;border-radius:4px;background:linear-gradient(180deg,rgba(19,24,17,.97),rgba(8,10,8,.98));box-shadow:inset 0 0 0 1px rgba(0,0,0,.75)}.bag-board .inventory-subheading{height:17px;margin:0 2px 4px;color:#b4a658;font:700 9px Georgia,serif;letter-spacing:.1em}.bag-board .inventory-subheading span{color:#d7cea1}.bag-grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px}.bag-slot{aspect-ratio:1;min-height:0;padding:0;border:1px solid #373b30;border-radius:2px;background:linear-gradient(145deg,#151812,#0b0d0a 70%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.8)}.bag-slot:before{position:absolute;inset:2px;border:1px solid rgba(132,132,99,.08);content:"";pointer-events:none}.bag-slot.has-item{border-color:#525842;box-shadow:inset 0 0 12px rgba(0,0,0,.8)}.bag-slot img{width:88%;height:88%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 2px #000)}.bag-slot>small{display:none}.bag-slot strong{display:block;color:#eadcae;font-size:8px}.bag-slot .item-level,.bag-slot .item-count{position:absolute;z-index:2;color:#fff;font:bold 9px Arial,sans-serif;line-height:1;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}.bag-slot .item-level{top:2px;left:3px;color:#f1cdfb}.bag-slot .item-count{bottom:2px;left:3px;color:#fff}.inventory-sync-note{color:#d2c895}
@media(max-width:560px){.inventory-top{grid-template-columns:minmax(100px,.8fr) minmax(170px,1fr);min-height:228px}.character-preview{min-height:215px}.equipment-grid{gap:3px}.game-inventory{padding:5px}.bag-board{padding:4px}.bag-grid{gap:2px}}
@media(max-width:390px){.inventory-top{grid-template-columns:94px minmax(0,1fr);min-height:205px}.character-preview{min-height:192px}.equipment-grid{gap:2px}.bag-grid{gap:2px}.bag-slot .item-level,.bag-slot .item-count{font-size:8px}}

/* Compact inventory without the placeholder character figure */
.game-inventory{width:100%;max-width:640px;margin:12px auto 0;padding:5px}
.game-inventory-heading{height:30px;margin-bottom:5px;padding-inline:9px}
.game-inventory-heading>i{width:19px;height:19px;font-size:15px}
.inventory-top{display:flex;min-height:0;justify-content:center;padding:4px}
.equipment-board{width:min(100%,228px);padding:4px}
.equipment-grid{gap:3px}
.bag-board{margin-top:5px;padding:5px}
.bag-grid{gap:2px}
@media(max-width:560px){.game-inventory{max-width:100%;padding:4px}.inventory-top{min-height:0;padding:3px}.equipment-board{width:min(100%,210px)}.bag-board{padding:4px}}

/* Compact Knight Online inventory skin */
.game-inventory{position:relative;width:min(100%,460px);max-width:460px;margin:12px auto 0;padding:7px;border:3px solid #303c32;border-radius:10px;background:linear-gradient(135deg,#899071 0,#384737 4%,#19221b 8%,#111710 92%,#788064 97%,#27352a 100%);box-shadow:0 0 0 1px #080b08,inset 0 0 0 1px #9b8c46,inset 0 0 0 4px #1b281d,0 10px 22px rgba(0,0,0,.38)}
.game-inventory:before,.game-inventory:after{position:absolute;z-index:3;width:20px;height:20px;border:1px solid #b2a35b;border-radius:5px;background:linear-gradient(135deg,#596548,#1b241c 45%,#9b853c);box-shadow:inset 0 0 0 2px #202a20,0 1px 3px #050705;content:"";pointer-events:none}
.game-inventory:before{top:3px;left:3px;clip-path:polygon(0 0,100% 0,100% 20%,20% 20%,20% 100%,0 100%)}
.game-inventory:after{right:3px;bottom:3px;clip-path:polygon(0 80%,80% 80%,80% 0,100% 0,100% 100%,0 100%)}
.game-inventory-heading{position:relative;display:flex;height:34px;align-items:center;justify-content:center;margin:0 5px 7px;padding:0 42px;border:1px solid #9e8137;border-radius:8px;background:linear-gradient(180deg,#596149 0,#253025 18%,#111710 50%,#313222 78%,#716035 100%);box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.75),0 2px 3px #050705;color:#f0d775;font:bold 12px Georgia,serif;letter-spacing:.03em;text-align:center;text-shadow:0 1px 2px #000}
.game-inventory-heading>span{color:inherit;text-transform:none}
.game-inventory-heading>i{position:absolute;right:-6px;top:50%;width:24px;height:24px;transform:translateY(-50%);border:2px solid #40391e;outline:1px solid #c49b3e;background:radial-gradient(circle at 35% 25%,#ffe078 0,#dc8f22 48%,#9b3e12 77%,#271509 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.6),0 2px 3px #050605;color:#261506;font:bold 17px Arial,sans-serif}
.inventory-top{min-height:0;padding:5px;border:1px solid #66704b;border-radius:5px;background:linear-gradient(115deg,#101710 0,#1c2117 48%,#0a0d0a 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.66),inset 0 0 22px rgba(159,139,61,.08)}
.equipment-board{width:min(100%,196px);padding:5px;border:1px solid #77734a;border-radius:5px;background:linear-gradient(145deg,#25291d,#090c09 70%);box-shadow:inset 0 0 0 2px #121710,inset 0 0 14px rgba(0,0,0,.9)}
.equipment-grid{gap:4px}
.equipment-slot{border:2px solid #595f41;border-radius:5px;background:linear-gradient(135deg,#353a2b,#11160f 47%,#20251a);box-shadow:inset 0 0 0 1px #080a08,inset 0 1px 2px rgba(255,255,255,.12),0 1px 2px #030403}
.equipment-slot.has-item{border-color:#a08d4e;background:linear-gradient(135deg,#555038,#1b1c15 42%,#27271b);box-shadow:inset 0 0 0 1px #262313,inset 0 0 10px rgba(220,192,91,.13),0 0 3px #050605}
.equipment-slot img{width:84%;height:84%;filter:drop-shadow(0 2px 2px #000)}
.bag-board{margin-top:6px;padding:6px;border:2px solid #384536;border-radius:5px;background:linear-gradient(180deg,#19221a,#0a0d0a 24%,#111510);box-shadow:inset 0 0 0 1px #6c7046,inset 0 0 0 3px #101510,inset 0 0 16px rgba(0,0,0,.9)}
.bag-board .inventory-subheading{height:18px;align-items:center;margin:0 2px 5px;color:#e2cf81;font:bold 10px Georgia,serif;letter-spacing:.07em;text-shadow:0 1px 2px #000}
.bag-board .inventory-subheading span{color:#c6bc8a;font:10px Georgia,serif}
.bag-grid{gap:3px}
.bag-slot{border:2px solid #292d24;background:linear-gradient(145deg,#181b15,#080a08 70%);box-shadow:inset 0 0 0 1px #050605,inset 0 1px rgba(255,255,255,.035)}
.bag-slot:before{inset:2px;border-color:rgba(173,166,112,.12)}
.bag-slot.has-item{border-color:#4b5038;background:linear-gradient(145deg,#26291d,#0b0d0a 72%);box-shadow:inset 0 0 0 1px #0a0b08,inset 0 0 10px rgba(0,0,0,.8)}
.bag-slot img{width:86%;height:86%}
.bag-slot .item-level,.bag-slot .item-count{font-size:9px}
.inventory-sync-note{margin:8px 3px 1px;color:#c6bd8f;font-size:10px}
@media(max-width:560px){.game-inventory{width:100%;max-width:460px;padding:5px}.equipment-board{width:min(100%,184px)}.game-inventory-heading{height:32px;margin-inline:3px 8px}.bag-grid{gap:2px}}
@media(max-width:390px){.game-inventory{padding:4px}.equipment-board{width:min(100%,168px)}.game-inventory-heading{height:30px;font-size:11px}.bag-board{padding:4px}.bag-slot .item-level,.bag-slot .item-count{font-size:8px}}

/* Requested 30% reduction from the previous inventory dimensions */
.game-inventory{width:min(100%,322px);max-width:322px;margin-top:8px;padding:5px;border-width:2px}
.game-inventory:before,.game-inventory:after{width:14px;height:14px}
.game-inventory-heading{height:24px;margin:0 4px 5px;padding-inline:30px;font-size:9px}
.game-inventory-heading>i{right:-4px;width:17px;height:17px;font-size:12px}
.inventory-top{padding:3px}
.equipment-board{width:min(100%,137px);padding:3px}
.equipment-grid{gap:3px}
.equipment-slot{border-width:1px}
.bag-board{margin-top:4px;padding:4px;border-width:1px}
.bag-board .inventory-subheading{height:13px;margin-bottom:4px;font-size:7px}
.bag-board .inventory-subheading span{font-size:7px}
.bag-grid{gap:2px}
.bag-slot{border-width:1px}
.bag-slot .item-level,.bag-slot .item-count{font-size:7px}
.inventory-sync-note{margin-top:6px;font-size:7px}
@media(max-width:560px){.game-inventory{width:min(100%,322px);max-width:322px;padding:4px}.equipment-board{width:min(100%,129px)}}
@media(max-width:390px){.game-inventory{padding:3px}.equipment-board{width:min(100%,118px)}.game-inventory-heading{height:22px;font-size:8px}.bag-board{padding:3px}}

/* Single control for the complete inventory frame size */
:root{--inventory-frame-width:572px}
.game-inventory{width:min(100%,var(--inventory-frame-width));max-width:var(--inventory-frame-width)}
@media(max-width:560px){.game-inventory{width:min(100%,var(--inventory-frame-width));max-width:var(--inventory-frame-width)}}

/* Keep the equipment frame snug when no character model is displayed. */
.inventory-top{display:flex;width:fit-content;max-width:100%;min-height:0;margin:0 auto;padding:3px}
.equipment-slot .item-name-fallback{display:-webkit-box;width:100%;max-height:3.45em;overflow:hidden;padding:2px;color:#e8d9ac;font-size:clamp(5px,1.15vw,8px);line-height:1.15;text-align:center;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.bag-slot .item-name-fallback{display:-webkit-box;width:100%;max-height:3.45em;overflow:hidden;padding:0 2px;font-size:clamp(6px,.8vw,9px);line-height:1.15;text-align:center;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}