:root{--ink:#0e0c12;--bone:#f3eee6;--muted:#f3eee69e;--glass:#16131d8c;--line:#f3eee624;--grad:linear-gradient(100deg, #cb79c1, #f0991b, #fca513, #d5cfd6, #79629a, #c38038);--display:"Italiana", "Didot", serif;--sans:"Manrope", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--bone);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}.device{background:var(--ink);-webkit-user-select:none;user-select:none;width:100%;height:100dvh;position:relative;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width>=720px){body:not(.embed){background:radial-gradient(80% 70% at 50% 40%, #241d30, var(--ink));place-items:center;display:grid}body:not(.embed) .device{border-radius:46px;width:390px;height:min(844px,94vh);box-shadow:0 0 0 10px #16131d,0 0 0 11px #ffffff1a,0 50px 140px -30px #79629ab3}}.hud-top{z-index:5;padding:calc(var(--safe-t) + 16px) 18px 0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand img{opacity:.92;height:13px;display:block}.top-actions{gap:8px;display:flex}.icon-btn{cursor:pointer;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{width:18px;height:18px}.grad-dot{background:var(--grad);border-radius:50%;width:18px;height:18px;display:block}.place{top:calc(var(--safe-t) + 72px);text-align:center;z-index:4;pointer-events:none;padding:0 24px;position:absolute;left:0;right:0}.place-eyebrow{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0}.place-title{font:400 34px/1 var(--display);letter-spacing:.01em;margin:6px 0 0}.place-status{font:500 12px var(--mono);color:var(--muted);align-items:center;gap:6px;margin:8px 0 0;display:inline-flex}.place-status .lock{background:currentColor;border-radius:50%;width:7px;height:7px}.place-status.open{color:#9ff0c0}.nav-arrow{z-index:5;cursor:pointer;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow svg{width:18px;height:18px}.nav-arrow.left{left:12px}.nav-arrow.right{right:12px}.nav-arrow[disabled]{opacity:0;pointer-events:none}.hud-bottom{z-index:5;padding:0 18px calc(var(--safe-b) + 18px);gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.action{cursor:pointer;height:54px;font:700 15px var(--sans);letter-spacing:.01em;background:var(--grad);color:var(--ink);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;transition:transform .15s,opacity .2s,filter .2s;display:flex;box-shadow:0 10px 40px -12px #f0991bb3}.action:active{transform:scale(.97)}.action.locked{background:var(--glass);color:var(--muted);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:blur(12px)}.action.hidden{opacity:0;pointer-events:none}.action svg{width:26px;height:20px}.keyring{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.slot{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-radius:14px;justify-items:center;gap:4px;padding:8px 4px 7px;transition:background .3s;display:grid}.slot .ico{opacity:.28;width:38px;height:26px}.slot .ico svg{width:100%;height:100%;display:block}.slot.owned{color:var(--bone);background:#f3eee612}.slot.owned .ico{opacity:1}.slot.pop{animation:.6s cubic-bezier(.2,1.6,.4,1) pop}.slot.shake{animation:.45s shake}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.sheet{z-index:20;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:absolute;inset:0}.sheet.open{opacity:1;pointer-events:auto}.sheet-panel{padding:10px 18px calc(var(--safe-b) + 22px);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#16131deb;border-radius:26px 26px 0 0;transition:transform .35s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet.open .sheet-panel{transform:none}.sheet-grip{background:var(--line);border-radius:2px;width:38px;height:4px;margin:0 auto 14px}.sheet-title{font:400 24px var(--display);margin:0 0 12px}.sheet-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sheet-item{border:1px solid var(--line);cursor:pointer;text-align:left;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:14px;gap:6px;padding:8px;display:grid}.sheet-item i{border-radius:9px;height:38px;display:block}.sheet-item[aria-pressed=true]{border-color:var(--bone)}.veil{z-index:15;opacity:0;pointer-events:none;background:#fff;transition:opacity .5s;position:absolute;inset:0}.veil.on{opacity:1}.toast{left:50%;top:calc(var(--safe-t) + 170px);z-index:25;opacity:0;pointer-events:none;color:var(--ink);font:600 12px var(--mono);white-space:nowrap;background:#f3eee6f2;border-radius:999px;padding:9px 15px;transition:all .3s;position:absolute;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.loading{z-index:30;background:var(--ink);font:500 12px var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.device:before,.device:after{content:"";z-index:3;pointer-events:none;position:absolute;left:0;right:0}.device:before{background:linear-gradient(#0b0a10c7,#0b0a1000);height:190px;top:0}.device:after{background:linear-gradient(#0b0a1000,#0b0a10b3);height:220px;bottom:0}.toast{color:#fbf6ee;letter-spacing:.03em;background:linear-gradient(110deg,#1a1030,#3a1f5c 28%,#5b2a6e 50%,#2c1a52 72%,#1a1030) 0 0/300% 100%;border:1px solid #cb79c159;animation:6s linear infinite toast-drift;box-shadow:0 10px 34px -10px #5b2a6ee6,inset 0 1px #ffffff14}@keyframes toast-drift{to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.world-link{height:40px;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bone);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:border-color .2s;display:inline-flex}.world-link:hover{border-color:#f3eee652}@media (width<=420px){.world-link{padding:0 11px;font-size:10px}}