:root{--glass: rgba(18, 24, 20, .9);--line: rgba(255, 255, 255, .1);--text: #f6f1e4;--muted: #b9b6a6;--gold: #f4c451;--red: #ef6b5b;color:var(--text);font-family:Nunito,Segoe UI,sans-serif;background:#0b120e}*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative}button,a{font:inherit;color:inherit}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}body:before{background:radial-gradient(1100px 620px at 76% -10%,rgba(244,178,81,.2),transparent 62%),radial-gradient(880px 560px at 4% 8%,rgba(112,182,78,.16),transparent 64%),linear-gradient(180deg,#0d1711,#101b13 38%,#0b120e)}body:after{z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;opacity:.5;mask-image:radial-gradient(1000px 700px at 60% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(1000px 700px at 60% 0%,#000 0%,transparent 72%)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;border-bottom:1px solid var(--line);background:#0b120ec7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:20px;text-decoration:none}.crest{width:34px;height:34px;border-radius:11px;display:block;box-shadow:0 5px 16px #c98d1f59}.nav nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{font-weight:800;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px}.nav a:hover{color:var(--text)}.page-intro{padding:18px 22px 0}h1{font-family:Fredoka,sans-serif;font-size:32px;margin:0}#blurb{margin:2px 0 0;color:var(--muted)}#tabs{display:flex;gap:8px;padding:8px 22px 12px;flex-wrap:wrap}#tabs button{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}#tabs button.active{background:var(--gold);color:#1a1206;border-color:transparent}main{display:grid;grid-template-columns:minmax(320px,460px) 1fr;gap:16px;padding:0 22px 22px;align-items:start}#stage-wrap{position:sticky;top:70px;max-height:calc(100vh - 84px);overflow-y:auto;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#16241c,#101712);border:1px solid var(--line);box-shadow:0 24px 60px #00000073}#stage{width:100%;height:420px;display:block;cursor:grab;background:radial-gradient(420px 280px at 26% 10%,rgba(255,226,168,.4),transparent 66%),linear-gradient(180deg,#13293f,#1d4152 34%,#4a6a58 58%,#b3844c 80%,#edb673)}#stage.sky{height:480px;background:radial-gradient(460px 300px at 24% 8%,rgba(255,233,186,.34),transparent 64%),linear-gradient(180deg,#102a44,#1f4c6e 30%,#3d7a97 58%,#79aec4 82%,#b9dbe6)}#stage:active{cursor:grabbing}#caption{padding:12px 16px 4px}#cap-name{display:block;font-family:Fredoka,sans-serif;font-size:22px}#cap-meta{color:var(--muted);font-weight:700;font-size:13px}.stage-actions{display:flex;align-items:center;gap:8px;padding:10px 14px 14px;flex-wrap:wrap}.stage-actions button,.stage-actions label{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;padding:8px 12px;font-weight:800;cursor:pointer}.stage-actions label{display:flex;align-items:center;gap:6px}#inscription{padding:0 16px 16px;border-top:1px solid var(--line);margin-top:2px}.ins-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 0 0}.ins-art{margin:12px 0 0;padding:0}.ins-art iframe{width:100%;aspect-ratio:4 / 3;display:block;border:0;border-radius:14px;background:#15291f;box-shadow:0 10px 26px #00000059}.ins-art iframe.wide{aspect-ratio:16 / 9;background:#1f4c6e}.ins-art figcaption{margin-top:6px;font-size:12px;color:var(--dim)}.ins-url{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:10px 0 0}.ins-url span{color:var(--muted);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ins-url code{font-size:11.5px;color:var(--dim);word-break:break-all}.ins-collection{font-family:Fredoka,sans-serif;font-size:14px;color:var(--gold)}.ins-supply{color:var(--muted);font-size:12px;font-weight:800}#inscription p{margin:6px 0 10px;font-size:13.5px;line-height:1.5;color:#e6e0cf}.ins-traits{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;margin:0;padding:0;list-style:none}.ins-traits li{display:flex;flex-direction:column;gap:1px;padding:6px 9px;border-radius:11px;background:#ffffff0d}.ins-traits span{color:var(--muted);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ins-traits b{font-size:13px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;border:2px solid transparent;background:#ffffff0a;cursor:pointer;text-align:left}.card.selected{border-color:var(--gold)}.card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.12),transparent 70%)}.card.land img{aspect-ratio:16 / 9;background:linear-gradient(180deg,#16344c,#3d7a97 62%,#a9d1de)}.card b{font-size:13px}.card span{color:var(--muted);font-size:11px;font-weight:700}@media(max-width:860px){main{grid-template-columns:1fr}#stage-wrap{position:static}}
