:root{color-scheme:dark;--bg:#0e111d;--panel:#171c2c;--line:#333c55;--text:#f4f0ed;--muted:#a9b4c8;--gold:#f1bf81;--violet:#bd9eff;--blue:#83d4de}
*{box-sizing:border-box} html{height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(ellipse at 13% 0%,#25233b 0,transparent 39%),radial-gradient(ellipse at 90% 5%,#18313d 0,transparent 31%),#0e111d}
button,input{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px} a{color:var(--gold)}
.page{width:min(1500px,calc(100% - 56px));margin:0 auto;padding:24px 0 44px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.22em;font-weight:800;color:#d7c6ff}.brandmark{width:36px;height:36px;border:1px solid #ad94df;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,#3a275f,#193f55);font-weight:900;font-size:18px;color:#ffe7c0}
.header-link{color:#c5cedf;text-decoration:none;font-size:12px;letter-spacing:.04em;border:1px solid #3d4763;padding:10px 14px;border-radius:99px;display:inline-flex;align-items:center;gap:8px}
.header-link:hover{border-color:#bda0f9;color:white}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.26em;font-weight:800;text-transform:uppercase;margin-bottom:14px}.hero{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:23px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4.1vw,61px);font-weight:600;letter-spacing:-.035em;margin:0;line-height:1.08}h1 span{color:var(--gold)}.subtitle{margin:12px 0 0;color:#b6bfd1;line-height:1.65;font-size:14px;max-width:620px}
.hero-side{white-space:nowrap;border:1px solid #46415b;border-radius:99px;padding:9px 14px;color:#e9d9ff;font-size:11px;letter-spacing:.08em;background:#312b415c;align-self:flex-end}.hero-side b{color:#b0dfeb}
.main{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:18px}.view{min-width:0;position:relative;background:#141b2d url(../assets/image_png_001_4afb1bf27ed9.png) center/cover no-repeat;border-radius:21px;border:1px solid #46506a;box-shadow:0 28px 60px #0005;overflow:hidden;min-height:590px}
#canvas{width:100%;height:590px;display:block;touch-action:none;cursor:grab}#canvas.dragging{cursor:grabbing}#canvas.flying{cursor:crosshair}
.canvas-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:9px;pointer-events:none}
.chip{background:#101828d9;border:1px solid #52607899;border-radius:99px;padding:8px 12px;font-weight:750;font-size:11px;color:#c7edee;backdrop-filter:blur(12px)}.dot{width:7px;height:7px;border-radius:50%;background:#79d8b6;display:inline-block;margin-right:7px;box-shadow:0 0 8px #79d8b6}
.canvas-bottom{position:absolute;left:15px;bottom:16px;display:flex;gap:8px;align-items:center;pointer-events:none;flex-wrap:wrap}.canvas-bottom span{background:#0d1626cf;border:1px solid #37475b;border-radius:8px;padding:7px 10px;color:#d0d8e9;font-size:11px}
.ctrls{display:flex;flex-direction:column;gap:14px}.card{border:1px solid #313a52;background:linear-gradient(158deg,#1c2133,#141b2a);border-radius:17px;padding:19px;box-shadow:0 11px 28px #0003}.card-label{color:#f0c58f;font-weight:800;font-size:10px;letter-spacing:.21em;text-transform:uppercase;margin-bottom:13px}
.card h2{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:500;margin:0 0 14px}
.btn-row{display:flex;gap:8px;margin-bottom:9px}.btn{border:1px solid #47546c;border-radius:11px;color:#d5dce9;background:#20283d;padding:11px 12px;transition:background .16s,border-color .16s;min-width:0;font-size:12px;font-weight:700}.btn:hover{background:#34405b;border-color:#ae95cf}.btn.active{background:#6a537d;color:#fff0f9;border-color:#bca1da}.btn.main{background:linear-gradient(110deg,#c69f70,#f1cf9c);border:0;color:#222033;font-weight:800;display:block;width:100%;margin-bottom:10px}.btn.main:hover{filter:brightness(1.1)}.grow{flex:1}.btn.small{padding:10px 11px;font-size:11px}
.slider-header{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:12px;color:#d1d8e8}.slider-header output{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums} input[type=range]{width:100%;accent-color:#d4b1fa;cursor:pointer} .range-ends{display:flex;justify-content:space-between;color:#7f8ba4;font-size:10px;margin-top:7px}
.control-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30394e;padding:14px 0 0;margin-top:14px;font-size:12px;color:#d4dce9;gap:10px}.control-line:first-of-type{border-top:0;margin-top:0}.toggle{appearance:none;width:39px;height:23px;background:#465066;border-radius:99px;position:relative;flex-shrink:0;cursor:pointer;transition:background .2s}.toggle:checked{background:#9479b7}.toggle:before{content:"";width:17px;height:17px;top:3px;left:3px;position:absolute;border-radius:50%;background:#fff;transition:transform .2s}.toggle:checked:before{transform:translateX(16px)}
.note{font-size:11px;line-height:1.6;color:#9eabc1;margin:10px 0 0}.section-title{font-size:10px;font-weight:900;letter-spacing:.15em;color:#edc997;text-transform:uppercase;margin-bottom:8px}.inspect-main{font-size:14px;font-weight:800;overflow-wrap:anywhere;color:#eff2fa}.inspect-sub{font-size:11px;color:#a1adc3;margin-top:5px;overflow-wrap:anywhere;line-height:1.6} .tag{font-size:10px;display:inline-block;border:1px solid #534967;border-radius:6px;padding:3px 6px;margin-top:8px;color:#d5bee7}.outline{margin-top:8px;color:#ddd;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.stats{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid #2f3a53;background:linear-gradient(135deg,#171e2f,#161a29);padding:17px 18px;border-radius:15px}.stat-label{font-weight:800;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#9caac1;margin-bottom:7px}.stat-value{font-family:Georgia,'Times New Roman',serif;font-size:24px;color:#f5e7de}.stat-value small{font-family:inherit;font-size:13px;color:#bdc9d8}
.footer{margin-top:16px;color:#8a98b0;font-size:11px;line-height:1.7;display:flex;gap:15px;justify-content:space-between}.footer strong{color:#bbb4d2;font-weight:600}
.loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:12px;background:#111829ec;z-index:6;transition:opacity .45s;pointer-events:all}.loading.hidden{opacity:0;pointer-events:none}.loading-icon{margin:auto;width:49px;height:49px;border-radius:14px;border:1px solid #bc9eed;background:linear-gradient(145deg,#66478a,#27536c);display:grid;place-items:center;font-size:25px;transform:rotate(-8deg)}.loading strong{font-size:17px;font-family:Georgia,serif;font-weight:500;color:#f7e2ca}.loading small{color:#b3bad2;font-size:12px}.progress{width:220px;height:5px;border-radius:8px;background:#394054;margin:3px auto;overflow:hidden}.progress span{height:100%;width:0%;display:block;background:linear-gradient(90deg,#b19bea,#e9c08c);transition:width .2s}
.keyboard{font-size:11px;color:#a5b3c6;line-height:2}.keyboard kbd{font:inherit;background:#2a334c;border:1px solid #4b5771;border-bottom-width:2px;border-radius:5px;padding:2px 5px;margin:0 1px;color:#ecdfcd}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:30;background:#e7d1ae;color:#22253c;border-radius:99px;padding:10px 17px;font-size:12px;font-weight:750;transition:all .25s;box-shadow:0 10px 30px #0008}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
#tour:fullscreen{background:#0e111d;padding:12px;overflow-y:auto}#tour:fullscreen .view,#tour:fullscreen #canvas{height:calc(100vh - 28px);min-height:620px}#tour:fullscreen .ctrls{overflow:auto;max-height:calc(100vh - 28px)}
@media(max-width:1020px){.main{grid-template-columns:1fr}.ctrls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.view,#canvas{min-height:560px;height:560px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.page{width:calc(100% - 26px);padding-top:14px}.hero{display:block}.hero-side{display:inline-flex;margin-top:15px}header{margin-bottom:21px}h1{font-size:35px}.view,#canvas{min-height:450px;height:450px}.canvas-top{top:10px;left:10px;right:10px}.canvas-bottom{left:9px;bottom:9px}.canvas-bottom span{font-size:9px;padding:5px 7px}.ctrls{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat-value{font-size:20px}.footer{display:block}.header-link{padding:8px 10px}.card{padding:17px}}

/* Version 1 world archive additions */
.nv-jump{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 22px}
.nv-jump a{font-size:12px;color:#dcd9ed;border:1px solid #42475c;padding:9px 12px;border-radius:999px;text-decoration:none;background:#202538}.nv-jump a:hover{border-color:var(--gold);color:white}
.nv-spotlight{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:24px;align-items:stretch;margin:12px 0 26px;background:linear-gradient(120deg,#202238,#14272c);border:1px solid #36455a;border-radius:22px;padding:16px}
.nv-hero-photo{margin:0;border-radius:15px;overflow:hidden;background:#0d121d;display:flex;flex-direction:column}.nv-hero-photo img{width:100%;min-height:320px;max-height:520px;object-fit:cover;object-position:center;flex:1}.nv-hero-photo figcaption{font-size:11px;color:#cfd6df;padding:12px 16px;background:#141821;letter-spacing:.04em}
.nv-story-copy{padding:14px 12px 9px}.nv-overline{font-size:11px;color:#fac8a2;text-transform:uppercase;letter-spacing:.2em;font-weight:800}
.nv-story-copy h2,.nv-section h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:-.025em;font-size:clamp(26px,3vw,41px);line-height:1.1;margin:12px 0 14px}.nv-story-copy h2 em{color:var(--gold);font-style:normal}
.nv-story-copy>p{color:#c5cbd8;line-height:1.65;font-size:14px}.nv-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.nv-fact-grid>div{border-radius:11px;padding:12px;background:#ffffff08;border:1px solid #ffffff1a;display:flex;flex-direction:column;gap:6px}.nv-fact-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a7adbd}.nv-fact-grid strong{font-size:13px;line-height:1.5;color:#f0ece8}.nv-fact-grid small{font-size:10px;color:#b7bdc9}
.nv-lore{border-left:3px solid #e6b17b;padding:12px 14px;background:#312b31bb;border-radius:0 12px 12px 0}.nv-lore span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f3caa3;font-weight:750}.nv-lore p{color:#e8dfd9;line-height:1.65;font-size:13px;margin:9px 0 0}.nv-accuracy{font-size:11px!important;color:#9facbf!important}
.nv-section{margin:28px 0;border:1px solid #343d53;background:linear-gradient(160deg,#161b2b,#121927);border-radius:22px;padding:clamp(16px,2.5vw,28px)}
.nv-title{display:flex;align-items:start;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.nv-title p{font-size:13px;color:#a7b4c9;line-height:1.6;max-width:680px;margin:0}.nv-section h2{margin:8px 0}.nv-section-pill{white-space:nowrap;border:1px solid #72607c;padding:8px 13px;border-radius:99px;color:#e8d2eb;background:#40334861;font-size:11px}
.nv-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}.nv-quick-stats div{border:1px solid #3b4358;background:#ffffff07;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:6px}.nv-quick-stats strong{color:#f7c98e;font-size:26px;line-height:1}.nv-quick-stats span{color:#b6bfd0;font-size:11px}
.nv-gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nv-gear-card{display:flex;align-items:center;gap:12px;background:#20263a;border:1px solid #394259;border-radius:13px;padding:16px;min-width:0}.nv-gear-art{font-size:30px;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#edcb8d;background:linear-gradient(135deg,#665276,#2b6171);flex-shrink:0}.nv-gear-card h3{font-size:15px;margin:0 0 4px}.nv-gear-card p{font-size:12px;color:#adb9cc;margin:0;line-height:1.4}
.nv-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:20px 0 14px}.nv-tools label{color:#d8d0d9;font-size:13px;font-weight:700}.nv-tools input{background:#0d1524;border:1px solid #4a5471;border-radius:11px;color:#fff;padding:11px 14px;font-size:13px;min-width:180px;flex:1;max-width:340px}.nv-tools input::placeholder{color:#76839a}.nv-tools span{font-size:11px;color:#9bb1c2;margin-left:auto}
.nv-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:11px}
.nv-collection-card{background:linear-gradient(155deg,#202a3c,#171d2c);border:1px solid #3a455b;border-radius:13px;padding:13px;min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;transition:transform .15s ease,border-color .15s ease}.nv-collection-card:hover{transform:translateY(-2px);border-color:#b899db}.nv-collection-card[hidden]{display:none}
.nv-portrait{width:96px;height:96px;flex:none;background-repeat:no-repeat;background-image:url('../assets/image_png_002_5ba6653f4154.png');background-size:672px 864px;image-rendering:pixelated;border-radius:18px}
.nv-lootr-art{background:none;display:grid;place-items:center;font-size:48px;color:#edc687;background:#403049}
.nv-collection-name{font-size:13px;font-weight:700;line-height:1.35;min-height:34px;display:flex;align-items:center;justify-content:center;color:#f3eff1}
.nv-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border-top:1px solid #ffffff18;padding-top:9px}.nv-card-bottom small{font-size:10px;color:#9fb2c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:103px}.nv-card-bottom b{color:#f6cb92;font-size:14px;border-radius:8px;padding:4px 7px;background:#62503775}
.nv-small-note{font-size:11px;color:#a1aec2;line-height:1.6;margin:16px 0 0}.nv-featured-pets{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #7b594b;border-radius:15px;background:linear-gradient(100deg,#563b3680,#22394f69);margin-bottom:17px}.nv-pet-medallion{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.nv-pet-medallion>b{white-space:nowrap}.nv-cat-pixel{display:grid;place-items:center;background:#e29b56;border-radius:11px;width:58px;height:58px;font-size:36px}.nv-pet-medallion div{display:flex;flex-direction:column;gap:5px}.nv-pet-medallion b{font-size:16px}.nv-pet-medallion small{font-size:11px;color:#f3c4a3;line-height:1.3}.nv-featured-heart{color:#f4bcba;font-size:22px}
.nv-names-line{display:flex;gap:10px;flex-direction:column;padding:15px;background:#ffffff07;border-radius:12px}.nv-names-line>strong{font-size:12px;color:#dbd3e4}.nv-name-chips{display:flex;gap:7px;flex-wrap:wrap}.nv-name-chip{border-radius:999px;padding:6px 9px;color:#cfddea;background:#313b50;font-size:11px}
.nv-film{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:22px;align-items:center}.nv-film-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#050a0f}.nv-film-text h3{font-size:19px;color:#f7dfc2;margin:0 0 9px}.nv-film-text p{color:#b4c1d4;font-size:13px;line-height:1.65}.nv-film-text a{display:inline-flex;padding:10px 12px;background:#343c51;border:1px solid #64738a;border-radius:10px;text-decoration:none;color:#f2ddb9;font-size:12px;margin:8px 0}.nv-film-text small{display:block;color:#9aa8bb;line-height:1.5;font-size:11px}
@media(max-width:930px){.nv-spotlight{grid-template-columns:1fr}.nv-film{grid-template-columns:1fr}.nv-gear-grid{grid-template-columns:1fr}}@media(max-width:620px){.nv-quick-stats{grid-template-columns:repeat(3,1fr)}.nv-quick-stats strong{font-size:21px}.nv-featured-pets{flex-direction:column;align-items:stretch}.nv-featured-heart{display:none}.nv-fact-grid{grid-template-columns:1fr}.nv-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-section{padding:16px}.nv-collection-card{padding:10px}}


.nv-mishap-photo{margin-top:1rem;padding:1rem;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(15,23,42,.5)}
.nv-mishap-shot{display:block;width:min(100%,760px);margin:0 auto;border-radius:16px;border:1px solid rgba(148,163,184,.24);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.nv-mishap-photo figcaption{margin-top:.75rem;color:#c8d4e6;font-size:.95rem;line-height:1.55}