@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.page-wrapper{min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background .5s ease}.game{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:800px;width:100%;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.2)}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite;margin-bottom:.5rem}.subtitle{font-size:1.1rem;opacity:.8;font-style:italic}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.difficulty-selector{background:#ffffff1a;border-radius:15px;padding:1.5rem;margin-bottom:2rem;text-align:center}.difficulty-selector h3{margin-bottom:1rem;color:#4ecdc4}.change-hint{margin-top:.5rem;font-size:.9rem;opacity:.7;font-style:italic}.difficulty-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.difficulty-btn{padding:.7rem 1.2rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;min-width:100px}.difficulty-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.difficulty-btn:disabled{opacity:.5;cursor:not-allowed}.difficulty-btn.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:#ffffff1a;border-radius:10px;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat:hover{background:#ffffff26;transform:translateY(-2px)}.stat-label{display:block;font-size:.8rem;opacity:.7;margin-bottom:.5rem}.stat-value{display:block;font-size:1.4rem;font-weight:700;color:#4ecdc4}.monster-container{background:#ffffff0d;border-radius:20px;padding:2rem;margin-bottom:2rem;border:2px solid rgba(255,255,255,.1)}.hp-section{margin-bottom:2rem}.hp-bar-container{position:relative;max-width:400px;margin:0 auto}.hp-bar{height:30px;background:#00000080;border-radius:15px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.2)}.hp-fill{height:100%;transition:width .1s linear,background-color .3s ease}.perfect-zone{position:absolute;top:0;height:100%;background:#4caf504d;border:3px dashed rgba(76,175,80,1);border-radius:8px}.hp-fill.perfect-zone-active{background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);box-shadow:0 0 20px #4caf5080}.hp-text{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);text-align:center;font-weight:700;font-size:1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:3;pointer-events:none}.target-info{text-align:center;margin-top:.5rem;font-size:.9rem;opacity:.8;color:#4ecdc4}.monster-area{position:relative;width:300px;height:300px;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);transition:all .3s ease;margin-top:2rem}.monster-area:hover{background:#ffffff26;border-color:#ffffff80;transform:scale(1.05)}.monster-area.smiting{animation:smiteEffect .3s ease-out}@keyframes smiteEffect{0%{transform:scale(1)}50%{transform:scale(1.2);background:#ff6b6b4d}to{transform:scale(1)}}.monster-name{position:absolute;top:-35px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:700;color:#4ecdc4;text-shadow:0 2px 4px rgba(0,0,0,.5)}.monster{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.monster-img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:monsterIdle 2s ease-in-out infinite alternate;transition:transform .3s ease}.monster-area:hover .monster-img{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(255,255,255,.4))}.monster-emoji{font-size:8rem;line-height:1;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:monsterIdle 2s ease-in-out infinite alternate}@keyframes monsterIdle{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.click-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);font-size:1rem;color:#4ecdc4;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.start-btn,.restart-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;display:block;margin:2rem auto;min-width:250px}.start-btn:hover,.restart-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b66}.start-btn:active,.restart-btn:active{transform:translateY(-1px)}.result{background:#ffffff1a;border-radius:15px;padding:2rem;text-align:center;margin:2rem 0;border:2px solid rgba(255,255,255,.2);animation:resultAppear .5s ease-out}@keyframes resultAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-message{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.best-diff{font-size:1.1rem;color:#4ecdc4;margin-bottom:1.5rem}.instructions{background:#ffffff0d;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.instructions h3{color:#4ecdc4;margin-bottom:1rem;text-align:center}.instructions ul{list-style:none;padding:0}.instructions li{position:relative;padding:.5rem 0 .5rem 1.5rem}.instructions li:before{content:"▶";position:absolute;left:0;color:#4ecdc4}@media (max-width: 768px){.game{padding:1rem;margin:.5rem}.header h1{font-size:2rem}.stats{grid-template-columns:repeat(2,1fr)}.monster-area{width:250px;height:250px}.monster{font-size:6rem}.difficulty-buttons{flex-direction:column}.difficulty-btn{width:100%}}@media (max-width: 480px){.monster-area{width:200px;height:200px}.monster{font-size:4rem}.stats{grid-template-columns:1fr}}@keyframes victory{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}.victory-animation{animation:victory .6s ease-out}.particle{position:absolute;width:4px;height:4px;background:#4ecdc4;border-radius:50%;animation:particleFloat 2s ease-out forwards}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.cell{width:100%;height:100%;background:#1a1a1acc;border:1px solid #111;box-shadow:inset 2px 2px 2px #ffffff1a,inset -2px -2px 2px #0000004d}.clearing{animation:line-clear-explosion .5s forwards}@keyframes line-clear-explosion{0%{background-color:#f44336;transform:scale(1)}50%{background-color:#fff;transform:scale(1.2)}to{background-color:#fff;transform:scale(0);opacity:0}}.tetris-wrapper{display:flex;gap:20px;align-items:flex-start;padding:20px;margin:0 auto;max-width:1000px;width:100%}.game-area{flex:1;position:relative;max-width:500px}aside{flex:0 0 200px;display:block;padding:0 20px;color:#fff}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10}.pause-overlay div,.game-over{font-size:2rem;color:red;font-weight:700;animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:.5}}.restart-button{margin-top:20px;padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;background-color:#f44336;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.restart-button:hover{background-color:#d32f2f}.next-piece-container{margin-top:20px}.board{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1px;border:2px solid #333;background:#111;width:100%;height:auto;aspect-ratio:12 / 20}.next-piece-board{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:120px;height:120px;background-color:#111;border:2px solid #333;padding:5px;border-radius:5px}.next-piece-cell{background-color:transparent;border:1px solid #111;box-shadow:inset 2px 2px 2px #ffffff1a,inset -2px -2px 2px #0000004d}.td-page{--bg-dark: #081124;--bg-mid: #101a31;--ink: #eef5ff;--ink-muted: #afbddf;--panel: rgba(10, 20, 41, .84);--panel-strong: rgba(10, 20, 41, .93);--border: rgba(130, 163, 255, .42);--accent: #3ed3ff;--accent-2: #ff8ad8;min-height:100vh;padding:clamp(.8rem,2vw,1.4rem) clamp(.7rem,2.4vw,1.6rem) calc(8rem + env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 14%,rgba(62,211,255,.22),transparent 42%),radial-gradient(circle at 83% 8%,rgba(255,138,216,.18),transparent 40%),linear-gradient(160deg,var(--bg-dark) 0%,var(--bg-mid) 55%,#070f1f 100%);color:var(--ink);font-family:Space Grotesk,Trebuchet MS,sans-serif}.td-shell{width:min(1360px,100%);margin:0 auto;display:grid;gap:.8rem}.td-playfield{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:.65rem;align-items:start}.td-header{display:grid;gap:.35rem}.td-title{margin:0;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-size:clamp(1.6rem,2.8vw,2.35rem);letter-spacing:.03em}.td-subtitle{margin:0;color:var(--ink-muted);line-height:1.45;font-size:.95rem}.td-hud{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.td-chip{padding:.42rem .72rem;border-radius:999px;border:1px solid rgba(133,166,255,.38);background:#091225c7;font-size:.84rem;color:var(--ink-muted)}.td-chip strong{color:var(--ink)}.td-hud-btn{border:1px solid rgba(133,166,255,.42);border-radius:999px;background:#091225e6;color:var(--ink);min-height:44px;min-width:44px;padding:.45rem .8rem;font-weight:700;font-family:inherit;cursor:pointer;touch-action:manipulation}.td-hud-btn.is-accent{background:linear-gradient(120deg,#3ed3ff38,#ff8ad83d)}.td-hud-btn:disabled{opacity:.45;cursor:not-allowed}.td-mode-strip{position:sticky;top:.3rem;z-index:11;display:flex;flex-wrap:wrap;gap:.4rem;border-radius:10px;border:1px solid rgba(133,166,255,.3);background:#0a1429e6;padding:.42rem .55rem}.td-mode-item{padding:.22rem .45rem;border-radius:999px;border:1px solid rgba(133,166,255,.24);background:#0d1a3099;color:#c4d5ff;font-size:.82rem}.td-mode-item strong{color:var(--ink)}.td-board-wrap{position:relative;width:100%;max-width:860px;margin:0;aspect-ratio:13 / 9;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 24px 44px #00000061;background:radial-gradient(circle at 20% 20%,rgba(44,76,141,.34),transparent 55%),linear-gradient(155deg,#121f3ceb,#0f1a2ef2)}.td-gem-sidebar{border-radius:12px;border:1px solid rgba(133,166,255,.3);background:var(--panel);padding:.6rem .7rem;color:var(--ink-muted);font-size:.84rem;max-height:min(72vh,720px);overflow:auto}.td-sidebar-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-bottom:.45rem}.td-sidebar-tab{min-height:42px;border:1px solid rgba(133,166,255,.3);border-radius:10px;background:#0d1a309e;color:var(--ink-muted);font-family:inherit;font-weight:700;font-size:.8rem;touch-action:manipulation}.td-sidebar-tab.is-active{background:linear-gradient(120deg,#3ed3ff40,#ff8ad833);color:var(--ink)}.td-combo-list{margin-top:.35rem;display:grid;gap:.35rem}.td-combo-row{border:1px solid rgba(133,166,255,.22);border-radius:8px;background:#0d1a3073;padding:.3rem .4rem}.td-combo-name{color:var(--ink);font-weight:700}.td-combo-recipe{color:#c4d5ff}.td-board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));z-index:1}.td-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(164,193,255,.2);margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#102242b8;touch-action:manipulation;min-width:44px;min-height:44px;position:relative}.td-cell.td-cell-path{background:linear-gradient(125deg,#556891e6,#7e94bee0)}.td-cell.td-cell-build{background:#14345ccc}.td-cell.td-cell-blocked{background:#0a192edb}.td-cell.is-selected{box-shadow:inset 0 0 0 2px #3ed3fff2}.td-cell.merge-source{box-shadow:inset 0 0 0 2px #ffd673f2}.td-gem{width:72%;max-width:40px;aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(255,255,255,.36);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Chakra Petch,Trebuchet MS,sans-serif;font-size:.72rem;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.7);box-shadow:0 5px 12px #00000059,inset 0 0 12px #ffffff38;pointer-events:none;position:relative;transition:transform .12s ease,box-shadow .12s ease}.td-gem:after{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:inherit;border:1px solid rgba(255,255,255,.3);pointer-events:none}.td-gem-ruby{background:radial-gradient(circle at 35% 28%,#ffafc5,#cb1f5f 65%)}.td-gem-sapphire{background:radial-gradient(circle at 35% 28%,#b9d6ff,#1f63cb 65%)}.td-gem-emerald{background:radial-gradient(circle at 35% 28%,#b9ffd6,#1a9d62 65%)}.td-gem-topaz{background:radial-gradient(circle at 35% 28%,#fff5b6,#d29d23 65%)}.td-gem.is-hybrid{background:linear-gradient(90deg,var(--td-gem-left) 0 50%,var(--td-gem-right) 50% 100%)}.td-gem.is-hybrid:before{content:"";position:absolute;top:8%;bottom:8%;left:calc(50% - .5px);width:1px;background:#ffffff94}.td-gem-tier-1{transform:scale(.88);border-width:1px}.td-gem-tier-2{transform:scale(.96);border-width:2px;border-radius:18%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 6px 13px #0006,0 0 12px #78d7ff59;font-size:.68rem}.td-gem-tier-3{transform:scale(1.02);border-width:2px;border-radius:14%;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);box-shadow:0 8px 15px #0000006b,0 0 14px #8affc86b;font-size:.69rem}.td-gem-tier-4{transform:scale(1.08);border-width:2px;border-radius:0;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);box-shadow:0 9px 18px #0000007a,0 0 18px #ffde8a9e;font-size:.7rem}.td-gem-tier-4:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border:1px solid rgba(255,255,255,.34);clip-path:inherit;opacity:.65}.td-gem-draft{opacity:.62;filter:saturate(.92);border-style:dashed}.td-enemy-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.td-range-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.td-range-circle{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:1px dashed rgba(196,213,255,.28);background:#c4d5ff0f}.td-range-circle.is-selected{border-style:solid;border-width:2px;background:#c4d5ff1a}.td-range-draft{border-style:dashed;opacity:.75}.td-range-ruby{border-color:#ff6eaa80;background:#ff6eaa14}.td-range-sapphire{border-color:#6eaaff80;background:#6eaaff14}.td-range-emerald{border-color:#6effaa80;background:#6effaa14}.td-range-topaz{border-color:#ffd66e85;background:#ffd66e14}.td-attack-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.td-attack-beam{position:absolute;height:2px;border-radius:999px;transform-origin:left center;animation:td-shot-fade linear forwards}.td-attack-tracer{height:3px;box-shadow:0 0 10px currentColor}.td-attack-laser{height:4px;box-shadow:0 0 12px currentColor,0 0 22px currentColor}.td-attack-arc{height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 6px,currentColor 6px 12px);box-shadow:0 0 8px currentColor;opacity:.95}.td-attack-ruby{background:linear-gradient(90deg,#ffb7d533,#ff5396f2);color:#ff5396f2}.td-attack-sapphire{background:linear-gradient(90deg,#bcdaff40,#4e9dfffa);color:#4e9dfffa}.td-attack-emerald{background:linear-gradient(90deg,#c0ffd64d,#45e483f2);color:#45e483f2}.td-attack-topaz{background:linear-gradient(90deg,#fff1c147,#ffc94af5);color:#ffc94af5}.td-attack-projectile{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(.8);animation:td-projectile linear forwards;will-change:left,top,opacity,transform}.td-attack-bullet{width:10px;height:10px;box-shadow:0 0 9px currentColor,0 0 15px currentColor}.td-attack-orb{width:14px;height:14px;box-shadow:0 0 11px currentColor,0 0 18px currentColor}.td-attack-burst{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:2px solid currentColor;background:#ffffff0f;animation:td-burst linear forwards;overflow:visible}.td-impact-burn-flare{border-color:#ff8458eb;background:radial-gradient(circle,rgba(255,229,171,.55),rgba(255,93,57,.12) 62%,transparent 100%);box-shadow:0 0 12px #ff6e4699;animation:td-burn-flare linear forwards}.td-impact-burn-flare:before{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;border-radius:inherit;border:1px dashed rgba(255,182,140,.75)}.td-impact-freeze-crack{border-color:#98ddffeb;background:repeating-conic-gradient(from 0deg,#d2f2ff4d,#d2f2ff4d 12deg,#63bcff14 12deg,#63bcff14 24deg);clip-path:polygon(20% 0%,80% 0%,100% 22%,100% 78%,80% 100%,20% 100%,0% 78%,0% 22%);box-shadow:0 0 14px #81d6ff94;animation:td-freeze-crack linear forwards}.td-impact-freeze-crack:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:inherit;border:1px solid rgba(222,246,255,.72);clip-path:inherit}.td-impact-poison-cloud{border-color:#86ffb085;background:radial-gradient(circle,rgba(172,255,205,.48),rgba(72,212,132,.14) 62%,transparent 100%);filter:blur(1px);box-shadow:0 0 18px #53e09294;animation:td-poison-cloud linear forwards}.td-impact-poison-cloud:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:999px;border:1px solid rgba(188,255,211,.45);opacity:.8}.td-impact-prism-blast{border-color:#ffe08af2;background:conic-gradient(from 0deg,#fff2bb8f,#ffa46780,#ff68c473,#6da9ff73,#fff2bb8f);clip-path:polygon(50% 0%,80% 20%,100% 50%,80% 80%,50% 100%,20% 80%,0% 50%,20% 20%);box-shadow:0 0 16px #ffd7759e;animation:td-prism-blast linear forwards}.td-impact-prism-blast:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(255,243,208,.82);clip-path:inherit}@keyframes td-shot-fade{0%{opacity:1}to{opacity:0}}@keyframes td-projectile{0%{left:var(--td-shot-x1);top:var(--td-shot-y1);opacity:1;transform:translate(-50%,-50%) scale(.74)}65%{opacity:1}to{left:var(--td-shot-x2);top:var(--td-shot-y2);opacity:.06;transform:translate(-50%,-50%) scale(1.08)}}.td-enemy.is-slowed{box-shadow:0 0 0 2px #80cfff94,0 2px 6px #0000006b}.td-enemy.is-poisoned{box-shadow:0 0 0 2px #64f29285,0 2px 6px #0000006b}.td-enemy.is-burning{box-shadow:0 0 0 2px #ff785e8f,0 2px 6px #0000006b}.td-costs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;align-items:start}.td-costs-main{border:1px solid rgba(133,166,255,.22);border-radius:8px;background:#0d1a3061;padding:.35rem .45rem}.td-shard-help{margin-bottom:.45rem;color:#c4d5ff;line-height:1.35;font-size:.82rem}.td-controls{position:fixed;left:50%;transform:translate(-50%);width:min(1320px,calc(100vw - .8rem));bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;background:var(--panel-strong);border:1px solid rgba(133,166,255,.32);border-radius:16px;padding:.45rem;z-index:18;box-shadow:0 10px 30px #00000059}.td-control-btn{border:1px solid rgba(133,166,255,.42);border-radius:12px;min-height:46px;padding:.35rem .4rem;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--ink);background:#0d1a30f0;touch-action:manipulation}.td-control-btn.is-active{background:linear-gradient(120deg,#3ed3ff4d,#ff8ad847)}.td-control-btn.is-primary{background:linear-gradient(120deg,#3ed3ff57,#588cff47)}.td-control-btn:disabled{opacity:.42}@keyframes td-burst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes td-burn-flare{0%{opacity:.95;transform:translate(-50%,-50%) scale(.48)}50%{opacity:.88;transform:translate(-50%,-50%) scale(1.06)}to{opacity:0;transform:translate(-50%,-50%) scale(1.36)}}@keyframes td-freeze-crack{0%{opacity:.98;transform:translate(-50%,-50%) scale(.52) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.28) rotate(18deg)}}@keyframes td-poison-cloud{0%{opacity:.85;transform:translate(-50%,-50%) scale(.66)}65%{opacity:.64}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes td-prism-blast{0%{opacity:.96;transform:translate(-50%,-50%) scale(.5) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.32) rotate(28deg)}}.td-enemy{position:absolute;width:clamp(14px,2vw,20px);aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 6px #0000006b}.td-enemy-creep{background:linear-gradient(140deg,#f2ff9f,#95b648)}.td-enemy-swift{background:linear-gradient(140deg,#9cf1ff,#35adc5)}.td-enemy-tank{background:linear-gradient(140deg,#ffcc9f,#b46836)}.td-enemy-boss{width:clamp(20px,2.8vw,28px);background:linear-gradient(140deg,#ffb1ff,#b047b0)}.td-enemy-hp{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);width:28px;height:4px;border-radius:99px;overflow:hidden;background:#0d121cc7;border:1px solid rgba(255,255,255,.22)}.td-enemy-hp>span{display:block;height:100%;background:linear-gradient(90deg,#67ff91,#38bf5f)}.td-feedback{min-height:1.45rem;border-radius:10px;padding:.45rem .7rem;font-size:.9rem;border:1px solid rgba(133,166,255,.32);background:#0a1429c7;color:var(--ink-muted)}.td-feedback.is-info{color:#c4d5ff}.td-feedback.is-success{color:#8dffbc}.td-feedback.is-error{color:#ffb6c7}.td-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:.6rem;align-items:start}.td-selection,.td-history{border-radius:12px;border:1px solid rgba(133,166,255,.3);background:var(--panel);padding:.6rem .75rem;font-size:.86rem;color:var(--ink-muted)}.td-selection strong,.td-history strong{color:var(--ink)}.td-costs-title{font-weight:700;color:var(--ink)}.td-costs-title-spaced{margin-top:.6rem}.td-cost-current{margin-top:.2rem;margin-bottom:.45rem}.td-cost-current strong{color:#8dffbc}.td-cost-list{display:grid;gap:.32rem}.td-cost-row{border:1px solid rgba(133,166,255,.22);border-radius:8px;background:#0d1a3073;padding:.32rem .45rem}.td-cost-row-title{font-weight:700;color:var(--ink)}.td-selected-stats{margin-top:.45rem;display:grid;gap:.18rem}.td-placement-current{margin-top:.45rem;display:grid;gap:.18rem;border:1px solid rgba(133,166,255,.22);border-radius:8px;background:#0d1a3073;padding:.35rem .45rem}.td-evolution{margin-top:.2rem;color:#8dffbc}.td-gem-evolution-list{margin-top:.45rem;display:grid;gap:.38rem}.td-gem-evolution-row{display:grid;grid-template-columns:18px 1fr;gap:.45rem;border:1px solid rgba(133,166,255,.22);border-radius:8px;background:#0d1a3073;padding:.35rem .4rem}.td-gem-dot{width:14px;height:14px;border-radius:50%;margin-top:.25rem}.td-gem-evolution-body{display:grid;gap:.08rem}.td-gem-evolution-title{font-weight:700;color:var(--ink)}.td-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#060c1ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.td-result-card{width:min(88vw,360px);border-radius:14px;border:1px solid rgba(133,166,255,.42);background:#0a1429f2;padding:1rem;text-align:center;display:grid;gap:.5rem;box-shadow:0 14px 30px #0000006b}.td-result-card h2{margin:0;font-family:Chakra Petch,Trebuchet MS,sans-serif}.td-result-card p{margin:0;color:var(--ink-muted)}.td-result-card button{min-height:46px;border-radius:11px;border:1px solid rgba(133,166,255,.5);background:linear-gradient(120deg,#3ed3ff57,#ff8ad852);color:var(--ink);font-weight:700;font-family:inherit;touch-action:manipulation}@media (max-width: 900px){.td-playfield{grid-template-columns:1fr}.td-gem-sidebar{max-height:none}.td-info-grid{grid-template-columns:1fr 1fr}.td-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.td-info-grid{grid-template-columns:1fr}.td-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation: landscape) and (max-height: 600px){.td-page{padding-top:.45rem;padding-bottom:calc(5.2rem + env(safe-area-inset-bottom))}.td-shell{gap:.5rem}.td-subtitle{display:none}.td-controls{grid-template-columns:repeat(7,minmax(0,1fr));bottom:calc(4px + env(safe-area-inset-bottom))}}.game-container{position:relative;width:800px;height:600px;background-color:#111;margin:0 auto;overflow:hidden}.player{position:absolute;width:40px;height:40px;background-color:#fff;border-radius:50%}.minion{position:absolute;width:30px;height:30px;background-color:#00f;border-radius:3px}.minion.cannon{background-color:red}.health{color:#fff;font-size:12px;position:absolute;top:-15px;left:5px}.enemy-spell{position:absolute;width:20px;height:20px;background-color:green;border-radius:50%}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.game-stats{position:absolute;top:10px;left:10px;color:#fff;font-family:Arial,sans-serif;background-color:#00000080;padding:10px;border-radius:5px}.stat{margin-bottom:5px;display:flex;gap:10px}.label{font-weight:700}.value{min-width:40px;display:inline-block;text-align:right}.gold{color:gold}.health{color:#f55}.time{color:#5f5}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-container{width:100vw;height:100vh;background:linear-gradient(135deg,#1a2238,#29385c);color:#fff;overflow:hidden;position:relative;cursor:crosshair}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.menu h1{font-size:3rem;color:#ff6a3d}.menu button{padding:1rem 2rem;font-size:1.5rem;background-color:#ff6a3d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.menu button:hover{background-color:#e65a2d}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;color:#f4f4f4;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.5)}:root{--pg-bg-1: #030812;--pg-bg-2: #0a1730;--pg-accent: #6bd0ff;--pg-accent-soft: #87e0ff;--pg-panel: rgba(8, 16, 34, .82);--pg-border: rgba(132, 188, 255, .25);--pg-text: #eef4ff;--pg-muted: #afbfd9;--pg-danger: #ff7388}.planetgen-page{position:relative;width:100%;height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 20%,#3676c954,#3676c900 36%),radial-gradient(circle at 82% 5%,#78d2ff2e,#78d2ff00 28%),linear-gradient(140deg,var(--pg-bg-1),var(--pg-bg-2));font-family:Trebuchet MS,Lucida Sans,Segoe UI,sans-serif}.solar-system-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.planet-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.planet-label-3d{position:absolute;display:none;transform:translate(-50%,-50%);background:#020a1ab8;color:#dff2ff;border:1px solid rgba(173,226,255,.45);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 18px #00000057;white-space:nowrap}.planetgen-panel{position:absolute;top:18px;left:18px;width:min(420px,calc(100% - 36px));max-height:calc(100vh - 36px);overflow:auto;z-index:9;padding:16px;border-radius:18px;border:1px solid var(--pg-border);background:var(--pg-panel);box-shadow:0 16px 35px #02061273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:panel-enter .38s ease}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.planetgen-panel-header h2{margin:0;font-size:1.45rem;color:var(--pg-text);letter-spacing:.02em}.planetgen-panel-header p{margin:8px 0 14px;color:var(--pg-muted);font-size:.94rem;line-height:1.4}.panel-card{padding:12px;border:1px solid rgba(125,179,249,.19);border-radius:14px;background:#0711239e;margin-bottom:12px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-row h3{margin:0;font-size:1rem;color:var(--pg-accent-soft);text-transform:uppercase;letter-spacing:.08em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{display:flex;flex-direction:column;gap:5px;color:var(--pg-muted);font-size:.85rem}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid rgba(120,172,240,.35);background:#020a18b8;color:var(--pg-text);border-radius:9px;padding:8px 9px;font-size:.87rem}.form-grid input[type=range]{padding:0;accent-color:var(--pg-accent)}.form-grid input[type=checkbox]{width:16px;height:16px;accent-color:var(--pg-accent)}.inline-checkbox{flex-direction:row!important;align-items:center;gap:8px!important;margin-top:3px}.full-width{grid-column:1 / -1}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.action{border:1px solid rgba(100,173,255,.58);color:#e6f8ff;background:linear-gradient(180deg,#2b79d77a,#1748918f);border-radius:10px;padding:8px 12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,filter .2s ease}.action.secondary{background:#172f56b8}.action.danger{border-color:#ff859c99;background:#92223ab8}.action:hover{transform:translateY(-1px);filter:brightness(1.08)}.toggle-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.toggle-grid label{display:flex;align-items:center;gap:10px;color:var(--pg-muted)}.planet-list{display:grid;gap:8px;max-height:190px;overflow:auto}.planet-item{border:1px solid rgba(124,178,240,.24);border-radius:10px;background:#071227b8;color:var(--pg-text);text-align:left;padding:8px 10px;display:grid;grid-template-columns:15px 1fr;gap:8px;cursor:pointer}.planet-item strong,.planet-item small{grid-column:2}.planet-item small{color:var(--pg-muted);margin-top:2px}.planet-item.active{border-color:#81cdffad;box-shadow:0 0 0 1px #7abafa42 inset}.swatch{grid-row:1 / span 2;width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 2px #ffffff29;margin-top:2px}.empty-hint{margin:0;color:var(--pg-muted);font-size:.88rem}.planet-info{position:absolute;right:18px;bottom:18px;z-index:10;width:min(390px,calc(100% - 36px));background:#061228cc;border:1px solid rgba(141,198,255,.3);border-radius:14px;padding:14px;color:var(--pg-text);box-shadow:0 16px 28px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.planet-info h2{margin:0 0 10px;color:var(--pg-accent-soft)}.planet-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-item{display:flex;flex-direction:column;gap:2px}.label{color:var(--pg-muted);font-size:.78rem}.value{font-size:.92rem}.description{margin:11px 0 8px;line-height:1.45;color:#deebff;font-size:.86rem}.planet-color{border-radius:8px;padding:8px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.45)}.mobile-panel-toggle{display:none}.feedback-chip{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:11;color:var(--pg-text);background:#030d1fcc;border:1px solid rgba(132,199,255,.35);border-radius:999px;padding:8px 14px;font-size:.84rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 1040px){.planetgen-panel{width:min(360px,calc(100% - 28px));left:14px;top:14px;max-height:calc(100vh - 28px)}.form-grid,.planet-info-grid{grid-template-columns:1fr}}@media (max-width: 760px){.planetgen-panel{top:52px;left:10px;right:10px;width:auto;max-height:calc(100vh - 62px);transition:transform .25s ease,opacity .25s ease}.planetgen-panel.is-closed{transform:translateY(-120%);opacity:0;pointer-events:none}.planetgen-panel.is-open{transform:translateY(0);opacity:1}.mobile-panel-toggle{display:inline-flex;position:absolute;top:10px;left:10px;z-index:12;border:1px solid rgba(131,195,255,.5);border-radius:10px;background:#06122bd6;color:var(--pg-text);padding:8px 11px;font-weight:700}.planet-info{right:10px;left:10px;bottom:10px;width:auto}.feedback-chip{width:calc(100% - 20px);left:10px;transform:none;text-align:center;bottom:10px}}