@font-face{font-family:Pixelify;src:url(/fonts/PixelifySans.ttf)format("truetype");font-weight:400 700}:root{--bg:#07050c;--gold:#ffe082;--pink:#f06292;--text:#ece6ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;margin:0;font-family:Pixelify,system-ui,sans-serif;overflow:hidden}#scene{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#loader{z-index:10;background:radial-gradient(#1b1030 0%,#07050c 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .9s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader img{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 0 18px #a855f7aa)}#loader .brand{color:var(--gold);letter-spacing:1px;font-size:34px}#loader .studio{color:#bfb4e6;letter-spacing:6px;font-size:14px}#loader .bar{background:#ffffff14;border-radius:3px;width:min(320px,70vw);height:6px;margin-top:18px;overflow:hidden}#loader .bar span{background:linear-gradient(90deg,#7c3aed,#f06292);width:0;height:100%;transition:width .3s;display:block}#loader .hint{color:#9a8fbf;font-size:13px}#loader .hint.ready{color:#ffe082;font-size:16px;animation:1.4s ease-in-out infinite nabiz}@keyframes nabiz{50%{opacity:.45}}#keys{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cfc6f0;z-index:5;white-space:nowrap;background:#0d0918b3;border-radius:12px;gap:18px;padding:8px 16px;font-size:13px;transition:opacity .6s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#keys b{color:var(--gold);font-weight:600}.hidden{opacity:0;pointer-events:none}#touchpad{z-index:6;pointer-events:none;transition:opacity .4s;position:fixed;inset:0}#touchpad button{pointer-events:auto;color:#f1ecff;-webkit-backdrop-filter:blur(6px);touch-action:none;opacity:.82;background:#120c22a6;border:1px solid #ffffff30;place-items:center;padding:0;font-family:inherit;transition:transform 80ms,background .12s;display:grid}#touchpad button.on{opacity:1;background:#7c3aede6;transform:scale(.92)}#touchpad.dim button:not(.on){opacity:.42}#touchpad .dpad{width:150px;height:150px;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));position:absolute}#touchpad .dpad button{border-radius:12px;width:52px;height:52px;font-size:18px;position:absolute}#touchpad .dpad [data-a=up]{border-radius:12px 12px 6px 6px;top:0;left:49px}#touchpad .dpad [data-a=down]{border-radius:6px 6px 12px 12px;bottom:0;left:49px}#touchpad .dpad [data-a=left]{border-radius:12px 6px 6px 12px;top:49px;left:0}#touchpad .dpad [data-a=right]{border-radius:6px 12px 12px 6px;top:49px;right:0}#touchpad .dpad i{background:#120c22a6;border-radius:6px;width:46px;height:46px;position:absolute;top:52px;left:52px}#touchpad .ab{width:150px;height:130px;right:calc(14px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));position:absolute}#touchpad .ab button{border-radius:50%;font-size:22px;font-weight:700;position:absolute}#touchpad .ab .a{background:#f06292c4;border-color:#ffffff60;width:72px;height:72px;top:0;right:0}#touchpad .ab .a.on{background:#ff4f8be6}#touchpad .ab .b{width:58px;height:58px;bottom:0;left:0}#touchpad .look{top:calc(12px + env(safe-area-inset-top));opacity:.7;border-radius:19px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:14px;display:flex;position:absolute}#touchpad .look span{font-size:18px}#touchpad .look.l{left:calc(14px + env(safe-area-inset-left))}#touchpad .look.r{right:calc(14px + env(safe-area-inset-right))}#touchpad .zoom{bottom:calc(10px + env(safe-area-inset-bottom));opacity:.6;border-radius:17px;height:34px;padding:0 14px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (width<=600px){#touchpad .dpad{transform-origin:0 100%;transform:scale(.85)}#touchpad .ab{transform-origin:100% 100%;transform:scale(.85)}}@media (orientation:landscape) and (height<=430px){#touchpad .dpad{transform-origin:0 100%;transform:scale(.88)}#touchpad .ab{transform-origin:100% 100%;transform:scale(.88)}}#rotate{z-index:9;text-align:center;background:#07050ce6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:18px;transition:opacity .4s;display:flex;position:fixed;inset:0}#rotate b{color:var(--gold)}#rotate small{color:#9a8fbf;font-size:13px}#rotate .phone{border:3px solid var(--gold);border-radius:9px;width:46px;height:80px;animation:2.2s ease-in-out infinite cevir;position:relative}#rotate .phone:after{content:"";background:var(--gold);border-radius:2px;width:8px;height:3px;margin-left:-4px;position:absolute;bottom:5px;left:50%}@keyframes cevir{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (hover:none) and (pointer:coarse){#keys{display:none}}#lost{z-index:20;text-align:center;background:#07050cf2;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;display:flex;position:fixed;inset:0}#lost button{background:var(--pink);color:#fff;border:0;border-radius:20px;padding:10px 22px;font-family:inherit;font-size:16px}#rotate{z-index:12}#tvview{z-index:4;pointer-events:none;opacity:0;image-rendering:auto;border-radius:2px;width:0;height:0;position:fixed;top:0;left:0;box-shadow:0 0 40px #7c3aed55}#readbtn{z-index:7;color:#ece6ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0d0918cc;border:1px solid #ffffff2a;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:14px;transition:background .2s,opacity .6s;display:flex;position:fixed;bottom:18px;right:18px}#readbtn:hover{background:#7c3aedcc}#readbtn.on{background:#f06292d9;border-color:#fff5}#readbtn kbd{background:#fff2;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:11px}@media (hover:none) and (pointer:coarse){#readbtn{display:none}}#fallback{z-index:30;max-width:760px;color:var(--text);-webkit-user-select:text;user-select:text;margin:0 auto;padding:32px 20px 60px;font-family:system-ui,-apple-system,sans-serif;line-height:1.55;display:none;position:relative}.nowebgl,.nowebgl body{touch-action:auto;height:auto;overflow:auto}.nowebgl #fallback{display:block}.nowebgl #loader,.nowebgl #scene,.nowebgl #keys,.nowebgl #touchpad,.nowebgl #readbtn,.nowebgl #rotate{display:none!important}#fallback header img{image-rendering:pixelated;border-radius:16px}#fallback h1{color:var(--gold);margin:12px 0 4px;font-family:Pixelify,sans-serif}#fallback h1 small{color:#bfb4e6;font-size:16px}#fallback h2{color:var(--gold);margin-top:36px;font-family:Pixelify,sans-serif}#fallback h3{color:#fff;margin:22px 0 2px}#fallback .tag{color:var(--pink);margin:0}#fallback .tech,#fallback .note{color:#9a8fbf;font-size:14px}#fallback a{color:var(--pink)}
