:root{--bg-dark: #0b1a3a;--bg-surface: rgba(11, 26, 58, .75);--primary: #B0D4F1;--secondary: #7EC8FF;--accent: #FFD700;--text-primary: #FFFFFF;--text-secondary: #B0D4F1;--text-muted: #7A8BA8;--text-dark: #000000;--card-border: rgba(176, 212, 241, .3);--success: #4CAF50;--error: #FF5252;--warning: #FFC107;--overlay: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .4);--badge-guest: #D4C6E8;--badge-free: #FFB8D4;--badge-basic: #88D8FF;--badge-premium: #FFE44D;--ball-range1: #FFD700;--ball-range2: #056dff;--ball-range3: #FF0000;--ball-range4: #000000;--ball-range5: #7a88a6;--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-xxl: 22px;--font-title: 26px;--font-header: 30px;--padding-sm: 8px;--padding-md: 16px;--padding-lg: 24px;--padding-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--max-width: 480px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#e3f2fd,#fff8e1);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{max-width:var(--max-width);margin:0 auto;min-height:100vh;position:relative}.app-container:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:100vh;background-image:inherit;background-size:cover;background-position:center;z-index:0}.app-container:before{display:none}.app-container>*:not(nav){position:relative;z-index:2}.page-content{padding:16px 16px 24px;min-height:100vh}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--tab-height);display:flex;justify-content:space-around;align-items:center;background:linear-gradient(180deg,#0a1628f2,#050c19fa);border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 0;flex:1;transition:all .25s ease;border-radius:12px}.tab-item:hover{transform:translateY(-4px) scale(1.1)}.tab-item:active{transform:translateY(1px) scale(.95)}.tab-icon{font-size:22px;transition:all .2s;filter:grayscale(.5) opacity(.6)}.tab-icon.active{font-size:26px;filter:grayscale(0) opacity(1) drop-shadow(0 0 6px rgba(176,212,241,.5))}.tab-label{font-size:10px;color:var(--text-muted);font-weight:600;transition:color .2s}.tab-label.active{color:var(--primary)}.jjik-header{padding:12px 16px 8px;position:sticky;top:0;z-index:100;background:#0a1628bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-nav-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#a8d8ff;font-size:17px;font-weight:900;cursor:pointer;padding:4px 8px;text-shadow:0 0 6px #000;font-family:inherit}.header-dots{display:flex;align-items:center;gap:6px}.header-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.15)}.header-dot.active{background:var(--secondary);border-color:#ffffff80}.header-row2{display:flex;align-items:center;justify-content:center;position:relative;margin-top:2px}.header-title-group{display:flex;align-items:center;gap:8px}.header-title-text{color:#a8d8ff;font-weight:800;text-shadow:0 0 8px #000}.header-badge{position:absolute;right:0}.page-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;position:sticky;top:0;z-index:100;background:#0a1628e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border)}.header-title{font-size:18px;font-weight:800;color:var(--primary);text-align:center;flex:1}.header-back{background:none;border:none;color:var(--secondary);font-size:14px;font-weight:600;cursor:pointer;padding:8px;min-width:60px;text-align:left}.header-spacer{min-width:60px}.card{background:#0b1a3a8c;border:2.5px solid rgba(176,212,241,.45);border-radius:var(--radius-md);padding:20px 14px;margin-bottom:14px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 12px 28px #0000004d,0 4px 8px #00000026}.card-title{font-size:16px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;gap:6px;box-shadow:0 2px 6px #0003}.btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px #00000059;filter:brightness(1.08)}.btn:active{transform:translateY(2px) scale(.97);box-shadow:0 2px 4px #0003;filter:brightness(.95)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:none!important}.btn-primary{background:linear-gradient(180deg,#2a5cab,#4a9fe5,#7ec8ff);color:#fff}.btn-accent{background:linear-gradient(180deg,#e59500,#ffb800,#ffe44d);color:#1a1a1a}.btn-outline{background:linear-gradient(180deg,#b0d4f126,#b0d4f10d);border:1px solid var(--card-border);color:var(--text-secondary)}.btn-outline:hover{background:linear-gradient(180deg,#b0d4f140,#b0d4f11a)}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:12px}.btn-danger{background:linear-gradient(180deg,#b71c1c,#d32f2f,#ff5252);color:#fff}.input{width:100%;padding:12px 16px;background:#ffffff14;border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--secondary)}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237A8BA8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}select.input option{background:#0f2347;color:#fff}.input-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.input-group{margin-bottom:16px}.lotto-ball{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;position:relative;flex-shrink:0}.ball-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ball-row-center{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tab-filters{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.tab-filters::-webkit-scrollbar{display:none}.tab-filter{padding:8px 16px;border-radius:20px;border:1px solid var(--card-border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s ease;font-family:inherit;box-shadow:0 2px 6px #0000001a}.tab-filter:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 14px #0003}.tab-filter:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 2px #0000001a}.tab-filter.active{background:linear-gradient(180deg,#2a5cab,#4a9fe5,#7ec8ff);color:#fff;border-color:transparent;box-shadow:0 3px 8px #4285f459}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;align-items:flex-end;z-index:100;justify-content:center;z-index:2000;animation:fadeIn .2s}.modal-content{background:#0f2347;border:1px solid var(--card-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 16px;width:100%;max-width:var(--max-width);max-height:80vh;overflow-y:auto;animation:slideUp .3s}.modal-center{align-items:center;justify-content:center}.modal-center .modal-content{border-radius:var(--radius-lg);max-height:90vh;margin:0 16px}.modal-title{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:16px;text-align:center}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.spinner{width:32px;height:32px;border:3px solid var(--card-border);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state .msg{font-size:14px;line-height:1.6}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(176,212,241,.1);cursor:pointer;transition:background .2s}.list-item:hover{background:#b0d4f10d}.list-item:last-child{border-bottom:none}.section-title{font-size:15px;font-weight:800;color:var(--primary);margin:20px 0 10px}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-center{text-align:center}.text-sm{font-size:12px}.text-xs{font-size:10px}.font-bold{font-weight:700}.font-extra{font-weight:800}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.gap-12{gap:12px}.flex-row{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-1{flex:1}.pattern-card-recommend{border-left:3px solid #66DE93}.pattern-card-interest{border-left:3px solid #FF8A8A}.pattern-card-option{border-left:3px solid #6BA3FF}.pattern-card-draw{border-left:3px solid #C8E64A}.pattern-card-ai{border-left:3px solid #1B9CFC}.btn-3d{position:relative;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:all .15s;box-shadow:0 4px #0000004d,0 6px 12px #0003;transform:translateY(0);font-family:inherit}.btn-3d:active{transform:translateY(3px);box-shadow:0 1px #0000004d,0 2px 4px #0003}.btn-3d-generate{background:linear-gradient(180deg,#1a3d7a,#2a5cab 30%,#4a9fe5 70%,#7ec8ff);color:#fff;box-shadow:0 4px #0f2650,0 6px 12px #0000004d}.btn-3d-generate:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 4px #0f2650,0 12px 24px #2a5cab66;filter:brightness(1.1)}.btn-3d-generate:active{box-shadow:0 1px #0f2650,0 2px 4px #0003}.btn-3d-gold{background:linear-gradient(180deg,#c48800,#e59500 30%,#ffb800 70%,#ffe44d);color:#1a1a1a;box-shadow:0 4px #8a6000,0 6px 12px #0000004d}.btn-3d-gold:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 4px #8a6000,0 12px 24px #c4880066;filter:brightness(1.1)}.btn-3d-gold:active{box-shadow:0 1px #8a6000,0 2px 4px #0003}.btn-3d-red{background:linear-gradient(180deg,#9a1c1c,#d32f2f 40%,#ff5252,#ff8a8a);color:#fff;box-shadow:0 4px #6d1212,0 6px 12px #0000004d}.btn-3d-red:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 4px #6d1212,0 12px 24px #d32f2f66;filter:brightness(1.1)}.btn-3d-red:active{box-shadow:0 1px #6d1212,0 2px 4px #0003}.btn-3d-green{background:linear-gradient(180deg,#1a5e35,#2e8b57 40%,#4caf50,#66de93);color:#fff;box-shadow:0 4px #0d3a1e,0 6px 12px #0000004d}.btn-3d-green:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 4px #0d3a1e,0 12px 24px #2e8b5766;filter:brightness(1.1)}.btn-3d-green:active{box-shadow:0 1px #0d3a1e,0 2px 4px #0003}.slot-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b1a3af7;display:flex;align-items:center;justify-content:center;z-index:2500}.slot-machine{width:320px;text-align:center}.slot-top-decor{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.slot-top-light{width:12px;height:12px;border-radius:50%;background:#1b9cfc;border:1px solid #7EC8FF}.slot-top-text{font-size:18px;font-weight:700;color:gold;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.6)}.slot-body{background:#0d1b2a;border:3px solid #FFD700;border-radius:20px;padding:16px;box-shadow:0 6px 24px #0006}.slot-body-top{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.slot-star{width:24px;height:24px;border-radius:50%;background:gold;display:flex;align-items:center;justify-content:center;font-size:12px}.slot-body-title{font-size:15px;font-weight:700;color:#fff}.slot-reel-area{display:flex;align-items:center;justify-content:center;background:#050d1f;border-radius:12px;padding:8px;border:2px solid #1B3A5C}.slot-side-decor{display:flex;flex-direction:column;gap:4px;margin:0 4px}.slot-side-stripe{width:8px;height:14px;border-radius:2px}.slot-side-stripe.gold{background:gold}.slot-side-stripe.blue{background:#1b9cfc}.slot-reels{display:flex;gap:2px;align-items:center}.slot-reel{width:68px;height:64px;background:#050d1f;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot-reel-divider{width:2px;height:64px;background:#1b3a5c}.slot-reel .ball{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.3)}.slot-reel .ball-inner{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#000}.slot-reel .ball{animation:slotSpin .12s linear infinite}.slot-reel.stopped .ball{animation:slotBounce .3s ease-out}@keyframes slotSpin{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slotBounce{0%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.slot-payline{display:flex;align-items:center;width:100%;margin-top:6px}.slot-payline-arrow{width:20px;text-align:center;color:gold;font-size:16px;font-weight:700}.slot-payline-line{flex:1;height:2px;background:gold}.slot-bottom-bar{display:flex;gap:10px;justify-content:center;margin-top:8px}.slot-coin{width:28px;height:28px;border-radius:50%;background:#1b3a5c;display:flex;align-items:center;justify-content:center;border:1.5px solid #2A4A6C;font-size:14px;font-weight:700;color:#fff}.slot-coin.active{background:gold;border-color:#ffa000}.slot-lever{position:absolute;right:-15px;top:45%;display:flex;flex-direction:column;align-items:center}.slot-lever-stick{width:8px;height:50px;background:#7a8ba8;border-radius:4px}.slot-lever-ball{width:24px;height:24px;border-radius:50%;background:#1b9cfc;border:2px solid #0D6EFD;margin-top:-2px}.slot-lucky{font-size:30px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6);animation:luckyPulse .5s ease infinite alternate;margin-top:12px}@keyframes luckyPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.slot-phase{font-size:13px;color:#b0d4f1;margin-top:10px}.gen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b1a3a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2500}.gen-title{font-size:20px;color:#fff;font-weight:700;margin-bottom:40px;letter-spacing:1px}.gen-balls{display:flex;gap:10px;justify-content:center}.gen-ball{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(176,212,241,.3);transition:transform .2s,border-color .2s}.gen-ball.stopped{border-color:#cedcff;animation:genBounce .3s ease-out}.gen-ball-inner{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#000}@keyframes genBounce{0%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ballPop{0%{transform:scale(.3);opacity:.3}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.gen-dots{display:flex;gap:8px;justify-content:center;margin-top:32px}.gen-dot{width:8px;height:8px;border-radius:50%;background:#b0d4f133}.gen-dot.active{background:gold}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out}.auth-page{max-width:var(--max-width);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 24px;position:relative}.auth-page:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:100vh;background:url(/bg_intro01.jpg) center/cover no-repeat;z-index:-1}.auth-page:after{display:none}.auth-intro:before{background-image:url(/bg_intro.jpg)}.auth-logo{text-align:center;margin-bottom:40px}.auth-logo h1{font-size:36px;font-weight:900;color:var(--accent);letter-spacing:2px}.auth-logo p{font-size:14px;color:var(--text-muted);margin-top:8px}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);max-width:calc(var(--max-width) - 32px);padding:12px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;z-index:3000;animation:fadeIn .3s}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}button:not(.btn-ghost),.btn-3d{transition:all .25s ease;box-shadow:0 4px 10px #0003,inset 0 1px #ffffff26}button:not(.btn-ghost):hover,.btn-3d:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 24px #0000004d,inset 0 1px #fff3;filter:brightness(1.08)}button:not(.btn-ghost):active,.btn-3d:active{transform:translateY(2px) scale(.97);box-shadow:0 2px 4px #0003;filter:brightness(.95)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:none!important;box-shadow:none!important}.btn-ghost{background:none;border:none;box-shadow:none!important;transition:all .25s ease}.btn-ghost:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.2)}.btn-ghost:active{transform:translateY(1px) scale(.95);filter:brightness(.9)}.card-hover{transition:transform .25s ease,box-shadow .25s ease;border-width:2.5px!important}.card-hover:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 12px 28px #00000026,0 4px 8px #00000014}@media (min-width: 481px){.app-container{box-shadow:0 0 40px #00000080}}