:root{--ck-primary:#ff5722;--ck-primary-hover:#e64a19;--ck-danger:#EF314A;--ck-danger-hover:#d42a3e;--ck-accent:#22c55e;--ck-bg:#0d0f10;--ck-header-bg:rgba(13,15,16,0.6);--ck-card-bg:rgba(20,22,24,0.95);--ck-card-border:#333333;--ck-input-bg:#2d2d2d;--ck-input-border:#3a3a3a;--ck-text:#ffffff;--ck-text-label:#cccccc;--ck-text-secondary:#aaaaaa;--ck-text-muted:#888888;--ck-text-faint:#555555;--ck-radius-card:10px;--ck-radius-btn:8px;--ck-radius-input:8px;--ck-header-h:88px;--ck-header-h-mob:56px;--ck-t:0.2s ease}*,:after,:before{box-sizing:border-box}html{height:100%;overflow-x:hidden}body{margin:0;font-family:Manrope,-apple-system,system-ui,sans-serif;background:var(--ck-bg);color:var(--ck-text);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}button,input,textarea{font-family:inherit}.ck-page{min-height:100vh;padding:calc(var(--ck-header-h-mob) + 28px) 16px 60px}@media(min-width:1024px){.ck-page{padding:calc(var(--ck-header-h) + 40px) 48px 72px}}.ck-container{max-width:800px;margin:0 auto}.ck-container-sm{max-width:480px;margin:0 auto}.ck-page-title{font-size:1.125rem;font-weight:700;color:var(--ck-text);margin:0}.ck-back-link{color:var(--ck-text-muted);font-size:.8125rem;transition:color var(--ck-t)}.ck-back-link:hover{color:var(--ck-primary)}.ck-loading{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--ck-text-muted);font-size:.875rem}.ck-divider{border:none;border-top:1px solid #222;margin:16px 0}.ck-card{background:var(--ck-card-bg);border:1px solid var(--ck-card-border);border-radius:var(--ck-radius-card);padding:24px 20px}.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--ck-radius-btn);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--ck-t),opacity var(--ck-t),border-color var(--ck-t),color var(--ck-t)}.ck-btn:disabled{opacity:.5;cursor:not-allowed}.ck-btn-block{width:100%}.ck-btn-primary{background:var(--ck-primary);color:#fff}.ck-btn-primary:hover:not(:disabled){background:var(--ck-primary-hover)}.ck-btn-danger{background:var(--ck-danger);color:#fff}.ck-btn-danger:hover:not(:disabled){background:var(--ck-danger-hover)}.ck-btn-ghost{background:rgba(0,0,0,0);border:1px solid #3a3a3a;color:var(--ck-text-muted)}.ck-btn-ghost:hover:not(:disabled){border-color:var(--ck-primary);color:var(--ck-primary);background:rgba(255,87,34,.07)}.ck-label{display:block;font-size:.8125rem;color:var(--ck-text-label);margin-bottom:6px;font-weight:500}.ck-input{display:block;width:100%;padding:10px 13px;margin-bottom:16px;background:var(--ck-input-bg);border:1px solid var(--ck-input-border);border-radius:var(--ck-radius-input);color:var(--ck-text);font-size:.875rem;outline:none;transition:border-color var(--ck-t)}.ck-input:focus{border-color:var(--ck-primary)}.ck-input:disabled{opacity:.5;cursor:not-allowed}.ck-input::placeholder{color:#606060}.ck-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.8125rem;line-height:1.5}.ck-alert-error{background:rgba(239,49,74,.1);border:1px solid rgba(239,49,74,.35);color:#ff8096}.ck-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);color:#4ade80}.ck-alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:0;flex-shrink:0;font-size:1rem;line-height:1}.ck-header{position:fixed;top:0;left:0;width:100%;height:var(--ck-header-h);background:var(--ck-header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid hsla(0,0%,100%,.06);z-index:99}@media(max-width:1023px){.ck-header{height:var(--ck-header-h-mob)}}.ck-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}@media(max-width:1023px){.ck-header-inner{padding:0 16px}}.ck-header-logo{display:flex;align-items:center;flex-shrink:0;margin-right:12px}.ck-header-logo .logo-cyber{font-size:1.25rem;font-weight:800;color:var(--ck-primary);letter-spacing:-.5px}.ck-header-logo .logo-king{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.5px}.ck-header-nav{display:flex;align-items:center;height:100%;flex:1 1;gap:2px}.ck-header-nav a{display:inline-flex;align-items:center;height:100%;padding:0 14px;font-size:.9375rem;font-weight:500;color:var(--ck-text-label);border-bottom:2px solid rgba(0,0,0,0);transition:color var(--ck-t),border-color var(--ck-t);white-space:nowrap}.ck-header-nav a:hover{color:var(--ck-primary)}.ck-header-nav a.ck-nav-active{color:var(--ck-primary);border-bottom-color:var(--ck-primary)}@media(max-width:1023px){.ck-header-nav{display:none}}@media(min-width:1500px){.ck-header-nav a{padding:0 18px}}.ck-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ck-header-auth-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid hsla(0,0%,100%,.12);border-radius:var(--ck-radius-btn);font-size:.875rem;font-weight:700;cursor:pointer;transition:background var(--ck-t),border-color var(--ck-t),color var(--ck-t)}.ck-header-auth-btn.logout{background:var(--ck-danger);color:#fff}.ck-header-auth-btn.logout:hover{background:var(--ck-danger-hover)}.ck-header-auth-btn.login{background:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.15);color:var(--ck-text-label)}.ck-header-auth-btn.login:hover{border-color:var(--ck-primary);color:var(--ck-primary)}@media(max-width:1023px){.ck-header-auth-btn{display:none}}.ck-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;background:hsla(0,0%,100%,.06);border:1px solid #3a3a3a;border-radius:8px;cursor:pointer}.ck-hamburger span{display:block;width:20px;height:2px;background:var(--ck-text-label);border-radius:2px;transition:background var(--ck-t)}.ck-hamburger:hover span{background:var(--ck-primary)}@media(max-width:1023px){.ck-hamburger{display:flex}}.ck-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199}.ck-drawer{position:fixed;top:0;left:0;height:100dvh;width:280px;background:rgba(13,15,16,.98);border-right:1px solid #2a2a2a;z-index:200;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#3a3a3a rgba(0,0,0,0)}.ck-drawer::-webkit-scrollbar{width:4px}.ck-drawer::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.ck-drawer.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.7)}.ck-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;border-bottom:1px solid #2a2a2a;flex-shrink:0}.ck-drawer-close{width:32px;height:32px;background:hsla(0,0%,100%,.06);border:1px solid #3a3a3a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ck-text-secondary);transition:color var(--ck-t),border-color var(--ck-t),background var(--ck-t)}.ck-drawer-close:hover{color:var(--ck-primary);border-color:var(--ck-primary);background:rgba(255,87,34,.1)}.ck-drawer-auth-btn{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:10px 16px;border-radius:8px;font-weight:700;font-size:.875rem;cursor:pointer;width:calc(100% - 32px);flex-shrink:0;transition:background var(--ck-t),border-color var(--ck-t),color var(--ck-t)}.ck-drawer-auth-btn.logout{background:var(--ck-danger);color:#fff;border:none}.ck-drawer-auth-btn.logout:hover{background:var(--ck-danger-hover)}.ck-drawer-auth-btn.login{background:rgba(0,0,0,0);border:1px solid #3a3a3a;color:var(--ck-text-muted)}.ck-drawer-auth-btn.login:hover{border-color:var(--ck-primary);color:var(--ck-primary);background:rgba(255,87,34,.07)}.ck-drawer-nav{flex:1 1;border-top:1px solid #1e1e1e}.ck-drawer-nav a{display:block;padding:13px 16px;color:var(--ck-text-muted);font-size:.875rem;border-top:1px solid #1e1e1e;transition:color var(--ck-t),background var(--ck-t)}.ck-drawer-nav a.ck-nav-active,.ck-drawer-nav a:hover{color:var(--ck-primary);background:rgba(255,87,34,.07)}.ck-drawer-nav a.ck-nav-active{font-weight:600}.ck-home-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}@media(min-width:600px){.ck-home-grid{grid-template-columns:repeat(4,1fr)}}.ck-home-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--ck-card-bg);border:1px solid var(--ck-card-border);border-radius:var(--ck-radius-card);padding:24px 12px;color:var(--ck-text-label);cursor:pointer;transition:border-color var(--ck-t),background var(--ck-t),color var(--ck-t);text-align:center}.ck-home-btn:hover{border-color:var(--ck-primary);background:rgba(255,87,34,.06);color:#fff}.ck-home-btn .home-icon{font-size:2rem;line-height:1}.ck-home-btn .home-label{font-size:.8125rem;font-weight:600;line-height:1.3}.ck-room-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.ck-room-wrap{width:100%;max-width:440px}.ck-room-logo{text-align:center;margin-bottom:28px}.ck-room-logo .logo-cyber{font-size:2rem;font-weight:800;color:var(--ck-primary);letter-spacing:-1px}.ck-room-logo .logo-king{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-1px}.ck-room-logo p{color:var(--ck-text-muted);font-size:.875rem;margin-top:6px}.ck-room-list{display:flex;flex-direction:column;gap:10px}.ck-room-btn{background:rgba(20,22,24,.95);border:1px solid var(--ck-card-border);border-radius:10px;padding:14px 18px;color:#fff;cursor:pointer;text-align:left;transition:border-color var(--ck-t),background var(--ck-t);width:100%}.ck-room-btn:hover:not(:disabled){border-color:var(--ck-primary);background:rgba(255,87,34,.06)}.ck-room-btn:disabled{opacity:.45;cursor:not-allowed}.ck-room-btn .room-name{font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:8px}.ck-room-btn .room-expired{font-size:.6875rem;color:#ff8096;background:rgba(239,49,74,.15);padding:2px 7px;border-radius:4px}.ck-room-btn .room-addr{font-size:.75rem;color:var(--ck-text-muted);margin-top:4px}.ck-map-page{position:fixed;top:var(--ck-header-h-mob);left:0;right:0;bottom:0;overflow:hidden;background:var(--ck-bg);touch-action:none}@media(min-width:1024px){.ck-map-page{top:var(--ck-header-h)}}.ck-map-back{position:absolute;top:12px;left:14px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(13,15,16,.82);border:1px solid #333;border-radius:6px;color:var(--ck-text-muted);font-size:.8125rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--ck-t),border-color var(--ck-t)}.ck-map-back:hover{color:var(--ck-primary);border-color:var(--ck-primary)}.ck-gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:10px;gap:10px}.ck-gc-card{background:var(--ck-card-bg);border:1px solid var(--ck-card-border);border-radius:8px;overflow:hidden;transition:border-color var(--ck-t)}.ck-gc-card:hover{border-color:rgba(255,87,34,.4)}.ck-gc-header{text-align:center;font-size:.8125rem;font-weight:700;border-radius:6px 6px 0 0}.ck-gc-body,.ck-gc-header{padding:9px 8px}.ck-gc-price{color:var(--ck-text-secondary)}.ck-gc-price,.ck-gc-receive{font-size:.75rem;margin-bottom:2px}.ck-gc-receive{color:var(--ck-text-label)}.ck-gc-promo{font-size:.6875rem;color:#4ade80}.ck-cart-box{background:var(--ck-card-bg);border:1px solid var(--ck-card-border);border-radius:var(--ck-radius-card);padding:18px 16px;min-width:240px;width:260px}@media(max-width:767px){.ck-cart-box{width:100%}}.ck-cart-row{gap:8px;margin-bottom:10px}.ck-cart-row,.ck-qty-ctrl{display:flex;align-items:center}.ck-qty-ctrl{gap:4px}.ck-qty-btn{width:24px;height:24px;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color var(--ck-t),background var(--ck-t)}.ck-qty-btn:hover{border-color:var(--ck-primary);background:rgba(255,87,34,.1)}.ck-combo-card{background:var(--ck-card-bg);border:1px solid var(--ck-card-border);border-radius:var(--ck-radius-card);padding:18px;transition:border-color var(--ck-t)}.ck-combo-card:hover{border-color:rgba(255,87,34,.35)}.ck-combo-info-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ck-combo-info-item{font-size:.75rem;color:var(--ck-text-secondary)}.ck-combo-info-item span{color:var(--ck-text-muted)}.ck-combo-price-strike{text-decoration:line-through;color:var(--ck-text-faint);font-size:.8125rem}.ck-combo-price{color:var(--ck-primary);font-weight:700;font-size:1.0625rem;margin-left:8px}.ck-account-hero{display:flex;flex-direction:column;align-items:center;padding:28px 0 24px;gap:10px}.ck-account-avatar{width:72px;height:72px;border-radius:50%;background:var(--ck-primary);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;flex-shrink:0}.ck-account-name{font-size:1.125rem;font-weight:700;color:var(--ck-text)}.ck-account-subname{font-size:.8125rem;color:var(--ck-text-muted);margin-top:-4px}.ck-account-section-title{font-size:.75rem;font-weight:600;color:var(--ck-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.ck-account-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #222}.ck-account-info-row:last-child{border-bottom:none}.ck-account-info-label{font-size:.8125rem;color:var(--ck-text-muted)}.ck-account-info-value{font-size:.8125rem;font-weight:600;color:var(--ck-text)}.ck-account-link-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #222;color:var(--ck-text-label);font-size:.875rem;transition:color var(--ck-t)}.ck-account-link-row:last-child{border-bottom:none}.ck-account-link-row:hover{color:var(--ck-primary)}.ck-account-chevron{font-size:1.25rem;line-height:1;color:var(--ck-text-faint)}