@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&display=swap";*{box-sizing:border-box}body{color:#f5f7f1;background:#080a11;margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--ink:#080a11;--panel:#111522;--line:#292e42;--muted:#8c94aa;--lime:#c8ff28;--purple:#9b5cff;--orange:#ff9c3e}.app{background:radial-gradient(circle at 74% 7%,#25204b55,transparent 28%),var(--ink);min-height:100vh}.topline{border-bottom:1px solid var(--line);background:#0d101a;align-items:center;gap:28px;height:72px;padding:0 4vw;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-family:Archivo Black;font-size:19px;text-decoration:none;display:flex}.brand b{background:var(--lime);color:#080a11;padding:10px 7px;font:12px DM Mono;transform:rotate(-7deg)}.brand i{color:var(--lime);font-style:normal}.topline p{letter-spacing:.12em;color:#c1c9b1;margin-right:auto;font:11px DM Mono}.topline p i{background:var(--lime);width:8px;height:8px;box-shadow:0 0 14px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}nav{align-items:center;gap:24px;height:100%;display:flex}nav a{color:#8f96aa;padding:26px 0;font-size:13px;text-decoration:none}nav .active{color:#fff;border-bottom:2px solid var(--lime)}nav em{color:var(--lime);font:9px DM Mono}.dots{border:1px solid var(--line);color:#fff;background:0 0;border-radius:50%;width:34px;height:34px}main{max-width:1420px;margin:auto;padding:42px 4vw 100px}.hero{grid-template-columns:1fr auto;gap:22px;display:grid;position:relative}.hero small,.radar small,.console header small{letter-spacing:.17em;color:var(--lime);font:10px DM Mono}h1{letter-spacing:-.075em;color:#fff;margin:12px 0;font:clamp(44px,6vw,78px)/.9 Archivo Black}h1 span{color:var(--purple)}.hero p{color:#a3aabd;max-width:520px;font-size:15px;line-height:1.6}.hero aside{align-items:flex-start;gap:10px;display:flex}.hero button,.dock button{border:1px solid var(--line);color:#fff;background:#171c2b;border-radius:4px;align-items:center;gap:8px;padding:12px 15px;font-size:13px;display:flex}.hero .primary{background:var(--lime);border-color:var(--lime);color:#0a0b10;font-weight:700}.tape{background:var(--lime);color:#0b0d12;clip-path:polygon(1% 0,100% 0,99% 100%,0 100%);letter-spacing:.12em;grid-column:1/-1;align-items:center;gap:4px;margin-top:16px;padding:12px 2%;font:11px DM Mono;display:flex}.tape b{margin-left:auto}.notice{color:#e7deff;background:#211e36;border:1px solid #5c4a9c;align-items:center;gap:10px;margin:20px 0;padding:12px 15px;font-size:13px;display:flex}.notice button{color:inherit;background:0 0;border:0;margin-left:auto}.rail{grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0;display:grid}.stage{border:1px solid var(--line);text-align:left;color:#d9ddea;background:#111522;min-height:132px;padding:14px;position:relative}.stage.active{outline:2px solid var(--lime);background:#1b2031}.stage small{color:#7f879b;font:10px DM Mono;display:block}.stage svg{position:absolute;top:14px;right:13px}.stage b{margin-top:18px;font:36px Archivo Black;display:block}.stage span{color:#9ca4b9;font-size:12px}.stage.violet b{color:var(--purple)}.stage.amber b{color:#ffca57}.stage.orange b{color:var(--orange)}.stage.lime b,.stage.green b{color:var(--lime)}.radar{background:linear-gradient(100deg,#1f1e15,#14171e);border:1px solid #59522b;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.radar>span{color:var(--lime);border:1px solid #767033;padding:9px}.radar h2,.console h2{margin:4px 0 0;font-size:18px}.radar button{color:#fff;text-align:left;background:#292614;border:1px solid #817636;margin-left:auto;padding:12px 15px}.radar button b{color:var(--lime);margin-right:9px}.radar button em{color:#bec6ab;margin-left:14px;font:11px DM Mono}.console{border:1px solid var(--line);background:#0d1019}.console header{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:22px;display:flex}.console header>div{margin-right:auto}.console header>label{color:#9ca4b9;background:#121725;border:1px solid #31384c;align-items:center;width:min(380px,38vw);padding:0 10px;display:flex}.console input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:11px 8px;font-size:13px}.console label button{color:#aab1c3;background:0 0;border:0}.console header>b{color:var(--lime);font:11px DM Mono}.tablewrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.1em;color:#747d91;border-bottom:1px solid var(--line);padding:13px 18px;font:10px DM Mono}td{color:#bfc5d5;border-bottom:1px solid #222638;padding:16px 18px;font-size:13px}tr.selected{background:#211c3a}.loot-cell strong,td strong{color:#fff;font-size:14px;display:block}.loot-cell small,td small{color:#788198;margin-top:5px;font-size:11px;display:block}.pencil{color:var(--lime);background:0 0;border:0;padding:0 0 0 5px}.rename{display:flex}.rename input{color:#fff;border:1px solid var(--purple);background:#0b0d13;padding:7px}.rename button{background:var(--lime);border:0}.unit{color:#fff;background:#22293a;padding:5px 8px;font:11px DM Mono}.verify{background:var(--lime);border:0;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.stashed{color:var(--lime);font:11px DM Mono}select{color:#e9edf6;background:#171c2b;border:1px solid #394058;padding:8px;font-size:12px}.empty{text-align:center;color:#b8c0d0;padding:55px;font-weight:700}.empty span{color:#778196;margin-top:6px;font-size:13px;font-weight:400;display:block}.dock{z-index:5;border:1px solid var(--purple);background:#17122a;align-items:center;gap:8px;padding:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.dock b{color:var(--lime);font:12px DM Mono}.dock span{color:#8c92a6;font:10px DM Mono}.dock button{padding:7px 9px;font-size:11px}footer{border-top:1px solid var(--line);color:#747d91;letter-spacing:.08em;justify-content:space-between;padding:20px 4vw;font:10px DM Mono;display:flex}footer span{color:#aab391}@media (width<=900px){.topline p,nav a:not(.active){display:none}.rail{grid-template-columns:repeat(3,1fr)}.hero{display:block}.hero aside{margin-top:20px}.console header{flex-wrap:wrap}.console header>label{order:3;width:100%}.radar{flex-wrap:wrap}.radar button{width:100%;margin-left:0}}@media (width<=560px){.topline{padding:0 16px}.rail{grid-template-columns:repeat(2,1fr)}main{padding:28px 16px 100px}.tape{font-size:9px}.tape b{display:none}.hero aside{flex-wrap:wrap}.dock{max-width:95vw;left:2.5%;overflow:auto;transform:none}footer span{display:none}}