*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4ec;color:#203a34;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9951c5;outline-offset:4px}[hidden]{display:none!important}.test-ribbon{padding:10px 24px;background:#382947;color:#fff;font-size:14px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1600px;margin:auto}.sidebar{padding:34px 22px;border-right:1px solid #deded2;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.03em}.brand img{width:39px;height:45px;object-fit:contain}.brand small{display:block;color:#51695d;font-size:14px;letter-spacing:.16em;margin-top:3px}.eyebrow{font-size:14px;font-weight:750;letter-spacing:.13em}.nav-label{margin:50px 12px 16px;color:#657367}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{padding:13px 12px;text-decoration:none;font-size:14px;border-radius:6px;min-height:46px}.sidebar nav a:hover{background:#e9eddf}.sidebar nav .active{background:#dfe7d7;color:#234b3e;font-weight:700}.sidebar-note{border-top:1px solid #d9dfd1;margin-top:auto;padding:40px 10px 20px}.sidebar-note p{font:26px/1.2 Georgia,serif;margin:12px 0}.sidebar-note small{font-size:14px;color:#536658}main{padding:30px 44px 0;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.page-header>div{display:flex;align-items:center;gap:12px}#playerName{max-width:170px;overflow-wrap:anywhere;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;min-height:46px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:14px;font-weight:650;line-height:1.4}.button span{margin-left:auto}.primary{background:#204c3d;color:#fff}.primary:hover{background:#123f30}.subtle{background:transparent;border-color:#bbc8b7;color:#274437}.subtle:hover{background:#e6eddf}.cream{background:#edf2d8;color:#203d30}.danger{border-color:#d4b0a2;background:transparent;color:#783c30}#message{min-height:34px;font-size:14px;padding:8px 0;color:#315442}#message[data-error=true]{color:#9b302d}.welcome{display:grid;grid-template-columns:1.05fr 1fr;margin-top:10px;border-radius:8px;overflow:hidden;border:1px solid #d9dfce;background:#eeefdf}.welcome>div:first-child{padding:32px}.welcome h1{font:54px/.99 Georgia,serif;letter-spacing:-.03em;margin:16px 0}.welcome p{max-width:360px;color:#516455;font-size:15px;margin-bottom:24px}.welcome-art{background:linear-gradient(0deg,rgba(7,27,22,.95),transparent 60%),url('assets/title-art.jpg') center/cover;min-height:310px;display:flex;align-items:flex-end;color:#fff;padding:24px}.welcome-art span{font-size:14px;letter-spacing:.12em;line-height:1.7}.welcome-art b{font-size:15px;font-weight:500;letter-spacing:0}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.balance-panel,.outfit-panel{border-radius:8px;padding:24px}.balance-panel{background:#173f36;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.balance{display:flex;gap:16px;align-items:center;margin-top:8px}.balance strong{font-size:48px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}.balance span{font-size:14px;letter-spacing:.1em;font-weight:650}.balance-panel p{font-size:14px;color:#d1dfce;margin:10px 0 18px}.balance-panel small{display:block;font-size:14px;color:#d1dfce;margin-top:12px}.outfit-panel{border:1px solid #d4dbcc;background:#fbfaf5}.outfit-panel h2{font:29px/1.2 Georgia,serif;margin:15px 0 8px}.outfit-panel p{font-size:14px;margin:0 0 20px;color:#556657}.outfit-actions{display:flex;gap:8px;flex-wrap:wrap}.outfit-panel small{display:block;color:#566657;font-size:14px;margin-top:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:40px 0 20px}.section-heading h2{font:34px/1.15 Georgia,serif;margin:8px 0 0}.section-heading>span{font-size:14px;color:#566c5c}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.item{background:#fbfaf5;border:1px solid #d7ddce;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.item-art{height:168px;display:flex;align-items:center;justify-content:center;position:relative;background:#e6dfeb}.item.sunfire .item-art{background:#f1e9ce}.item.verdant .item-art{background:#dde9cf}.item-art small{position:absolute;top:12px;left:14px;font-size:14px;letter-spacing:.12em;color:#534661;font-weight:700}.item-art canvas{width:112px;height:112px;image-rendering:pixelated}.item-body{padding:18px;display:flex;flex-direction:column;flex:1}.item h3{font-size:18px;margin:0 0 8px}.item p{font-size:14px;color:#546554;min-height:42px;margin:0 0 16px}.price{display:flex;gap:8px;align-items:baseline;margin-bottom:14px}.price strong{font-size:26px;font-weight:550}.price span{font-size:14px;color:#566657}.item .button{width:100%;margin-top:auto}.owned-label{font-size:14px;color:#2b5a3e;font-weight:700;margin:0 0 10px}.history-note{font-size:14px;max-width:760px;color:#526456}.history-list{border-top:1px solid #d3dacb}.history-row{padding:20px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #d3dacb}.history-row strong,.history-row small{display:block}.history-row small{font-size:14px;color:#5a6c5c;margin-top:4px;overflow-wrap:anywhere}.history-row .status{font-size:14px;font-weight:700;text-transform:capitalize}.history-actions{display:flex;align-items:center;gap:16px}footer{padding:36px 0;color:#5a6d5d;font-size:14px;border-top:1px solid #d5dcce;margin-top:40px}dialog{border:1px solid #cbd4c0;border-radius:10px;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;background:#f9f8f1;color:#233f33;padding:32px}dialog::backdrop{background:rgba(13,32,25,.65)}dialog h2{font:36px/1.1 Georgia,serif;margin:20px 0 16px}dialog p{font-size:14px;color:#526453}dialog .close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:none;font-size:28px}label{display:block;font-size:14px;margin:16px 0}input{width:100%;padding:12px;border:1px solid #a6b79e;background:#fff;border-radius:4px;margin-top:6px}form .button{width:100%}.link-button{background:none;border:0;text-decoration:underline;color:#25573e;min-height:44px;font-size:14px;padding:8px 0}.recover{display:block;font-size:14px;margin-top:8px;min-height:36px}#authError{color:#942f2b}#recoveryCode{display:block;word-break:break-all;background:#e6ecdd;padding:16px;font-size:14px;margin:20px 0}section[id]{scroll-margin-top:20px}@media(min-width:1500px){main{padding-left:60px;padding-right:60px}}@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:30px 12px}main{padding:24px}.welcome h1{font-size:44px}.welcome>div:first-child{padding:24px}.page-header .eyebrow{max-width:130px}.shop-grid{gap:12px}.item-body{padding:14px}.item h3{font-size:16px}.account-grid{gap:16px}}@media(max-width:850px){.shell{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #d5ddce;padding:16px 24px}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:12px}.sidebar nav a{padding:10px;font-size:14px}.sidebar-note,.nav-label{display:none}.page-header .eyebrow{max-width:none}.welcome h1{font-size:48px}}@media(max-width:580px){.test-ribbon{font-size:14px;gap:2px;padding:10px 16px;flex-direction:column;text-align:center}.sidebar{padding:16px}.sidebar nav{gap:0}.sidebar nav a{font-size:14px;padding:10px 8px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.page-header>div{width:100%;justify-content:space-between}main{padding:20px 16px 0}.welcome{grid-template-columns:1fr}.welcome>div:first-child{padding:24px}.welcome h1{font-size:48px}.welcome-art{min-height:210px;background-position:center 43%}.account-grid{grid-template-columns:1fr}.balance-panel,.outfit-panel{padding:24px}.shop-grid{grid-template-columns:1fr}.item{display:grid;grid-template-columns:110px minmax(0,1fr)}.item-art{height:auto;min-height:220px}.item-art small{font-size:14px;left:9px}.item-art canvas{width:100px;height:100px}.item-body{padding:18px}.item h3{font-size:18px}.item p{min-height:0}.section-heading{align-items:flex-start}.section-heading>span{max-width:95px}.section-heading h2{font-size:29px}.history-row{align-items:flex-start;flex-direction:column}.history-actions{width:100%;justify-content:space-between}.history-actions .button{min-width:150px}dialog{padding:28px 24px}footer{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}