@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#21343e;--bg-medium:#16242b;--glass-bg:#ffffff26;--glass-bg-hover:#ffffff40;--glass-border:#ffffff1a;--glass-border-highlight:#fff3;--glass-shadow:0 8px 32px 0 #0000004d;--accent-primary:#4facfe;--accent-secondary:#00f2fe;--accent-gold:gold;--accent-danger:#ff4b4b;--text-main:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{background-color:var(--bg-dark);min-height:100dvh;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;font-family:Outfit,Noto Sans KR,sans-serif;position:relative}body:before{content:"";z-index:-1;background-color:var(--bg-dark);background-image:linear-gradient(to bottom, #21343e00 0%, #21343e66 50%, var(--bg-dark) 100%), url(/images/PG_bg.png);pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}button,.no-select{-webkit-user-select:none;user-select:none}button,input,a{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:all .3s}.pixel-btn{letter-spacing:.5px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.pixel-btn:hover:not(:disabled){border-color:var(--glass-border-highlight);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.pixel-btn:active:not(:disabled){transform:translateY(0)}.pixel-btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border:none;box-shadow:0 4px 16px #4facfe4d}.pixel-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5bb4ff 0%,#1ae8ff 100%);box-shadow:0 6px 20px #4facfe80}.pixel-btn-danger{background:linear-gradient(135deg,#ff6b6b 0%,#ff4b4b 100%);border:none;box-shadow:0 4px 16px #ff4b4b4d}.pixel-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff8585 0%,#f66 100%);box-shadow:0 6px 20px #ff4b4b80}@media (min-width:768px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}@media (max-width:767px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #4facfe66}50%{box-shadow:0 0 30px #00f2fe99}}