body[data-route="profile"] .live-panel{display:flex!important}
body:is([data-route="inventory"],[data-route="settings"]) .top-panel{border-color:transparent;background:transparent;box-shadow:none}
.profile-hub{display:grid;gap:16px;padding:6px 0 20px}
.profile-hub .profile-hub-card{justify-content:flex-start}.profile-hub-copy{text-align:left}
.profile-hub-card{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:center;width:100%;min-height:174px;height:auto;aspect-ratio:auto;overflow:hidden;padding:27px 25px;border:1px solid #c3844c48;border-radius:26px;background:radial-gradient(ellipse at 78% 40%,#9950252c,transparent 65%),linear-gradient(120deg,#3b2419,#2c1b14);box-shadow:inset 0 1px #ffe0ad14,0 12px 25px #00000012;color:#fff1e1;text-align:left;white-space:normal;cursor:pointer}
.profile-hub-copy{position:relative;z-index:2;display:grid;gap:10px;width:59%;min-width:0;white-space:normal}.profile-hub-copy strong{font-size:clamp(23px,5.8vw,30px);font-weight:750;line-height:1.15;letter-spacing:-.02em}.profile-hub-copy small{max-width:205px;font-size:13px;line-height:1.5;color:#cba589;white-space:normal}
.profile-hub-art{position:absolute;right:25px;top:10%;height:80%;width:39%;display:grid;place-items:center;pointer-events:none}.profile-hub-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 11px #ff8f2128)}.profile-art-halo{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff9d2230,#ff6b1512 40%,transparent 70%)}
.is-inventory .profile-hub-art{width:42%;right:22px}.is-settings .profile-hub-art{width:35%;right:35px}.is-settings .profile-hub-art img{animation:profile-gear-float 5s ease-in-out infinite}.profile-hub-chevron{position:absolute;right:16px;top:calc(50% - 10px);color:#c6956c}.profile-hub-chevron svg,.profile-setting-chevron svg{width:15px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-hub-card:focus-visible,.profile-back:focus-visible,.profile-setting-row.is-language:focus-visible{outline:2px solid #ffc775;outline-offset:4px}.profile-hub-card:active{transform:scale(.99)}
.profile-back{display:inline-flex;flex-direction:row;align-items:center;gap:7px;width:auto;height:auto;min-height:36px;padding:7px 10px;margin:0 0 17px;border:1px solid #c58b5940;border-radius:13px;background:#4b2b1b70;color:#dcb692;font:inherit;font-size:13px;cursor:pointer}.profile-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-inventory-heading .profile-back{margin-bottom:9px}
.profile-settings-heading{position:relative;padding:4px 0 23px}.profile-settings-heading h1{margin:0 0 8px;color:#fff1e1;font-size:29px;letter-spacing:-.025em}.profile-settings-heading p{max-width:75%;margin:0;color:#b9977d;font-size:13px;line-height:1.5}.profile-settings-symbol{position:absolute;right:6px;top:0;width:64px;height:64px;filter:drop-shadow(0 0 15px #f49c2525)}.profile-settings-symbol img{width:100%;height:100%;object-fit:contain}
.profile-settings-group{overflow:hidden;border:1px solid #b9783c4d;border-radius:24px;background:linear-gradient(125deg,#3a2218,#271811);box-shadow:inset 0 1px #f9ce9d12}.profile-setting-row{display:flex;flex-direction:row;align-items:center;gap:13px;width:100%;height:auto;min-height:98px;aspect-ratio:auto;padding:20px 18px;margin:0;border:0;border-bottom:1px solid #b9783c26;border-radius:0;background:transparent;color:#ffedda;font:inherit;text-align:left;white-space:normal;cursor:pointer}.profile-setting-row:last-child{border-bottom:0}.profile-setting-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;border:1px solid #ecb3661c;border-radius:14px;background:#8a512222;color:#e4b27d}.profile-setting-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile-setting-icon img{display:block;width:40px;height:40px;object-fit:contain}.profile-setting-icon.is-flag{border:0;background:transparent}.profile-setting-copy{display:grid;gap:6px;flex:1;min-width:0;white-space:normal}.profile-setting-copy strong{font-size:16px;font-weight:650;line-height:1.25;white-space:normal}.profile-setting-copy small{font-size:12px;line-height:1.4;color:#b99b80;white-space:normal}.profile-setting-chevron{color:#d5a779}
.profile-switch{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 46px;width:46px;height:27px;margin:0;border:1px solid #92633f88;border-radius:100px;background:#4b3729;cursor:pointer;transition:background .2s}.profile-switch::before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#d5baa2;box-shadow:0 1px 4px #0005;transition:transform .2s,background .2s}.profile-switch:checked{border-color:#ffb454aa;background:linear-gradient(110deg,#ffad36,#f25a20);box-shadow:0 0 14px #ff95221c}.profile-switch:checked::before{transform:translateX(19px);background:#fff5dc}.profile-switch:focus-visible{outline:2px solid #ffc775;outline-offset:4px}
.profile-settings-note,.profile-system-motion{margin:18px 10px 0;color:#9f8069;text-align:center;font-size:12px;line-height:1.5}.profile-system-motion{color:#d7ae7d}.profile-system-motion[hidden]{display:none}
html[data-animations="off"] *,html[data-animations="off"] *::before,html[data-animations="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes profile-gear-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@media(min-width:600px){.profile-hub-card{min-height:205px;padding:34px}.profile-hub-copy small{max-width:300px;font-size:15px}.profile-hub-art{right:40px;width:32%}.is-inventory .profile-hub-art{width:34%}.is-settings .profile-hub-art{width:29%;right:48px}.profile-setting-row{padding:23px}.profile-settings{max-width:600px;margin:auto}}
@media(max-width:359px){.profile-hub-card{padding:22px 18px;min-height:155px}.profile-hub-copy strong{font-size:22px}.profile-hub-copy small{font-size:12px}.profile-setting-row{padding:18px 13px;gap:10px}.profile-setting-icon{flex-basis:35px;width:35px}.profile-setting-copy strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.is-settings .profile-hub-art img{animation:none}.profile-switch,.profile-switch::before{transition:none}}