:root{color-scheme:dark;--bg:#080b18;--panel:#10172b;--panel2:#17213b;--text:#edf2ff;--muted:#b9c1d8;--cyan:#41d8ff;--violet:#8d75ff;--danger:#ff718c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:linear-gradient(90deg,rgba(5,8,17,.78),rgba(5,8,17,.55) 42%,rgba(5,8,17,.82)),linear-gradient(180deg,rgba(255,248,230,.20),rgba(6,9,18,.72)),url("./assets/nature-collage-bg.png");background-size:cover;background-position:center;background-attachment:fixed;font-family:Inter,"Microsoft YaHei",sans-serif;color:var(--text)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:rgba(6,10,20,.24);backdrop-filter:blur(2px) saturate(.9);z-index:-1}.app-shell{max-width:1080px;margin:auto;padding:38px 24px;display:grid;grid-template-columns:minmax(360px,1fr) 420px;gap:30px}.game-panel{display:flex;flex-direction:column;align-items:center}.game-panel header{width:360px;margin-bottom:16px;text-shadow:0 2px 18px #000}.eyebrow{font-size:11px;letter-spacing:2px;color:#86f0ff}h1{margin:5px 0;font-size:34px;letter-spacing:2px}p{color:var(--muted);font-size:13px}.board-wrap{position:relative;border:1px solid rgba(164,199,231,.42);box-shadow:0 0 0 8px rgba(8,14,28,.48),0 28px 70px #000b}.board-wrap canvas{display:block;background:#081020}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,24,.9),rgba(7,16,33,.82));display:grid;place-items:center;text-align:center;font-size:24px;font-weight:700;white-space:pre-line;backdrop-filter:blur(3px)}.hidden{display:none!important}.controls{width:360px;text-align:center;text-shadow:0 2px 14px #000}.side-panel{display:flex;flex-direction:column;gap:12px}.card,.stats-card{padding:16px;border:1px solid rgba(185,211,236,.24);background:linear-gradient(145deg,rgba(19,29,53,.86),rgba(12,18,33,.9));border-radius:12px;box-shadow:0 10px 30px #0006;backdrop-filter:blur(12px) saturate(1.1)}.stats-card{display:flex;justify-content:space-between;align-items:center}.stats-card span{display:block;color:var(--muted);font-size:12px}.stats-card strong{font-size:30px;color:var(--cyan)}h2{font-size:14px;margin:0 0 12px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0}.section-title span,.status{font-size:12px;color:var(--muted)}.energy-track{height:10px;background:#071021;border-radius:8px;overflow:hidden;border:1px solid #2c3d65}.energy-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .2s}.status{margin:9px 0 0}.preview-card canvas{display:block;width:100%;height:120px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skills-grid button,.piece-chooser button{color:var(--text);text-align:left;border:1px solid rgba(113,140,178,.68);border-radius:8px;padding:9px;background:rgba(24,36,64,.88);cursor:pointer;transition:.18s}.skills-grid button small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.skills-grid button:not(:disabled):hover,.piece-chooser button:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 15px #41d8ff31}.skills-grid button:disabled{opacity:.38;cursor:not-allowed}.cost{float:right;color:var(--cyan);font-size:11px;font-weight:400}.cost.big{color:#b89cff}.outline{background:rgba(8,14,28,.36);color:var(--text);border:1px solid #6d84a9;border-radius:7px;padding:8px 10px;cursor:pointer}.piece-chooser{display:grid;margin-top:12px;grid-template-columns:repeat(7,1fr);gap:5px}.piece-chooser button{text-align:center;padding:8px 2px;color:var(--cyan)}@media(max-width:850px){body{background-position:center top}.app-shell{grid-template-columns:1fr;max-width:460px;padding:24px 15px}.game-panel header,.controls{width:360px}.side-panel{width:100%}}@media(max-width:390px){.board-wrap canvas{width:320px;height:640px}.game-panel header,.controls{width:320px}}