@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&family=LXGW+WenKai&family=Noto+Serif+SC&family=Noto+Sans+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&family=ZCOOL+KuaiLe&family=Ma+Shan+Zheng&display=swap";.cover-page{width:100vw;height:100vh;position:relative;overflow:hidden;background-image:url(./%E5%8D%A1%E9%80%9A%E5%AE%AB%E6%AE%BF%E5%9B%BE-BlTqV8Re.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.cover-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:60px;padding:0 20px;transform:translateY(-20px)}.game-title{text-align:center;animation:titleAppear 1.5s ease-out;margin-bottom:20px}.title-main{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:32px;font-weight:700;color:#8b0000;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.3),0 0 20px rgba(139,0,0,.5);letter-spacing:6px;position:relative;display:inline-block;line-height:1.2}.title-main:before{content:"";position:absolute;bottom:-10px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent,#8b0000,transparent);border-radius:2px;animation:titleUnderline 2s ease-in-out infinite}.title-subtitle{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:1.2rem;color:#5a3d2b;margin:0;text-shadow:1px 1px 0 rgba(255,255,255,.8);letter-spacing:.1em;animation:subtitleAppear 1.8s ease-out;animation-delay:.3s;animation-fill-mode:both}.enter-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:22px 65px;border-radius:50px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:1.6rem;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 8px 25px #667eea66,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:buttonAppear 2s ease-out;animation-delay:.6s;animation-fill-mode:both;min-width:240px;text-align:center;position:relative;z-index:1;letter-spacing:2px;text-shadow:1px 1px 0 rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.3)}.button-text{position:relative;z-index:2;display:block;transition:all .3s ease}.enter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:1}.enter-button:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 35px #667eea99,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#764ba2,#667eea);border-color:#ffffff80}.enter-button:hover:before{left:100%}.enter-button:hover .button-text{transform:scale(1.1);text-shadow:1px 1px 0 rgba(0,0,0,.2),0 0 20px rgba(255,255,255,.8)}.enter-button:active{transform:translateY(0) scale(.95);box-shadow:0 5px 15px #667eea66,inset 0 1px #fff3;border-color:#fff3}.cover-page.loaded{animation:pageFadeIn 2s ease-out}@keyframes titleAppear{0%{opacity:0;transform:scale(.5) translateY(-50px)}50%{opacity:.8;transform:scale(1.1) translateY(10px)}70%{transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes subtitleAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonAppear{0%{opacity:0;transform:scale(0) translateY(50px)}50%{opacity:.8;transform:scale(1.1) translateY(-10px)}70%{transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleUnderline{0%,to{width:80%;left:10%}50%{width:100%;left:0}}@media (min-width: 601px){.title-main{font-size:36px;letter-spacing:12px}.enter-button{padding:22px 65px;font-size:1.6rem;min-width:240px}.cover-content{gap:60px;transform:translateY(-20px)}}@media (min-width: 901px){.title-main{font-size:48px;letter-spacing:16px}.enter-button{padding:24px 70px;font-size:1.8rem;min-width:260px}.cover-content{gap:70px;transform:translateY(-25px)}}@media (max-width: 360px){.title-main{font-size:24px;letter-spacing:6px}.enter-button{padding:16px 45px;font-size:1.1rem;min-width:180px}.cover-content{gap:40px;transform:translateY(-10px)}}@media (max-height: 450px) and (orientation: landscape){.title-main{font-size:22px;letter-spacing:6px}.enter-button{padding:14px 40px;font-size:1rem;min-width:160px}.cover-content{gap:30px;transform:translateY(-5px)}}@media (hover: none) and (pointer: coarse){.enter-button{padding:24px 60px;font-size:1.5rem;border-width:2px}.enter-button:active{transform:scale(.95);border-color:#fff3}}@media (prefers-color-scheme: dark){.title-main{color:gold;text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.5)}.title-main:before{background:linear-gradient(90deg,transparent,#ffd700,transparent)}.enter-button{background:linear-gradient(135deg,#8a2be2,#9370db);color:#fff;box-shadow:0 8px 25px #8a2be266,inset 0 1px #fff3;border-color:#ffffff4d}.enter-button:hover{background:linear-gradient(135deg,#9370db,#8a2be2);box-shadow:0 15px 35px #8a2be299,inset 0 1px #ffffff4d;border-color:#ffffff80}.enter-button:hover .button-text{text-shadow:1px 1px 0 rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.8)}.enter-button:active{box-shadow:0 5px 15px #8a2be266,inset 0 1px #fff3;border-color:#fff3}}@media (prefers-reduced-motion: reduce){.game-title,.title-main:before,.enter-button,.cover-page.loaded{animation:none}.enter-button{transition:none}}:root{--color-ink: #1a1a1a;--color-paper: #f7f3e9;--color-paper-dark: #ebe5d8;--color-cinnabar: #c9372c;--color-cinnabar-light: #d9453a;--color-gold: #d4a84b;--color-gold-light: #f0d878;--color-jade: #4a7c59;--color-ochre: #b87333;--color-indigo: #2c3e50;--color-border: rgba(160, 128, 96, .4);--color-border-light: rgba(160, 128, 96, .2);--color-text-primary: #1a1a1a;--color-text-secondary: #666;--color-text-muted: #999;--gradient-gold: linear-gradient(135deg, #d4a84b 0%, #f0d878 50%, #d4a84b 100%);--gradient-gold-text: linear-gradient(180deg, #f0d878 0%, #d4a84b 100%);--gradient-paper: linear-gradient(180deg, #f7f3e9 0%, #ebe5d8 100%);--gradient-dark: linear-gradient(180deg, #1a1a2e 0%, #2c3e50 100%);--gradient-cover: linear-gradient(180deg, rgba(26, 26, 46, .3) 0%, rgba(26, 26, 46, .1) 40%, rgba(26, 26, 46, .4) 100% );--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(212, 168, 75, .3);--shadow-gold: 0 4px 20px rgba(212, 168, 75, .4);--font-title: "Noto Serif SC", "Source Han Serif SC", serif;--font-display: "ZCOOL XiaoWei", cursive;--font-body: "LXGW WenKai", "Noto Serif SC", serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(212,168,75,.5),0 0 20px rgba(212,168,75,.3),0 0 30px rgba(212,168,75,.2)}50%{text-shadow:0 0 20px rgba(212,168,75,.8),0 0 40px rgba(212,168,75,.5),0 0 60px rgba(212,168,75,.3)}}@keyframes cloudFloat{0%{transform:translate(-10%) translateY(0)}50%{transform:translate(10%) translateY(-10px)}to{transform:translate(-10%) translateY(0)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes petalFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes buttonGlow{0%,to{box-shadow:0 4px 20px #c9372c66}50%{box-shadow:0 4px 30px #c9372c99,0 0 40px #d4a84b4d}}@keyframes scrollUnroll{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in-scale{animation:fadeInScale .5s ease forwards}.animate-text-glow{animation:textGlow 3s ease-in-out infinite}.animate-cloud-float{animation:cloudFloat 20s ease-in-out infinite}.animate-wave{animation:wave 4s ease-in-out infinite}.animate-petal-fall{animation:petalFall 8s linear infinite}.animate-button-glow{animation:buttonGlow 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.opacity-0{opacity:0}.hall-page{width:100%;min-height:100dvh;position:relative;overflow-x:hidden;background:#f5f0e6;display:flex;flex-direction:column}.hall-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.cartoon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./%E5%8D%A1%E9%80%9A%E5%AE%AB%E6%AE%BF%E5%9B%BE-BlTqV8Re.png);background-size:cover;background-position:center;background-repeat:no-repeat}.bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 20%,rgba(212,168,75,.06) 0%,transparent 35%),radial-gradient(circle at 70% 60%,rgba(201,55,44,.04) 0%,transparent 35%)}.hall-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 20px 16px;gap:16px;flex-shrink:0}.header-decoration{display:none}.title-wrapper{text-align:center}.hall-title{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:32px;font-weight:700;color:#e07b39;letter-spacing:6px;margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.hall-subtitle{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:14px;color:#8b7355;letter-spacing:4px;margin:0;font-weight:400}.palace-decoration{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:2;opacity:.08;pointer-events:none}.hall-content{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:16px 20px;min-height:0}.ink-menu{display:flex;flex-direction:column;gap:32px;width:100%;max-width:320px;align-items:center}.ink-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:#fffc;border:3px solid #8b7355;border-radius:16px;cursor:pointer;transition:all .3s ease;overflow:visible;box-shadow:3px 3px #0003}.ink-item:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.ink-text{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:28px;font-weight:700;color:#e07b39;letter-spacing:6px;text-shadow:2px 2px 0 rgba(0,0,0,.2);transition:all .3s ease;position:relative;z-index:2}.ink-subtext{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:14px;color:#8b7355;letter-spacing:4px;opacity:.9;transition:all .3s ease;position:relative;z-index:2}.ink-item:hover:not(:disabled){transform:translateY(-2px);box-shadow:5px 5px #0000004d;background:#fffffff2}.ink-item:hover:not(:disabled) .ink-text{color:#c9372c;transform:scale(1.05)}.ink-item:hover:not(:disabled) .ink-subtext{opacity:1;color:#6d4c41}.ink-item:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:2px 2px #0003}.ink-item:active:not(:disabled) .ink-text{transform:scale(.98)}.ink-item.dissolving .ink-text{animation:cartoon-dissolve .6s ease-out forwards}.ink-item.dissolving .ink-subtext{animation:cartoon-dissolve .5s ease-out .1s forwards}.ink-item.dissolving{animation:cartoon-button-dissolve .6s ease-out forwards}.ink-item.faded{opacity:.3;filter:blur(2px);transform:scale(.95)}@keyframes cartoon-dissolve{0%{opacity:1;filter:blur(0px);transform:scale(1)}50%{opacity:.7;filter:blur(2px);transform:scale(1.1)}to{opacity:0;filter:blur(8px);transform:scale(1.3)}}@keyframes cartoon-button-dissolve{0%{opacity:1;transform:scale(1);box-shadow:3px 3px #0003}to{opacity:0;transform:scale(1.1) rotate(5deg);box-shadow:10px 10px #0000001a}}.ink-blob{display:none}.ink-drops{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;opacity:0}.ink-drops span{position:absolute;width:6px;height:6px;background:#e07b39;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 1px #0000004d}.ink-item.dissolving .ink-drops{opacity:1}.ink-item.dissolving .ink-drops span{animation:cartoon-drop .6s ease-out forwards}.ink-item.dissolving .ink-drops span:nth-child(1){animation-delay:0s;--drop-x: -80px;--drop-y: -40px}.ink-item.dissolving .ink-drops span:nth-child(2){animation-delay:.1s;--drop-x: 80px;--drop-y: -30px}.ink-item.dissolving .ink-drops span:nth-child(3){animation-delay:.15s;--drop-x: -60px;--drop-y: 50px}.ink-item.dissolving .ink-drops span:nth-child(4){animation-delay:.2s;--drop-x: 70px;--drop-y: 40px}.ink-item.dissolving .ink-drops span:nth-child(5){animation-delay:.25s;--drop-x: 0px;--drop-y: -60px}@keyframes cartoon-drop{0%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0px)}to{transform:translate(calc(-50% + var(--drop-x)),calc(-50% + var(--drop-y))) scale(1.5);opacity:0;filter:blur(4px)}}.hall-footer{position:relative;z-index:10;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));flex-shrink:0}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.footer-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:var(--cartoon-paper);border:2px solid var(--cartoon-border);border-radius:12px;cursor:pointer;transition:all var(--transition-normal) var(--ease-bounce);box-shadow:3px 3px #0003}.footer-btn:hover{background:var(--cartoon-accent);border-color:var(--cartoon-accent-dark);transform:translateY(-2px) scale(1.1);box-shadow:5px 5px #0000004d}.footer-btn:active{transform:translateY(0) scale(.95);box-shadow:2px 2px #0003}.footer-btn .btn-icon{color:var(--cartoon-text-dark);transition:color .2s ease}.footer-btn:hover .btn-icon{color:#fff}.footer-btn .btn-text{display:none}.footer-divider{display:flex;align-items:center;justify-content:center}.divider-dot{display:block;width:8px;height:8px;background:var(--cartoon-accent);border:2px solid var(--cartoon-border);border-radius:50%;box-shadow:2px 2px #0003}.user-info{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--cartoon-paper);border:2px solid var(--cartoon-border);border-radius:24px;box-shadow:3px 3px #0003;transition:all var(--transition-normal) var(--ease-bounce)}.user-info:hover{transform:translateY(-2px);box-shadow:5px 5px #0000004d}.user-label{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:12px;color:var(--cartoon-text);font-weight:700;letter-spacing:1px}.user-email{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:14px;color:var(--cartoon-text-dark);font-weight:600;letter-spacing:.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email.not-logged{color:var(--cartoon-text-light);font-style:normal}.login-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--cartoon-paper);border:2px solid var(--cartoon-border);border-radius:16px;color:var(--cartoon-text-dark);font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-normal) var(--ease-bounce);box-shadow:2px 2px #0003}.login-trigger:hover{background:var(--cartoon-accent);color:#fff;border-color:var(--cartoon-accent-dark);transform:translateY(-2px) scale(1.05);box-shadow:4px 4px #0000004d}.login-trigger:active{transform:translateY(0) scale(.95);box-shadow:2px 2px #0003}.login-trigger .login-icon{color:var(--cartoon-text);transition:color .2s ease}.login-trigger:hover .login-icon{color:#fff}.logout-btn{width:48px;height:48px}.logout-btn:hover{background:#ff6b6b;border-color:#ee5a5a}.logout-btn:hover .btn-icon{color:#fff}@media (min-width: 601px){.hall-header{padding:32px 40px 20px;gap:24px}.header-decoration{display:flex}.cloud-pattern{width:60px;height:24px}.hall-title{font-size:36px;letter-spacing:12px}.hall-subtitle{font-size:14px;letter-spacing:8px}.palace-decoration{top:80px;opacity:.12}.palace-decoration svg{width:150px!important;height:150px!important}.hall-content{padding:20px 40px}.ink-menu{gap:40px;max-width:400px}.ink-text{font-size:40px;letter-spacing:16px;text-indent:16px}.ink-subtext{font-size:14px;letter-spacing:6px}.hall-footer{padding:20px 40px calc(32px + env(safe-area-inset-bottom,0px))}.footer-content{gap:20px}.footer-btn{width:44px;height:44px}.user-info{padding:8px 18px}.user-label{font-size:12px}.user-email{font-size:13px;max-width:180px}.logout-btn{width:40px;height:40px}}@media (min-width: 901px){.hall-header{padding:calc(40px + env(safe-area-inset-top,0px)) 60px 24px;gap:40px}.cloud-pattern{width:80px;height:30px}.hall-title{font-size:48px;letter-spacing:16px}.hall-subtitle{font-size:16px;letter-spacing:10px}.palace-decoration{top:100px;opacity:.15}.palace-decoration svg{width:200px!important;height:200px!important}.hall-content{padding:24px 60px}.ink-menu{gap:48px;max-width:500px}.ink-text{font-size:48px;letter-spacing:20px;text-indent:20px}.ink-subtext{font-size:16px;letter-spacing:8px}.hall-footer{padding:24px 60px 40px}.footer-content{gap:32px}.user-label{font-size:13px}.user-email{font-size:14px;padding:6px 16px;max-width:240px}.logout-btn{padding:8px 20px}.btn-text{font-size:13px}}@media (max-width: 360px){.hall-title{font-size:24px;letter-spacing:6px}.hall-subtitle{font-size:12px;letter-spacing:4px}.hall-content{padding:12px 16px}.ink-menu{gap:24px}.ink-text{font-size:26px;letter-spacing:8px;text-indent:8px}.ink-subtext{font-size:11px;letter-spacing:3px}}@media (max-height: 450px) and (orientation: landscape){.hall-header{padding:12px 20px 8px}.hall-title{font-size:22px;letter-spacing:6px}.hall-subtitle{font-size:11px}.palace-decoration{display:none}.hall-content{padding:8px 20px}.ink-menu{flex-direction:row;justify-content:center;gap:24px;max-width:600px}.ink-item{padding:12px 20px}.ink-text{font-size:20px;letter-spacing:6px;text-indent:6px}.ink-subtext{font-size:10px;letter-spacing:2px}.hall-footer{padding:8px 20px 16px}.footer-content{flex-direction:row;gap:16px}}:root{--es-bg-primary: #0d1117;--es-bg-secondary: #161b22;--es-bg-tertiary: #21262d;--es-bg-hover: #30363d;--es-bg-selected: #1c2128;--es-accent-gold: #d4a84b;--es-accent-gold-hover: #e8c76d;--es-accent-gold-dim: #8b7355;--es-text-primary: #f0f6fc;--es-text-secondary: #8b949e;--es-text-muted: #6e7681;--es-text-disabled: #484f58;--es-border-default: #30363d;--es-border-subtle: #21262d;--es-border-accent: #d4a84b;--es-success: #238636;--es-warning: #d29922;--es-danger: #da3633;--es-info: #58a6ff;--es-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--es-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--es-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--es-shadow-gold: 0 0 20px rgba(212, 168, 75, .15);--es-space-1: 4px;--es-space-2: 8px;--es-space-3: 12px;--es-space-4: 16px;--es-space-5: 20px;--es-space-6: 24px;--es-space-8: 32px;--es-space-10: 40px;--es-space-12: 48px;--es-radius-sm: 4px;--es-radius-md: 6px;--es-radius-lg: 8px;--es-radius-xl: 12px}.era-select-page{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--es-bg-primary);color:var(--es-text-primary);overflow:hidden;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}.era-header{display:flex;align-items:center;justify-content:center;padding:var(--es-space-4) var(--es-space-6);background:var(--es-bg-secondary);border-bottom:1px solid var(--es-border-default);position:relative}.era-title{margin:0;font-size:20px;font-weight:600;letter-spacing:2px;color:var(--es-text-primary);font-family:"Noto Serif SC",serif}.era-title:after{content:"";display:block;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--es-accent-gold),transparent);margin:var(--es-space-2) auto 0}.scenario-bar{display:flex;gap:var(--es-space-1);padding:var(--es-space-3) var(--es-space-6);background:var(--es-bg-secondary);border-bottom:1px solid var(--es-border-default);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scenario-bar::-webkit-scrollbar{display:none}.scenario-tab{padding:var(--es-space-2) var(--es-space-4);background:transparent;border:1px solid transparent;border-radius:var(--es-radius-md);color:var(--es-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Noto Sans SC,sans-serif}.scenario-tab:hover{background:var(--es-bg-tertiary);color:var(--es-text-primary)}.scenario-tab.selected{background:var(--es-bg-selected);border-color:var(--es-accent-gold);color:var(--es-accent-gold);box-shadow:var(--es-shadow-gold)}.era-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:var(--es-space-6);gap:var(--es-space-6)}.scenario-info-card{display:flex;align-items:flex-start;gap:var(--es-space-6);padding:var(--es-space-5);background:var(--es-bg-secondary);border:1px solid var(--es-border-default);border-radius:var(--es-radius-lg);border-left:3px solid var(--es-accent-gold)}.scenario-info-main{flex:1}.scenario-info-header{display:flex;align-items:center;gap:var(--es-space-3);margin-bottom:var(--es-space-2)}.scenario-info-name{font-size:18px;font-weight:600;color:var(--es-text-primary);font-family:"Noto Serif SC",serif}.scenario-info-year{padding:var(--es-space-1) var(--es-space-2);background:var(--es-bg-tertiary);border-radius:var(--es-radius-sm);font-size:12px;color:var(--es-accent-gold);font-family:JetBrains Mono,monospace}.scenario-info-desc{margin:0;font-size:14px;line-height:1.6;color:var(--es-text-secondary)}.scenario-info-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--es-space-2);min-width:120px}.scenario-info-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--es-text-muted)}.scenario-info-factions{font-size:24px;font-weight:700;color:var(--es-accent-gold)}.faction-selection-area{flex:1;display:flex;gap:var(--es-space-6);overflow:hidden;min-height:0}.faction-list-panel{width:280px;display:flex;flex-direction:column;background:var(--es-bg-secondary);border:1px solid var(--es-border-default);border-radius:var(--es-radius-lg);overflow:hidden}.faction-list-header{padding:var(--es-space-4);border-bottom:1px solid var(--es-border-default)}.faction-list-title{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--es-text-muted)}.faction-name-list{flex:1;overflow-y:auto;padding:var(--es-space-2)}.faction-name-item{display:flex;align-items:center;justify-content:space-between;padding:var(--es-space-3) var(--es-space-4);margin-bottom:var(--es-space-1);background:transparent;border:1px solid transparent;border-radius:var(--es-radius-md);cursor:pointer;transition:all .15s ease;position:relative}.faction-name-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--es-accent-gold);border-radius:0 2px 2px 0;transition:height .2s ease}.faction-name-item:hover{background:var(--es-bg-tertiary)}.faction-name-item:hover:before{height:60%}.faction-name-item.selected{background:var(--es-bg-selected);border-color:var(--es-border-default)}.faction-name-item.selected:before{height:80%}.faction-name-left{display:flex;align-items:center;gap:var(--es-space-3)}.faction-color-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.faction-name-text{font-size:15px;font-weight:500;color:var(--es-text-primary);font-family:"Noto Serif SC",serif}.faction-name-item:hover .faction-name-text,.faction-name-item.selected .faction-name-text{color:var(--es-accent-gold)}.faction-difficulty{font-size:12px;color:var(--es-text-muted);letter-spacing:1px}.faction-difficulty .filled{color:var(--es-accent-gold)}.faction-detail-panel{flex:1;display:flex;flex-direction:column;background:var(--es-bg-secondary);border:1px solid var(--es-border-default);border-radius:var(--es-radius-lg);overflow:hidden}.faction-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--es-space-4);color:var(--es-text-muted)}.faction-detail-empty-icon{font-size:48px;opacity:.3}.faction-detail-empty-text{font-size:14px}.faction-detail-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.faction-detail-header{display:flex;gap:var(--es-space-6);padding:var(--es-space-6);background:linear-gradient(180deg,var(--es-bg-tertiary) 0%,var(--es-bg-secondary) 100%);border-bottom:1px solid var(--es-border-default)}.faction-emblem{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--es-bg-primary);border:2px solid var(--es-border-default);border-radius:var(--es-radius-lg);flex-shrink:0;position:relative;overflow:hidden}.faction-emblem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(212,168,75,.1) 100%)}.faction-emblem-text{font-size:36px;font-weight:700;font-family:"Noto Serif SC",serif}.faction-header-info{flex:1;display:flex;flex-direction:column;gap:var(--es-space-3)}.faction-header-top{display:flex;align-items:center;gap:var(--es-space-3);flex-wrap:wrap}.detail-faction-name{margin:0;font-size:28px;font-weight:700;font-family:"Noto Serif SC",serif}.detail-faction-type{padding:var(--es-space-1) var(--es-space-3);background:var(--es-bg-primary);border:1px solid var(--es-border-default);border-radius:var(--es-radius-sm);font-size:12px;color:var(--es-text-secondary);text-transform:uppercase;letter-spacing:1px}.detail-difficulty{display:flex;align-items:center;gap:var(--es-space-2);font-size:13px;color:var(--es-text-secondary)}.detail-difficulty-stars{color:var(--es-accent-gold);letter-spacing:2px}.detail-traits{display:flex;flex-wrap:wrap;gap:var(--es-space-2)}.trait-badge{padding:var(--es-space-1) var(--es-space-3);background:var(--es-bg-primary);border:1px solid var(--es-border-subtle);border-radius:var(--es-radius-sm);font-size:12px;color:var(--es-text-secondary)}.faction-detail-body{flex:1;padding:var(--es-space-6);display:flex;flex-direction:column;gap:var(--es-space-6)}.detail-section{display:flex;flex-direction:column;gap:var(--es-space-3)}.detail-section-title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--es-text-muted);border-bottom:1px solid var(--es-border-subtle);padding-bottom:var(--es-space-2)}.detail-description{margin:0;font-size:14px;line-height:1.8;color:var(--es-text-secondary)}.starting-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--es-space-3)}.stat-item{display:flex;flex-direction:column;gap:var(--es-space-1);padding:var(--es-space-3);background:var(--es-bg-primary);border:1px solid var(--es-border-subtle);border-radius:var(--es-radius-md)}.stat-label{font-size:11px;color:var(--es-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:600;color:var(--es-text-primary)}.faction-relations{display:flex;flex-direction:column;gap:var(--es-space-2)}.relation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--es-space-3);background:var(--es-bg-primary);border:1px solid var(--es-border-subtle);border-radius:var(--es-radius-md)}.relation-faction{display:flex;align-items:center;gap:var(--es-space-2);font-size:14px;color:var(--es-text-primary)}.relation-dot{width:6px;height:6px;border-radius:50%}.relation-status{padding:var(--es-space-1) var(--es-space-2);border-radius:var(--es-radius-sm);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.relation-status.suzerain{background:#d4a84b33;color:var(--es-accent-gold)}.relation-status.vassal{background:#58a6ff33;color:var(--es-info)}.relation-status.ally{background:#23863633;color:#3fb950}.relation-status.neutral{background:#6e768133;color:var(--es-text-muted)}.relation-status.hostile{background:#da363333;color:var(--es-danger)}.era-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--es-space-4) var(--es-space-6);background:var(--es-bg-secondary);border-top:1px solid var(--es-border-default)}.footer-info{display:flex;align-items:center;gap:var(--es-space-4);font-size:13px;color:var(--es-text-muted)}.footer-divider{width:1px;height:16px;background:var(--es-border-default)}.footer-buttons{display:flex;gap:var(--es-space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--es-space-2);padding:var(--es-space-3) var(--es-space-5);font-size:14px;font-weight:500;border-radius:var(--es-radius-md);cursor:pointer;transition:all .15s ease;border:1px solid transparent;font-family:Noto Sans SC,sans-serif}.btn-secondary{background:var(--es-bg-tertiary);border-color:var(--es-border-default);color:var(--es-text-primary)}.btn-secondary:hover{background:var(--es-bg-hover);border-color:var(--es-border-subtle)}.btn-primary{background:var(--es-accent-gold);color:var(--es-bg-primary);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--es-accent-gold-hover);box-shadow:var(--es-shadow-gold)}.btn-primary:disabled{background:var(--es-bg-tertiary);color:var(--es-text-disabled);cursor:not-allowed}.btn-icon{font-size:16px}@media (max-width: 1024px){.faction-selection-area{flex-direction:row;gap:var(--es-space-4)}.faction-list-panel{width:160px;min-width:160px;max-height:none}.faction-name-list{overflow-y:auto;padding:var(--es-space-2)}.faction-name-item{margin-bottom:var(--es-space-2)}.faction-detail-panel{flex:1;min-width:0}.faction-detail-header{flex-direction:column;align-items:center;text-align:center}.scenario-info-card{flex-direction:column}.scenario-info-meta{align-items:flex-start;flex-direction:row;gap:var(--es-space-4)}}@media (max-width: 640px){.faction-selection-area{flex-direction:row;gap:var(--es-space-3)}.faction-list-panel{width:120px;min-width:120px}.faction-name-text{font-size:14px}.faction-difficulty.sm{font-size:10px}.era-content{padding:var(--es-space-4)}.scenario-bar{padding:var(--es-space-2) var(--es-space-4)}.scenario-tab{padding:var(--es-space-2) var(--es-space-3);font-size:13px}.era-footer{flex-direction:column;gap:var(--es-space-3)}.footer-info{order:1}.footer-buttons{width:100%}.btn{flex:1}}.faction-name-list::-webkit-scrollbar,.faction-detail-content::-webkit-scrollbar{width:6px}.faction-name-list::-webkit-scrollbar-track,.faction-detail-content::-webkit-scrollbar-track{background:var(--es-bg-primary);border-radius:3px}.faction-name-list::-webkit-scrollbar-thumb,.faction-detail-content::-webkit-scrollbar-thumb{background:var(--es-border-default);border-radius:3px}.faction-name-list::-webkit-scrollbar-thumb:hover,.faction-detail-content::-webkit-scrollbar-thumb:hover{background:var(--es-text-muted)}:root{--tb-bg-primary: #0d1117;--tb-bg-secondary: #161b22;--tb-bg-tertiary: #21262d;--tb-accent-gold: #d4a84b;--tb-accent-gold-hover: #e8c76d;--tb-text-primary: #f0f6fc;--tb-text-secondary: #8b949e;--tb-text-muted: #6e7681;--tb-border-default: #30363d;--tb-border-subtle: #21262d;--tb-success: #238636;--tb-info: #58a6ff;--tb-shadow: 0 2px 8px rgba(0, 0, 0, .4)}.top-bar{height:60px;padding-top:env(safe-area-inset-top,0);background:var(--tb-bg-secondary);border-bottom:1px solid var(--tb-border-default);display:flex;align-items:center;justify-content:space-between;padding-left:var(--tb-space-4, 16px);padding-right:var(--tb-space-4, 16px);flex-shrink:0;box-shadow:var(--tb-shadow)}.top-bar-left{display:flex;align-items:center;gap:12px}.game-title{display:flex;flex-direction:column;justify-content:center;height:100%}.game-title h1{color:var(--tb-accent-gold);font-size:22px;font-weight:600;letter-spacing:4px;margin:0;line-height:1.2;font-family:"Noto Serif SC",serif}.subtitle{color:var(--tb-text-muted);font-size:10px;letter-spacing:1px;margin-top:2px}.home-btn{background:var(--tb-bg-tertiary);border:1px solid var(--tb-border-default);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.home-btn:hover{background:var(--tb-border-default);border-color:var(--tb-border-subtle)}.home-icon{font-size:18px;color:var(--tb-text-secondary)}.game-date{background:var(--tb-bg-tertiary);padding:6px 16px;border-radius:6px;border:1px solid var(--tb-border-default)}.date-display{color:var(--tb-text-primary);font-size:14px;font-weight:500;letter-spacing:1px;white-space:nowrap;font-family:JetBrains Mono,monospace}.top-bar-right{display:flex;align-items:center;gap:16px}.resources{display:flex;gap:8px}.resource-item{display:flex;align-items:center;gap:6px;background:var(--tb-bg-tertiary);padding:6px 12px;border-radius:6px;border:1px solid var(--tb-border-default)}.resource-icon{font-size:14px}.resource-value{color:var(--tb-text-primary);font-size:13px;font-weight:600;min-width:36px;text-align:right;font-family:JetBrains Mono,monospace}.user-menu-container{position:relative}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--tb-accent-gold);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--tb-bg-primary);border:2px solid var(--tb-border-default);transition:all .15s ease}.user-avatar-btn:hover .user-avatar{transform:scale(1.05);border-color:var(--tb-accent-gold)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--tb-bg-secondary);border:1px solid var(--tb-border-default);border-radius:8px;padding:8px 0;min-width:180px;box-shadow:var(--tb-shadow);z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--tb-border-default);background:var(--tb-bg-tertiary)}.user-email{font-size:13px;color:var(--tb-text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.user-dropdown-divider{height:1px;background:var(--tb-border-default);margin:8px 0}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--tb-text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease;background:none;border:none;width:100%;text-align:left}.user-dropdown-item:hover{background:var(--tb-bg-tertiary);color:var(--tb-text-primary)}.user-dropdown-item .item-icon{font-size:16px}@media (max-width: 768px){.top-bar{height:56px;padding-left:12px;padding-right:12px}.game-title h1{font-size:18px;letter-spacing:2px}.subtitle{display:none}.game-date{padding:4px 12px}.date-display{font-size:12px}.resources{gap:4px}.resource-item{padding:4px 8px}.resource-value{font-size:12px;min-width:28px}}@media (max-width: 480px){.top-bar{height:52px}.game-title h1{font-size:16px}.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.resource-item:nth-child(3),.resource-item:nth-child(4){display:none}}:root{--sp-bg-primary: #0d1117;--sp-bg-secondary: #161b22;--sp-bg-tertiary: #21262d;--sp-bg-hover: #30363d;--sp-bg-selected: #1c2128;--sp-accent-gold: #d4a84b;--sp-accent-gold-hover: #e8c76d;--sp-accent-gold-dim: #8b7355;--sp-text-primary: #f0f6fc;--sp-text-secondary: #8b949e;--sp-text-muted: #6e7681;--sp-border-default: #30363d;--sp-border-subtle: #21262d;--sp-shadow: 0 2px 8px rgba(0, 0, 0, .4)}.side-panel{width:200px;background:var(--sp-bg-secondary);border-right:1px solid var(--sp-border-default);display:flex;flex-direction:column;padding:16px 0;flex-shrink:0}.main-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--sp-text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.nav-item:hover{background:var(--sp-bg-tertiary);border-color:var(--sp-border-default);color:var(--sp-text-primary)}.nav-item.active{background:var(--sp-bg-selected);border-color:var(--sp-accent-gold);color:var(--sp-accent-gold)}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{font-size:14px;font-weight:500}.panel-footer{padding:16px;border-top:1px solid var(--sp-border-default);margin-top:auto}.faction-info{text-align:center}.faction-info h3{color:var(--sp-accent-gold);font-size:16px;margin-bottom:8px;letter-spacing:2px;font-weight:600}.faction-info p{color:var(--sp-text-muted);font-size:11px;margin:2px 0}@media (max-width: 768px){.side-panel{width:100%;height:auto;flex-direction:row;padding:0;border-right:none;border-bottom:1px solid var(--sp-border-default);background:var(--sp-bg-secondary)}.main-nav{flex-direction:row;justify-content:space-around;padding:8px 4px;flex:1;gap:4px}.nav-item{flex-direction:column;gap:4px;padding:8px 12px;flex:1;justify-content:center;align-items:center}.nav-icon{font-size:20px}.nav-label{font-size:11px}.panel-footer{display:none}}@media (max-width: 480px){.main-nav{padding:6px 2px}.nav-item{padding:6px 8px}.nav-icon{font-size:18px}.nav-label{font-size:10px}}:root{--cp-bg-primary: #0d1117;--cp-bg-secondary: #161b22;--cp-bg-tertiary: #21262d;--cp-bg-hover: #30363d;--cp-bg-selected: #1c2128;--cp-accent-gold: #d4a84b;--cp-accent-gold-hover: #e8c76d;--cp-accent-gold-dim: #8b7355;--cp-text-primary: #f0f6fc;--cp-text-secondary: #8b949e;--cp-text-muted: #6e7681;--cp-text-disabled: #484f58;--cp-border-default: #30363d;--cp-border-subtle: #21262d;--cp-border-accent: #d4a84b;--cp-success: #238636;--cp-warning: #d29922;--cp-danger: #da3633;--cp-info: #58a6ff;--cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--cp-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--cp-space-1: 4px;--cp-space-2: 8px;--cp-space-3: 12px;--cp-space-4: 16px;--cp-space-5: 20px;--cp-space-6: 24px;--cp-radius-sm: 4px;--cp-radius-md: 6px;--cp-radius-lg: 8px;--cp-radius-xl: 12px}.city-panel{padding:var(--cp-space-4);color:var(--cp-text-primary);background:var(--cp-bg-primary);min-height:100%;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cp-space-5);padding-bottom:var(--cp-space-3);border-bottom:1px solid var(--cp-border-default)}.panel-title{font-size:22px;font-weight:600;color:var(--cp-text-primary);margin:0;font-family:"Noto Serif SC",serif}.panel-title:after{content:"";display:block;width:40px;height:2px;background:var(--cp-accent-gold);margin-top:var(--cp-space-3)}.manage-cities-btn{padding:var(--cp-space-2) var(--cp-space-4);background:var(--cp-bg-tertiary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-md);color:var(--cp-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:var(--cp-space-2)}.manage-cities-btn:hover{background:var(--cp-bg-hover);border-color:var(--cp-accent-gold);color:var(--cp-accent-gold)}.city-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cp-space-3);margin-bottom:var(--cp-space-6)}@media (max-width: 480px){.city-stats{grid-template-columns:repeat(3,1fr);gap:var(--cp-space-2)}}.stat-card{background:var(--cp-bg-secondary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-lg);padding:var(--cp-space-4) var(--cp-space-5);text-align:center;transition:all .15s ease}.stat-card:hover{border-color:var(--cp-border-subtle);background:var(--cp-bg-tertiary)}.stat-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--cp-text-muted);margin-bottom:var(--cp-space-2)}.stat-value{font-size:22px;font-weight:600;color:var(--cp-accent-gold);font-family:JetBrains Mono,monospace}.income-summary{margin-bottom:var(--cp-space-6);background:var(--cp-bg-secondary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-lg);padding:var(--cp-space-5);border-left:3px solid var(--cp-accent-gold)}.income-summary h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--cp-text-muted);margin:0 0 var(--cp-space-4)}.income-items{display:flex;gap:var(--cp-space-6);flex-wrap:wrap}.income-item{display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-2) var(--cp-space-3);background:var(--cp-bg-tertiary);border-radius:var(--cp-radius-md)}.income-icon{font-size:18px}.income-value{font-size:16px;font-weight:600;color:var(--cp-success);font-family:JetBrains Mono,monospace}.buildings-section{margin-bottom:var(--cp-space-6)}.buildings-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--cp-text-muted);margin:0 0 var(--cp-space-4);padding-bottom:var(--cp-space-2);border-bottom:1px solid var(--cp-border-subtle)}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--cp-space-3);width:100%}@media (max-width: 640px){.buildings-grid{grid-template-columns:1fr}}.building-card{background:var(--cp-bg-secondary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-lg);padding:var(--cp-space-4);transition:all .15s ease;display:flex;flex-direction:column}.building-card:hover{border-color:var(--cp-border-subtle);background:var(--cp-bg-tertiary)}.building-header{display:flex;align-items:center;gap:var(--cp-space-3);margin-bottom:var(--cp-space-3)}.building-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--cp-bg-primary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-md);font-size:20px}.building-info{display:flex;flex-direction:column;flex:1}.building-name{font-size:15px;font-weight:600;color:var(--cp-text-primary)}.building-level{font-size:12px;color:var(--cp-text-muted);font-family:JetBrains Mono,monospace}.building-desc{font-size:13px;color:var(--cp-text-secondary);margin:0 0 var(--cp-space-3);line-height:1.5}.building-output{font-size:12px;color:var(--cp-success);margin-bottom:var(--cp-space-4);padding:var(--cp-space-2) var(--cp-space-3);background:#2386361a;border-radius:var(--cp-radius-sm);font-family:JetBrains Mono,monospace}.build-btn{width:100%;padding:var(--cp-space-3) var(--cp-space-4);background:var(--cp-accent-gold);color:var(--cp-bg-primary);border:none;border-radius:var(--cp-radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;margin-top:auto}.build-btn:hover:not(:disabled){background:var(--cp-accent-gold-hover)}.build-btn:disabled{background:var(--cp-bg-tertiary);color:var(--cp-text-disabled);cursor:not-allowed}.population-section{background:var(--cp-bg-secondary);border:1px solid var(--cp-border-default);border-radius:var(--cp-radius-lg);padding:var(--cp-space-5)}.population-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--cp-text-muted);margin:0 0 var(--cp-space-5);padding-bottom:var(--cp-space-2);border-bottom:1px solid var(--cp-border-subtle)}.population-bars{display:flex;flex-direction:column;gap:var(--cp-space-4)}.pop-bar{display:flex;align-items:center;gap:var(--cp-space-4)}.pop-label{width:60px;font-size:13px;font-weight:500;color:var(--cp-text-secondary);flex-shrink:0}.pop-value{width:50px;text-align:right;font-size:13px;font-weight:600;color:var(--cp-accent-gold);font-family:JetBrains Mono,monospace;flex-shrink:0}.pop-track{flex:1;height:8px;background:var(--cp-bg-tertiary);border-radius:var(--cp-radius-sm);overflow:hidden}.pop-fill{height:100%;background:var(--cp-accent-gold);border-radius:var(--cp-radius-sm);transition:width .3s ease}.pop-fill.idle{background:var(--cp-text-muted)}.pop-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cp-bg-tertiary);border-radius:var(--cp-radius-sm);outline:none;cursor:pointer}.pop-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--cp-accent-gold);border-radius:50%;cursor:pointer;border:2px solid var(--cp-bg-secondary);box-shadow:var(--cp-shadow-sm);transition:all .15s ease}.pop-slider::-webkit-slider-thumb:hover{background:var(--cp-accent-gold-hover);transform:scale(1.1)}.pop-slider::-moz-range-thumb{width:18px;height:18px;background:var(--cp-accent-gold);border-radius:50%;cursor:pointer;border:2px solid var(--cp-bg-secondary);box-shadow:var(--cp-shadow-sm)}@media (max-width: 768px){.city-panel{padding:var(--cp-space-3)}.panel-title{font-size:18px}.panel-header{margin-bottom:var(--cp-space-4)}.city-stats{grid-template-columns:repeat(3,1fr);gap:var(--cp-space-2)}.stat-card{padding:var(--cp-space-3) var(--cp-space-2)}.stat-value{font-size:16px}.buildings-grid{grid-template-columns:1fr;gap:var(--cp-space-3)}.income-items{gap:var(--cp-space-2)}.income-item{padding:var(--cp-space-2)}.income-value{font-size:14px}.population-section{padding:var(--cp-space-4)}.pop-bar{gap:var(--cp-space-2)}.pop-label{width:48px;font-size:12px}.pop-value{width:36px;font-size:12px}}@media (max-width: 480px){.city-panel{padding:var(--cp-space-3)}.city-stats{grid-template-columns:repeat(3,1fr);gap:var(--cp-space-1)}.stat-card{padding:var(--cp-space-2) var(--cp-space-1)}.stat-label{font-size:10px}.stat-value{font-size:14px}.income-items{flex-direction:column;gap:var(--cp-space-2)}.income-item{justify-content:space-between}.building-card{padding:var(--cp-space-3)}.panel-title{font-size:16px}.manage-cities-btn{padding:var(--cp-space-1) var(--cp-space-2);font-size:12px}}.city-panel::-webkit-scrollbar{width:6px}.city-panel::-webkit-scrollbar-track{background:var(--cp-bg-primary);border-radius:3px}.city-panel::-webkit-scrollbar-thumb{background:var(--cp-border-default);border-radius:3px}.city-panel::-webkit-scrollbar-thumb:hover{background:var(--cp-text-muted)}:root{--tp-bg-primary: #0d1117;--tp-bg-secondary: #161b22;--tp-bg-tertiary: #21262d;--tp-bg-hover: #30363d;--tp-bg-selected: #1c2128;--tp-accent-gold: #d4a84b;--tp-accent-gold-hover: #e8c76d;--tp-accent-gold-dim: #8b7355;--tp-text-primary: #f0f6fc;--tp-text-secondary: #8b949e;--tp-text-muted: #6e7681;--tp-text-disabled: #484f58;--tp-border-default: #30363d;--tp-border-subtle: #21262d;--tp-border-accent: #d4a84b;--tp-success: #238636;--tp-warning: #d29922;--tp-danger: #da3633;--tp-info: #58a6ff;--tp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--tp-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--tp-space-1: 4px;--tp-space-2: 8px;--tp-space-3: 12px;--tp-space-4: 16px;--tp-space-5: 20px;--tp-space-6: 24px;--tp-radius-sm: 4px;--tp-radius-md: 6px;--tp-radius-lg: 8px;--tp-radius-xl: 12px;--tp-radius-full: 9999px}.talent-panel{padding:var(--tp-space-6);height:100%;overflow-y:auto;background:var(--tp-bg-primary);color:var(--tp-text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}.panel-title{font-size:22px;font-weight:600;color:var(--tp-text-primary);margin:0 0 var(--tp-space-5);padding-bottom:var(--tp-space-3);border-bottom:1px solid var(--tp-border-default);font-family:"Noto Serif SC",serif}.panel-title:after{content:"";display:block;width:40px;height:2px;background:var(--tp-accent-gold);margin-top:var(--tp-space-3)}.talent-tabs{display:flex;gap:var(--tp-space-2);margin-bottom:var(--tp-space-5);border-bottom:1px solid var(--tp-border-default);padding-bottom:var(--tp-space-3);flex-wrap:wrap}.tab-btn{padding:var(--tp-space-2) var(--tp-space-4);background:var(--tp-bg-secondary);border:1px solid var(--tp-border-default);color:var(--tp-text-secondary);cursor:pointer;border-radius:var(--tp-radius-md);transition:all .15s ease;font-weight:500;white-space:nowrap;font-size:13px}.tab-btn:hover{background:var(--tp-bg-tertiary);border-color:var(--tp-border-subtle);color:var(--tp-text-primary)}.tab-btn.active{background:var(--tp-accent-gold);border-color:var(--tp-accent-gold);color:var(--tp-bg-primary)}.talent-content{display:grid;grid-template-columns:320px 1fr;gap:var(--tp-space-5);height:calc(100% - 100px)}.talent-list{display:flex;flex-direction:column;gap:var(--tp-space-3);max-height:100%;overflow-y:auto;padding-right:var(--tp-space-2)}.talent-card{display:flex;align-items:center;gap:var(--tp-space-3);padding:var(--tp-space-3);background:var(--tp-bg-secondary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);cursor:pointer;transition:all .15s ease}.talent-card:hover{background:var(--tp-bg-tertiary);border-color:var(--tp-border-subtle)}.talent-card.selected{background:var(--tp-bg-selected);border-color:var(--tp-accent-gold)}.talent-portrait{width:48px;height:48px;border-radius:var(--tp-radius-md);background:var(--tp-bg-tertiary);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--tp-text-primary);flex-shrink:0}.talent-basic{flex:1;display:flex;flex-direction:column;gap:var(--tp-space-1);min-width:0}.talent-name{font-weight:600;color:var(--tp-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.talent-school{font-size:12px;color:var(--tp-text-secondary)}.talent-position{font-size:11px;color:var(--tp-info);background:#58a6ff1a;padding:var(--tp-space-1) var(--tp-space-2);border-radius:var(--tp-radius-sm);width:fit-content}.talent-loyalty{display:flex;flex-direction:column;align-items:center;gap:var(--tp-space-1);flex-shrink:0}.loyalty-label{font-size:10px;color:var(--tp-text-muted);text-transform:uppercase}.loyalty-bar{width:50px;height:4px;background:var(--tp-bg-tertiary);border-radius:var(--tp-radius-full);overflow:hidden}.loyalty-fill{height:100%;background:var(--tp-accent-gold);transition:width .3s ease}.talent-detail{background:var(--tp-bg-secondary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);padding:var(--tp-space-5);overflow-y:auto}.detail-header{display:flex;gap:var(--tp-space-4);margin-bottom:var(--tp-space-4);padding-bottom:var(--tp-space-4);border-bottom:1px solid var(--tp-border-subtle)}.detail-portrait{width:80px;height:80px;border-radius:var(--tp-radius-lg);background:var(--tp-bg-tertiary);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--tp-text-primary);flex-shrink:0}.detail-basic{display:flex;flex-direction:column;gap:var(--tp-space-2);min-width:0;flex:1}.detail-basic h3{margin:0;font-size:20px;color:var(--tp-text-primary);font-family:"Noto Serif SC",serif}.quality-row{display:flex;align-items:center;gap:var(--tp-space-2);flex-wrap:wrap}.detail-quality{font-size:13px;font-weight:600;padding:var(--tp-space-1) var(--tp-space-2);border-radius:var(--tp-radius-sm);background:var(--tp-bg-tertiary)}.quality-desc{font-size:12px;color:var(--tp-text-muted);font-style:italic}.detail-school{font-size:13px;color:var(--tp-text-secondary)}.detail-position{font-size:13px;color:var(--tp-info)}.detail-position.unassigned{color:var(--tp-text-muted)}.detail-description{color:var(--tp-text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--tp-space-5);padding:var(--tp-space-4);background:var(--tp-bg-primary);border-radius:var(--tp-radius-md);border-left:3px solid var(--tp-accent-gold)}.detail-stats h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--tp-text-muted);margin:0 0 var(--tp-space-4)}.stats-grid{display:flex;flex-direction:column;gap:var(--tp-space-3)}.stat-item{display:flex;align-items:center;gap:var(--tp-space-3)}.stat-name{width:50px;font-size:13px;color:var(--tp-text-secondary);flex-shrink:0}.stat-bar{flex:1;height:6px;background:var(--tp-bg-tertiary);border-radius:var(--tp-radius-full);overflow:hidden}.stat-fill{height:100%;border-radius:var(--tp-radius-full);transition:width .3s ease}.stat-fill.politics{background:var(--tp-info)}.stat-fill.military{background:var(--tp-danger)}.stat-fill.intelligence{background:#9b59b6}.stat-fill.charisma{background:var(--tp-accent-gold)}.stat-value{width:36px;text-align:right;font-weight:600;color:var(--tp-text-primary);flex-shrink:0;font-family:JetBrains Mono,monospace}.detail-actions{display:flex;gap:var(--tp-space-2);margin-top:var(--tp-space-5);flex-wrap:wrap}.detail-actions button{padding:var(--tp-space-2) var(--tp-space-4);background:var(--tp-bg-tertiary);border:1px solid var(--tp-border-default);color:var(--tp-text-primary);border-radius:var(--tp-radius-md);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.detail-actions button:hover{background:var(--tp-bg-hover);border-color:var(--tp-border-subtle)}.detail-actions button.primary{background:var(--tp-accent-gold);border-color:var(--tp-accent-gold);color:var(--tp-bg-primary)}.detail-actions button.primary:hover{background:var(--tp-accent-gold-hover)}.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--tp-text-muted);font-size:14px;background:var(--tp-bg-secondary);border:1px dashed var(--tp-border-default);border-radius:var(--tp-radius-lg)}.recruit-section{background:var(--tp-bg-secondary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);padding:var(--tp-space-5)}.recruit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--tp-space-4);padding-bottom:var(--tp-space-3);border-bottom:1px solid var(--tp-border-subtle)}.recruit-header h3{font-size:14px;font-weight:600;color:var(--tp-text-primary);margin:0}.refresh-btn{padding:var(--tp-space-2) var(--tp-space-3);background:var(--tp-bg-tertiary);border:1px solid var(--tp-border-default);color:var(--tp-text-secondary);border-radius:var(--tp-radius-md);cursor:pointer;font-size:12px;transition:all .15s ease}.refresh-btn:hover{background:var(--tp-bg-hover);color:var(--tp-text-primary)}.available-talents{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--tp-space-3)}.available-talent-card{background:var(--tp-bg-primary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);padding:var(--tp-space-4);transition:all .15s ease}.available-talent-card:hover{border-color:var(--tp-border-subtle)}.available-talent-header{display:flex;align-items:center;gap:var(--tp-space-3);margin-bottom:var(--tp-space-3)}.available-talent-portrait{width:48px;height:48px;border-radius:var(--tp-radius-md);background:var(--tp-bg-tertiary);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.available-talent-info{flex:1}.available-talent-name{font-weight:600;color:var(--tp-text-primary);font-size:14px;margin-bottom:var(--tp-space-1)}.available-talent-quality{font-size:12px;padding:var(--tp-space-1) var(--tp-space-2);border-radius:var(--tp-radius-sm);background:var(--tp-bg-tertiary);display:inline-block}.available-talent-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tp-space-2);margin-bottom:var(--tp-space-3);padding:var(--tp-space-3);background:var(--tp-bg-secondary);border-radius:var(--tp-radius-md)}.available-talent-stat{display:flex;justify-content:space-between;font-size:12px}.available-talent-stat-label{color:var(--tp-text-muted)}.available-talent-stat-value{color:var(--tp-text-primary);font-weight:600;font-family:JetBrains Mono,monospace}.recruit-btn{width:100%;padding:var(--tp-space-3);background:var(--tp-accent-gold);border:none;color:var(--tp-bg-primary);border-radius:var(--tp-radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease}.recruit-btn:hover{background:var(--tp-accent-gold-hover)}.recruit-btn:disabled{background:var(--tp-bg-tertiary);color:var(--tp-text-disabled);cursor:not-allowed}.training-section{background:var(--tp-bg-secondary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);padding:var(--tp-space-5)}.training-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--tp-space-3)}.training-option{background:var(--tp-bg-primary);border:1px solid var(--tp-border-default);border-radius:var(--tp-radius-lg);padding:var(--tp-space-4);cursor:pointer;transition:all .15s ease}.training-option:hover{border-color:var(--tp-accent-gold)}.training-option h4{font-size:14px;font-weight:600;color:var(--tp-text-primary);margin:0 0 var(--tp-space-2)}.training-option p{font-size:12px;color:var(--tp-text-secondary);margin:0 0 var(--tp-space-3);line-height:1.5}.training-cost{font-size:12px;color:var(--tp-accent-gold);font-weight:600}@media (max-width: 768px){.talent-panel{padding:var(--tp-space-4)}.panel-title{font-size:18px;margin-bottom:var(--tp-space-4)}.talent-tabs{gap:var(--tp-space-1);margin-bottom:var(--tp-space-4)}.tab-btn{padding:var(--tp-space-2) var(--tp-space-3);font-size:12px}.talent-content{grid-template-columns:1fr;gap:var(--tp-space-4)}.talent-list{max-height:300px}.talent-card{padding:var(--tp-space-2)}.talent-portrait{width:40px;height:40px;font-size:16px}.talent-detail{padding:var(--tp-space-4)}.detail-header{gap:var(--tp-space-3)}.detail-portrait{width:60px;height:60px;font-size:20px}.detail-basic h3{font-size:16px}.available-talents,.training-options{grid-template-columns:1fr}}.talent-panel::-webkit-scrollbar,.talent-list::-webkit-scrollbar,.talent-detail::-webkit-scrollbar{width:6px}.talent-panel::-webkit-scrollbar-track,.talent-list::-webkit-scrollbar-track,.talent-detail::-webkit-scrollbar-track{background:var(--tp-bg-primary);border-radius:3px}.talent-panel::-webkit-scrollbar-thumb,.talent-list::-webkit-scrollbar-thumb,.talent-detail::-webkit-scrollbar-thumb{background:var(--tp-border-default);border-radius:3px}.talent-panel::-webkit-scrollbar-thumb:hover,.talent-list::-webkit-scrollbar-thumb:hover,.talent-detail::-webkit-scrollbar-thumb:hover{background:var(--tp-text-muted)}.save-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-panel{background:linear-gradient(145deg,#f5f0e8,#ebe5d8);border:2px solid #a08060;border-radius:8px;padding:24px;width:600px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff4d;position:relative}.save-panel:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(160,128,96,.3);border-radius:6px;pointer-events:none}.save-title{font-size:22px;font-weight:700;color:#2c2c2c;text-align:center;margin-bottom:20px;font-family:"Noto Serif SC",serif}.save-section{margin-bottom:24px}.save-section-title{font-size:16px;font-weight:600;color:#555;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #d4c8b8}.autosave-card{background:linear-gradient(145deg,#fff,#f8f5f0);border:1px solid #c4b8a8;border-radius:6px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.autosave-card:hover{border-color:#d48c4a;box-shadow:0 2px 8px #d48c4a26}.autosave-info{flex:1}.autosave-label{font-size:14px;font-weight:600;color:#2c2c2c;margin-bottom:4px}.autosave-time{font-size:12px;color:#888}.autosave-preview{display:flex;gap:16px;font-size:12px;color:#666;margin-top:8px;flex-wrap:wrap}.autosave-preview-item{display:flex;align-items:center;gap:4px}.autosave-empty{color:#999;font-style:italic}.save-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.save-slot{background:linear-gradient(145deg,#fff,#f8f5f0);border:1px solid #c4b8a8;border-radius:6px;padding:12px;min-height:120px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;position:relative}.save-slot:hover{border-color:#d48c4a;box-shadow:0 2px 8px #d48c4a26}.save-slot.active{border-color:#7db87d;background:linear-gradient(145deg,#f0f8f0,#e8f0e8)}.save-slot.empty{border-style:dashed;background:transparent}.save-slot.empty:hover{background:#d48c4a0d}.save-slot-number{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#d48c4a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.save-slot-name{font-size:14px;font-weight:600;color:#2c2c2c;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-slot-time{font-size:11px;color:#888;margin-bottom:8px}.save-slot-preview{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#666}.save-slot-preview-item{display:flex;justify-content:space-between}.save-slot-empty-text{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px}.save-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:16px;border-top:1px solid #d4c8b8;flex-wrap:wrap}.save-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn-primary{background:linear-gradient(145deg,#d48c4a,#c47a3a);color:#fff;box-shadow:0 4px 12px #d48c4a4d}.save-btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#e09c5a,#d48c4a);transform:translateY(-1px)}.save-btn-primary:disabled{opacity:.5;cursor:not-allowed}.save-btn-secondary{background:transparent;color:#666;border:1px solid #c4b8a8}.save-btn-secondary:hover{background:#c4b8a81a}.save-btn-danger{background:transparent;color:#e85d75;border:1px solid #e85d75}.save-btn-danger:hover{background:#e85d751a}.save-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.save-dialog{background:#f5f0e8;border:2px solid #a08060;border-radius:8px;padding:24px;width:320px;max-width:90vw;box-shadow:0 8px 32px #0000004d}.save-dialog-title{font-size:18px;font-weight:700;color:#2c2c2c;margin-bottom:16px;text-align:center}.save-dialog-input{width:100%;padding:12px;border:1px solid #c4b8a8;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}.save-dialog-input:focus{outline:none;border-color:#d48c4a}.save-dialog-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.save-confirm-text{font-size:14px;color:#555;text-align:center;margin-bottom:16px;line-height:1.5}.save-close-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:transparent;border:1px solid #c4b8a8;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#888;transition:all .2s ease}.save-close-btn:hover{background:#e85d751a;border-color:#e85d75;color:#e85d75}.cloud-loading{margin-left:8px;font-size:12px;color:#d48c4a;font-weight:400}.cloud-error{background:#e85d751a;border:1px solid rgba(232,93,117,.3);border-radius:6px;padding:8px 12px;color:#c94a5a;font-size:13px;margin-bottom:12px;cursor:pointer}.cloud-saves-grid{display:flex;flex-direction:column;gap:8px}.cloud-empty{text-align:center;color:#999;font-size:14px;padding:16px;font-style:italic}.cloud-save-card{background:linear-gradient(145deg,#fff,#f8f5f0);border:1px solid #c4b8a8;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:4px}.cloud-save-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.cloud-save-name{font-size:14px;font-weight:600;color:#2c2c2c}.cloud-save-slot{font-size:12px;color:#888;background:#d48c4a1a;padding:2px 8px;border-radius:4px}.cloud-save-time{font-size:11px;color:#888}.cloud-save-preview{display:flex;gap:12px;font-size:11px;color:#666;margin-top:4px;flex-wrap:wrap}.cloud-save-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.cloud-btn{padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.cloud-btn:disabled{opacity:.5;cursor:not-allowed}.cloud-btn-download{background:linear-gradient(145deg,#7db87d,#6aa86a);color:#fff}.cloud-btn-download:hover:not(:disabled){background:linear-gradient(145deg,#8dc88d,#7db87d)}.cloud-btn-delete{background:transparent;color:#e85d75;border:1px solid #e85d75}.cloud-btn-delete:hover:not(:disabled){background:#e85d751a}.save-btn-cloud{background:linear-gradient(145deg,#5a9fd4,#4a8fc4);color:#fff;box-shadow:0 4px 12px #5a9fd44d}.save-btn-cloud:hover:not(:disabled){background:linear-gradient(145deg,#6aafd4,#5a9fd4);transform:translateY(-1px)}.save-btn-cloud:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.save-panel{padding:16px;max-height:85vh}.save-title{font-size:20px;margin-bottom:16px}.save-section{margin-bottom:20px}.save-section-title{font-size:14px;margin-bottom:10px}.autosave-card{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.autosave-preview{gap:12px}.save-slots-grid{grid-template-columns:repeat(2,1fr);gap:8px}.save-slot{padding:10px;min-height:100px}.save-slot-name{font-size:13px}.save-slot-preview{font-size:10px}.save-actions{gap:8px;margin-top:20px;padding-top:12px}.save-btn{padding:8px 16px;font-size:13px}.save-dialog{padding:20px;width:280px}.save-dialog-title{font-size:16px}.cloud-save-card{padding:10px}.cloud-save-name{font-size:13px}.cloud-save-actions{gap:6px}.cloud-btn{padding:5px 10px;font-size:11px}}@media (max-width: 480px){.save-panel{padding:12px;max-height:90vh}.save-title{font-size:18px;margin-bottom:12px}.save-slots-grid{grid-template-columns:1fr;gap:8px}.save-slot{min-height:80px;padding:10px}.save-actions{flex-direction:column;gap:8px}.save-btn{width:100%;padding:10px}.save-close-btn{top:8px;right:8px;width:24px;height:24px;font-size:16px}.save-dialog{padding:16px;width:260px}.save-dialog-title{font-size:15px;margin-bottom:12px}.save-dialog-input{padding:10px;font-size:13px}}:root{--fl-bg-primary: #0d1117;--fl-bg-secondary: #161b22;--fl-bg-tertiary: #21262d;--fl-bg-hover: #30363d;--fl-bg-selected: #1c2128;--fl-accent-gold: #d4a84b;--fl-accent-gold-hover: #e8c76d;--fl-accent-gold-dim: #8b7355;--fl-text-primary: #f0f6fc;--fl-text-secondary: #8b949e;--fl-text-muted: #6e7681;--fl-text-disabled: #484f58;--fl-border-default: #30363d;--fl-border-subtle: #21262d;--fl-border-accent: #d4a84b;--fl-success: #238636;--fl-warning: #d29922;--fl-danger: #da3633;--fl-info: #58a6ff;--fl-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--fl-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--fl-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--fl-space-1: 4px;--fl-space-2: 8px;--fl-space-3: 12px;--fl-space-4: 16px;--fl-space-5: 20px;--fl-space-6: 24px;--fl-space-8: 32px;--fl-space-10: 40px;--fl-radius-sm: 4px;--fl-radius-md: 6px;--fl-radius-lg: 8px;--fl-radius-xl: 12px;--fl-radius-full: 9999px}.faction-list-page{width:100%;padding:var(--fl-space-4);background:var(--fl-bg-primary);min-height:100%;color:var(--fl-text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box}.faction-list{width:100%;max-width:100%;margin:0 auto}.faction-section{margin:0 0 var(--fl-space-8) 0}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--fl-text-muted);margin:0 0 var(--fl-space-4);padding-bottom:var(--fl-space-2);border-bottom:1px solid var(--fl-border-subtle)}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--fl-space-4);width:100%}@media (max-width: 640px){.faction-grid{grid-template-columns:1fr;gap:var(--fl-space-3)}}.faction-card{background:var(--fl-bg-secondary);border:1px solid var(--fl-border-default);border-radius:var(--fl-radius-lg);padding:var(--fl-space-4);cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.faction-card:hover{border-color:var(--fl-border-subtle);background:var(--fl-bg-tertiary);transform:translateY(-2px);box-shadow:var(--fl-shadow-md)}.faction-card.player-faction{border:1px solid var(--fl-accent-gold);background:var(--fl-bg-selected)}.faction-card.player-faction:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fl-accent-gold)}.faction-color-bar{position:absolute;top:0;left:0;right:0;height:3px}.faction-content{flex:1;display:flex;flex-direction:column}.faction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fl-space-3);padding-top:var(--fl-space-1)}.faction-name{font-size:16px;font-weight:600;color:var(--fl-text-primary);margin:0}.faction-status{padding:var(--fl-space-1) var(--fl-space-3);background:var(--fl-accent-gold);color:var(--fl-bg-primary);border-radius:var(--fl-radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.faction-distance{padding:var(--fl-space-1) var(--fl-space-3);border-radius:var(--fl-radius-sm);font-size:11px;font-weight:500}.faction-distance.邻近{background:#23863633;color:#3fb950}.faction-distance.较近{background:#58a6ff33;color:var(--fl-info)}.faction-distance.遥远{background:var(--fl-bg-tertiary);color:var(--fl-text-muted)}.basic-info-grid{display:flex;flex-direction:column;gap:var(--fl-space-2);margin-bottom:var(--fl-space-3)}.basic-info-grid p{margin:0;font-size:13px;color:var(--fl-text-secondary);display:flex;align-items:center;gap:var(--fl-space-2)}.faction-ruler:before{content:"👑";font-size:14px}.faction-capital:before{content:"🏛️";font-size:14px}.faction-school:before{content:"🎭";font-size:14px}.faction-attributes{display:grid;grid-template-columns:1fr 1fr;gap:var(--fl-space-2);margin:var(--fl-space-3) 0;padding:var(--fl-space-3);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md)}.attribute-item{display:flex;justify-content:space-between;align-items:center}.attribute-label{font-size:12px;color:var(--fl-text-muted)}.attribute-value{font-size:13px;color:var(--fl-accent-gold);font-weight:600;font-family:JetBrains Mono,monospace}.faction-info-source{margin-top:auto;padding-top:var(--fl-space-3);font-size:11px;color:var(--fl-text-muted);text-align:right;border-top:1px solid var(--fl-border-subtle)}.info-source{padding:var(--fl-space-1) var(--fl-space-2);background:var(--fl-bg-tertiary);border-radius:var(--fl-radius-sm);display:inline-block}.info-source.spy{background:#da363333;color:var(--fl-danger)}.info-source.alliance{background:#23863633;color:#3fb950}.info-source.marriage{background:#d4a84b33;color:var(--fl-accent-gold)}.details-btn{position:absolute;bottom:var(--fl-space-3);right:var(--fl-space-3);width:32px;height:32px;padding:0;background:var(--fl-accent-gold);color:var(--fl-bg-primary);border:none;border-radius:var(--fl-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.details-btn:hover{background:var(--fl-accent-gold-hover);transform:scale(1.05)}.details-btn span{display:none}.details-btn:after{content:"→";font-size:14px;font-weight:700}.faction-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--fl-bg-secondary);border:1px solid var(--fl-border-default);border-radius:var(--fl-radius-xl);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--fl-shadow-lg);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--fl-space-5) var(--fl-space-6);border-bottom:1px solid var(--fl-border-default);background:var(--fl-bg-tertiary);border-radius:var(--fl-radius-xl) var(--fl-radius-xl) 0 0}.modal-header h2{font-size:20px;font-weight:600;color:var(--fl-text-primary);margin:0;font-family:"Noto Serif SC",serif}.modal-header h2:after{content:"";display:block;width:30px;height:2px;background:var(--fl-accent-gold);margin-top:var(--fl-space-2)}.close-btn{background:none;border:none;font-size:24px;color:var(--fl-text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--fl-radius-md);transition:all .15s ease}.close-btn:hover{background:var(--fl-bg-hover);color:var(--fl-text-primary)}.modal-body{padding:var(--fl-space-6)}.detail-section{margin-bottom:var(--fl-space-6);padding-bottom:var(--fl-space-5);border-bottom:1px solid var(--fl-border-subtle)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--fl-text-muted);margin:0 0 var(--fl-space-4)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--fl-space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--fl-space-1);padding:var(--fl-space-3);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md)}.detail-label{font-size:11px;color:var(--fl-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--fl-text-primary);font-weight:600}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--fl-space-4)}.attribute-detail{display:flex;align-items:center;gap:var(--fl-space-3);padding:var(--fl-space-3);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md)}.attribute-name{width:80px;font-size:13px;color:var(--fl-text-secondary);font-weight:500}.attribute-bar{flex:1;height:6px;background:var(--fl-bg-tertiary);border-radius:var(--fl-radius-full);overflow:hidden}.attribute-fill{height:100%;border-radius:var(--fl-radius-full);transition:width .3s ease;background:var(--fl-accent-gold)}.attribute-number{width:30px;font-size:13px;color:var(--fl-accent-gold);font-weight:600;text-align:right;font-family:JetBrains Mono,monospace}.cities-list{display:flex;flex-direction:column;gap:var(--fl-space-2)}.city-item{display:flex;justify-content:space-between;align-items:center;padding:var(--fl-space-3);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md);border:1px solid var(--fl-border-subtle)}.city-name{font-size:14px;color:var(--fl-text-primary);font-weight:500}.city-type{font-size:11px;color:var(--fl-text-secondary);padding:var(--fl-space-1) var(--fl-space-2);background:var(--fl-bg-tertiary);border-radius:var(--fl-radius-sm)}.city-type.capital{background:#d4a84b33;color:var(--fl-accent-gold)}.diplomacy-info{padding:var(--fl-space-4);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md);border:1px solid var(--fl-border-subtle)}.diplomacy-info p{font-size:14px;color:var(--fl-text-secondary);margin:var(--fl-space-2) 0}.diplomacy-info strong{color:var(--fl-text-primary)}.unknown-info{padding:var(--fl-space-6);text-align:center;color:var(--fl-text-muted);background:var(--fl-bg-primary);border-radius:var(--fl-radius-md);border:1px dashed var(--fl-border-default)}.unknown-info p{margin:0;font-size:14px}@media (max-width: 768px){.faction-list-page{padding:var(--fl-space-3)}.faction-grid{grid-template-columns:1fr;gap:var(--fl-space-3)}.faction-card{padding:var(--fl-space-3)}.modal-content{width:95%;max-height:95vh}.modal-body{padding:var(--fl-space-4)}.detail-grid,.attributes-grid{grid-template-columns:1fr}}.faction-list-page::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.faction-list-page::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:var(--fl-bg-primary);border-radius:3px}.faction-list-page::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--fl-border-default);border-radius:3px}.faction-list-page::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--fl-text-muted)}.city-management-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e8e8e8;overflow:hidden}.city-management-page.embedded{height:100%;background:transparent;overflow:auto}.city-management-page.embedded .page-header{display:none}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0000004d;border-bottom:2px solid rgba(139,90,43,.4);flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.back-btn{padding:8px 16px;background:#8b5a2b4d;border:1px solid rgba(139,90,43,.5);border-radius:6px;color:#d4af37;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#d4af3733;border-color:#d4af37}.faction-info{display:flex;align-items:center;gap:12px}.faction-color{width:16px;height:48px;border-radius:4px;box-shadow:0 0 10px #0000004d}.faction-details h1{margin:0;font-size:1.5rem;font-weight:600;color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.3)}.faction-details .subtitle{font-size:.85rem;color:#888}.header-stats{display:flex;gap:16px}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(139,90,43,.3);border-radius:8px;transition:all .2s ease}.stat-badge:hover{background:#d4af371a;border-color:#d4af3780}.badge-icon{font-size:1.3rem}.badge-content{display:flex;flex-direction:column}.badge-value{font-size:1.1rem;font-weight:700;color:#d4af37}.badge-label{font-size:.7rem;color:#888}.toolbar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#0003;border-bottom:1px solid rgba(139,90,43,.2);flex-shrink:0}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0000004d;border:1px solid rgba(139,90,43,.3);border-radius:8px;flex:1;max-width:400px;transition:all .2s ease}.search-box:focus-within{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.search-icon{color:#666;font-size:1rem}.search-box input{flex:1;background:transparent;border:none;color:#e8e8e8;font-size:.95rem;outline:none}.search-box input::placeholder{color:#666}.filters{display:flex;gap:12px}.filter-select{padding:10px 14px;background:#0000004d;border:1px solid rgba(139,90,43,.3);border-radius:8px;color:#e8e8e8;font-size:.9rem;cursor:pointer;outline:none;transition:all .2s ease}.filter-select:hover{border-color:#8b5a2b80}.filter-select:focus{border-color:#d4af37}.filter-select option{background:#1a1a2e;color:#e8e8e8}.view-toggle{display:flex;gap:4px;padding:4px;background:#0000004d;border-radius:8px}.view-btn{padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#888;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.view-btn:hover{color:#b8b8b8;background:#ffffff0d}.view-btn.active{color:#d4af37;background:#d4af3733}.sort-bar{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#00000026;border-bottom:1px solid rgba(139,90,43,.15);flex-shrink:0}.sort-label{font-size:.85rem;color:#888;margin-right:8px}.sort-btn{padding:6px 14px;background:#0000004d;border:1px solid rgba(139,90,43,.3);border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.sort-btn:hover{background:#d4af371a;border-color:#d4af3766;color:#b8b8b8}.sort-btn.active{background:#d4af3733;border-color:#d4af37;color:#d4af37}.sort-arrow{font-size:.75rem}.city-container{flex:1;overflow-y:auto;padding:16px 24px}.city-container.list{display:flex;flex-direction:column;gap:8px}.city-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-content:start}.city-list-item{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#ffffff08;border:1px solid rgba(139,90,43,.2);border-radius:10px;cursor:pointer;transition:all .2s ease}.city-list-item:hover{background:#d4af3714;border-color:#d4af3766;transform:translate(4px)}.city-main-info{width:200px;flex-shrink:0}.city-name-section{display:flex;align-items:center;gap:8px;margin-bottom:4px}.capital-star{color:#d4af37;font-size:1rem}.city-name{font-size:1.1rem;font-weight:600;color:#e8e8e8}.type-tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase}.type-tag.capital{background:#d4af374d;color:#d4af37}.type-tag.major{background:#4caf5033;color:#4caf50}.type-tag.medium{background:#2196f333;color:#2196f3}.type-tag.small{background:#9e9e9e33;color:#9e9e9e}.type-tag.fortress{background:#f4433633;color:#f44336}.type-tag.frontier{background:#ff980033;color:#ff9800}.city-region{font-size:.8rem;color:#666}.city-stats-row{display:flex;gap:24px;flex:1}.stat-item{display:flex;align-items:center;gap:6px}.stat-icon{font-size:1rem}.stat-value{font-size:.95rem;color:#b8b8b8;font-weight:500}.city-status-section{display:flex;align-items:center;gap:12px;width:160px;flex-shrink:0}.loyalty-bar{flex:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.loyalty-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#4caf50);border-radius:3px;transition:width .3s ease}.status-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.prosperous{background:#4caf5033;color:#4caf50}.status-badge.stable{background:#2196f333;color:#2196f3}.status-badge.recovering{background:#ff980033;color:#ff9800}.status-badge.unrest{background:#f4433633;color:#f44336}.status-badge.occupied{background:#9c27b033;color:#9c27b0}.status-badge.besieged{background:#e91e6333;color:#e91e63}.status-badge.ruined{background:#6060604d;color:#666}.city-arrow{font-size:1.2rem;color:#666;transition:all .2s ease}.city-list-item:hover .city-arrow{color:#d4af37;transform:translate(4px)}.city-grid-card{display:flex;flex-direction:column;padding:16px;background:#ffffff08;border:1px solid rgba(139,90,43,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.city-grid-card:hover{background:#d4af3714;border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{display:flex;align-items:center;gap:6px}.card-title .city-name{font-size:1.15rem;font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.prosperous{background:#4caf50;box-shadow:0 0 8px #4caf5080}.status-dot.stable{background:#2196f3;box-shadow:0 0 8px #2196f380}.status-dot.recovering{background:#ff9800;box-shadow:0 0 8px #ff980080}.status-dot.unrest{background:#f44336;box-shadow:0 0 8px #f4433680}.status-dot.occupied{background:#9c27b0;box-shadow:0 0 8px #9c27b080}.status-dot.besieged{background:#e91e63;box-shadow:0 0 8px #e91e6380}.card-type{font-size:.8rem;color:#888;margin-bottom:16px}.card-stats{display:flex;justify-content:space-between;margin-bottom:16px}.card-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.card-stat .stat-label{font-size:.7rem;color:#666}.card-stat .stat-value{font-size:1rem;font-weight:600;color:#d4af37}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(139,90,43,.2)}.loyalty-bar-mini{width:80px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.view-hint{font-size:.75rem;color:#666}.city-grid-card:hover .view-hint{color:#d4af37}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#666;grid-column:1 / -1}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.empty-state p{margin:0;font-size:1rem}.city-container::-webkit-scrollbar{width:8px}.city-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.city-container::-webkit-scrollbar-thumb{background:#8b5a2b80;border-radius:4px}.city-container::-webkit-scrollbar-thumb:hover{background:#d4af3780}@media (max-width: 1024px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-stats{width:100%;justify-content:flex-start;flex-wrap:wrap}.toolbar{flex-wrap:wrap}.search-box{max-width:100%;width:100%}.city-list-item{flex-wrap:wrap}.city-main-info{width:100%}.city-stats-row{width:100%;justify-content:flex-start}.city-status-section{width:100%}}@media (max-width: 768px){.city-container.grid{grid-template-columns:1fr}.sort-bar{flex-wrap:wrap}}.city-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.city-detail-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(139,90,43,.5);border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(139,90,43,.3)}.detail-header h2{margin:0;font-size:1.5rem;color:#d4af37;display:flex;align-items:center;gap:8px}.close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#888;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f443364d;color:#f44336}.detail-content{flex:1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{margin:0 0 16px;font-size:1.1rem;color:#d4af37;padding-bottom:8px;border-bottom:1px solid rgba(139,90,43,.3)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.85rem;color:#888}.detail-value{font-size:1rem;color:#e8e8e8;font-weight:500}.detail-value.status-prosperous{color:#4caf50}.detail-value.status-stable{color:#2196f3}.detail-value.status-unrest{color:#f44336}.detail-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(139,90,43,.3);justify-content:flex-end}.action-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(139,90,43,.3);border-radius:8px;color:#e8e8e8;font-size:.9rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff26;border-color:#8b5a2b80}.action-btn.primary{background:#d4af3733;border-color:#d4af37;color:#d4af37}.action-btn.primary:hover{background:#d4af374d}.morale-bar{flex:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.morale-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#4caf50);border-radius:3px;transition:width .3s ease}.morale-bar-mini{width:80px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.detail-description{margin:0;line-height:1.7;color:#ccc;font-size:.95rem;padding:12px 16px;background:#0003;border-radius:8px;border-left:3px solid #d4af37}.buildings-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#0003;border-radius:8px}.building-tag{padding:6px 12px;background:#8b5a2b4d;border:1px solid rgba(139,90,43,.5);border-radius:6px;font-size:.85rem;color:#d4af37}.building-tag:hover{background:#8b5a2b80}.diplomacy-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.diplomacy-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d)}.diplomacy-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease}.diplomacy-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.diplomacy-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.diplomacy-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.section-header{margin-bottom:1.5rem}.section-header h3{margin:0 0 .5rem;color:var(--iap-accent-gold, #d4a84b);font-size:1.125rem;font-weight:600}.section-header p{margin:0;color:var(--iap-text-secondary, #8b949e);font-size:.875rem}.relations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.relation-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.relation-card:hover{transform:translateY(-2px);border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d}.relation-card.alliance{border-left:4px solid #3fb950}.relation-card.friendly{border-left:4px solid #58a6ff}.relation-card.neutral{border-left:4px solid var(--iap-text-muted, #6e7681)}.relation-card.hostile{border-left:4px solid #d29922}.relation-card.at-war{border-left:4px solid #f85149}.relation-card.vassal{border-left:4px solid #a371f7}.relation-card.suzerain{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.faction-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.faction-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--iap-border-default, #30363d)}.faction-details h4{margin:0 0 .25rem;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.relation-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-secondary, #8b949e)}.relation-values{margin-bottom:1.5rem}.value-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.value-bar label{width:40px;font-size:.75rem;font-weight:500;color:var(--iap-text-secondary, #8b949e)}.bar-container{flex:1;height:8px;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;overflow:hidden}.bar{height:100%;border-radius:4px;transition:width .3s ease}.value-bar span{width:30px;font-size:.75rem;font-weight:500;color:var(--iap-text-primary, #f0f6fc);text-align:right}.relation-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.action-btn.primary{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.action-btn.primary:hover{background:var(--iap-accent-gold-hover, #e8c76d)}.action-btn.secondary{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc);border:1px solid var(--iap-border-default, #30363d)}.action-btn.secondary:hover{background:var(--iap-bg-hover, #30363d);border-color:var(--iap-accent-gold, #d4a84b)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--iap-text-muted, #6e7681)}.empty-state p{font-size:1rem;margin:0}.faction-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;box-shadow:0 8px 24px #00000080;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;color:var(--iap-text-primary, #f0f6fc)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--iap-border-default, #30363d)}.modal-header h3{margin:0;color:var(--iap-text-primary, #f0f6fc)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--iap-text-secondary, #8b949e);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.modal-body{padding:1.5rem}.diplomacy-content::-webkit-scrollbar{width:6px}.diplomacy-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.diplomacy-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.diplomacy-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}@media (max-width: 768px){.relations-grid{grid-template-columns:1fr}.diplomacy-content,.relation-card{padding:1rem}.diplomacy-tab{padding:.75rem;font-size:.75rem}}.court-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.court-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d)}.court-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease}.court-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.court-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.court-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.offices-list{display:flex;flex-direction:column;gap:1rem}.office-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;transition:all .15s ease}.office-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d}.office-card.occupied{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.office-card.vacant{border-left:4px solid var(--iap-text-muted, #6e7681)}.office-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.office-header h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.office-rank{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#d4a84b26;color:var(--iap-accent-gold, #d4a84b)}.office-holder{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--iap-bg-tertiary, #21262d);border-radius:6px;margin-bottom:.75rem}.officer-avatar{width:40px;height:40px;border-radius:50%;background:var(--iap-accent-gold, #d4a84b);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--iap-bg-primary, #0d1117)}.officer-info{flex:1}.officer-name{font-weight:600;color:var(--iap-text-primary, #f0f6fc);margin-bottom:.25rem}.officer-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.office-actions{display:flex;gap:.5rem}.office-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.office-btn.primary{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.office-btn.primary:hover{background:var(--iap-accent-gold-hover, #e8c76d)}.office-btn.secondary{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc);border:1px solid var(--iap-border-default, #30363d)}.office-btn.secondary:hover{border-color:var(--iap-accent-gold, #d4a84b)}.policy-system{display:flex;flex-direction:column;gap:1.5rem}.current-policy{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem}.current-policy h4{margin:0 0 1rem;color:var(--iap-accent-gold, #d4a84b);font-size:1rem;font-weight:600}.policy-info{display:flex;flex-direction:column;gap:.5rem}.policy-name{font-size:1.25rem;font-weight:700;color:var(--iap-text-primary, #f0f6fc)}.policy-description{font-size:.875rem;color:var(--iap-text-secondary, #8b949e);line-height:1.5}.policy-effects{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.available-policies{display:flex;flex-direction:column;gap:1rem}.available-policies h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.policy-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.policy-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1rem;cursor:pointer;transition:all .15s ease}.policy-card:hover{border-color:var(--iap-accent-gold, #d4a84b);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.policy-card.selected{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b0d}.policy-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.policy-card-name{font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.policy-card-cost{font-size:.75rem;color:var(--iap-accent-gold, #d4a84b);font-weight:500}.policy-card-description{font-size:.75rem;color:var(--iap-text-secondary, #8b949e);line-height:1.4}.court-meeting{display:flex;flex-direction:column;gap:1.5rem}.meeting-status{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;text-align:center}.meeting-status.in-progress{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b0d}.meeting-status h4{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:1.125rem;font-weight:600}.meeting-timer{font-size:2rem;font-weight:700;color:var(--iap-accent-gold, #d4a84b);margin:1rem 0}.meeting-topics{display:flex;flex-direction:column;gap:1rem}.topic-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1rem;transition:all .15s ease}.topic-card:hover{border-color:var(--iap-accent-gold, #d4a84b)}.topic-card.urgent{border-left:4px solid #f85149}.topic-card.normal{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.topic-card.low{border-left:4px solid var(--iap-text-muted, #6e7681)}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.topic-title{font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.topic-priority{font-size:.625rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.topic-priority.urgent{background:#da363333;color:#f85149}.topic-priority.normal{background:#d4a84b33;color:#d4a84b}.topic-priority.low{background:#6e768133;color:#6e7681}.topic-description{font-size:.875rem;color:var(--iap-text-secondary, #8b949e);margin-bottom:.75rem}.topic-options{display:flex;gap:.5rem;flex-wrap:wrap}.topic-option{padding:.375rem .75rem;background:var(--iap-bg-tertiary, #21262d);border:1px solid var(--iap-border-default, #30363d);border-radius:4px;font-size:.75rem;color:var(--iap-text-primary, #f0f6fc);cursor:pointer;transition:all .15s ease}.topic-option:hover{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.court-content::-webkit-scrollbar{width:6px}.court-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.court-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.court-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}.clan-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.clan-header{background:linear-gradient(135deg,var(--iap-bg-secondary, #161b22) 0%,var(--iap-bg-tertiary, #21262d) 100%);padding:1.25rem 1.5rem;border-bottom:1px solid var(--iap-border-default, #30363d);display:flex;justify-content:space-between;align-items:flex-start}.clan-title-section{flex:1}.clan-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--iap-accent-gold, #d4a84b);display:flex;align-items:center;gap:.5rem}.clan-title:before{content:"📜";font-size:1.1rem}.current-ruler{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.ruler-label{color:var(--iap-text-secondary, #8b949e)}.ruler-name{font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.ruler-title{padding:.125rem .5rem;background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117);border-radius:4px;font-size:.75rem;font-weight:500}.clan-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--iap-accent-gold, #d4a84b)}.stat-label{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.clan-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d)}.clan-tab{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.clan-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.clan-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.tab-icon{font-size:1rem}.tab-count{padding:.125rem .5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:12px;font-size:.75rem;font-weight:600;min-width:1.5rem;text-align:center}.clan-tab.active .tab-count{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.clan-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.genealogy-section .section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--iap-border-default, #30363d)}.genealogy-section .section-header h3{margin:0 0 .5rem;color:var(--iap-accent-gold, #d4a84b);font-size:1.125rem;font-weight:600}.section-desc{margin:0;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.genealogy-tree{display:flex;flex-direction:column;gap:.75rem}.genealogy-node-wrapper{position:relative}.genealogy-connector{position:absolute;left:24px;top:-12px;height:12px;width:2px}.connector-line{width:2px;height:100%;background:var(--iap-border-default, #30363d)}.branch-line{position:absolute;left:24px;bottom:-12px;height:12px;width:2px;background:var(--iap-border-default, #30363d)}.genealogy-node{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.genealogy-node:hover{border-color:var(--iap-accent-gold, #d4a84b);transform:translate(4px);box-shadow:0 4px 12px #0000004d}.genealogy-node.main-branch{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.genealogy-node.side-branch{border-left:4px solid #58a6ff}.genealogy-node.ruler{background:linear-gradient(135deg,rgba(212,168,75,.15) 0%,var(--iap-bg-secondary, #161b22) 100%);border-color:var(--iap-accent-gold, #d4a84b)}.node-avatar{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--iap-bg-tertiary, #21262d);border-radius:50%;flex-shrink:0}.avatar-icon{font-size:1.5rem}.crown-icon{position:absolute;top:-4px;right:-4px;font-size:.875rem;background:var(--iap-bg-primary, #0d1117);border-radius:50%;padding:2px}.node-info{flex:1;min-width:0}.node-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.node-name{font-size:1rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.node-title{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.node-title.ruler{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.node-title.royal{background:#8957e5;color:#fff}.node-title.heir{background:#238636;color:#fff}.node-details{display:flex;align-items:center;gap:1rem;margin-bottom:.375rem}.node-relation{font-size:.875rem;color:var(--iap-accent-gold, #d4a84b);font-weight:500}.node-age{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.node-meta{display:flex;align-items:center;gap:.75rem}.node-surname{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.deceased-tag{padding:.125rem .375rem;background:#da3633;color:#fff;border-radius:4px;font-size:.625rem;font-weight:500}.node-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{padding:.5rem .875rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.detail-btn{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc);border:1px solid var(--iap-border-default, #30363d)}.detail-btn:hover{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117);border-color:var(--iap-accent-gold, #d4a84b)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--iap-text-secondary, #8b949e)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:0;font-size:.875rem}.character-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:12px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--iap-border-default, #30363d)}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--iap-bg-tertiary, #21262d);border-radius:50%;font-size:1.75rem}.modal-title-section h3{margin:0 0 .375rem;font-size:1.25rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.modal-title-tag{padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.modal-title-tag.ruler{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.modal-title-tag.royal{background:#8957e5;color:#fff}.modal-title-tag.heir{background:#238636;color:#fff}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:1.5rem;color:var(--iap-text-secondary, #8b949e);cursor:pointer;transition:all .15s ease}.close-btn:hover{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc)}.modal-body{padding:1.25rem}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--iap-accent-gold, #d4a84b);text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.detail-value{font-size:.875rem;color:var(--iap-text-primary, #f0f6fc);font-weight:500}.detail-value.alive{color:#3fb950}.detail-value.deceased{color:#f85149}.detail-value.highlight,.detail-value.main{color:var(--iap-accent-gold, #d4a84b)}.detail-value.side{color:#58a6ff}.relations-list{display:flex;flex-direction:column;gap:.75rem}.relation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--iap-bg-tertiary, #21262d);border-radius:6px}.relation-type{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.relation-names{font-size:.875rem;color:var(--iap-text-primary, #f0f6fc)}.clan-content::-webkit-scrollbar{width:8px}.clan-content::-webkit-scrollbar-track{background:var(--iap-bg-secondary, #161b22)}.clan-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:4px}.clan-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-secondary, #8b949e)}@media (max-width: 768px){.clan-header{flex-direction:column;gap:1rem}.clan-stats{width:100%;justify-content:space-around}.detail-grid{grid-template-columns:1fr}}.military-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.military-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.military-tabs::-webkit-scrollbar{display:none}.military-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease;white-space:nowrap;min-width:80px}.military-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.military-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.military-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.military-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.overview-icon{font-size:2rem;margin-bottom:.5rem}.overview-value{font-size:1.75rem;font-weight:700;color:var(--iap-accent-gold, #d4a84b);margin-bottom:.25rem}.armies-list{display:flex;flex-direction:column;gap:1rem}.army-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.25rem;transition:all .15s ease}.army-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d}.army-card.active{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.army-card.inactive{border-left:4px solid var(--iap-text-muted, #6e7681);opacity:.8}.army-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.army-name{font-size:1.125rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.army-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.army-status.active{background:#23863633;color:#3fb950}.army-status.inactive{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681)}.army-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-bottom:.75rem}.army-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.625rem;color:var(--iap-text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.875rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.army-commander{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:6px}.commander-avatar{width:32px;height:32px;border-radius:50%;background:var(--iap-accent-gold, #d4a84b);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--iap-bg-primary, #0d1117)}.commander-info{flex:1}.commander-name{font-size:.875rem;font-weight:500;color:var(--iap-text-primary, #f0f6fc)}.commander-title{font-size:.625rem;color:var(--iap-text-secondary, #8b949e)}.recruitment-panel{display:flex;flex-direction:column;gap:1.5rem}.recruitment-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px}.recruitment-header h4{margin:0;color:var(--iap-accent-gold, #d4a84b);font-size:1rem;font-weight:600}.available-population{font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.available-population span{color:var(--iap-accent-gold, #d4a84b);font-weight:600}.recruitment-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--iap-text-primary, #f0f6fc)}.form-group input,.form-group select{padding:.625rem;background:var(--iap-bg-tertiary, #21262d);border:1px solid var(--iap-border-default, #30363d);border-radius:6px;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--iap-accent-gold, #d4a84b)}.unit-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.unit-type-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1rem;cursor:pointer;transition:all .15s ease;text-align:center}.unit-type-card:hover{border-color:var(--iap-accent-gold, #d4a84b)}.unit-type-card.selected{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.unit-icon{font-size:1.5rem;margin-bottom:.5rem}.unit-name{font-size:.875rem;font-weight:500;color:var(--iap-text-primary, #f0f6fc);margin-bottom:.25rem}.unit-cost{font-size:.75rem;color:var(--iap-accent-gold, #d4a84b)}.recruit-btn{padding:.75rem 1.5rem;background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117);border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;align-self:flex-start}.recruit-btn:hover{background:var(--iap-accent-gold-hover, #e8c76d)}.recruit-btn:disabled{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681);cursor:not-allowed}.training-panel{display:flex;flex-direction:column;gap:1.5rem}.training-list{display:flex;flex-direction:column;gap:1rem}.training-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.25rem;transition:all .15s ease}.training-card:hover{border-color:var(--iap-accent-gold, #d4a84b)}.training-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.training-name{font-size:1rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.training-duration{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.training-effects{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.effect-tag{padding:.25rem .5rem;background:#d4a84b26;color:var(--iap-accent-gold, #d4a84b);border-radius:4px;font-size:.75rem;font-weight:500}.training-btn{padding:.5rem 1rem;background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc);border:1px solid var(--iap-border-default, #30363d);border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.training-btn:hover{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.military-content::-webkit-scrollbar{width:6px}.military-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.military-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.military-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}.retainer-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.retainer-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.retainer-tabs::-webkit-scrollbar{display:none}.retainer-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease;white-space:nowrap;min-width:80px}.retainer-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.retainer-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.retainer-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.hire-retainer-btn,.create-mission-btn,.start-recruitment-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.hire-retainer-btn:hover,.create-mission-btn:hover,.start-recruitment-btn:hover{background:var(--iap-accent-gold-hover, #e8c76d)}.hire-retainer-btn.small,.create-mission-btn.small,.start-recruitment-btn.small{padding:.25rem .5rem;font-size:.625rem}.retainers-list{display:flex;flex-direction:column;gap:1rem}.retainer-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.retainer-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.retainer-card.common{border-left:4px solid var(--iap-text-muted, #6e7681)}.retainer-card.uncommon{border-left:4px solid #3fb950}.retainer-card.rare{border-left:4px solid #58a6ff}.retainer-card.epic{border-left:4px solid #a371f7}.retainer-card.legendary{border-left:4px solid var(--iap-accent-gold, #d4a84b)}.retainer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.retainer-info h4{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.retainer-meta{display:flex;gap:.5rem;flex-wrap:wrap}.retainer-type,.retainer-quality,.retainer-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.retainer-type.scholar{background:#58a6ff33;color:#58a6ff}.retainer-type.warrior{background:#f8514933;color:#f85149}.retainer-type.merchant{background:#3fb95033;color:#3fb950}.retainer-type.strategist{background:#a371f733;color:#a371f7}.retainer-quality.common{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681)}.retainer-quality.uncommon{background:#3fb95033;color:#3fb950}.retainer-quality.rare{background:#58a6ff33;color:#58a6ff}.retainer-quality.epic{background:#a371f733;color:#a371f7}.retainer-quality.legendary{background:#d4a84b33;color:#d4a84b}.retainer-status.idle{background:#3fb95033;color:#3fb950}.retainer-status.on_mission{background:#58a6ff33;color:#58a6ff}.retainer-status.resting{background:#d2992233;color:#d29922}.retainer-status.injured{background:#f8514933;color:#f85149}.retainer-level{font-size:.875rem;font-weight:600;padding:.25rem .5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;color:var(--iap-text-primary, #f0f6fc)}.retainer-attributes h5,.retainer-skills h5,.retainer-mission h5{margin:0 0 .75rem;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem;font-weight:600}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.attribute-item{display:flex;flex-direction:column;gap:.25rem}.attribute-item span{font-size:.75rem;color:var(--iap-text-secondary, #8b949e);font-weight:500}.attribute-bar{height:8px;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;overflow:hidden}.attribute-fill{height:100%;background:var(--iap-accent-gold, #d4a84b);transition:width .3s ease}.attribute-fill.loyalty{background:#3fb950}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;font-size:.75rem}.skill-name{color:var(--iap-text-primary, #f0f6fc);font-weight:500}.skill-level{color:var(--iap-text-secondary, #8b949e);font-size:.625rem;background:var(--iap-bg-secondary, #161b22);padding:0 .25rem;border-radius:2px}.retainer-mission{padding:.75rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;font-size:.875rem;color:var(--iap-text-primary, #f0f6fc)}.missions-list{display:flex;flex-direction:column;gap:1rem}.mission-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.mission-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d}.mission-card.available{border-left:4px solid #3fb950}.mission-card.in_progress{border-left:4px solid #58a6ff}.mission-card.completed{border-left:4px solid #3fb950;opacity:.8}.mission-card.failed{border-left:4px solid #f85149;opacity:.8}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mission-header h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.mission-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.mission-status.available{background:#3fb95033;color:#3fb950}.mission-status.in_progress{background:#58a6ff33;color:#58a6ff}.mission-status.completed{background:#3fb95033;color:#3fb950}.mission-status.failed{background:#f8514933;color:#f85149}.mission-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.mission-description{margin-bottom:1rem}.mission-description p{margin:0;font-size:.875rem;color:var(--iap-text-primary, #f0f6fc);line-height:1.4}.mission-rewards h5,.mission-assignee h5,.assign-section h5{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem;font-weight:600}.rewards-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.mission-assignee{margin-bottom:1rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.assign-section{margin-top:1rem}.retainer-selector{display:flex;flex-wrap:wrap;gap:.5rem}.assign-btn{padding:.25rem .5rem;border:1px solid var(--iap-border-default, #30363d);border-radius:4px;background:var(--iap-bg-tertiary, #21262d);font-size:.75rem;cursor:pointer;transition:all .15s ease;color:var(--iap-text-primary, #f0f6fc)}.assign-btn:hover{background:var(--iap-bg-hover, #30363d);border-color:var(--iap-accent-gold, #d4a84b)}.complete-section{display:flex;gap:.5rem;margin-top:1rem}.complete-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.complete-btn.success{background:#3fb950;color:var(--iap-bg-primary, #0d1117)}.complete-btn.failure{background:#f85149;color:#fff}.recruitment-list{display:flex;flex-direction:column;gap:1rem}.retainer-content::-webkit-scrollbar{width:6px}.retainer-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.retainer-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.retainer-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}.policy-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.policy-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.policy-tabs::-webkit-scrollbar{display:none}.policy-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease;white-space:nowrap;min-width:80px}.policy-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.policy-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.policy-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.policy-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.overview-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.25rem;text-align:center;transition:all .15s ease}.overview-card:hover{border-color:var(--iap-accent-gold, #d4a84b);transform:translateY(-2px)}.overview-icon{font-size:1.75rem;margin-bottom:.5rem}.overview-value{font-size:1.5rem;font-weight:700;color:var(--iap-accent-gold, #d4a84b);margin-bottom:.25rem}.overview-label{font-size:.75rem;color:var(--iap-text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px}.policies-list{display:flex;flex-direction:column;gap:1rem}.policy-category{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--iap-bg-tertiary, #21262d);border-bottom:1px solid var(--iap-border-default, #30363d)}.category-name{font-size:1rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc)}.category-count{font-size:.75rem;color:var(--iap-text-secondary, #8b949e);background:var(--iap-bg-secondary, #161b22);padding:.25rem .5rem;border-radius:4px}.category-policies{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.policy-item{display:flex;align-items:center;gap:1rem;padding:.875rem;background:var(--iap-bg-primary, #0d1117);border:1px solid var(--iap-border-default, #30363d);border-radius:6px;cursor:pointer;transition:all .15s ease}.policy-item:hover{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b0d}.policy-item.active{border-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.policy-status{width:12px;height:12px;border-radius:50%;flex-shrink:0}.policy-status.active{background:#3fb950;box-shadow:0 0 8px #3fb95080}.policy-status.inactive{background:var(--iap-text-muted, #6e7681)}.policy-info{flex:1;min-width:0}.policy-name{font-size:.875rem;font-weight:500;color:var(--iap-text-primary, #f0f6fc);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.policy-description{font-size:.75rem;color:var(--iap-text-secondary, #8b949e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.policy-effects{display:flex;flex-wrap:wrap;gap:.375rem;max-width:200px}.effect-tag{padding:.125rem .375rem;background:#d4a84b26;color:var(--iap-accent-gold, #d4a84b);border-radius:4px;font-size:.625rem;font-weight:500}.policy-detail{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem}.policy-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--iap-border-default, #30363d)}.policy-detail-title{font-size:1.25rem;font-weight:700;color:var(--iap-text-primary, #f0f6fc);margin-bottom:.25rem}.policy-detail-category{font-size:.75rem;color:var(--iap-text-secondary, #8b949e)}.policy-detail-status{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500}.policy-detail-status.active{background:#23863633;color:#3fb950}.policy-detail-status.inactive{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681)}.policy-detail-description{font-size:.875rem;color:var(--iap-text-secondary, #8b949e);line-height:1.6;margin-bottom:1.25rem}.policy-detail-effects{margin-bottom:1.25rem}.policy-detail-effects h5{font-size:.875rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc);margin:0 0 .75rem}.effects-list{display:flex;flex-direction:column;gap:.5rem}.effect-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;font-size:.875rem}.effect-item.positive{color:#3fb950}.effect-item.negative{color:#f85149}.effect-icon{font-size:.875rem}.policy-requirements{margin-bottom:1.25rem}.policy-requirements h5{font-size:.875rem;font-weight:600;color:var(--iap-text-primary, #f0f6fc);margin:0 0 .75rem}.requirements-list{display:flex;flex-direction:column;gap:.5rem}.requirement-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.requirement-item.met{color:#3fb950}.requirement-item.unmet{color:#f85149}.policy-actions{display:flex;gap:.75rem}.policy-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.policy-btn.primary{background:var(--iap-accent-gold, #d4a84b);color:var(--iap-bg-primary, #0d1117)}.policy-btn.primary:hover{background:var(--iap-accent-gold-hover, #e8c76d)}.policy-btn.secondary{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-primary, #f0f6fc);border:1px solid var(--iap-border-default, #30363d)}.policy-btn.secondary:hover{border-color:var(--iap-accent-gold, #d4a84b)}.policy-btn:disabled{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681);cursor:not-allowed;border-color:var(--iap-border-default, #30363d)}.policy-content::-webkit-scrollbar{width:6px}.policy-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.policy-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.policy-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}.secret-police-panel{background:var(--iap-bg-primary, #0d1117);border-radius:8px;overflow:hidden;height:100%;display:flex;flex-direction:column;color:var(--iap-text-primary, #f0f6fc)}.secret-police-tabs{display:flex;background:var(--iap-bg-secondary, #161b22);border-bottom:1px solid var(--iap-border-default, #30363d);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.secret-police-tabs::-webkit-scrollbar{display:none}.secret-police-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--iap-text-secondary, #8b949e);transition:all .15s ease;white-space:nowrap;min-width:80px}.secret-police-tab:hover{color:var(--iap-text-primary, #f0f6fc);background:var(--iap-bg-tertiary, #21262d)}.secret-police-tab.active{color:var(--iap-accent-gold, #d4a84b);border-bottom-color:var(--iap-accent-gold, #d4a84b);background:#d4a84b1a}.secret-police-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--iap-bg-primary, #0d1117)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:var(--iap-accent-gold, #d4a84b);font-size:1.125rem;font-weight:600}.build-prison-btn,.capture-prisoner-btn,.deploy-spy-btn,.assign-mission-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.build-prison-btn{background:#58a6ff;color:var(--iap-bg-primary, #0d1117)}.build-prison-btn:hover{background:#79c0ff}.capture-prisoner-btn{background:#f85149;color:#fff}.capture-prisoner-btn:hover{background:#ff7b72}.deploy-spy-btn{background:#d29922;color:var(--iap-bg-primary, #0d1117)}.deploy-spy-btn:hover{background:#e3b341}.assign-mission-btn{background:#3fb950;color:var(--iap-bg-primary, #0d1117)}.assign-mission-btn:hover{background:#56d364}button.small{padding:.25rem .5rem;font-size:.625rem}.prisons-list{display:flex;flex-direction:column;gap:1rem}.prison-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;transition:all .15s ease}.prison-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.prison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.prison-header h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.prison-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;color:var(--iap-text-secondary, #8b949e)}.prison-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.prison-facilities h5{margin:0 0 .75rem;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem;font-weight:600}.facilities-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.facility-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--iap-bg-tertiary, #21262d);border-radius:4px;font-size:.75rem;min-width:120px;color:var(--iap-text-secondary, #8b949e)}.prison-actions{display:flex;gap:.5rem;justify-content:flex-end}.upgrade-btn,.manage-btn{padding:.5rem 1rem;border:1px solid var(--iap-border-default, #30363d);border-radius:4px;background:var(--iap-bg-tertiary, #21262d);font-size:.75rem;cursor:pointer;transition:all .15s ease;color:var(--iap-text-primary, #f0f6fc)}.upgrade-btn:hover{background:var(--iap-bg-hover, #30363d);border-color:var(--iap-accent-gold, #d4a84b)}.manage-btn{background:#58a6ff;color:var(--iap-bg-primary, #0d1117);border-color:#58a6ff}.manage-btn:hover{background:#79c0ff}.prisoners-list{display:flex;flex-direction:column;gap:1rem}.prisoner-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.prisoner-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.prisoner-card.detained{border-left:4px solid #58a6ff}.prisoner-card.trialed{border-left:4px solid #d29922}.prisoner-card.imprisoned{border-left:4px solid #3fb950}.prisoner-card.executed{border-left:4px solid #f85149;opacity:.8}.prisoner-card.released{border-left:4px solid var(--iap-text-muted, #6e7681);opacity:.8}.prisoner-card.escaped{border-left:4px solid #a371f7;opacity:.8}.prisoner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.prisoner-header h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.prisoner-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.prisoner-status.detained{background:#58a6ff33;color:#58a6ff}.prisoner-status.trialed{background:#d2992233;color:#d29922}.prisoner-status.imprisoned{background:#3fb95033;color:#3fb950}.prisoner-status.executed{background:#f8514933;color:#f85149}.prisoner-status.released{background:var(--iap-bg-tertiary, #21262d);color:var(--iap-text-muted, #6e7681)}.prisoner-status.escaped{background:#a371f733;color:#a371f7}.prisoner-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.prisoner-crimes h5{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem;font-weight:600}.crime-tag{display:inline-block;padding:.25rem .5rem;background:#f8514933;color:#f85149;border-radius:4px;font-size:.75rem;margin-right:.5rem;margin-bottom:.5rem}.prisoner-interrogation h5{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:.875rem;font-weight:600}.interrogation-info{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--iap-text-secondary, #8b949e)}.gathered-info h6{margin:0 0 .5rem;color:var(--iap-text-primary, #f0f6fc);font-size:.75rem;font-weight:600}.info-tag{display:inline-block;padding:.25rem .5rem;background:#58a6ff33;color:#58a6ff;border-radius:4px;font-size:.75rem;margin-right:.5rem;margin-bottom:.5rem}.prisoner-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.interrogate-btn,.execute-btn,.release-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.interrogate-btn{background:#d29922;color:var(--iap-bg-primary, #0d1117)}.interrogate-btn:hover{background:#e3b341}.execute-btn{background:#f85149;color:#fff}.execute-btn:hover{background:#ff7b72}.release-btn{background:#3fb950;color:var(--iap-bg-primary, #0d1117)}.release-btn:hover{background:#56d364}.spies-list{display:flex;flex-direction:column;gap:1rem}.spy-card{background:var(--iap-bg-secondary, #161b22);border:1px solid var(--iap-border-default, #30363d);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.spy-card:hover{border-color:var(--iap-accent-gold, #d4a84b);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.spy-card.infiltrating{border-left:4px solid #58a6ff}.spy-card.active{border-left:4px solid #3fb950}.spy-card.compromised{border-left:4px solid #d29922}.spy-card.extracted{border-left:4px solid var(--iap-text-muted, #6e7681);opacity:.8}.spy-card.dead{border-left:4px solid #f85149;opacity:.8}.spy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.spy-header h4{margin:0;color:var(--iap-text-primary, #f0f6fc);font-size:1rem;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--iap-text-muted, #6e7681)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:1rem;margin-bottom:1rem}.secret-police-content::-webkit-scrollbar{width:6px}.secret-police-content::-webkit-scrollbar-track{background:var(--iap-bg-primary, #0d1117);border-radius:3px}.secret-police-content::-webkit-scrollbar-thumb{background:var(--iap-border-default, #30363d);border-radius:3px}.secret-police-content::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted, #6e7681)}:root{--iap-bg-primary: #0d1117;--iap-bg-secondary: #161b22;--iap-bg-tertiary: #21262d;--iap-bg-hover: #30363d;--iap-accent-gold: #d4a84b;--iap-accent-gold-hover: #e8c76d;--iap-text-primary: #f0f6fc;--iap-text-secondary: #8b949e;--iap-text-muted: #6e7681;--iap-border-default: #30363d;--iap-border-subtle: #21262d;--iap-success: #238636;--iap-danger: #da3633;--iap-shadow: 0 2px 8px rgba(0, 0, 0, .4)}.internal-affairs-page{min-height:100vh;background:var(--iap-bg-primary);color:var(--iap-text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}.page-header{background:var(--iap-bg-secondary);color:var(--iap-text-primary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--iap-border-default);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.back-btn{background:var(--iap-bg-tertiary);border:1px solid var(--iap-border-default);color:var(--iap-text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:500}.back-btn:hover{background:var(--iap-bg-hover);border-color:var(--iap-border-subtle)}.faction-info{display:flex;align-items:center;gap:.75rem}.faction-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--iap-accent-gold)}.faction-details h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--iap-accent-gold);font-family:"Noto Serif SC",serif}.faction-details .subtitle{font-size:.875rem;color:var(--iap-text-secondary)}.header-actions{display:flex;gap:1rem}.primary-btn,.secondary-btn{padding:.5rem 1rem;border:1px solid var(--iap-border-default);border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease;font-size:13px}.primary-btn{background:var(--iap-accent-gold);border-color:var(--iap-accent-gold);color:var(--iap-bg-primary)}.primary-btn:hover{background:var(--iap-accent-gold-hover);border-color:var(--iap-accent-gold-hover)}.secondary-btn{background:var(--iap-bg-tertiary);color:var(--iap-text-primary)}.secondary-btn:hover{background:var(--iap-bg-hover);border-color:var(--iap-border-subtle)}.main-nav{background:var(--iap-bg-secondary);border-bottom:1px solid var(--iap-border-default);position:sticky;top:76px;z-index:90}.nav-tabs{display:flex;overflow-x:auto;gap:.5rem;padding:.5rem 1rem;scrollbar-width:thin;scrollbar-color:var(--iap-border-default) transparent}.nav-tabs::-webkit-scrollbar{height:4px}.nav-tabs::-webkit-scrollbar-track{background:transparent}.nav-tabs::-webkit-scrollbar-thumb{background:var(--iap-border-default);border-radius:2px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--iap-bg-tertiary);border:1px solid var(--iap-border-default);border-radius:8px;cursor:pointer;transition:all .15s ease;min-width:80px;font-size:.875rem;color:var(--iap-text-secondary)}.nav-tab:hover{background:var(--iap-bg-hover);border-color:var(--iap-border-subtle);color:var(--iap-text-primary)}.nav-tab.active{background:var(--iap-accent-gold);border-color:var(--iap-accent-gold);color:var(--iap-bg-primary);font-weight:500}.tab-icon{font-size:1.25rem}.tab-label{font-size:.75rem;text-align:center}.content-area{padding:1rem;max-width:100%;margin:0;min-height:calc(100vh - 160px);background:var(--iap-bg-primary);box-sizing:border-box}@media (min-width: 768px){.content-area{padding:1.5rem}}@media (min-width: 1200px){.content-area{padding:2rem;max-width:1400px;margin:0 auto}}.module{background:var(--iap-bg-secondary);border:1px solid var(--iap-border-default);border-radius:12px;padding:1rem;margin-bottom:1rem}@media (min-width: 768px){.module{padding:1.5rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.module{padding:2rem;margin-bottom:2rem}}.module h2{margin-top:0;margin-bottom:1.5rem;color:var(--iap-text-primary);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;font-family:"Noto Serif SC",serif;padding-bottom:.5rem;border-bottom:1px solid var(--iap-border-subtle)}.module h2:after{content:"";display:block;width:40px;height:2px;background:var(--iap-accent-gold);margin-top:.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--iap-bg-tertiary);border:1px solid var(--iap-border-default);border-radius:10px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .15s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--iap-accent-gold);box-shadow:0 4px 12px #0006}.stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--iap-bg-primary);border:1px solid var(--iap-border-default);border-radius:50%;color:var(--iap-accent-gold)}.stat-content{flex:1}.stat-title{font-size:.875rem;color:var(--iap-text-secondary);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--iap-text-primary);margin-bottom:.25rem}.stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:var(--iap-success)}.stat-change.negative{color:var(--iap-danger)}.stat-info{font-size:.75rem;color:var(--iap-text-muted);margin-top:.25rem}.emergency-section{margin-top:2rem}.emergency-section h3{margin-top:0;margin-bottom:1rem;color:var(--iap-text-primary);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.emergency-list{display:flex;flex-direction:column;gap:1rem}.emergency-item{background:#da36331a;border:1px solid rgba(218,54,51,.3);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .15s ease}.emergency-item:hover{background:#da363326;border-color:var(--iap-danger)}.emergency-severity{width:12px;height:12px;border-radius:50%;background:var(--iap-danger);box-shadow:0 0 8px #da363380;flex-shrink:0}.emergency-content{flex:1}.emergency-title{font-weight:500;color:var(--iap-text-primary);margin-bottom:.25rem}.emergency-time{font-size:.75rem;color:var(--iap-text-secondary)}.emergency-action{background:var(--iap-danger);color:var(--iap-text-primary);border:1px solid var(--iap-danger);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.emergency-action:hover{background:#c22f2c;border-color:#c22f2c}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--iap-text-muted);background:var(--iap-bg-secondary);border:1px dashed var(--iap-border-default);border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:var(--iap-text-muted)}.empty-state p{font-size:1.125rem;margin:0;color:var(--iap-text-secondary)}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.header-actions{width:100%;justify-content:space-between}.nav-tab{min-width:60px;padding:.5rem .75rem}.tab-label{font-size:.625rem}.content-area{padding:1rem}.overview-grid{grid-template-columns:repeat(2,1fr)}.module{padding:1.5rem}}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:var(--iap-bg-primary);border-radius:3px}.content-area::-webkit-scrollbar-thumb{background:var(--iap-border-default);border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:var(--iap-text-muted)}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.nav-tab{min-width:60px;padding:.5rem .75rem}.tab-label{font-size:.625rem}.content-area{padding:1rem}.overview-grid{grid-template-columns:repeat(2,1fr)}.module{padding:1.5rem}}@media (max-width: 480px){.overview-grid{grid-template-columns:1fr}.nav-tabs{gap:.25rem;padding:.5rem}.nav-tab{min-width:50px;padding:.5rem}.tab-icon{font-size:1rem}}:root{--gc-bg-primary: #0d1117;--gc-bg-secondary: #161b22;--gc-bg-tertiary: #21262d;--gc-bg-hover: #30363d;--gc-accent-gold: #d4a84b;--gc-accent-gold-hover: #e8c76d;--gc-accent-gold-dim: #8b7355;--gc-text-primary: #f0f6fc;--gc-text-secondary: #8b949e;--gc-text-muted: #6e7681;--gc-border-default: #30363d;--gc-border-subtle: #21262d;--gc-success: #238636;--gc-success-hover: #2ea043;--gc-shadow: 0 2px 8px rgba(0, 0, 0, .4)}.game-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none;overflow:hidden}.game-container>*{pointer-events:auto}.main-layout{flex:1;display:flex;overflow:auto;min-height:0}@media (max-width: 768px){.main-layout{flex-direction:column}}.content-area{flex:1;padding:0;overflow:auto;min-width:0;background:var(--gc-bg-primary)}.map-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gc-text-muted);font-size:24px}.bottom-bar{height:56px;background:var(--gc-bg-secondary);border-top:1px solid var(--gc-border-default);display:flex;align-items:center;padding:0 16px;gap:16px}.time-controls{display:flex;align-items:center;gap:12px}.control-btn{padding:8px 20px;background:var(--gc-accent-gold);color:var(--gc-bg-primary);border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;white-space:nowrap}.control-btn:hover{background:var(--gc-accent-gold-hover)}.control-btn.active{background:var(--gc-success);color:var(--gc-text-primary)}.control-btn.active:hover{background:var(--gc-success-hover)}.speed-controls{display:flex;gap:4px}.speed-btn{padding:6px 12px;background:var(--gc-bg-tertiary);color:var(--gc-text-secondary);border:1px solid var(--gc-border-default);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.speed-btn:hover{background:var(--gc-bg-hover);border-color:var(--gc-border-subtle);color:var(--gc-text-primary)}.speed-btn.active{background:var(--gc-accent-gold);border-color:var(--gc-accent-gold);color:var(--gc-bg-primary)}.game-status{margin-left:auto;color:var(--gc-text-secondary);font-size:13px;white-space:nowrap}.bottom-actions{display:flex;align-items:center;gap:8px;margin-left:16px}.pill-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--gc-border-default);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;white-space:nowrap;background:var(--gc-bg-tertiary);color:var(--gc-text-secondary)}.pill-btn:hover{background:var(--gc-bg-hover);border-color:var(--gc-border-subtle);color:var(--gc-text-primary)}.pill-btn .btn-icon{font-size:14px}.pill-btn .btn-text{font-size:13px}.pill-btn.fullscreen-btn{padding:8px;width:36px;height:36px;justify-content:center;background:var(--gc-bg-tertiary)}.pill-btn.fullscreen-btn:hover,.pill-btn.fullscreen-btn.active{background:var(--gc-accent-gold);border-color:var(--gc-accent-gold);color:var(--gc-bg-primary)}.pill-btn.back-btn:hover{background:var(--gc-bg-hover);border-color:var(--gc-border-subtle)}.pill-btn.save-btn{background:var(--gc-accent-gold);border-color:var(--gc-accent-gold);color:var(--gc-bg-primary)}.pill-btn.save-btn:hover{background:var(--gc-accent-gold-hover);border-color:var(--gc-accent-gold-hover)}@media (max-width: 768px){.bottom-bar{height:52px;padding:0 12px;gap:12px}.time-controls{gap:8px}.control-btn{padding:6px 14px;font-size:12px}.speed-btn{padding:5px 10px;font-size:11px}.game-status{font-size:12px}.bottom-actions{margin-left:8px;gap:6px}.pill-btn{padding:6px 12px;font-size:12px}.pill-btn.fullscreen-btn{width:32px;height:32px;padding:6px}}@media (max-width: 480px){.bottom-bar{height:48px;padding:0 8px}.control-btn .btn-text{display:none}.control-btn{padding:8px;min-width:36px}.speed-controls,.game-status,.pill-btn .btn-text{display:none}.pill-btn{padding:8px;min-width:36px;justify-content:center}}.gf-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1ef2,#2c3e50e6,#1a1a1ef2);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-panel{background:linear-gradient(145deg,var(--gf-paper) 0%,var(--gf-paper-warm) 100%);border:2px solid var(--gf-gold-dark);border-radius:var(--gf-radius-lg);padding:var(--gf-space-10);width:420px;max-width:92vw;box-shadow:0 24px 80px #00000073,0 0 0 1px #d4a84b40,inset 0 1px #ffffff80,inset 0 -1px #0000000d;position:relative;animation:gf-scale-in .5s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}.auth-panel{position:relative}.auth-panel>*{position:relative;z-index:1}.auth-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#a0806014;border:1px solid rgba(160,128,96,.2);border-radius:var(--gf-radius-md);color:var(--gf-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;padding:0}.auth-close-btn:hover{background:#c9372c1a;border-color:#c9372c4d;color:var(--gf-cinnabar);transform:rotate(90deg)}.auth-close-btn:active{transform:rotate(90deg) scale(.95)}.auth-close-btn svg{transition:transform .25s ease}.auth-panel:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(160,128,96,.2);border-radius:calc(var(--gf-radius-lg) - 8px);pointer-events:none;z-index:2}.auth-panel>.inner-border{position:absolute;top:14px;left:14px;right:14px;bottom:14px;border:1px dashed rgba(160,128,96,.12);border-radius:calc(var(--gf-radius-lg) - 14px);pointer-events:none}.auth-panel:after{content:"";position:absolute;top:0;left:15%;right:15%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,75,.3) 15%,var(--gf-gold) 35%,var(--gf-gold-light) 50%,var(--gf-gold) 65%,rgba(212,168,75,.3) 85%,transparent 100%);border-radius:0 0 3px 3px;box-shadow:0 2px 8px #d4a84b4d}.auth-panel .corner-decoration{position:absolute;width:24px;height:24px;border:2px solid var(--gf-gold);opacity:.4;z-index:2}.auth-panel .corner-decoration.top-left{top:12px;left:12px;border-right:none;border-bottom:none;border-radius:4px 0 0}.auth-panel .corner-decoration.top-right{top:12px;right:12px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.auth-panel .corner-decoration.bottom-left{bottom:12px;left:12px;border-right:none;border-top:none;border-radius:0 0 0 4px}.auth-panel .corner-decoration.bottom-right{bottom:12px;right:12px;border-left:none;border-top:none;border-radius:0 0 4px}.auth-title{font-family:var(--gf-font-title);font-size:40px;font-weight:400;background:linear-gradient(180deg,var(--gf-ink) 0%,#3a3a3a 50%,var(--gf-ink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:var(--gf-space-2);letter-spacing:10px;position:relative;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.auth-title:after{content:"◆ ❖ ◆";display:block;font-size:10px;color:var(--gf-gold);margin-top:var(--gf-space-3);letter-spacing:4px;opacity:.8}.auth-title:before{content:"━━━";display:block;font-size:8px;color:var(--gf-gold-dark);margin-bottom:var(--gf-space-2);letter-spacing:2px;opacity:.5}.auth-subtitle{font-family:var(--gf-font-body);font-size:14px;color:var(--gf-text-secondary);text-align:center;margin-bottom:var(--gf-space-8);line-height:1.6;position:relative;padding:0 var(--gf-space-4)}.auth-subtitle:before,.auth-subtitle:after{content:"—";color:var(--gf-gold);opacity:.4;margin:0 var(--gf-space-2)}.auth-form{display:flex;flex-direction:column;gap:var(--gf-space-6);position:relative}.auth-form:before{content:"";position:absolute;top:-var(--gf-space-4);left:-var(--gf-space-4);right:-var(--gf-space-4);bottom:-var(--gf-space-4);background:linear-gradient(135deg,rgba(212,168,75,.03) 0%,transparent 50%,rgba(212,168,75,.03) 100%);border-radius:var(--gf-radius-md);pointer-events:none;z-index:0}.auth-input-group{display:flex;flex-direction:column;gap:var(--gf-space-2);position:relative;z-index:1}.auth-label{font-family:var(--gf-font-body);font-size:13px;font-weight:600;color:var(--gf-text-secondary);padding-left:var(--gf-space-2);letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:var(--gf-space-2)}.auth-label:before{content:"";width:4px;height:4px;background:var(--gf-gold);border-radius:50%;opacity:.6}.auth-input-wrapper{position:relative;width:100%}.auth-input{width:100%;padding:var(--gf-space-4) var(--gf-space-5);font-family:var(--gf-font-ui);font-size:16px;color:var(--gf-text-primary);background:linear-gradient(145deg,#fffffff2,#fcfaf7fa,#fffffff2);border:1.5px solid var(--gf-border);border-radius:var(--gf-radius-md);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 1px 2px #0000000a,0 1px 2px #00000005;position:relative}.auth-input:focus{border-color:var(--gf-gold);background:linear-gradient(145deg,#fff,#fffdfa);box-shadow:inset 0 1px 2px #00000008,0 0 0 3px #d4a84b26,0 4px 12px #d4a84b14;transform:translateY(-1px)}.auth-input-wrapper:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gf-gold),transparent);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.auth-input-wrapper:focus-within:after{width:80%}.auth-input::placeholder{color:var(--gf-text-muted);font-style:italic;opacity:.6;transition:opacity .2s ease}.auth-input:focus::placeholder{opacity:.4}.auth-input:disabled{background:var(--gf-paper-warm);cursor:not-allowed;opacity:.6;border-color:var(--gf-border-light)}.otp-input{text-align:center;font-size:28px;letter-spacing:12px;font-family:var(--gf-font-ui);padding:var(--gf-space-4) var(--gf-space-4);font-weight:500}.otp-input:focus{letter-spacing:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.auth-error{background:linear-gradient(135deg,#c9372c14,#c9372c1f);border:1px solid rgba(201,55,44,.25);border-radius:var(--gf-radius-md);padding:var(--gf-space-3) var(--gf-space-4);color:var(--gf-cinnabar);font-size:13px;text-align:center;animation:gf-slide-up .3s ease,error-pulse 2s ease-in-out infinite;position:relative;overflow:hidden}.auth-error:before{content:"⚠";margin-right:var(--gf-space-2);font-size:14px}@keyframes error-pulse{0%,to{border-color:#c9372c40;box-shadow:0 0 #c9372c1a}50%{border-color:#c9372c66;box-shadow:0 0 0 3px #c9372c0d}}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--gf-space-2);width:100%;padding:var(--gf-space-4) var(--gf-space-6);font-family:var(--gf-font-body);font-size:15px;font-weight:500;border-radius:var(--gf-radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;outline:none;position:relative;overflow:hidden;margin-top:var(--gf-space-2);letter-spacing:1px}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-button:hover:not(:disabled):before{left:100%}.auth-button-primary{background:linear-gradient(145deg,var(--gf-cinnabar) 0%,#b83026 50%,var(--gf-cinnabar) 100%);color:#fff;box-shadow:0 4px 12px #c9372c59,0 1px 3px #0003,inset 0 1px #ffffff26;border:1px solid rgba(184,48,38,.5)}.auth-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c9372c73,0 2px 4px #0003,inset 0 1px #fff3;background:linear-gradient(145deg,#d44238 0%,var(--gf-cinnabar) 50%,#d44238 100%)}.auth-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #c9372c59,inset 0 2px 4px #00000026;transition:all .1s ease}.auth-button-primary:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(145deg,#c9a9a6,#b89996);box-shadow:none}.auth-button-secondary{background:transparent;color:var(--gf-text-secondary);border:1.5px solid var(--gf-border);margin-top:var(--gf-space-3);box-shadow:inset 0 1px #ffffff80}.auth-button-secondary:hover:not(:disabled){background:#d4a84b14;border-color:var(--gf-gold);color:var(--gf-ochre);transform:translateY(-1px);box-shadow:0 4px 12px #d4a84b26,inset 0 1px #ffffff80}.auth-button-secondary:active:not(:disabled){transform:translateY(0);background:#d4a84b1f;transition:all .1s ease}.auth-button-text{background:transparent;color:var(--gf-text-muted);margin-top:var(--gf-space-4);font-size:13px;padding:var(--gf-space-2) var(--gf-space-4);width:auto;min-width:80px;border-radius:var(--gf-radius-full)}.auth-button-text:hover:not(:disabled){color:var(--gf-cinnabar);background:#c9372c0f;transform:translate(-2px)}.auth-button-text:active:not(:disabled){transform:translate(0);transition:all .1s ease}.auth-button span{transition:transform .2s ease}.auth-button:hover:not(:disabled) span{transform:scale(1.02)}.auth-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--gf-gold-light);border-right-color:var(--gf-gold);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-button-primary .auth-loading{border-color:#ffffff4d;border-top-color:#fff;border-right-color:var(--gf-gold-light)}.auth-hint{font-family:var(--gf-font-body);font-size:12px;color:var(--gf-text-muted);text-align:center;margin-top:var(--gf-space-6);line-height:1.8;position:relative;padding:var(--gf-space-4) var(--gf-space-6);background:linear-gradient(135deg,rgba(160,128,96,.03) 0%,transparent 50%,rgba(160,128,96,.03) 100%);border-radius:var(--gf-radius-sm);border:1px dashed rgba(160,128,96,.15)}.auth-hint:before{content:"※";display:block;font-size:10px;color:var(--gf-gold);margin-bottom:var(--gf-space-2);opacity:.6}@keyframes gf-scale-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-form>*{animation:gf-fade-slide-up .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.auth-form>*:nth-child(1){animation-delay:.1s}.auth-form>*:nth-child(2){animation-delay:.15s}.auth-form>*:nth-child(3){animation-delay:.2s}.auth-form>*:nth-child(4){animation-delay:.25s}.auth-form>*:nth-child(5){animation-delay:.3s}@keyframes gf-fade-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-title{animation:gf-title-entrance .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes gf-title-entrance{0%{opacity:0;transform:translateY(-10px) scale(.95);letter-spacing:4px}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:10px}}.auth-input-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(212,168,75,.15) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;pointer-events:none;z-index:-1}.auth-input-wrapper:focus-within:before{width:120%;height:150%}.auth-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;pointer-events:none}.auth-button:active:after{width:300px;height:300px;opacity:0;transition:0s}.auth-button-text{transition:all .25s cubic-bezier(.4,0,.2,1)}.auth-button-text:before{content:"←";display:inline-block;margin-right:var(--gf-space-1);transition:transform .25s ease}.auth-button-text:hover:before{transform:translate(-4px)}.auth-panel .corner-decoration{animation:corner-shimmer 3s ease-in-out infinite}.auth-panel .corner-decoration.top-right{animation-delay:.5s}.auth-panel .corner-decoration.bottom-left{animation-delay:1s}.auth-panel .corner-decoration.bottom-right{animation-delay:1.5s}@keyframes corner-shimmer{0%,to{opacity:.3;border-color:var(--gf-gold)}50%{opacity:.6;border-color:var(--gf-gold-light)}}@media (max-width: 480px){.auth-panel{padding:var(--gf-space-8) var(--gf-space-5);margin:var(--gf-space-3);width:100%;max-width:calc(100vw - var(--gf-space-6))}.auth-title{font-size:32px;letter-spacing:6px}.auth-title:before,.auth-title:after{font-size:8px}.auth-subtitle{font-size:13px;padding:0 var(--gf-space-2)}.auth-button{font-size:14px;padding:var(--gf-space-3) var(--gf-space-5)}.otp-input{font-size:24px;letter-spacing:8px}.corner-decoration{width:16px;height:16px}.auth-close-btn{top:12px;right:12px;width:32px;height:32px}.auth-close-btn svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.auth-panel,.auth-title,.auth-form>*,.auth-button,.auth-input,.corner-decoration{animation:none!important;transition:opacity .2s ease!important}}.update-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.update-prompt-modal{background:linear-gradient(145deg,#f5f0e6,#e8e0d0);border:2px solid #8b4513;border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff80;position:relative;animation:slideUp .4s ease}.update-prompt-modal:before,.update-prompt-modal:after{content:"";position:absolute;left:8px;right:8px;height:4px;background:linear-gradient(90deg,transparent 0%,#8b4513 10%,#a0522d 50%,#8b4513 90%,transparent 100%);border-radius:2px}.update-prompt-modal:before{top:8px}.update-prompt-modal:after{bottom:8px}.update-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.update-title{font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-size:24px;color:#4a3728;margin:0 0 12px;font-weight:600}.update-version{font-size:14px;color:#8b7355;margin-bottom:8px;font-family:LXGW WenKai,serif}.update-version .arrow{margin:0 8px;color:#d4a574}.update-description{font-size:15px;color:#5c4a3a;line-height:1.6;margin:16px 0 24px;font-family:LXGW WenKai,serif}.update-actions{display:flex;gap:12px;justify-content:center}.update-btn-primary{background:linear-gradient(145deg,#8b4513,sienna);color:#f5f0e6;border:none;padding:12px 28px;font-size:16px;font-family:"Noto Serif SC",serif;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b45134d}.update-btn-primary:hover{background:linear-gradient(145deg,#9a5018,#b05d32);transform:translateY(-2px);box-shadow:0 6px 16px #8b451366}.update-btn-primary:active{transform:translateY(0)}.update-btn-secondary{background:transparent;color:#8b7355;border:1px solid #c4b5a0;padding:12px 24px;font-size:15px;font-family:LXGW WenKai,serif;border-radius:6px;cursor:pointer;transition:all .2s ease}.update-btn-secondary:hover{background:#8b73551a;border-color:#8b7355;color:#5c4a3a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 480px){.update-prompt-modal{padding:24px 20px;margin:16px}.update-title{font-size:20px}.update-actions{flex-direction:column}.update-btn-primary,.update-btn-secondary{width:100%}}:root{--gf-ink: #1a1a1a;--gf-ink-light: #2d2d2d;--gf-paper: #f5f0e6;--gf-paper-warm: #ebe5d8;--gf-paper-dark: #d4c8b0;--gf-cinnabar: #c9372c;--gf-cinnabar-light: #e74c3c;--gf-gold: #d4a84b;--gf-gold-light: #f0d878;--gf-gold-dark: #b8941d;--gf-jade: #4a7c59;--gf-jade-light: #5a9c6b;--gf-ochre: #b87333;--gf-indigo: #2c3e50;--gf-porcelain: #e8f4f8;--gf-border: rgba(160, 128, 96, .4);--gf-border-light: rgba(160, 128, 96, .2);--gf-shadow: rgba(0, 0, 0, .15);--gf-shadow-dark: rgba(0, 0, 0, .3);--gf-text-primary: #1a1a1a;--gf-text-secondary: #5a5a5a;--gf-text-muted: #8a8a8a;--gf-text-light: #f5f0e6;--gf-space-1: 4px;--gf-space-2: 8px;--gf-space-3: 12px;--gf-space-4: 16px;--gf-space-5: 20px;--gf-space-6: 24px;--gf-space-8: 32px;--gf-space-10: 40px;--gf-space-12: 48px;--gf-radius-sm: 4px;--gf-radius-md: 8px;--gf-radius-lg: 12px;--gf-radius-xl: 16px;--gf-radius-full: 9999px;--gf-shadow-sm: 0 1px 2px var(--gf-shadow);--gf-shadow-md: 0 4px 12px var(--gf-shadow);--gf-shadow-lg: 0 8px 24px var(--gf-shadow-dark);--gf-shadow-gold: 0 4px 20px rgba(212, 168, 75, .3);--gf-transition-fast: .15s ease;--gf-transition-normal: .3s ease;--gf-transition-slow: .5s ease;--gf-font-title: "SimSun", "Songti SC", serif;--gf-font-body: "LXGW WenKai", "Noto Serif SC", serif;--gf-font-ui: "Noto Sans SC", sans-serif}.gf-paper{background:var(--gf-paper);position:relative}.gf-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.gf-card{background:linear-gradient(145deg,var(--gf-paper) 0%,var(--gf-paper-warm) 100%);border:1px solid var(--gf-border);border-radius:var(--gf-radius-md);padding:var(--gf-space-6);box-shadow:var(--gf-shadow-md);position:relative;overflow:hidden}.gf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gf-gold),transparent);opacity:.6}.gf-border-decorated{border:2px solid var(--gf-gold-dark);border-radius:var(--gf-radius-md);position:relative}.gf-border-decorated:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(212,168,75,.3);border-radius:calc(var(--gf-radius-md) - 4px);pointer-events:none}.gf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gf-space-2);padding:var(--gf-space-3) var(--gf-space-6);font-family:var(--gf-font-body);font-size:14px;font-weight:500;border-radius:var(--gf-radius-md);cursor:pointer;transition:all var(--gf-transition-normal);border:none;outline:none;position:relative;overflow:hidden}.gf-btn:disabled{opacity:.5;cursor:not-allowed}.gf-btn-primary{background:linear-gradient(135deg,var(--gf-cinnabar) 0%,var(--gf-cinnabar-light) 100%);color:#fff;box-shadow:0 4px 12px #c9372c4d}.gf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #c9372c66}.gf-btn-primary:active:not(:disabled){transform:translateY(0)}.gf-btn-secondary{background:linear-gradient(135deg,var(--gf-gold) 0%,var(--gf-gold-light) 100%);color:var(--gf-ink);box-shadow:var(--gf-shadow-gold)}.gf-btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4a84b66}.gf-btn-ghost{background:transparent;color:var(--gf-text-secondary);border:1px solid var(--gf-border)}.gf-btn-ghost:hover:not(:disabled){background:#a080601a;border-color:var(--gf-gold);color:var(--gf-ochre)}.gf-btn-text{background:transparent;color:var(--gf-text-secondary);padding:var(--gf-space-2) var(--gf-space-3)}.gf-btn-text:hover:not(:disabled){color:var(--gf-cinnabar);background:#c9372c0d}.gf-input{width:100%;padding:var(--gf-space-3) var(--gf-space-4);font-family:var(--gf-font-ui);font-size:15px;color:var(--gf-text-primary);background:#fff;border:1px solid var(--gf-border);border-radius:var(--gf-radius-md);transition:all var(--gf-transition-fast);outline:none}.gf-input:focus{border-color:var(--gf-gold);box-shadow:0 0 0 3px #d4a84b26}.gf-input::placeholder{color:var(--gf-text-muted)}.gf-input:disabled{background:var(--gf-paper-warm);cursor:not-allowed}.gf-input-group{display:flex;flex-direction:column;gap:var(--gf-space-2)}.gf-input-label{font-family:var(--gf-font-body);font-size:14px;font-weight:500;color:var(--gf-text-secondary)}.gf-title{font-family:var(--gf-font-title);font-weight:400;color:var(--gf-text-primary);margin:0}.gf-title-xl{font-size:48px;letter-spacing:8px}.gf-title-lg{font-size:36px;letter-spacing:6px}.gf-title-md{font-size:28px;letter-spacing:4px}.gf-title-sm{font-size:20px;letter-spacing:2px}.gf-title-gold{background:linear-gradient(180deg,var(--gf-gold-light) 0%,var(--gf-gold) 50%,var(--gf-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.gf-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--gf-border) 20%,var(--gf-gold) 50%,var(--gf-border) 80%,transparent 100%);margin:var(--gf-space-6) 0;position:relative}.gf-divider:before,.gf-divider:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--gf-gold);font-size:8px}.gf-divider:before{left:25%}.gf-divider:after{right:25%}.gf-tag{display:inline-flex;align-items:center;padding:var(--gf-space-1) var(--gf-space-3);font-size:12px;font-family:var(--gf-font-ui);border-radius:var(--gf-radius-full);background:var(--gf-paper-warm);border:1px solid var(--gf-border-light);color:var(--gf-text-secondary)}.gf-tag-primary{background:#c9372c1a;border-color:#c9372c4d;color:var(--gf-cinnabar)}.gf-tag-gold{background:#d4a84b1a;border-color:#d4a84b4d;color:var(--gf-gold-dark)}.gf-scroll::-webkit-scrollbar{width:6px;height:6px}.gf-scroll::-webkit-scrollbar-track{background:var(--gf-paper-warm);border-radius:var(--gf-radius-full)}.gf-scroll::-webkit-scrollbar-thumb{background:var(--gf-border);border-radius:var(--gf-radius-full)}.gf-scroll::-webkit-scrollbar-thumb:hover{background:var(--gf-gold)}@keyframes gf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gf-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gf-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gf-animate-fade{animation:gf-fade-in .5s ease forwards}.gf-animate-slide-up{animation:gf-slide-up .5s ease forwards}.gf-animate-scale{animation:gf-scale-in .3s ease forwards}.gf-delay-1{animation-delay:.1s}.gf-delay-2{animation-delay:.2s}.gf-delay-3{animation-delay:.3s}.gf-delay-4{animation-delay:.4s}.app{width:100vw;height:100vh;display:flex;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e)}.game-canvas{flex:1;position:relative;overflow:hidden}.game-canvas canvas{display:block;width:100%;height:100%}*{box-sizing:border-box}body{font-family:var(--gf-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gf-paper-warm);border-radius:var(--gf-radius-full)}::-webkit-scrollbar-thumb{background:var(--gf-border);border-radius:var(--gf-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gf-gold)}::selection{background:#d4a84b4d;color:var(--gf-text-primary)}:focus-visible{outline:2px solid var(--gf-gold);outline-offset:2px}.no-select{-webkit-user-select:none;user-select:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}