@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&family=Noto+Sans+KR:wght@400;700;900&display=swap";:root{--font-title: "Black Han Sans", sans-serif;--font-subtitle: "Do Hyeon", sans-serif;--font-body: "Noto Sans KR", sans-serif;--color-primary: #ffbb00;--color-primary-glow: #ffe600;--color-secondary: #ff4757;--color-accent: #2ed573;--color-dark: #1e272e;--color-darker: #0d1216;--bg-gradient: radial-gradient(circle at center, #2c3e50 0%, #000000 100%);--portal-width: 1200px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{overscroll-behavior:none}body{font-family:var(--font-body);background:#000;color:#fff;overflow:hidden;height:100vh;width:100vw;overscroll-behavior:none}canvas{position:fixed;top:0;left:0;z-index:0}#portal-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);overflow:hidden}.pattern-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.light-beams{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 70%);mix-blend-mode:overlay;pointer-events:none}#card-container{position:absolute;width:100%;height:100%;perspective:1000px}.bg-card{position:absolute;width:60px;height:93px;background-image:url(/assets/gostop/gostop_card.png);background-size:800% 600%;border-radius:4px;box-shadow:0 4px 15px #00000080;transform:translate(var(--move-x, 0),var(--move-y, 0));transition:transform .1s linear;will-change:transform,left,top;animation:floatAround linear infinite}@keyframes floatAround{0%{margin-top:0;margin-left:0;opacity:0}10%{opacity:.8}90%{opacity:.8}to{margin-top:-100px;margin-left:50px;opacity:0;transform:rotate(360deg)}}#main-menu{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;gap:80px;max-width:var(--portal-width);margin:0 auto;padding:0 20px}.hero-section{flex:1.1;text-align:left;animation:slideInLeft .8s ease-out}.game-badge{display:inline-block;background:var(--color-secondary);color:#fff;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.9rem;margin-bottom:15px;box-shadow:0 0 10px var(--color-secondary)}.portal-title{line-height:1.1;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,.5)}.text-3d{font-family:var(--font-title);font-size:5rem;color:#fff;display:block}.text-highlight{font-family:var(--font-subtitle);font-weight:400;font-size:7rem;color:var(--color-primary);text-shadow:1px 1px 0px #b35f00,0 0 20px rgba(255,187,0,.6);position:relative}.version-tag{font-size:1.5rem;color:#aaa;font-weight:400;vertical-align:super;margin-left:10px}.portal-desc{font-size:1.2rem;color:#ddd;margin-bottom:30px;line-height:1.6;max-width:500px}.stats-ticker{display:flex;align-items:center;gap:15px;background:#ffffff1a;padding:10px 20px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:fit-content}.stat-item{display:flex;gap:8px}.stat-label{color:#88c0d0;font-size:.9rem}.stat-value{color:#fff;font-weight:700;font-family:monospace}.stat-separator{color:#ffffff4d}.action-panel{flex:1;background:#14141ed9;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080;animation:slideInRight .8s ease-out;transform-style:preserve-3d;transition:transform .3s}.action-panel:hover{transform:translateY(-5px);border-color:#ffffff4d}.panel-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:25px;text-align:center}.panel-title{font-family:var(--font-subtitle);font-size:1.5rem;color:var(--color-primary);letter-spacing:2px}.panel-body{display:flex;flex-direction:column;gap:15px}.portal-btn{position:relative;border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.25,1)}.primary-btn{background:linear-gradient(to bottom,#ff5e62,#f96);background:linear-gradient(45deg,#d32f2f,#f44336);padding:20px;box-shadow:0 10px 20px #d32f2f4d}.primary-btn:hover{transform:scale(1.02);box-shadow:0 15px 30px #d32f2f80}.primary-btn .btn-content{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;z-index:2}.btn-icon{font-size:2.5rem}.btn-text-group{display:flex;flex-direction:column;align-items:flex-start;color:#fff}.btn-main{font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-sub{font-size:.9rem;opacity:.9}.font-dohyeon{font-family:var(--font-subtitle)}.sub-actions{display:flex;gap:10px}.secondary-btn{flex:1;background:#ffffff1a;color:#fff;padding:12px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.secondary-btn:hover{background:#fff3;border-color:#fff}.guest-access{text-align:center;margin-top:10px}.text-btn{background:none;border:none;color:#bbb;cursor:pointer;font-size:.9rem;text-decoration:underline}.text-btn:hover{color:#fff}.event-banner{margin-top:25px;background:linear-gradient(90deg,#2c3e50,#34495e);border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,215,0,.3)}.banner-icon{font-size:1.5rem}.banner-text{display:flex;flex-direction:column;font-size:.9rem;color:#eee}.banner-text strong{color:var(--color-primary)}.portal-footer{text-align:center;padding:20px;font-size:.85rem;color:#fff6;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.footer-links{margin-bottom:8px;display:flex;justify-content:center;gap:20px}.footer-links span{cursor:pointer}.footer-links span:hover{color:#fff}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.content-wrapper{flex-direction:column;gap:40px;padding-top:40px}.hero-section{text-align:center}.stats-ticker{margin:0 auto}.text-highlight{font-size:5rem}.action-panel{width:100%;max-width:400px}}.portal-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;justify-content:center;align-items:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{position:relative;background:#222;width:90%;max-width:400px;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid #444;animation:zoomIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{background:#333;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}.modal-header h2{font-size:1.2rem;display:flex;align-items:center;gap:10px}.close-btn{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer}.modal-body{padding:30px 20px}.divider{display:flex;align-items:center;margin:20px 0;color:#666;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#444}.divider span{padding:0 10px}.guest-login-form input{width:100%;padding:12px;background:#111;border:1px solid #444;color:#fff;border-radius:6px;margin-bottom:10px}.full-width-btn{width:100%;padding:12px;background:#444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.full-width-btn:hover{background:#555}