@font-face{font-family:Libre Barcode;src:url(/assets/fonts/Libre%20Barcode.ttf) format("truetype");font-display:swap}@font-face{font-family:BM Space;src:url(/assets/fonts/BM%20Space.ttf) format("truetype");font-display:swap}:root{--bg-yellow: #f2c43b;--blue: #1d2e84;--shadow: rgba(0, 0, 0, .28)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;width:32px;height:auto;pointer-events:none;z-index:10000;transform-origin:center center;transform:translate(-50%,-50%) rotate(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.custom-cursor img{width:100%;height:auto;display:block}.custom-cursor.is-upside-down{transform:translate(-50%,-50%) rotate(180deg)}html,body,#app{width:100%;height:100%;overflow:hidden}img{-webkit-user-drag:none;user-drag:none}body{font-family:BM Space,sans-serif;background:var(--bg-yellow)}.enter-screen{width:100%;height:100%;background:var(--bg-yellow);display:grid;place-items:center;cursor:pointer}.enter-text{display:inline-block;width:fit-content;font-family:BM Space,sans-serif;font-size:clamp(2.4rem,7vw,6rem);color:#fff;-webkit-text-stroke:1pt #2b2b2b;text-shadow:0 8px 16px var(--shadow);letter-spacing:.08em;-webkit-user-select:none;user-select:none;transform:scale(1);transition:transform .12s ease}.enter-text:hover,.enter-text.is-hovered{transform:scale(1.08)}.enter-screen:active .enter-text{transform:scale(.92)}.site-frame{width:100%;height:100%;position:relative;background:var(--bg-yellow)}.site-frame .left-panel,.site-frame .icons-layer,.site-frame .rotate-btn{transition:transform .82s cubic-bezier(.2,.8,.2,1),opacity .82s ease}.site-frame .shinji-image{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s ease}.site-frame.is-entering .left-panel,.site-frame.is-entering .icons-layer{transform:translate(-42vw);opacity:0}.site-frame.is-entering .rotate-btn{transform:translate(42vw);opacity:0}.site-frame.is-entering .shinji-image{transform:translate(44vw);opacity:0}.site-frame.is-entering.is-entered .left-panel,.site-frame.is-entering.is-entered .icons-layer,.site-frame.is-entering.is-entered .rotate-btn,.site-frame.is-entering.is-entered .shinji-image{transform:translate(0);opacity:1}.rotate-btn{position:absolute;top:18px;right:22px;z-index:30;width:44px;height:44px;border:none;border-radius:50%;background:transparent;color:var(--blue);line-height:1;cursor:pointer;padding:0}.rotate-btn__icon{display:grid;place-items:center;width:44px;height:44px;font-size:34px;transform:scale(1);transition:transform .17s ease;transform-origin:center center}.rotate-btn:hover .rotate-btn__icon,.rotate-btn.is-hovered .rotate-btn__icon{transform:scale(1.12)}.rotate-btn:active .rotate-btn__icon{transform:scale(1.05)}.rotate-btn__icon.is-spinning{animation:rotateBtnSpin .52s ease-in-out}@keyframes rotateBtnSpin{0%{transform:rotate(0) scale(1.08)}to{transform:rotate(360deg) scale(1.08)}}.site-scene{width:100%;height:100%;position:relative;transform-origin:center center;transition:transform .65s ease}.site-scene.is-upside-down{transform:rotate(180deg)}.left-panel{position:absolute;top:24px;left:24px;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(2px,.5vw,8px);max-width:min(720px,56vw)}.site-title{font-family:BM Space,sans-serif;font-size:clamp(38px,4.3vw,80px);line-height:1.02;display:inline-block;margin:0;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:clamp(3px,.3vw,6px) var(--blue);paint-order:stroke fill;letter-spacing:clamp(2px,.36vw,6px);text-shadow:0 5px 7px var(--shadow)}.site-tagline{margin:0;font-family:BM Space,sans-serif;font-size:clamp(12px,1.2vw,18px);line-height:1.35;color:#2b2b2b}.site-tagline.is-barcode{font-family:Libre Barcode,cursive;font-size:clamp(20px,2.8vw,27px);line-height:1;margin-top:-5px;opacity:.85}.shinji-image{position:absolute;right:0;bottom:0;height:min(100vh,920px);width:auto;z-index:4}.shinji-image img{width:100%;height:100%;object-fit:contain;display:block}.icons-layer{position:absolute;inset:0;z-index:12}.social-icon{position:absolute;display:block;filter:drop-shadow(0 8px 6px var(--shadow));transform-origin:center center;transform:scale(1);transition:transform .17s ease;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.social-icon img{width:100%;height:100%;display:block;animation:spin 1.1s linear infinite;animation-play-state:paused;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.social-icon.github{width:clamp(120px,19vw,220px)}.social-icon.x{width:clamp(74px,8.5vw,130px)}.social-icon.discord{width:clamp(110px,17vw,200px)}.social-icon.instagram{width:clamp(56px,6.5vw,90px)}.social-icon.roblox{width:clamp(74px,8vw,120px)}.social-icon.tiktok{width:clamp(90px,10vw,145px)}.social-icon:hover,.social-icon.is-hovered{transform:scale(1.08)}.social-icon.is-dragging{cursor:grabbing;transform:scale(1.06)}.social-icon:hover img,.social-icon.is-hovered img{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.left-panel{top:10%;left:50%;transform:translate(-50%);align-items:center;text-align:center;width:100%}.site-frame.is-entering .left-panel{transform:translate(-50%,-60px);opacity:0}.site-frame.is-entering .icons-layer,.site-frame.is-entering .rotate-btn{transform:translateY(-60px);opacity:0}.site-frame.is-entering .shinji-image{transform:translateY(80px);opacity:0}.site-frame.is-entering.is-entered .left-panel{transform:translate(-50%);opacity:1}.site-frame.is-entering.is-entered .icons-layer,.site-frame.is-entering.is-entered .rotate-btn,.site-frame.is-entering.is-entered .shinji-image{transform:translate(0);opacity:1}.site-title{font-size:clamp(34px,12vw,56px);-webkit-text-stroke-width:clamp(2px,.4vw,4px)}.site-tagline{font-size:13px;max-width:500px;width:180%}.site-tagline.is-barcode{font-size:22px;margin-top:2px;width:180%}.shinji-image{width:100%;height:70%;max-height:480px;bottom:0}.shinji-image img{object-position:bottom center}.rotate-btn{top:10px;right:10px;transform:scale(.85)}.custom-cursor{display:none!important}}
