:root{--board: #f3d9a4;--line: #6b4f2a;--red: #c0392b;--black: #2c3e50;font-family:Segoe UI,system-ui,sans-serif}body{margin:0;background:#1f2630;color:#ecf0f1;display:flex;justify-content:center}#app{padding:24px;max-width:900px}h1{font-size:22px;font-weight:600}.tag{font-size:12px;color:#95a5a6;font-weight:400}.modes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.modes button{padding:8px 14px;border:1px solid #3b4654;border-radius:20px;background:#2c3540;color:#ecf0f1;font-size:14px;cursor:pointer}.modes button.active{background:#c0392b;border-color:#c0392b}.controls{display:flex;flex-direction:column;gap:12px}.controls .relics{display:flex;flex-direction:column;gap:6px}.controls .relic{text-align:left;background:#34404d;border:1px solid #46566a}.layout{display:flex;gap:24px;flex-wrap:wrap}canvas{background:var(--board);border-radius:8px;box-shadow:0 8px 24px #0006;touch-action:none}.panel{min-width:220px;display:flex;flex-direction:column;gap:14px}.status{font-size:16px;background:#2c3540;padding:10px 12px;border-radius:6px;min-height:20px}.row{display:flex;align-items:center;gap:10px}.buttons button{flex:1;padding:8px 12px;border:none;border-radius:6px;background:#3498db;color:#fff;font-size:14px;cursor:pointer}.buttons button:hover{background:#2980b9}select{flex:1;padding:6px;border-radius:6px}.hint{font-size:13px;color:#95a5a6}.moves{font-size:13px;max-height:240px;overflow-y:auto;background:#2c3540;border-radius:6px;padding:8px 8px 8px 28px;margin:0}.minigame{display:flex;flex-direction:column;gap:12px}.minigame button{cursor:pointer;border-radius:6px}.m3-levelbar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.m3-levelbar button{background:#34404d;color:#ecf0f1;border:1px solid #46566a;border-radius:6px;width:30px;height:28px;cursor:pointer}.m3-levelbar button:disabled{opacity:.4;cursor:not-allowed}.m3-chapter{font-weight:700;color:#f1c40f}.m3-levelgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:8px}.m3-levelcell{font-size:11px;padding:4px 0;border-radius:6px;background:#34404d;color:#ecf0f1;border:1px solid #46566a;cursor:pointer}.m3-levelcell.active{border-color:#f1c40f;box-shadow:0 0 6px #f1c40f99 inset}.m3-levelcell.done{background:#1e6b3a;border-color:#27ae60}.m3-levelcell.boss{border-color:#c0392b}.m3-levelcell:disabled{opacity:.45;cursor:not-allowed}.m3-board{display:grid;gap:4px;background:#2c3540;padding:8px;border-radius:8px}.m3-cell{width:46px;height:46px;font-size:22px;font-weight:800;border:2px solid rgba(0,0,0,.25);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}.m3-cell.sel{border-color:#fff;box-shadow:0 0 0 3px #111,0 0 10px #fff}.m3-cell.t0{background:#e74c3c}.m3-cell.t1{background:#2980b9}.m3-cell.t2{background:#f1c40f;color:#3a2e00;text-shadow:0 1px 1px rgba(255,255,255,.5)}.m3-cell.t3{background:#27ae60}.m3-cell.t4{background:#8e44ad}.m3-cell.t5{background:#e67e22}.m3-cell.t6{background:#34495e}.m3-cell.m3-special{border-color:#f1c40f;box-shadow:0 0 10px #f1c40f,inset 0 0 6px #fff6;animation:m3-pulse 1.1s ease-in-out infinite}.m3-cell.m3-rook{border-color:#fff;box-shadow:0 0 12px #fff,inset 0 0 8px #fff9}.m3-cell.m3-cannon{border-color:#e67e22;box-shadow:0 0 14px #e67e22,inset 0 0 8px #ffc878b3}.m3-cell.m3-general{border-color:#f1c40f;box-shadow:0 0 18px #f1c40f,0 0 26px #e74c3c,inset 0 0 10px #fffc;animation:m3-pulse .7s ease-in-out infinite}@keyframes m3-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.45)}}.m3-cell.m3-clearing{animation:m3-clear .2s ease-in forwards;z-index:2}@keyframes m3-clear{0%{transform:scale(1);opacity:1}60%{transform:scale(1.25);opacity:1;filter:brightness(2)}to{transform:scale(0);opacity:0}}.m3-cell.m3-blast{animation:m3-blast .2s ease-out forwards;z-index:3}@keyframes m3-blast{0%{transform:scale(1);box-shadow:0 0 #fff}50%{transform:scale(1.35);box-shadow:0 0 16px #fff,0 0 24px #f1c40f;filter:brightness(2.4)}to{transform:scale(0);opacity:0}}.m3-cell.m3-fall{animation:m3-fall .21s cubic-bezier(.3,.8,.4,1.3)}@keyframes m3-fall{0%{transform:translateY(-130%);opacity:.2}to{transform:translateY(0);opacity:1}}.td-palette{flex-direction:row;flex-wrap:wrap}.td-tower-btn{padding:6px 10px;background:#34404d;color:#ecf0f1;border:1px solid #46566a}.td-tower-btn.active{background:#c0392b;border-color:#c0392b}.td-campaign{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.td-stage-btn{font-size:12px;padding:4px 8px;border-radius:6px;background:#34404d;color:#ecf0f1;border:1px solid #46566a;cursor:pointer}.td-stage-btn.active{background:#c0392b;border-color:#e74c3c}.td-stage-btn.done{border-color:#27ae60}.td-stage-btn:disabled{opacity:.5;cursor:not-allowed}.td-stage-btn.boss{border-color:#c0392b;color:#ffd9b3}.td-group-label{font-size:12px;color:#f1c40f;font-weight:700;margin-right:4px}.td-challengebar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.td-challengebar button{width:28px;height:26px;border-radius:6px;background:#34404d;color:#ecf0f1;border:1px solid #46566a;cursor:pointer}.td-challengebar button:disabled{opacity:.4;cursor:not-allowed}.td-challengegrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:8px}.td-challengegrid .td-stage-btn{text-align:center;padding:4px 0;font-size:11px}.td-scenario{margin-bottom:8px;line-height:1.4}.td-scenario strong{color:#f1c40f;margin-right:8px}.td-scenario span{color:#b6c2cf;font-size:12px}.td-stage{position:relative;background:#2c3540;border-radius:8px;overflow:hidden}.td-grid{position:absolute;inset:0;display:grid;gap:0}.td-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.td-cell{box-sizing:border-box;width:38px;height:38px;background:#3b4654;border:1px solid #46566a;color:#ecf0f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;padding:1px;position:relative;overflow:hidden;cursor:pointer}.td-cell.td-path{background:#5b4a32;border-color:#7a6336}.td-cell.td-base{background:#4a3b3b;border-color:#c0392b}.td-cell.td-cover{outline:2px solid rgba(52,152,219,.8);outline-offset:-2px}.td-cell.td-selected{box-shadow:0 0 8px #f1c40f inset}.td-king{color:#f1c40f;font-weight:700}.td-enemy{position:absolute;left:0;top:0;width:22px;height:22px;margin:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5d6d7e,#1f2a36);border:1px solid #17202a;box-shadow:0 1px 3px #00000080;transition:transform .11s linear;will-change:transform;display:flex;align-items:flex-end;justify-content:center}.td-enemy .td-hp{position:absolute;left:2px;right:2px;bottom:-4px;height:3px;width:100%;background:#e74c3c;border-radius:2px;transition:width .11s linear}.td-enemy .td-flags{font-size:8px;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 1px #000}.td-enemy.is-stunned{box-shadow:0 0 7px 2px #f1c40f}.td-enemy.is-slowed{filter:hue-rotate(170deg) saturate(1.4)}.td-enemy.is-poisoned{box-shadow:0 0 7px 2px #27ae60}.td-enemy-gone{transition:opacity .2s ease,transform .2s ease;opacity:0;transform-origin:center}.td-shot{position:absolute;height:2px;transform-origin:0 50%;background:#ecf0f1;opacity:.9;border-radius:2px;animation:td-shot-fade .15s ease-out forwards}.td-shot.s-r{background:#2ecc71;height:3px}.td-shot.s-c{background:#e67e22;height:3px}.td-shot.s-n{background:#3498db}.td-shot.s-p{background:#ecf0f1}.td-shot.s-b{background:#f1c40f}.td-shot.s-a{background:#9b59b6}.td-shot.s-k{background:#d4a017}.td-hit{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffc85000);animation:td-hit-flash .15s ease-out forwards}@keyframes td-shot-fade{0%{opacity:.95}to{opacity:0}}@keyframes td-hit-flash{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.td-tower{background:#27ae60;color:#fff;border-radius:4px;padding:1px 5px;font-weight:700;display:flex;flex-direction:column;align-items:center;line-height:1.1}.td-tower.t-b,.td-tower.t-a{background:#8e44ad}.td-tower.t-k{background:#d4a017;color:#000}.td-tower .td-lvl{font-size:8px;font-style:normal;color:#f1c40f}.td-info{font-size:12px;color:#b6c2cf;margin-top:4px}.cc-modal-overlay{position:fixed;inset:0;background:#080c12a8;display:flex;align-items:center;justify-content:center;z-index:1000;animation:cc-fade .18s ease-out}@keyframes cc-fade{0%{opacity:0}to{opacity:1}}.cc-modal{background:linear-gradient(160deg,#2c3540,#1c242e);border:1px solid #45566a;border-radius:16px;padding:26px 30px;width:min(90vw,380px);text-align:center;box-shadow:0 18px 50px #00000080;animation:cc-pop .26s cubic-bezier(.2,.9,.3,1.3)}@keyframes cc-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cc-modal-title{margin:0 0 8px;font-size:26px;color:#f7eccf}.tone-win .cc-modal-title{color:#ffd86b}.tone-lose .cc-modal-title{color:#ff8b7a}.cc-modal-msg{color:#cdd7e1;font-size:14px;line-height:1.6;margin:10px 0 18px}.cc-modal-stars{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}.cc-star{font-size:40px;color:#5a6675;transform:scale(0);animation:cc-star-pop .4s forwards cubic-bezier(.2,.9,.3,1.6)}.cc-star.on{color:#ffd23f;text-shadow:0 0 14px rgba(255,210,63,.7)}@keyframes cc-star-pop{to{transform:scale(1)}}.cc-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.cc-modal-btn{padding:10px 18px;border-radius:10px;border:1px solid #46566a;background:#34404d;color:#ecf0f1;font-size:15px;cursor:pointer}.cc-modal-btn:hover{background:#3f4d5d}.cc-modal-btn.primary{background:#c0392b;border-color:#e05545;color:#fff;font-weight:700}.cc-modal-btn.primary:hover{background:#d6432f}.cc-stats{font-size:13px;color:#b6c2cf;background:#222c36;border:1px solid #38434f;border-radius:8px;padding:6px 10px;margin:4px 0}.cc-stats b{color:#ecf0f1}.cc-stats b.w{color:#2ecc71}.cc-stats b.l{color:#e74c3c}.cc-mute{margin-left:12px;font-size:18px;background:#2c3540;border:1px solid #45566a;border-radius:8px;padding:2px 8px;cursor:pointer;vertical-align:middle}.cc-mute:hover{background:#38444f}.td-shop{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#222c36;border:1px solid #38434f;border-radius:8px;padding:6px 8px;margin:4px 0}.td-shop .td-stars{font-weight:700;color:#ffd23f;margin-right:4px}.td-unlock-btn{font-size:12px;padding:4px 8px;border-radius:8px;border:1px solid #46566a;background:#34404d;color:#ecf0f1;cursor:pointer}.td-unlock-btn.locked{opacity:.8;border-color:#7a6a2a}.td-unlock-btn.locked:hover{background:#3f4d5d}.td-unlock-btn:disabled{opacity:.45;cursor:not-allowed}.td-tower-btn.locked{opacity:.4;filter:grayscale(.6);cursor:not-allowed}.cc-toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%);background:#141c24f2;border:1px solid #45566a;color:#f7eccf;padding:10px 18px;border-radius:10px;z-index:1100;animation:cc-fade .2s ease-out;font-size:14px}