:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background-color:#050508;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,メイリオ,Yu Gothic,sans-serif;font-weight:600;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#050508;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.crt-container{position:relative;overflow:hidden}.crt-container:after{content:" ";z-index:100;pointer-events:none;opacity:.15;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.crt-vignette{pointer-events:none;z-index:99;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 80px #000000e6}.pixel-panel{box-sizing:border-box;background:#0d0f1d;border:4px double #eab308;border-radius:8px;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #000c}.pixel-panel-primary{background:#0d0f1d;border:4px double #ef4444;border-radius:8px;box-shadow:0 10px 25px #000c}button{cursor:pointer;letter-spacing:.025em;padding:.5em 1.2em;font-size:.875rem;font-weight:800;position:relative}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input[type=text],input[type=number],input[type=password],select,textarea{color:#fff;box-sizing:border-box;background:#090d16;border:2px solid #334155;border-radius:8px;width:100%;padding:.6rem .9rem;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s}input[type=text]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:#94a3b8;font-weight:500}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:#eab308;outline:none;box-shadow:0 0 12px #eab3084d}.pixel-font-mono{letter-spacing:.05em;font-family:"Press Start 2P",monospace;font-size:1.1em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.15s steps(4,end) forwards fadeIn}#root{width:100%;max-width:100%;margin:0 auto}h1,h2,h3{text-transform:uppercase;font-family:DotGothic16,Noto Sans JP,sans-serif;font-weight:900}h1{letter-spacing:.05em;text-shadow:3px 3px #000;margin:20px 0;font-size:32px}h2{letter-spacing:.05em;margin:0 0 8px;font-size:20px}p{margin:0}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.6)rotate(-8deg)}15%{opacity:1;transform:translateY(-80px)scale(1.1)rotate(4deg)}50%{opacity:.95;transform:translateY(-260px)scale(1)rotate(-6deg)}to{opacity:0;transform:translateY(-500px)scale(.85)rotate(3deg)}}.animate-float-up{animation:2s ease-out forwards floatUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-150%)rotate(-5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(150%)rotate(5deg)}to{opacity:1;transform:translate(0)rotate(0)}}.animate-slide-left{animation:.75s cubic-bezier(.175,.885,.32,1.15) forwards slideInLeft}.animate-slide-right{animation:.75s cubic-bezier(.175,.885,.32,1.15) forwards slideInRight}@keyframes crownFall{0%{opacity:0;filter:drop-shadow(0 0 #eab30800);transform:translateY(-80px)scale(2)}60%{opacity:1;filter:drop-shadow(0 0 20px #eab308e6);transform:translateY(0)scale(1.15)}80%{transform:translateY(-5px)scale(1.02)}to{opacity:1;filter:drop-shadow(0 0 10px #eab308bf);transform:translateY(0)scale(1)}}.animate-crown-fall{animation:.8s cubic-bezier(.25,1,.5,1) forwards crownFall}.retro-frame{border:6px solid #78350f;outline:3px solid #eab308;box-shadow:4px 4px #000}
