.cursor-pet{position:fixed;pointer-events:none;z-index:99999;transition:transform .15s ease}.cursor-pet-duck{width:4px;height:4px;background:transparent;image-rendering:pixelated;box-shadow:12px 4px #f80,8px 8px #f5d600,12px 8px #f5d600,16px 8px #f5d600,8px 12px #f5d600,12px 12px #111,16px 12px #f5d600,20px 12px #f5d600,4px 16px #f5d600,8px 16px #f5d600,12px 16px #f5d600,16px 16px #f5d600,20px 16px #f5d600,24px 16px #f5d600,4px 20px #f5d600,8px 20px #ffe57a,12px 20px #f5d600,16px 20px #f5d600,20px 20px #ffe57a,24px 20px #f5d600,4px 24px #f5d600,8px 24px #f5d600,12px 24px #f5d600,16px 24px #f5d600,20px 24px #f5d600,24px 24px #f5d600,8px 28px #f80,20px 28px #f80}.cursor-pet--idle .cursor-pet-duck{animation:duck-float 1.8s ease-in-out infinite}.cursor-pet--moving .cursor-pet-duck{animation:duck-waddle .25s steps(2) infinite}@keyframes duck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes duck-waddle{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-3px) rotate(8deg)}to{transform:translateY(0) rotate(-8deg)}}:root{--nora-bg: #0e0c1a;--nora-surface: #1a1630;--nora-surf2: #241e3d;--nora-border: #3d3560;--nora-yellow: #ffe156;--nora-orange: #ff8c42;--nora-pink: #ff4fa3;--nora-cyan: #3dffd8;--nora-purple: #b06fff;--nora-red: #ff4455;--nora-green: #44ff88;--nora-text: #f0eaff;--nora-muted: #7a7098;--bg: #16132B;--card: #211C44;--card-2: #2A2454;--yellow: #FFD230;--orange: #FFA831;--cyan: #5EE9D6;--magenta: #FF5C8A;--pink-soft: #FF8FD7;--purple: #B891FF;--text-dim: #7B74A8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,Segoe UI,sans-serif;font-size:15px;line-height:1.6;background-color:var(--nora-bg);background-image:radial-gradient(circle at 18% 30%,rgba(176,111,255,.08) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(61,255,216,.06) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.012) 3px,rgba(255,255,255,.012) 4px);color:var(--nora-text);min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000000d 2px,#0000000d 3px)}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--nora-surface);border-bottom:4px solid var(--nora-yellow);box-shadow:0 4px #ffe15626,0 6px 24px #00000080;padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:100}.header:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--nora-surface);z-index:99}.header-inner{padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:68px}.header-logo{display:flex;flex-direction:column;gap:2px;text-decoration:none;cursor:default;-webkit-user-select:none;user-select:none}.header-logo-pixel{font-family:"Press Start 2P",monospace;font-size:1.25rem;color:var(--nora-yellow);text-shadow:3px 3px 0 var(--nora-orange),6px 6px 0 rgba(255,140,66,.3);line-height:1;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{text-shadow:3px 3px 0 var(--nora-orange),6px 6px 0 rgba(255,140,66,.3)}50%{text-shadow:3px 3px 0 var(--nora-pink),6px 6px 0 rgba(255,79,163,.35),0 0 20px rgba(255,225,86,.4)}}.header-logo-sub{font-size:.58rem;color:var(--nora-muted);letter-spacing:.14em;font-family:Noto Sans KR,sans-serif;font-weight:700;text-transform:uppercase}.header-nav{display:flex;gap:10px;align-items:center}.nav-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;background:var(--nora-surf2);border:3px solid var(--nora-border);color:var(--nora-muted);padding:9px 16px;cursor:pointer;letter-spacing:.05em;transition:all .1s;box-shadow:3px 3px #00000080;line-height:1}.nav-btn:hover{border-color:var(--nora-cyan);color:var(--nora-cyan);transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.nav-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}.nav-btn.active{background:var(--nora-yellow);border-color:var(--nora-orange);color:#1a1000;box-shadow:3px 3px 0 var(--nora-orange)}.nav-btn--admin{border-color:var(--nora-purple);color:var(--nora-purple)}.nav-btn--admin:hover{border-color:var(--nora-pink);color:var(--nora-pink)}.nav-btn--admin.active{background:var(--nora-purple);border-color:var(--nora-pink);color:#fff;box-shadow:3px 3px 0 var(--nora-pink)}.nav-btn--login{border-color:var(--nora-cyan);color:var(--nora-cyan)}.nav-btn--login:hover{background:var(--nora-cyan);color:#0e0c1a}.nav-btn--logout{border-color:var(--nora-muted);color:var(--nora-muted);font-size:.55rem}.nav-btn--logout:hover{border-color:var(--nora-red);color:var(--nora-red)}.header-auth{display:flex;align-items:center;gap:8px;margin-left:6px;border-left:2px solid var(--nora-border);padding-left:12px}.header-user-badge{font-family:Noto Sans KR,sans-serif;font-size:.78rem;font-weight:700;color:var(--nora-green);display:flex;align-items:center;gap:4px;white-space:nowrap}.header-admin-crown{font-size:.85rem}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;gap:10px}.app-loading-dot{font-size:1.5rem;color:var(--nora-yellow);animation:dotBlink 1.2s infinite}.app-loading-dot:nth-child(2){animation-delay:.2s}.app-loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0c1ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.login-modal{background:var(--nora-surface);border:3px solid var(--nora-border);box-shadow:8px 8px 0 var(--nora-purple),0 24px 60px #000000b3;padding:36px 32px 28px;width:100%;max-width:380px;position:relative;border-radius:2px}.modal-close-btn{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--nora-muted);font-size:1.1rem;cursor:pointer;transition:color .15s;padding:4px}.modal-close-btn:hover{color:var(--nora-red)}.login-modal-logo{text-align:center;margin-bottom:20px}.login-modal-tabs{display:flex;gap:0;margin-bottom:24px;border:2px solid var(--nora-border);border-radius:2px;overflow:hidden}.login-tab-btn{flex:1;padding:10px;background:var(--nora-surf2);border:none;color:var(--nora-muted);font-family:Noto Sans KR,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s}.login-tab-btn.active{background:var(--nora-yellow);color:#1a1000}.login-tab-btn:hover:not(.active){background:var(--nora-border);color:var(--nora-text)}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:#ff44551f;border:1.5px solid var(--nora-red);color:var(--nora-red);padding:9px 12px;font-size:.8rem;border-radius:2px;text-align:center}.login-submit-btn{width:100%;padding:13px;background:var(--nora-yellow);border:3px solid var(--nora-orange);color:#1a1000;font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--nora-orange);transition:all .1s;margin-top:4px;letter-spacing:.05em}.login-submit-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nora-orange)}.login-submit-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nora-orange)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{text-align:center;margin-top:16px;font-size:.78rem;color:var(--nora-muted)}.login-link-btn{background:none;border:none;color:var(--nora-cyan);cursor:pointer;font-size:.78rem;font-weight:700;padding:0;text-decoration:underline}.login-link-btn:hover{color:var(--nora-yellow)}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 124px);padding:40px 16px}.admin-login-box{background:var(--nora-surface);border:3px solid var(--nora-purple);box-shadow:8px 8px 0 var(--nora-pink),0 24px 60px #000000b3;padding:44px 36px 36px;width:100%;max-width:400px;border-radius:2px}.admin-login-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.admin-login-subtitle{font-size:.72rem;color:var(--nora-purple);font-family:"Press Start 2P",monospace;letter-spacing:.05em}.admin-login-icon{text-align:center;font-size:2.8rem;margin:16px 0 24px}.admin-login-form{display:flex;flex-direction:column;gap:16px}.admin-login-error{background:#ff44551f;border:1.5px solid var(--nora-red);color:var(--nora-red);padding:10px 14px;font-size:.8rem;border-radius:2px;text-align:center}.admin-login-submit-btn{width:100%;padding:14px;background:var(--nora-purple);border:3px solid var(--nora-pink);color:#fff;font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--nora-pink);transition:all .1s;margin-top:4px;letter-spacing:.05em}.admin-login-submit-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nora-pink)}.admin-login-submit-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nora-pink)}.admin-login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.main-content{flex:1;padding:28px 28px 52px;max-width:1400px;width:100%;margin:0 auto}.gallery-hero{text-align:center;padding:40px 20px 28px}.gallery-hero-title{font-family:"Press Start 2P",monospace;font-size:2.2rem;color:var(--nora-yellow);text-shadow:4px 4px 0 var(--nora-orange),8px 8px 0 rgba(255,140,66,.2);line-height:1.4;letter-spacing:.05em;animation:heroGlitch 6s infinite}@keyframes heroGlitch{0%,91%,to{text-shadow:4px 4px 0 var(--nora-orange),8px 8px 0 rgba(255,140,66,.2);transform:none}92%{text-shadow:-3px 0 var(--nora-pink),4px 4px 0 var(--nora-cyan);transform:skew(-3deg)}93%{text-shadow:4px 4px 0 var(--nora-orange),8px 8px 0 rgba(255,140,66,.2);transform:none}95%{text-shadow:3px 0 var(--nora-cyan),-3px 0 var(--nora-pink);transform:skew(2deg) translate(2px)}96%{text-shadow:4px 4px 0 var(--nora-orange),8px 8px 0 rgba(255,140,66,.2);transform:none}}.gallery-hero-sub{margin-top:14px;font-size:.75rem;color:var(--nora-cyan);font-family:"Press Start 2P",monospace;letter-spacing:.08em;opacity:.8}.gallery-hero-stars{display:flex;justify-content:center;gap:8px;margin-top:18px;font-size:1.1rem;animation:starBlink 1.4s step-end infinite}@keyframes starBlink{0%,to{opacity:1}50%{opacity:.25}}.search-bar{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:10px 14px;background:var(--nora-surface);border:3px solid var(--nora-border);color:var(--nora-text);font-size:.9rem;font-family:Noto Sans KR,sans-serif;box-shadow:3px 3px 0 var(--nora-border);transition:border-color .12s,box-shadow .12s}.search-input::placeholder{color:var(--nora-muted)}.search-input:focus{outline:none;border-color:var(--nora-cyan);box-shadow:3px 3px 0 var(--nora-cyan)}.category-select{padding:10px 36px 10px 14px;background:var(--nora-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a0c0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:3px solid var(--nora-border);color:var(--nora-text);font-size:.9rem;font-family:Noto Sans KR,sans-serif;cursor:pointer;min-width:150px;box-shadow:3px 3px 0 var(--nora-border);-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .12s,box-shadow .12s}.category-select:focus{outline:none;border-color:var(--nora-yellow);box-shadow:3px 3px 0 var(--nora-yellow)}.gallery-header{margin-bottom:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gallery-header h2{font-family:"Press Start 2P",monospace;font-size:.78rem;color:var(--nora-purple);text-shadow:2px 2px 0 rgba(176,111,255,.3);letter-spacing:.04em}.gallery-header p{color:var(--nora-muted);font-size:.8rem}.shuffle-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;background:var(--nora-surf2);border:3px solid var(--nora-border);color:var(--nora-muted);padding:7px 12px;cursor:pointer;letter-spacing:.05em;box-shadow:3px 3px #00000080;transition:all .1s;line-height:1.2}.shuffle-btn:hover{border-color:var(--nora-purple);color:var(--nora-purple);transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.shuffle-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}.game-grid--shuffling{opacity:0;transform:scale(.98);transition:opacity .2s,transform .2s}.game-grid{transition:opacity .2s,transform .2s}.gallery-submit-btn{margin-left:auto;font-family:"Press Start 2P",monospace;font-size:.58rem;line-height:1;padding:9px 16px;background:var(--nora-surf2);border:3px solid var(--nora-cyan);color:var(--nora-cyan);cursor:pointer;box-shadow:3px 3px #3dffd840;transition:all .1s;white-space:nowrap;letter-spacing:.04em}.gallery-submit-btn:hover{background:var(--nora-cyan);color:#0e0c1a;transform:translate(-1px,-1px);box-shadow:4px 4px #3dffd866}.gallery-submit-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #3dffd840}.submit-modal{background:var(--nora-surface);border:3px solid var(--nora-border);box-shadow:8px 8px 0 var(--nora-cyan),0 24px 60px #000000bf;padding:32px 32px 28px;width:100%;max-width:560px;position:relative;border-radius:2px;max-height:90vh;overflow-y:auto}.submit-modal-header{text-align:center;margin-bottom:24px}.submit-modal-icon{font-size:2rem;display:block;margin-bottom:10px;animation:starBlink 1.4s step-end infinite}.submit-modal-title{font-family:"Press Start 2P",monospace;font-size:.85rem;color:var(--nora-cyan);text-shadow:2px 2px 0 rgba(61,255,216,.3);margin-bottom:8px;letter-spacing:.06em}.submit-modal-sub{font-size:.8rem;color:var(--nora-muted)}.submit-form{display:flex;flex-direction:column;gap:14px}.submit-form-group{display:flex;flex-direction:column;gap:6px}.submit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-label{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--nora-purple);line-height:1.7}.submit-required{color:var(--nora-pink)}.submit-input,.submit-select,.submit-textarea{width:100%;padding:10px 12px;background:var(--nora-bg);border:3px solid var(--nora-border);color:var(--nora-text);font-size:.88rem;font-family:Noto Sans KR,sans-serif;box-shadow:inset 2px 2px #00000059;transition:border-color .12s}.submit-select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a0c0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;-moz-appearance:none;appearance:none;-webkit-appearance:none}.submit-input:focus,.submit-select:focus,.submit-textarea:focus{outline:none;border-color:var(--nora-cyan);box-shadow:inset 2px 2px #00000059,0 0 0 2px #3dffd81a}.submit-input.input-error{border-color:var(--nora-red)}.submit-textarea{resize:vertical;min-height:76px}.submit-field-error{font-size:.75rem;color:var(--nora-red)}.submit-form-actions{display:flex;gap:12px;margin-top:6px}.submit-cancel-btn{flex:1;padding:12px;background:var(--nora-surf2);border:3px solid var(--nora-border);color:var(--nora-muted);font-family:"Press Start 2P",monospace;font-size:.68rem;line-height:1;cursor:pointer;box-shadow:3px 3px #0006;transition:all .1s;letter-spacing:.04em}.submit-cancel-btn:hover:not(:disabled){border-color:var(--nora-red);color:var(--nora-red)}.submit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-confirm-btn{flex:2;padding:12px;background:var(--nora-yellow);border:3px solid var(--nora-orange);color:#1a1000;font-family:"Press Start 2P",monospace;font-size:.68rem;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--nora-orange);transition:all .1s;letter-spacing:.04em}.submit-confirm-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nora-orange)}.submit-confirm-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nora-orange)}.submit-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:22px;grid-auto-flow:dense;transition:grid-template-columns .3s}.empty-state{grid-column:1 / -1;text-align:center;padding:72px 20px;color:var(--nora-muted)}.empty-state span{font-size:3.5rem;display:block;margin-bottom:18px;animation:starBlink 1.2s step-end infinite}.empty-state p{font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:2.2}.bento-wrap{position:relative;overflow:visible;cursor:pointer;transform:rotate(var(--card-rot, 0deg));transition:transform .18s cubic-bezier(.22,1,.36,1),z-index 0s;height:100%}.bento-wrap:hover{transform:rotate(0) translate(-2px,-2px);z-index:2}.bento-wrap--featured{grid-column:span 2;grid-row:span 2}.bento-card{background:var(--card, #211C44);border:3px solid var(--nora-border);box-shadow:5px 5px #0000008c;display:flex;flex-direction:column;overflow:hidden;height:100%;transition:box-shadow .18s,border-color .15s}.bento-wrap:hover .bento-card{box-shadow:8px 8px #0009;border-color:var(--yellow, #FFD230)}.bento-tape{position:absolute;top:-11px;left:50%;transform:translate(-50%) rotate(-2deg);width:64px;height:18px;background:#ffd230d1;z-index:3;pointer-events:none}.bento-thumb-wrap{position:relative;overflow:hidden;flex-shrink:0}.bento-wrap:not(.bento-wrap--featured) .bento-thumb-wrap{height:90px}.bento-wrap--featured .bento-thumb-wrap{height:240px}.bento-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.bento-card:hover .bento-thumb{transform:scale(1.04)}.bento-thumb-placeholder{width:100%;height:100%;background:var(--card-2, #2A2454);display:flex;align-items:center;justify-content:center}.bento-placeholder-icon{font-size:2.2rem;opacity:.5}.bento-thumb-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,transparent 40%,rgba(14,12,26,.75) 100%)}.bento-flag{position:absolute;top:10px;right:10px;font-family:"Press Start 2P",monospace;font-size:.46rem;padding:4px 8px;letter-spacing:.06em;z-index:4;box-shadow:2px 2px #0006;line-height:1}.bento-flag--new{background:var(--yellow, #FFD230);color:#1a1000;transform:rotate(-6deg)}.bento-flag--pick{background:var(--magenta, #FF5C8A);color:#fff;transform:rotate(6deg)}.bento-body{padding:10px 12px 12px;flex:1;display:flex;flex-direction:column;gap:5px;min-height:0;overflow:hidden}.bento-wrap--featured .bento-body{padding:12px 16px 14px;gap:7px}.bento-cat-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bento-cat-badge{font-family:"Press Start 2P",monospace;font-size:.44rem;padding:2px 6px;border:1.5px solid;letter-spacing:.05em;line-height:1.5;flex-shrink:0}.bento-tagline{font-size:.7rem;color:var(--text-dim, #7B74A8);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-title{font-size:.95rem;font-weight:900;color:var(--nora-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-wrap--featured .bento-title{font-size:1.15rem;white-space:normal}.bento-desc{font-size:.8rem;color:var(--nora-muted);line-height:1.6;max-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bento-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:auto}.bento-meta-date{font-family:"Press Start 2P",monospace;font-size:.46rem;color:var(--text-dim, #7B74A8);letter-spacing:.04em}.bento-meta-dot{font-size:.6rem;color:var(--text-dim, #7B74A8);opacity:.5}.bento-meta-plays{font-family:"Press Start 2P",monospace;font-size:.46rem;color:var(--cyan, #5EE9D6);letter-spacing:.04em}.bento-badge{font-family:"Press Start 2P",monospace;font-size:.38rem;padding:1px 5px;border:1.5px solid;letter-spacing:.04em;line-height:1.6}.bento-badge--mine{color:var(--cyan, #5EE9D6);border-color:var(--cyan, #5EE9D6)}.bento-badge--ext{color:var(--text-dim, #7B74A8);border-color:var(--text-dim, #7B74A8)}.bento-wrap:not(.bento-wrap--featured) .bento-body{padding:8px 12px 10px;gap:3px}.bento-wrap:not(.bento-wrap--featured) .bento-desc{-webkit-line-clamp:2;font-size:.75rem;line-height:1.45;max-height:2.9em}.bento-wrap:not(.bento-wrap--featured) .bento-actions{margin-top:auto;padding-top:2px}.bento-wrap:not(.bento-wrap--featured) .bento-btn{font-size:.42rem;padding:4px 8px}.bento-actions{display:flex;gap:6px;margin-top:6px}.bento-wrap--featured .bento-actions{margin-top:auto;padding-top:6px}.bento-btn{font-family:"Press Start 2P",monospace;font-size:.48rem;padding:6px 10px;border:2px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:.03em;transition:transform .08s,box-shadow .08s;box-shadow:2px 2px #00000080;flex-shrink:0}.bento-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #00000080}.bento-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}.bento-btn--play{background:var(--yellow, #FFD230);border-color:var(--orange, #FFA831);color:#1a1000;box-shadow:2px 2px 0 var(--orange, #FFA831)}.bento-btn--site{background:var(--card-2, #2A2454);border-color:var(--nora-border);color:var(--purple, #B891FF)}.bento-btn--site:hover{border-color:var(--purple, #B891FF)}.btn{font-family:"Press Start 2P",monospace;font-size:.56rem;padding:9px 12px;border:3px solid transparent;cursor:pointer;flex:1;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:.03em;transition:transform .08s,box-shadow .08s;box-shadow:3px 3px #00000080}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #00000080}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}.btn-primary{background:var(--nora-yellow);border-color:var(--nora-orange);color:#1a1000;box-shadow:3px 3px 0 var(--nora-orange)}.btn-primary:hover{background:#ffd020;box-shadow:5px 5px 0 var(--nora-orange)}.btn-secondary{background:var(--nora-surf2);border-color:var(--nora-border);color:var(--nora-purple)}.btn-secondary:hover{border-color:var(--nora-purple)}.btn-danger{background:#ff44551f;border-color:var(--nora-red);color:var(--nora-red);box-shadow:3px 3px #ff445559}.btn-danger:hover{background:var(--nora-red);color:#fff}.btn-sm{padding:6px 9px;font-size:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080614e0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--nora-surface);border:4px solid var(--nora-yellow);box-shadow:8px 8px 0 var(--nora-orange),16px 16px #ff8c421f;width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .18s ease-out}@keyframes modalPop{0%{transform:scale(.94) translate(8px,8px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--nora-surf2);border-bottom:3px solid var(--nora-yellow)}.modal-header h3{font-family:"Press Start 2P",monospace;font-size:.72rem;color:var(--nora-yellow);text-shadow:2px 2px 0 var(--nora-orange);line-height:1.5}.modal-header-actions{display:flex;align-items:center;gap:10px}.modal-close{background:var(--nora-red);border:3px solid #ff8899;color:#fff;font-family:"Press Start 2P",monospace;font-size:.58rem;cursor:pointer;padding:6px 10px;box-shadow:2px 2px #00000080;line-height:1;transition:transform .08s}.modal-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #00000080}.modal-iframe-container{flex:1;min-height:0;position:relative}.modal-iframe{width:100%;height:520px;border:none;display:block;background:#000}.modal-no-preview{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--nora-muted)}.modal-no-preview span{font-size:3.5rem}.modal-no-preview p{font-family:"Press Start 2P",monospace;font-size:.62rem;line-height:2.2}.modal-footer{padding:14px 20px;border-top:3px solid var(--nora-border);background:var(--nora-surf2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.modal-footer p{font-size:.8rem;line-height:1.5;max-height:3em;color:var(--nora-muted);flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.admin-section-title{font-family:"Press Start 2P",monospace;font-size:.68rem;color:var(--nora-cyan);text-shadow:2px 2px 0 rgba(61,255,216,.22);margin-bottom:16px;padding-bottom:10px;border-bottom:3px solid var(--nora-border);line-height:1.7;display:flex;align-items:center;gap:8px}.game-form{background:var(--nora-surface);border:3px solid var(--nora-border);box-shadow:5px 5px #00000080;padding:22px}.form-group{margin-bottom:15px}.form-group label{display:block;font-family:"Press Start 2P",monospace;font-size:.56rem;color:var(--nora-purple);margin-bottom:7px;line-height:1.7}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:var(--nora-bg);border:3px solid var(--nora-border);color:var(--nora-text);font-size:.88rem;font-family:Noto Sans KR,sans-serif;box-shadow:inset 2px 2px #00000059;transition:border-color .12s}.form-group select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a0c0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--nora-yellow);box-shadow:inset 2px 2px #00000059,0 0 0 2px #ffe1561a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:10px;margin-top:12px}.admin-game-list{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;padding-right:4px}.admin-game-list::-webkit-scrollbar{width:6px}.admin-game-list::-webkit-scrollbar-track{background:var(--nora-bg)}.admin-game-list::-webkit-scrollbar-thumb{background:var(--nora-border)}.admin-game-item{background:var(--nora-surface);border:3px solid var(--nora-border);box-shadow:3px 3px #0006;padding:10px 13px;display:flex;align-items:center;gap:12px;transition:border-color .12s}.admin-game-item:hover{border-color:var(--nora-purple)}.admin-game-thumb{width:58px;height:40px;object-fit:cover;background:var(--nora-surf2);flex-shrink:0;border:2px solid var(--nora-border)}.admin-game-info{flex:1;min-width:0}.admin-game-info strong{display:block;font-size:.88rem;font-weight:700;color:var(--nora-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-game-actions{display:flex;gap:6px;flex-shrink:0}.loading-state,.error-state{text-align:center;padding:60px 20px;color:var(--nora-muted);font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:2.2}.error-state{color:var(--nora-red)}.admin-wrapper{position:relative}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;padding-bottom:20px;border-bottom:3px solid var(--nora-border);position:relative}.admin-page-header:after{content:"ADMIN MODE";position:absolute;bottom:-13px;left:0;font-family:"Press Start 2P",monospace;font-size:.44rem;color:var(--nora-yellow);letter-spacing:6px;opacity:.5}.admin-page-title{font-family:"Press Start 2P",monospace;font-size:.95rem;color:var(--nora-yellow);text-shadow:3px 3px 0 var(--nora-orange);line-height:1.6;margin-bottom:8px}.admin-page-sub{font-size:.82rem;color:var(--nora-muted)}.admin-stats{display:flex;gap:8px;align-items:flex-start}.admin-stat-badge{font-family:"Press Start 2P",monospace;font-size:.55rem;background:var(--nora-surf2);border:3px solid var(--nora-cyan);color:var(--nora-cyan);padding:6px 12px;box-shadow:3px 3px #3dffd833;white-space:nowrap;line-height:1.4}.admin-toast{position:fixed;top:82px;right:24px;z-index:9998;padding:14px 20px;font-family:"Press Start 2P",monospace;font-size:.56rem;line-height:1.9;box-shadow:5px 5px #0009;animation:toastIn .2s ease-out;max-width:340px;border:3px solid}.admin-toast--success{background:#0a2e1a;color:var(--nora-green);border-color:var(--nora-green);box-shadow:5px 5px #44ff8838}.admin-toast--error{background:#2e0a10;color:var(--nora-red);border-color:var(--nora-red);box-shadow:5px 5px #ff445538}@keyframes toastIn{0%{opacity:0;transform:translate(12px,-8px)}to{opacity:1;transform:translate(0)}}.form-required{color:var(--nora-red);margin-left:2px}.form-hint{display:inline-block;margin-left:8px;font-size:.48rem;font-weight:400;font-family:Noto Sans KR,sans-serif;color:var(--nora-muted)}.form-group--error input,.form-group--error textarea,.form-group--error select{border-color:var(--nora-red)!important}.form-error-msg{display:block;margin-top:5px;font-family:"Press Start 2P",monospace;font-size:.48rem;color:var(--nora-red);line-height:1.9}.form-input-icon-wrap{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:11px;font-size:.95rem;pointer-events:none;line-height:1}.form-input-icon-wrap input{padding-left:34px!important}.form-submit-btn{flex:1;padding:11px 14px}.form-thumb-preview{width:100%;height:130px;overflow:hidden;margin-bottom:16px;border:3px solid var(--nora-border);background:var(--nora-bg);box-shadow:inset 3px 3px #0006}.form-thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}.form-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--nora-border)}.form-thumb-placeholder span{font-size:2rem;opacity:.4;animation:starBlink 2s step-end infinite}.form-thumb-placeholder p{font-family:"Press Start 2P",monospace;font-size:.48rem;text-align:center;line-height:2.2}.admin-count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--nora-yellow);color:#1a1000;font-family:"Press Start 2P",monospace;font-size:.48rem;min-width:22px;height:22px;padding:0 5px;box-shadow:2px 2px 0 var(--nora-orange)}.admin-game-item--editing{border-color:var(--nora-yellow)!important;box-shadow:3px 3px 0 var(--nora-orange)}.admin-game-meta{display:flex;align-items:center;gap:7px;margin-top:4px}.admin-category-badge{font-family:"Press Start 2P",monospace;font-size:.46rem;color:var(--nora-bg);background:var(--nora-cyan);padding:2px 6px;box-shadow:1px 1px #0006}.admin-game-link{font-size:.82rem;text-decoration:none;opacity:.6;transition:opacity .15s}.admin-game-link:hover{opacity:1}.admin-game-desc{font-size:.75rem;color:var(--nora-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-confirm{display:flex;align-items:center;gap:5px}.delete-confirm span{font-family:"Press Start 2P",monospace;font-size:.46rem;color:var(--nora-red);white-space:nowrap}.admin-tabs{display:flex;gap:0;margin-bottom:28px;border:3px solid var(--nora-border);width:fit-content;box-shadow:4px 4px #0006}.admin-tab-btn{padding:10px 22px;background:var(--nora-surf2);border:none;border-right:3px solid var(--nora-border);color:var(--nora-muted);font-family:"Press Start 2P",monospace;font-size:.55rem;cursor:pointer;letter-spacing:.04em;transition:all .12s;line-height:1.7}.admin-tab-btn:last-child{border-right:none}.admin-tab-btn:hover:not(.active){background:var(--nora-border);color:var(--nora-text)}.admin-tab-btn.active{background:var(--nora-yellow);color:#1a1000;box-shadow:inset 0 -3px 0 var(--nora-orange)}.admin-panel--full{display:block!important}.um-stats-row{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.um-stat-card{display:flex;align-items:center;gap:14px;background:var(--nora-surface);border:3px solid var(--nora-border);box-shadow:4px 4px #0006;padding:14px 22px;flex:1;min-width:130px}.um-stat-icon{font-size:1.6rem}.um-stat-value{font-family:"Press Start 2P",monospace;font-size:1.3rem;color:var(--nora-yellow);text-shadow:2px 2px 0 var(--nora-orange);line-height:1;margin-bottom:5px}.um-stat-label{font-size:.72rem;color:var(--nora-muted)}.um-table-wrap{overflow-x:auto;border:3px solid var(--nora-border);box-shadow:5px 5px #00000073}.um-table{width:100%;border-collapse:collapse;font-size:.86rem}.um-table thead tr{background:var(--nora-surf2);border-bottom:3px solid var(--nora-border)}.um-table th{padding:12px 16px;text-align:left;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--nora-purple);letter-spacing:.06em;white-space:nowrap}.um-table tbody tr{border-bottom:2px solid var(--nora-border);background:var(--nora-surface);transition:background .12s}.um-table tbody tr:last-child{border-bottom:none}.um-table tbody tr:hover{background:var(--nora-surf2)}.um-row--me{border-left:3px solid var(--nora-cyan)!important}.um-table td{padding:11px 16px;vertical-align:middle}.um-cell-id{color:var(--nora-muted);font-family:"Press Start 2P",monospace;font-size:.5rem;white-space:nowrap}.um-cell-name{font-weight:700}.um-username{display:inline-flex;align-items:center;gap:5px}.um-crown{font-size:.9rem}.um-me-badge{display:inline-block;background:var(--nora-cyan);color:#0e0c1a;font-family:"Press Start 2P",monospace;font-size:.42rem;padding:2px 6px;margin-left:6px;vertical-align:middle;box-shadow:1px 1px #0000004d}.um-role-badge{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.46rem;padding:4px 10px;letter-spacing:.04em;box-shadow:2px 2px #00000059}.um-role-badge--admin{background:var(--nora-purple);color:#fff;box-shadow:2px 2px #b06fff59}.um-role-badge--user{background:var(--nora-surf2);border:2px solid var(--nora-border);color:var(--nora-muted)}.um-cell-date{font-size:.78rem;color:var(--nora-muted);white-space:nowrap}.um-cell-actions{white-space:nowrap}.um-action-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.um-btn{padding:6px 12px;border:2px solid;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.46rem;transition:all .1s;line-height:1.5;letter-spacing:.03em;box-shadow:2px 2px #0006;white-space:nowrap}.um-btn:disabled{opacity:.5;cursor:not-allowed}.um-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #0006}.um-btn--promote{background:#b06fff1f;border-color:var(--nora-purple);color:var(--nora-purple)}.um-btn--promote:hover:not(:disabled){background:var(--nora-purple);color:#fff}.um-btn--demote{background:#7a70981a;border-color:var(--nora-muted);color:var(--nora-muted)}.um-btn--demote:hover:not(:disabled){border-color:var(--nora-orange);color:var(--nora-orange)}.um-btn--danger{background:#ff44551a;border-color:var(--nora-red);color:var(--nora-red)}.um-btn--danger:hover:not(:disabled){background:var(--nora-red);color:#fff}.um-btn--cancel{background:var(--nora-surf2);border-color:var(--nora-border);color:var(--nora-muted)}.um-btn--cancel:hover:not(:disabled){border-color:var(--nora-text);color:var(--nora-text)}.um-delete-confirm{display:inline-flex;align-items:center;gap:5px}.um-delete-confirm span{font-family:"Press Start 2P",monospace;font-size:.44rem;color:var(--nora-red)}.um-no-action{color:var(--nora-border);font-size:1rem}.um-empty{text-align:center;padding:48px;color:var(--nora-muted);font-family:"Press Start 2P",monospace;font-size:.6rem;line-height:2.2}.nora-footer{text-align:center;padding:18px 0 28px;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--nora-muted);letter-spacing:.08em;opacity:.45}.nora-footer-actions{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.nora-footer-btn{font-family:Noto Sans KR,sans-serif;font-size:.6rem;color:var(--nora-muted);text-decoration:none;padding:2px 6px;border:1px solid transparent;border-radius:4px;letter-spacing:0;transition:color .2s,border-color .2s;opacity:.6;white-space:nowrap;background:none;cursor:pointer}.nora-footer-btn:hover{color:var(--nora-cyan);border-color:#3dffd840;opacity:1}.nora-footer-divider{color:var(--nora-muted);font-size:.6rem;opacity:.5}.site-req-modal{box-shadow:8px 8px 0 var(--nora-purple),0 24px 60px #000000bf}.site-req-done{display:flex;flex-direction:column;align-items:center;padding:24px 0 8px;text-align:center}.site-req-done-icon{font-size:3rem;margin-bottom:16px;animation:starBlink 1.4s step-end infinite}.site-req-done-title{font-family:"Press Start 2P",monospace;font-size:.85rem;color:var(--nora-green);text-shadow:2px 2px 0 rgba(68,255,136,.3);margin-bottom:14px;letter-spacing:.06em}.site-req-done-msg{font-size:.88rem;color:var(--nora-muted);line-height:1.8}.sr-filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.sr-filter-btn{font-family:"Press Start 2P",monospace;font-size:.48rem;padding:6px 12px;background:var(--nora-surf2);border:2px solid var(--nora-border);color:var(--nora-muted);cursor:pointer;letter-spacing:.04em;transition:all .1s}.sr-filter-btn.active,.sr-filter-btn:hover{border-color:var(--nora-purple);color:var(--nora-purple);background:#b06fff14}.sr-list{display:flex;flex-direction:column;gap:12px}.sr-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;background:var(--nora-surf2);border:2px solid var(--nora-border);border-radius:2px;transition:border-color .15s}.sr-item:hover{border-color:var(--nora-purple)}.sr-item-main{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.sr-item-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sr-site-name{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--nora-text);letter-spacing:.04em}.sr-status-badge{font-family:"Press Start 2P",monospace;font-size:.42rem;padding:2px 7px;border:1px solid;letter-spacing:.04em}.sr-site-url{font-size:.78rem;color:var(--nora-cyan);text-decoration:none;word-break:break-all}.sr-site-url:hover{text-decoration:underline}.sr-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sr-requester{font-size:.75rem;color:var(--nora-muted)}.sr-date{font-size:.72rem;color:var(--nora-muted)}.sr-description{font-size:.8rem;color:var(--nora-muted);line-height:1.6;margin-top:2px}.sr-item-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sr-btn-approve{background:#44ff881a;border:2px solid var(--nora-green)!important;color:var(--nora-green)!important}.sr-btn-approve:hover{background:#4f83!important}.sr-btn-reject{background:#ff44551a;border:2px solid var(--nora-red)!important;color:var(--nora-red)!important}.sr-btn-reject:hover{background:#f453!important}.sr-btn-register{background:#44ff881f;border:2px solid var(--nora-green)!important;color:var(--nora-green)!important;font-family:"Press Start 2P",monospace;font-size:.42rem!important;letter-spacing:.03em}.sr-btn-register:hover{background:#44ff8840!important;transform:translate(-1px,-1px);box-shadow:2px 2px #44ff884d}.site-register-modal{box-shadow:8px 8px 0 var(--nora-green),0 24px 60px #000000bf;max-width:600px}.sr-reg-origin{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#44ff880f;border:1px solid rgba(68,255,136,.2);border-radius:2px;margin-bottom:4px}.sr-reg-origin-label{font-family:"Press Start 2P",monospace;font-size:.42rem;color:var(--nora-green);letter-spacing:.06em;margin-bottom:2px}.sr-reg-origin-name{font-size:.88rem;font-weight:700;color:var(--nora-text)}.sr-reg-origin-url{font-size:.75rem;color:var(--nora-cyan);text-decoration:none;word-break:break-all}.sr-reg-origin-url:hover{text-decoration:underline}.sr-reg-origin-requester{font-size:.72rem;color:var(--nora-muted)}@media (max-width: 900px){.admin-panel{grid-template-columns:1fr}.gallery-hero-title{font-size:1.5rem}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px;column-gap:16px;row-gap:28px}.bento-wrap--featured{grid-column:span 2;grid-row:span 2}.bento-wrap--featured .bento-thumb-wrap{height:220px}}@media (max-width: 620px){.main-content{padding:20px 14px 40px}.header-inner{padding:0 14px}.header-logo-pixel{font-size:.95rem}.header-logo-sub{display:none}.nav-btn{padding:10px 14px}.gallery-hero{padding:20px 16px 16px}.gallery-hero-title{font-size:1.1rem}.gallery-hero-sub{font-size:.58rem;margin-top:8px}.gallery-hero-stars{margin-top:10px}.search-input{min-width:0;font-size:1rem;padding:7px 10px}.category-select{min-width:100px;flex-shrink:0;font-size:1rem;padding:7px 30px 7px 10px}.gallery-header{gap:8px}.gallery-submit-btn{margin-left:0;width:100%;text-align:center}.game-grid{grid-template-columns:repeat(2,1fr);gap:16px}.bento-grid{grid-template-columns:repeat(2,1fr);column-gap:12px;row-gap:22px;grid-auto-rows:220px}.modal-iframe{height:320px}.modal-footer{flex-direction:column;align-items:stretch}.submit-modal{padding:24px 18px 20px}.admin-page-title{font-size:.78rem}}@media (max-width: 380px){.game-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr;grid-auto-rows:260px;gap:24px}.bento-wrap--featured{grid-column:span 1;grid-row:span 1}.bento-wrap--featured .bento-thumb-wrap{height:90px}.gallery-hero-title{font-size:.95rem}}