:root{--bg:#0f0c26;--panel:#1c1642;--panel-dark:#150f36;--border:#3a2f7a;--accent:#5a4bb0;--raised:#2a2060;--text:#f2e9ff;--muted:#b9acd9;--amber:#ffc861;--pink:#ff8fa3;--teal:#7fe3d6;--pixel:"Pixelify Sans", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--teal)}a:hover{color:#bff6ee}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.band{background:var(--panel-dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.brand{font-family:var(--pixel);color:var(--text);font-size:22px;font-weight:600;text-decoration:none}.site-header nav{flex-wrap:wrap;align-items:center;gap:24px;font-size:15px;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a.cta,.btn-primary{color:var(--panel);background:var(--amber);border-radius:6px;padding:10px 18px;font-weight:500;text-decoration:none}.hero{text-align:center;padding:56px 24px 32px}h1,h2,h3{font-family:var(--pixel)}.hero h1{max-width:760px;margin:0 auto;font-size:56px;font-weight:600;line-height:1.1}.hero h1 span{color:var(--amber)}.lede{max-width:560px;color:var(--muted);margin:20px auto 0;font-size:18px}.hero-scene{border:1px solid var(--border);background:var(--panel-dark);border-radius:12px;max-width:880px;height:360px;margin:48px auto 0;position:relative;overflow:hidden}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:13px 24px;font-size:16px;text-decoration:none;display:inline-block}.actions .btn-primary{border-radius:8px;padding:14px 24px;font-size:16px}.block{padding:64px 24px}.block h2{text-align:center;margin:0 0 32px;font-size:36px;font-weight:500}.sub{text-align:center;color:var(--muted);margin:-24px 0 32px}.cards{flex-wrap:wrap;gap:24px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex:280px;padding:24px}.card .step{font-family:var(--pixel);color:var(--amber);font-size:14px}.card h3{margin:4px 0 8px;font-size:24px;font-weight:500}.card p,.feature p,.muted{color:var(--muted);margin:0}.feature{flex:280px}.feature h3{margin:0 0 8px;font-size:22px;font-weight:500}.split{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.split>div{flex:320px;min-width:0}.split h2{text-align:left!important;margin-bottom:16px!important}.split p+p{margin-top:12px}.table-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 20px 16px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}caption{text-align:left;color:var(--muted);padding:12px 0 8px;font-size:13px}th{text-align:left;color:var(--muted);padding:8px 0;font-size:13px;font-weight:500}td{border-top:1px solid var(--border);padding:10px 0}td.rank{color:var(--amber);width:48px}td.num,th.num{text-align:right}td a{color:var(--text);text-decoration:none}td a:hover{color:var(--teal);text-decoration:underline}.lists ul{color:var(--muted);margin:0;padding-left:20px}.lists h3{margin:0 0 12px;font-size:22px;font-weight:500}.center{text-align:center}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:560px;margin:16px auto 0;padding:16px 20px;font-size:15px;overflow-x:auto}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:48px 24px;display:flex}.site-footer .brand{font-size:18px}.site-footer span{color:var(--muted);font-size:14px}.account{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;display:flex}.account h2{text-align:left;margin:0}.account form{flex-direction:column;gap:12px;display:flex}.account .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats{gap:32px;display:flex}.stat{flex-direction:column;display:flex}.stat-n{font-family:var(--pixel);color:var(--amber);font-size:28px}.check{flex-direction:row;align-items:center;gap:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}button.chip,button.btn{font:inherit;cursor:pointer}button.chip{color:var(--teal);background:var(--raised);border:1px solid var(--accent);border-radius:999px;padding:4px 12px}.danger{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button.danger-btn{border-color:var(--pink);color:var(--pink)}.account-town{border-radius:12px;margin-bottom:24px;overflow:hidden}.github{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 0;display:flex}.github h3{margin:0;font-size:20px;font-weight:500}.repos{flex-direction:column;gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.tag{border:1px solid var(--accent);color:var(--muted);border-radius:999px;margin-left:8px;padding:0 8px;font-size:12px}a.link-btn{text-align:center;border-radius:6px;padding:10px 20px;display:inline-block}select{background:var(--bg);height:44px;color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:0 12px;font-size:15px}.wardrobe{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 0;display:flex}.wardrobe h3,.wardrobe h4{margin:0;font-weight:500}.wardrobe h3{font-size:20px}.wardrobe h4{color:var(--amber);font-size:16px}.wardrobe-section{flex-direction:column;gap:6px;display:flex}.small{font-size:13px}.cosmetics{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.cosmetic{background:var(--panel-dark);border:1px solid var(--border);border-radius:8px;flex-direction:row;align-items:flex-start;gap:10px;padding:10px}.cosmetic.locked{opacity:.55}.cosmetic-text{flex-direction:column;display:flex}.cosmetic-name{font-weight:500}.rar-rare{border-color:var(--teal)}.rar-epic{border-color:var(--pink)}.rar-legendary,.rar-mythic{border-color:var(--amber)}.new-tag{background:var(--amber);color:var(--panel);border-radius:999px;align-self:flex-start;padding:0 8px;font-size:11px;font-weight:600}.visit-scene{border:0 solid #0000}.visit-scene.frame-wood{border:6px solid #8b5a2b}.visit-scene.frame-brick{border:6px solid #a0523d}.visit-scene.frame-bronze{border:6px solid #cd7f32}.visit-scene.frame-silver{border:6px solid #c0c0c8}.visit-scene.frame-gold{border:6px solid #ffc861;box-shadow:0 0 18px #ffc86173}.visit-scene.frame-neon{border:4px solid #ff4fd8;box-shadow:0 0 18px #ff4fd8,inset 0 0 12px #ff4fd880}.visit-scene.frame-obsidian{border:6px solid #15101f;box-shadow:inset 0 0 0 2px #5a4bb0,0 0 14px #5a4bb099}.visit-scene.frame-chrome{border:6px solid #cfd8e8;box-shadow:inset 0 0 0 2px #7a8aa8}.title-chip.chip-mint{border-color:var(--teal);color:var(--teal)}.title-chip.chip-rose{border-color:var(--pink);color:var(--pink)}.title-chip.chip-gold{color:#ffd24a;border-color:#ffd24a;box-shadow:0 0 10px #ffd24a66}.title-chip.chip-brass{color:#b5a642;border-color:#b5a642}.title-chip.chip-rainbow{background:linear-gradient(90deg,#ff8fa3,#ffc861,#7fe3d6,#9b8cff);color:#0000;outline:1px solid var(--accent);-webkit-background-clip:text;background-clip:text;border-color:#0000}.narrow{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:48px 24px;display:flex}.narrow h1{margin:0;font-size:32px}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input[type=password],input[type=text]{background:var(--bg);height:44px;color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:0 12px;font-size:15px}button.btn-primary{cursor:pointer;border:0;height:44px;font-size:15px}button:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.status{min-height:20px;color:var(--muted);font-size:14px}.status.good{color:var(--teal)}.status.bad{color:var(--pink)}.visit-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:24px 24px 16px;display:flex}.visit-head h1{margin:0;font-size:36px}.visit-scene{border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:min(70vh,560px);position:relative}.title-chip{border:1px solid var(--amber);color:var(--amber);vertical-align:middle;border-radius:999px;margin-left:12px;padding:2px 10px;font-size:14px;display:inline-block}@media (max-width:640px){.hero h1{font-size:40px}.hero-scene{height:280px}}.compare-pick{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px auto;display:flex}.compare-pick label{flex:200px}.compare-cols{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.compare-cols h2{margin:0 0 8px;font-size:24px}.compare-scene{height:320px}.compare-table{margin:24px 0}.compare-table th[scope=row]{text-align:left;color:var(--muted);font-weight:400}td.better{color:var(--teal);font-weight:600}
