@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;600;900&family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-primary: #0b0d13;--bg-card: rgba(20, 24, 34, .85);--bg-card-border: rgba(212, 175, 55, .28);--primary-gold: #d4af37;--gold-glow: rgba(212, 175, 55, .45);--red-piece: #e63946;--red-piece-bg: radial-gradient(circle at 35% 35%, #ff4d5a, #b3121f 70%, #7a0610);--black-piece: #2b2d42;--black-piece-bg: radial-gradient(circle at 35% 35%, #4a4e69, #1a1c29 70%, #0d0e15);--text-main: #f1f5f9;--text-muted: #94a3b8;--shadow-piece: 0 8px 18px rgba(0, 0, 0, .65), inset 0 2px 3px rgba(255, 255, 255, .35);--board-bg: radial-gradient(circle, #2d2118 0%, #19120e 100%);--board-border: #443023}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Outfit,"Noto Serif SC",sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(212,175,55,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(230,57,70,.08) 0px,transparent 50%);color:var(--text-main);min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.app-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#0b0d13f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-card-border);z-index:100}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,#d4af37,#aa8513);border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:20px;box-shadow:0 0 14px var(--gold-glow)}.brand-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#fff 0%,var(--primary-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.5px;line-height:1}.brand-subtitle{font-size:10px;color:var(--text-muted);letter-spacing:.5px;display:block}.arena-nav{display:flex;gap:8px}.nav-item{padding:6px 14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.nav-item.active{background:#d4af3726;border-color:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 12px #d4af3733}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-badge{font-size:9px;background:#ffffff26;padding:1px 4px;border-radius:4px;color:#fbbf24}.page-view{width:100%;flex:1}.home-hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 40px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.12) 0%,transparent 70%)}.hero-badge{font-size:12px;font-weight:700;color:var(--primary-gold);background:#d4af3726;border:1px solid var(--primary-gold);padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:1px}.hero-title{font-size:56px;font-weight:900;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:680px;margin-bottom:28px;line-height:1.5}.hero-actions{display:flex;gap:16px}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto 40px;padding:0 24px}.feature-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:8px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary-gold)}.feature-icon{font-size:32px}.feature-title{font-size:18px;color:var(--primary-gold)}.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.home-section-title{text-align:center;margin-bottom:24px}.home-section-title h2{font-size:24px;color:#fff}.home-section-title p{font-size:13px;color:var(--text-muted)}.arena-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto 50px;padding:0 24px}.arena-card{background:#121620e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;transition:all .2s}.arena-card.active-arena{border-color:var(--primary-gold);box-shadow:0 10px 30px #d4af3726}.arena-card-header{display:flex;justify-content:space-between;align-items:center}.arena-icon{font-size:36px}.arena-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.arena-status.open{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.5)}.arena-status.soon{background:#ffffff1a;color:var(--text-muted)}.arena-name{font-size:20px;color:#fff;margin-top:10px}.arena-desc{font-size:12px;color:var(--text-muted);line-height:1.4;margin:8px 0 16px}.arena-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.arena-tag{font-size:11px;color:var(--primary-gold);font-weight:600}.home-bottom-banner{max-width:1200px;margin:0 auto 40px;padding:24px;background:linear-gradient(135deg,#1e1912e6,#121620e6);border:1px solid var(--bg-card-border);border-radius:16px;display:flex;align-items:center;justify-content:space-between}.banner-content h3{font-size:18px;color:var(--primary-gold)}.banner-content p{font-size:13px;color:var(--text-muted);margin-top:4px}.sponsor-modal-box{width:480px}.sponsor-header{display:flex;flex-direction:column;align-items:center}.sponsor-icon{font-size:40px}.sponsor-title{font-family:Ma Shan Zheng,serif;font-size:26px;color:var(--primary-gold)}.sponsor-subtitle{font-size:10px;color:var(--text-muted);letter-spacing:1px}.sponsor-notice-box{background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:10px;padding:12px;font-size:12px;color:#e2e8f0;line-height:1.5;text-align:left}.sponsor-ways-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.sponsor-way-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.way-icon{font-size:24px}.way-title{font-size:13px;font-weight:700;color:#fff}.way-desc{font-size:10px;color:var(--text-muted)}.sponsor-footer{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;font-size:11px;color:var(--text-muted)}.active-speech-btn{background:#22c55e26;border-color:#22c55e80;color:#4ade80}.active-speech-btn.muted{background:#ffffff0d;border-color:#ffffff26;color:var(--text-muted)}.api-config-card{background:#0f121ae6;border-color:#d4af3740}.api-config-body{transition:all .3s ease;overflow:hidden;max-height:320px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.api-config-body.collapsed{max-height:0;opacity:0;margin:0;padding:0;border:none}.config-notice{font-size:10px;color:var(--text-muted);background:#ffffff08;padding:6px;border-radius:6px;line-height:1.3}.config-form-group{display:flex;flex-direction:column;gap:2px}.config-label{font-size:11px;color:var(--primary-gold);font-weight:600}.config-input{background:#0a0c12e6;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:5px 8px;color:#fff;font-family:monospace;font-size:12px;outline:none}.config-input:focus{border-color:var(--primary-gold);box-shadow:0 0 8px var(--gold-glow)}.chess-board-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;transform:scale(.96)}.board-body-row{display:flex;align-items:center}.board-labels{display:flex;color:#d4af37b3;font-family:Outfit,sans-serif;font-weight:700;font-size:15px}.top-labels,.bottom-labels{width:560px;display:flex;justify-content:space-between;padding:6px 0}.top-labels span,.bottom-labels span{width:0;display:flex;justify-content:center;align-items:center}.left-labels,.right-labels{flex-direction:column;height:630px;display:flex;justify-content:space-between;padding:0 10px}.left-labels span,.right-labels span{height:0;display:flex;justify-content:center;align-items:center}.chess-board{width:636px;height:706px;background:var(--board-bg);border:16px solid var(--board-border);border-radius:16px;position:relative;box-shadow:0 20px 48px #000000d9,inset 0 0 50px #000c;padding:38px}.board-grid-area{position:relative;width:560px;height:630px;box-sizing:border-box}.board-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pieces-layer{position:absolute;top:0;left:0;width:100%;height:100%}.piece{position:absolute;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--shadow-piece);transition:left .25s ease-out,top .25s ease-out,transform .15s ease;z-index:10}.piece:hover{transform:translate(-50%,-56%) scale(1.08);box-shadow:0 16px 28px #000000bf,inset 0 2px 4px #ffffff73}.piece-red{background:var(--red-piece-bg);border:3.5px solid #ff99a8;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.piece-black{background:var(--black-piece-bg);border:3.5px solid #9a9ce0;color:#e2e8f0;text-shadow:0 2px 4px rgba(0,0,0,.9)}.piece-text{font-family:Ma Shan Zheng,"Noto Serif SC",serif;font-size:33px;font-weight:900;line-height:1}.piece.selected{outline:3px solid var(--primary-gold);box-shadow:0 0 24px var(--primary-gold),var(--shadow-piece);animation:pulse-border 1.5s infinite alternate}@keyframes pulse-border{0%{box-shadow:0 0 12px var(--primary-gold),var(--shadow-piece)}to{box-shadow:0 0 28px var(--primary-gold),var(--shadow-piece)}}.move-dot-indicator{position:absolute;width:22px;height:22px;background:#22c55ee6;border:2.5px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:8;box-shadow:0 0 14px #22c55ef2;animation:pulse-dot 1.2s infinite ease-in-out}@keyframes pulse-dot{0%{transform:translate(-50%,-50%) scale(.85);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(.85);opacity:.7}}.empty-click-cell{position:absolute;width:56px;height:56px;transform:translate(-50%,-50%);z-index:5;cursor:pointer}.move-trace{position:absolute;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:6}.last-move-from{border:2.5px dashed rgba(212,175,55,.7);background:#d4af3726}.last-move-to{border:2.5px solid var(--primary-gold);background:#d4af3747;box-shadow:0 0 16px var(--gold-glow)}.control-sidebar{display:flex;flex-direction:column;gap:14px}.player-profile-card{border-color:#d4af3759}.profile-players-list{display:flex;flex-direction:column;gap:8px}.profile-player-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#0a0c1299;border:1px solid rgba(255,255,255,.08);transition:all .2s}.profile-player-row.active-turn{border-color:var(--primary-gold);background:#d4af371f;box-shadow:0 0 12px #d4af3733}.player-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,serif;font-size:19px;font-weight:700}.red-avatar{background:var(--red-piece-bg);border:2px solid #ff99a8;color:#fff}.black-avatar{background:var(--black-piece-bg);border:2px solid #9a9ce0;color:#fff}.player-row-info{flex:1;margin:0 10px}.player-row-top{display:flex;align-items:center;gap:8px}.side-badge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px}.red-badge{background:#e639464d;color:#ff99a8;border:1px solid rgba(230,57,70,.5)}.black-badge{background:#4a4e6980;color:#c0c6eb;border:1px solid rgba(74,78,105,.6)}.player-name-input{background:transparent;border:none;border-bottom:1px dashed rgba(212,175,55,.4);color:#fff;font-family:inherit;font-weight:700;font-size:14px;flex:1;outline:none;transition:border-color .2s}.player-name-input:focus{border-bottom-color:var(--primary-gold);background:#ffffff0d}.player-row-timer{display:flex;flex-direction:column;align-items:flex-end}.timer-label{font-size:10px;color:var(--text-muted)}.player-timer{font-family:monospace;font-size:14px;color:var(--primary-gold);font-weight:700}.profile-vs-line{height:1px;background:#ffffff0f}.sidebar-tabs{display:flex;gap:4px;background:#14182299;padding:4px;border-radius:12px;border:1px solid var(--bg-card-border)}.tab-btn{flex:1;padding:8px 6px;border-radius:8px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn.active{background:#d4af372e;color:var(--primary-gold);border:1px solid var(--primary-gold);box-shadow:0 0 10px #d4af3733}.tab-content{display:none;flex-direction:column;gap:14px}.tab-content.active{display:flex}.card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 24px #0000004d}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.card-title{font-size:15px;font-weight:700;color:var(--primary-gold);display:flex;align-items:center;gap:6px}.replay-control-bar{display:flex;align-items:center;justify-content:space-between;background:#0a0c12cc;border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:8px 12px;margin-bottom:10px}.replay-title{font-size:12px;font-weight:700;color:var(--primary-gold)}.replay-btn-group{display:flex;gap:4px}.replay-step-label{font-family:monospace;font-size:12px;color:var(--primary-gold);font-weight:700}.commentator-card{background:linear-gradient(135deg,#101c1ad9,#141822d9);border-color:#34d3994d}.commentator-body{font-size:13px;color:#e2e8f0;line-height:1.5;font-style:italic}.leaderboard-notice{font-size:11px;color:var(--text-muted);background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:8px;padding:8px 10px;margin-bottom:12px;line-height:1.4}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.rank-badge{font-weight:700;font-size:14px;width:36px}.model-meta{display:flex;flex-direction:column;flex:1}.model-title{font-weight:700;font-size:13px;color:#fff}.model-sub{font-size:11px;color:var(--text-muted)}.elo-rating{font-family:monospace;font-weight:700;color:var(--primary-gold);font-size:14px}.copilot-card{display:flex;flex-direction:column;gap:12px}.copilot-step-block{display:flex;flex-direction:column;gap:8px}.step-header{display:flex;align-items:center;gap:6px}.step-badge{width:20px;height:20px;border-radius:50%;background:var(--primary-gold);color:#000;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center}.step-title{font-size:13px;font-weight:700;color:#fff;flex:1}.link-btn{background:none;border:none;color:var(--primary-gold);font-size:11px;cursor:pointer;text-decoration:underline}.prompt-preview-container{transition:all .3s ease;overflow:hidden;max-height:200px}.prompt-preview-container.collapsed{max-height:0;opacity:0;margin:0}.prompt-box{background:#0a0c12d9;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:10px;font-family:Courier New,Courier,monospace;font-size:12px;color:#a7f3d0;white-space:pre-wrap;max-height:150px;overflow-y:auto}.copilot-divider{height:1px;background:#ffffff14;margin:4px 0}.response-textarea{width:100%;height:95px;background:#0a0c12e6;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:10px;color:#fff;font-family:inherit;font-size:13px;resize:vertical;outline:none;transition:border-color .2s}.response-textarea:focus{border-color:var(--primary-gold);box-shadow:0 0 10px var(--gold-glow)}.btn{padding:8px 14px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;border:none;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:6px}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:10px 16px;font-size:14px}.btn-primary{background:linear-gradient(135deg,#d4af37,#aa8513);color:#0f1117;box-shadow:0 4px 14px #d4af374d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #d4af3780}.btn-action{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 4px 14px #22c55e4d}.btn-action:hover{transform:translateY(-2px);box-shadow:0 6px 18px #22c55e80}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff26}.parser-feedback{padding:8px 12px;border-radius:6px;font-size:12px;display:none}.parser-feedback.success{display:block;background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.parser-feedback.error{display:block;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.history-card{min-height:250px;display:flex;flex-direction:column}.history-table-wrapper{flex:1;overflow-y:auto;max-height:300px}.history-list{display:flex;flex-direction:column;gap:6px;font-size:13px}.history-item{display:flex;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px;cursor:pointer;transition:background .2s}.history-item:hover{background:#d4af3726}.toast{position:fixed;bottom:24px;right:24px;background:var(--primary-gold);color:#0f1117;padding:10px 20px;border-radius:30px;font-weight:700;font-size:13px;box-shadow:0 8px 24px #00000080;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1000}.toast.show{transform:translateY(0);opacity:1}