:root{--bg-body: #15110e;--bg-card: #1c1814;--bg-panel: #12100d;--bg-elevated: #1f1a15;--bg-hover: rgba(197, 165, 114, .08);--bg-active: rgba(197, 165, 114, .14);--bg-overlay: rgba(12, 10, 8, .72);--text-primary: #f0e6d3;--text-secondary: #b8a58c;--text-muted: #8c7b6b;--text-inverse: #15110e;--text-disabled: #5a4e3f;--accent-gold: #c5a572;--accent-gold-light: #d4b883;--accent-red: #c43330;--accent-red-dark:#a32825;--accent-green: #5a8a6a;--accent-blue: #5a8ab0;--color-danger: #c43330;--color-success: #5a8a6a;--color-warning: #d4953a;--color-info: #5a8ab0;--border-subtle: rgba(197, 165, 114, .1);--border-medium: rgba(197, 165, 114, .18);--border-strong: rgba(197, 165, 114, .28);--border-accent: rgba(197, 165, 114, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow-gold: 0 0 12px rgba(197, 165, 114, .25);--shadow-glow-red: 0 0 12px rgba(196, 51, 48, .35);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;--font-mono: "SF Mono", "Monaco", "Menlo", "Consolas", monospace;--font-display: "PingFang SC", "Hiragino Sans GB", "STKaiti", "KaiTi", "楷体", serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed:1.7;--tracking-wide: .04em;--tracking-wider:.08em;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--duration-glacial:.5s;--z-statusbar: 150;--z-panel: 180;--z-backdrop: 900;--z-card: 901;--z-toast: 1000;--statusbar-height: 44px;--sidebar-width: 340px;--left-panel-width: 280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--tracking-wide)}body{display:flex;flex-direction:column}#main-content{flex:1;display:flex;position:relative;overflow:hidden;padding-bottom:var(--statusbar-height)}#game-container{flex:1;position:relative;overflow:hidden;padding-right:0}#game-canvas{display:block;width:100%;height:100%;background:var(--bg-body)}#status-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-statusbar)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-panel);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-gold);color:var(--text-inverse)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-gold);outline-offset:-1px}button{font-family:inherit;letter-spacing:inherit;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}button:hover{opacity:.92}button:active{transform:scale(.97)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-gold{color:var(--accent-gold)}.text-red{color:var(--accent-red)}.fw-500{font-weight:500}.fw-600{font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 6px #c5a5724d}50%{box-shadow:0 0 16px #c5a57299}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.anim-fade-in-scale{animation:fadeInScale var(--duration-normal) var(--ease-out) both}.anim-delay-1{animation-delay:.04s}.anim-delay-2{animation-delay:.08s}.anim-delay-3{animation-delay:.12s}.anim-delay-4{animation-delay:.16s}.anim-delay-5{animation-delay:.2s}.anim-delay-6{animation-delay:.24s}.anim-delay-7{animation-delay:.28s}.anim-delay-8{animation-delay:.32s}.anim-delay-9{animation-delay:.36s}.anim-delay-10{animation-delay:.4s}@media (max-width: 768px) and (orientation: landscape){#status-bar{font-size:var(--text-xs)}#status-bar button{width:28px;height:28px;font-size:var(--text-sm)}}.hsg-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:none;z-index:var(--z-backdrop)}.hsg-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-card);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);min-width:240px;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);font-family:var(--font-sans);display:none;animation:fadeInScale var(--duration-normal) var(--ease-out) both}.hsg-card__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-medium)}.hsg-card__title-text{color:var(--accent-gold);font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-wider)}.hsg-card__close{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);font-size:var(--text-base);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);background:none;border:none}.hsg-card__close:hover{color:var(--text-primary);background:var(--bg-hover)}.hsg-menu-item{display:block;width:100%;padding:11px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--text-primary);background:var(--bg-hover);border:none;text-align:left;letter-spacing:var(--tracking-wide);margin-bottom:4px;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hsg-menu-item:hover{background:var(--bg-active);transform:translate(2px);box-shadow:inset 3px 0 0 var(--accent-gold)}.hsg-menu-item:active{transform:scale(.98)}.hsg-menu-item--accent{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff;box-shadow:var(--shadow-sm)}.hsg-menu-item--accent:hover{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));transform:translate(2px) scale(1.02);box-shadow:inset 3px 0 #fff3,var(--shadow-glow-red)}.hsg-divider{border-top:1px solid var(--border-medium);margin:var(--space-sm) 0}.hsg-menu__header{text-align:center;padding:var(--space-md) 0 var(--space-lg)}.hsg-menu__logo{font-size:36px;line-height:1;margin-bottom:var(--space-xs)}.hsg-menu__title{font-size:var(--text-2xl);font-weight:700;color:var(--accent-gold);letter-spacing:var(--tracking-wider);margin-bottom:2px}.hsg-menu__subtitle{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.12em}.hsg-form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hsg-form-label{color:var(--text-secondary);font-size:var(--text-sm);display:block;margin-bottom:var(--space-sm)}.hsg-form-row{display:flex;gap:var(--space-sm)}.hsg-option{flex:1;padding:8px;border-radius:var(--radius-md);cursor:pointer;text-align:center;font-size:var(--text-base);background:var(--bg-hover);color:var(--text-secondary);border:none;transition:all var(--duration-fast) var(--ease-out)}.hsg-option:hover{background:var(--bg-active);color:var(--text-primary)}.hsg-option--active{background:var(--accent-gold);color:var(--text-inverse)}.hsg-option--active:hover{background:var(--accent-gold-light);color:var(--text-inverse)}.hsg-toggle{padding:11px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);border:none;color:var(--text-primary);letter-spacing:var(--tracking-wide);transition:background var(--duration-fast) var(--ease-out)}.hsg-toggle--on{background:var(--accent-green)}.hsg-toggle--off{background:var(--bg-hover)}.hsg-btn-submit{width:100%;padding:11px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff;border:none;text-align:center;letter-spacing:var(--tracking-wide);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hsg-btn-submit:hover{opacity:.92;box-shadow:var(--shadow-glow-red)}.hsg-btn-submit:active{transform:scale(.97)}.diff-item{padding:10px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);color:#fff;margin-bottom:4px;text-align:center;letter-spacing:var(--tracking-wide);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.diff-item:hover{transform:scale(1.03);box-shadow:var(--shadow-glow-gold)}.diff-back{padding:8px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);background:var(--bg-hover);color:var(--text-secondary);margin-top:var(--space-xs);text-align:center;border:none;width:100%;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.diff-back:hover{color:var(--text-primary);background:var(--bg-active)}.hsg-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:none;z-index:1001;font-family:var(--font-sans);animation:fadeInScale var(--duration-normal) var(--ease-out) both}.hsg-overlay-card{max-width:480px;margin:80px auto;padding:var(--space-3xl);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.hsg-input{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);letter-spacing:var(--tracking-wide);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.hsg-input:focus{border-color:var(--accent-gold)}.hsg-input::placeholder{color:var(--text-muted)}.hsg-textarea{width:100%;padding:12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-mono);resize:vertical;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.hsg-textarea:focus{border-color:var(--accent-gold)}.hsg-textarea::placeholder{color:var(--text-muted)}.hsg-select{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);outline:none;cursor:pointer}.hsg-select:focus{border-color:var(--accent-gold)}.hsg-btn{padding:11px 24px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500;border:none;text-align:center;letter-spacing:var(--tracking-wide);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.hsg-btn--primary{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff}.hsg-btn--primary:hover{box-shadow:var(--shadow-glow-red)}.hsg-btn--outline{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary)}.hsg-btn--outline:hover{border-color:var(--accent-gold);color:var(--text-primary)}.hsg-btn--close{width:100%;padding:10px;margin-top:var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.hsg-btn--close:hover{color:var(--text-primary);border-color:var(--accent-gold)}.hsg-tab{flex:1;padding:10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out)}.hsg-tab--active{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.hsg-label{color:var(--text-secondary);font-size:var(--text-sm);display:block;margin-bottom:var(--space-sm)}.hsg-help{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.hsg-row{display:flex;gap:var(--space-md)}.hsg-col{flex:1}.hsg-section-heading{color:var(--accent-red);margin:0 0 var(--space-xl) 0;font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-wider)}.hsg-about__icon{font-size:48px;margin-bottom:var(--space-md)}.hsg-about__name{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-xs)}.hsg-about__version{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.hsg-about__desc{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.hsg-about__close{padding:10px 24px;border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);border:none;display:inline-block;transition:background var(--duration-fast) var(--ease-out)}.hsg-about__close:hover{background:var(--bg-active)}.hsg-form-info{color:var(--text-muted);font-size:var(--text-base);margin-bottom:var(--space-xl)}.status-bar{height:var(--statusbar-height);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-panel) 100%);border-top:2px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);z-index:var(--z-statusbar)}.status-left,.status-right{display:flex;align-items:center;gap:6px}.status-left{overflow:hidden}.status-center{display:none;align-items:center;gap:var(--space-xs)}.status-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.status-btn:hover{background:var(--bg-hover);color:var(--accent-gold)}.status-btn:active{transform:scale(.95)}.status-turn{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-base);font-weight:500;letter-spacing:var(--tracking-wide)}.status-turn__dot{width:10px;height:10px;border-radius:50%;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.status-turn__dot--red{background:var(--accent-red);box-shadow:0 0 8px #c4333066}.status-turn__dot--black{background:var(--text-muted);box-shadow:0 0 8px #8c7b6b4d}.status-text{color:var(--text-secondary);font-size:var(--text-base);margin-left:8px;font-weight:400}.status-text--check{color:var(--accent-red);font-weight:600}.status-text--gameover{color:var(--accent-gold);font-weight:600}.status-text--loading{color:var(--accent-gold);font-weight:500}.status-thinking{display:none;align-items:center;gap:6px;color:var(--color-warning);font-size:var(--text-sm)}.status-thinking__dots{display:flex;gap:3px}.status-thinking__dots span{width:4px;height:4px;background:var(--color-warning);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.status-thinking__dots span:nth-child(2){animation-delay:.2s}.status-thinking__dots span:nth-child(3){animation-delay:.4s}.status-context{color:var(--text-muted);font-size:var(--text-sm);margin-left:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.status-version{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);white-space:nowrap}