@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Sora:wght@400;500;600;700&display=swap";:root{--bg-night: #101721;--bg-moss: #1c2c2a;--panel-wood: #2e261d;--panel-wood-soft: #3d3227;--panel-paper: #d6c6a4;--ink-dark: #1d1306;--ink-soft: #5b4221;--mana: #76cce8;--ember: #e0a34c;--leaf: #6daa72;--edge: #aa8a57}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:1rem;font-family:Sora,Trebuchet MS,sans-serif;color:var(--panel-paper);background:radial-gradient(circle at 12% 8%,rgba(108,167,141,.3),transparent 35%),radial-gradient(circle at 82% 5%,rgba(104,152,204,.2),transparent 38%),radial-gradient(circle at 50% 100%,rgba(89,55,25,.35),transparent 45%),linear-gradient(155deg,#0f1520,var(--bg-night) 38%,#111f24 68%,#192b27);display:grid;place-items:center}.game-shell{width:min(1240px,100%);display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(260px,300px);grid-template-areas:"top top" "battle details" "tray details";position:relative}.panel{border-radius:14px;border:1px solid color-mix(in srgb,var(--edge),#000 30%);background:linear-gradient(to bottom,color-mix(in srgb,var(--panel-wood-soft),#000 15%),color-mix(in srgb,var(--panel-wood),#000 18%));box-shadow:inset 0 1px #ffe3aa1f,0 10px 24px #00000061}.top-bar{grid-area:top;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem}.top-bar h1{margin:0;font-family:Cinzel,serif;font-size:clamp(1.2rem,2vw,1.7rem);color:#f4dfb8;letter-spacing:.03em}.top-bar p{margin:.15rem 0 0;color:#ddcaa5;font-size:.85rem}.resource-list{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.resource-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid rgba(233,199,148,.28);background:#0a0e1273;color:#efe0c0;padding:.32rem .62rem;font-size:.74rem;font-weight:600;letter-spacing:.01em}.resource-pill strong{color:#fbefcf}.resource-pill.mana strong{color:var(--mana)}.resource-pill.ember strong{color:var(--ember)}.resource-pill.leaf strong{color:#9be39d}.battlefield-wrap{grid-area:battle;overflow:hidden;padding:.6rem;min-height:320px;background:linear-gradient(180deg,#0a0f1373,#05080c33),linear-gradient(130deg,#2a382b,#24404f 52%,#3d3a2a)}#game-canvas{width:100%;height:auto;display:block;border-radius:10px;border:1px solid rgba(214,184,133,.33);background:#0f1820}.tower-details{grid-area:details;padding:.8rem .9rem;display:grid;gap:.7rem;align-content:start}.tower-details h2{margin:0;font-family:Cinzel,serif;font-size:1.07rem;color:#f1ddb5}.tower-details p{margin:0;color:#ddcaa5;font-size:.84rem;line-height:1.4}.detail-card{background:#0a0e146b;border:1px solid rgba(228,201,159,.18);border-radius:10px;padding:.7rem}.detail-card h3{margin:0 0 .35rem;font-size:.79rem;letter-spacing:.02em;text-transform:uppercase;color:#f5e4bd}.detail-card .value{color:#a5e4f3;font-weight:600;font-size:.83rem}.build-tray{grid-area:tray;padding:.65rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.build-btn,.action-btn,.play-btn{border:1px solid rgba(238,215,176,.5);border-radius:9px;background:linear-gradient(180deg,#665036,#4e3d29);color:#f6e8c7;font-family:Sora,sans-serif;font-size:.8rem;font-weight:600;line-height:1;padding:.64rem .7rem;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.build-btn:hover,.action-btn:hover,.play-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.build-btn.active{border-color:#89d6ea;box-shadow:inset 0 0 0 1px #78cbe099}.build-btn small{display:block;margin-top:.26rem;color:#ddc79f;font-size:.67rem}.action-btn{margin-left:auto;background:linear-gradient(180deg,#4f6648,#3d5038)}.action-btn+.action-btn{margin-left:0}.title-screen{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(117,174,199,.18),transparent 45%),linear-gradient(180deg,#060a0fe0,#0a0e14e6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.title-screen.is-hidden{display:none}.title-card{width:min(540px,100%);text-align:center;border-radius:14px;border:1px solid rgba(247,221,173,.38);background:linear-gradient(180deg,#2f2518e6,#1e170ef0),radial-gradient(circle at 50% 0,rgba(255,232,194,.1),transparent 50%);box-shadow:0 16px 36px #00000059;padding:1.4rem 1rem 1.25rem}.title-card h2{margin:0;font-family:Cinzel,serif;font-size:clamp(1.65rem,4vw,2.35rem);color:#f5e4be;letter-spacing:.04em}.title-card p{margin:.8rem 0 1.15rem;color:#e4d2af;font-size:.92rem;line-height:1.45}.play-btn{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.05em;padding-inline:1.7rem;background:linear-gradient(180deg,#6f8b58,#4a623b)}.title-help{margin-top:.7rem;color:#cbba97;font-size:.72rem}@media(max-width:980px){.game-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "battle" "tray" "details"}.tower-details{min-height:190px}.action-btn{margin-left:0}}@media(max-width:620px){body{padding:.6rem}.top-bar{align-items:flex-start;flex-direction:column;gap:.5rem}.resource-list{justify-content:flex-start}.build-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-btn{grid-column:span 1}}