*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;flex-direction:column;align-items:center;min-height:100vh;font-family:Microsoft YaHei,Segoe UI,sans-serif;display:flex}#hud{background:#16213e;border-bottom:1px solid #0f3460;align-items:center;gap:1rem;width:100%;padding:.75rem 1.5rem;font-size:1.1rem;display:flex}#mode-area{gap:0;margin-right:auto;display:flex}.mode-btn{color:#88a;cursor:pointer;background:#0f3460;border:1px solid #533483;border-radius:6px;padding:.4rem 1rem;font-size:.9rem;transition:all .15s}.mode-btn:first-child{border-radius:6px 0 0 6px}.mode-btn:last-child{border-left:none;border-radius:0 6px 6px 0}.mode-btn.active{color:#fff;background:#533483;border-color:#e94560}#turn-info{color:#e94560;font-weight:700}#phase-info{color:#a0a0c0}#level-btn{min-width:60px;margin-left:1rem;font-weight:700;transition:all .15s}.level-btn{color:#e0e0e0;background:#0f3460;border:2px solid #533483}.level-btn.level-l2{color:#fff;background:#533483;border-color:#e94560}#game-area{flex:1;justify-content:center;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.player-panel{background:#16213e;border:1px solid #0f3460;border-radius:8px;width:200px;min-height:400px;padding:1rem}.player-panel h3{text-align:center;color:#e0e0e0;margin-bottom:.75rem;font-size:1.2rem}#player-black h3{color:#fff}#player-white h3{color:#ccc}.reserve-area,.hand-area{margin-bottom:1rem}.reserve-area h4,.hand-area h4{color:#88a;margin-bottom:.5rem;font-size:.85rem}.reserve-area .count{color:#a0a0c0;margin-top:.25rem;font-size:.85rem;display:block}#board-canvas{cursor:crosshair;background:#0f3460;border-radius:4px}#draft-modal{z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.draft-content{text-align:center;background:#16213e;border:1px solid #0f3460;border-radius:12px;padding:2rem}.draft-content h2{color:#e0e0e0;margin-bottom:1.5rem}.draft-cards{gap:1rem;margin-bottom:1.5rem;display:flex}.skill-card{cursor:pointer;background:#0f3460;border:2px solid #533483;border-radius:8px;width:140px;padding:1rem;transition:transform .15s,border-color .15s,box-shadow .15s}.skill-card:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 4px 16px #e945604d}.skill-card .card-name{color:#e0e0e0;margin-bottom:.5rem;font-size:1rem;font-weight:700}.skill-card .card-desc{color:#88a;font-size:.8rem}.skill-card .card-cost{margin-bottom:.25rem;font-size:.85rem}.card-cost.cost-low{color:#4caf50}.card-cost.cost-mid{color:#ff9800}.card-cost.cost-high{color:#f44336}.skill-card.afford-no{opacity:.5;cursor:not-allowed}.skill-card.afford-no:hover{box-shadow:none;border-color:#533483;transform:none}#game-over-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.game-over-content{text-align:center;background:#16213e;border:2px solid #e94560;border-radius:16px;padding:3rem 4rem}.game-over-content h2{color:#e94560;margin-bottom:1.5rem;font-size:2rem}.btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:1rem;transition:background .15s}.btn:hover{background:#c73652}.hidden{display:none!important}