.td-wrap{position:relative;aspect-ratio:900/560;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;background:#0b2138;overflow:hidden}.td-stage,.td-stage canvas{position:absolute;inset:0}.td-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;pointer-events:none;z-index:5}.td-hud-btn{pointer-events:auto;font-family:var(--font-display),cursive;font-weight:700;font-size:14px;color:var(--ink);background:var(--paper);padding:6px 14px;cursor:pointer}.td-hud-btn,.td-progress{border:2.5px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink)}.td-progress{position:relative;flex:1 1;height:22px;background:rgba(255,255,255,.55);overflow:hidden}.td-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7ed957,#ffd23f);transition:width .08s linear}.td-progress-label{position:absolute;inset:0;display:grid;place-items:center;font-size:13px}.td-coins,.td-progress-label{font-family:var(--font-display),cursive;font-weight:800;color:var(--ink)}.td-coins{font-size:14px;background:var(--sun);border:2.5px solid var(--ink);border-radius:999px;padding:5px 12px;box-shadow:0 3px 0 var(--ink)}.td-attempt{top:44px;font-family:var(--font-display),cursive;font-size:13px;opacity:.7;text-shadow:0 2px 0 rgba(0,0,0,.4)}.td-attempt,.td-hint{position:absolute;left:50%;transform:translateX(-50%);font-weight:700;color:#fff;pointer-events:none}.td-hint{bottom:12px;font-size:12.5px;background:rgba(46,58,89,.55);padding:5px 14px;border-radius:999px}.td-count{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display),cursive;font-weight:800;font-size:clamp(80px,18vw,180px);color:#fff;text-shadow:0 6px 0 var(--ink);pointer-events:none;animation:td-pop .5s ease}.td-go{color:var(--sun)}@keyframes td-pop{0%{transform:scale(2.2);opacity:0}40%{transform:scale(1);opacity:1}to{opacity:0}}.td-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,33,56,.45);z-index:6;cursor:default}.td-card{background:var(--cream);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:26px 32px;text-align:center;max-width:min(86%,380px);animation:td-card-in .3s cubic-bezier(.18,1.4,.4,1) both}.td-card--win{background:linear-gradient(180deg,#fff8ec,#ffe9c2)}@keyframes td-card-in{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.td-card h3{margin:0 0 8px;font-size:28px}.td-card p{margin:0 0 18px;font-weight:700;font-size:15px}.td-card-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.td-card-btns .btn{font-size:16px;padding:10px 22px}.td-select{position:relative;aspect-ratio:900/560;width:100%;background:linear-gradient(180deg,#d8f4ff,#aee8ff 60%,#7ed957);overflow:auto;padding:20px}.td-select-head{text-align:center;margin-bottom:16px}.td-select-head h2{margin:0;font-size:clamp(28px,5vw,42px);color:var(--ink);text-shadow:0 3px 0 rgba(255,255,255,.5)}.td-select-head p{margin:4px 0 0;font-weight:700;color:var(--ink)}.td-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:18px;gap:18px;max-width:760px;margin:0 auto}.td-level-card{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--paper);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sticker);padding:0;cursor:pointer;color:var(--ink);transition:transform .14s ease,box-shadow .14s ease;overflow:hidden}.td-level-card:hover:not(:disabled){transform:translateY(-5px) rotate(-.6deg);box-shadow:0 12px 0 var(--ink)}.td-level-card:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 0 var(--ink)}.td-level-card.is-locked{filter:grayscale(.8) brightness(.94);cursor:not-allowed}.td-level-card.is-beaten{box-shadow:0 6px 0 var(--ink),0 0 0 3px var(--sun) inset}.td-card-scene{position:relative;height:96px;border-bottom:3px solid var(--ink);line-height:0}.td-scene{width:100%;height:100%;display:block}.td-card-no{position:absolute;top:4px;right:12px;font-family:var(--font-display),cursive;font-weight:800;font-size:52px;color:#fff;opacity:.6;text-shadow:0 2px 6px rgba(46,58,89,.45);line-height:1}.td-card-crown{position:absolute;top:8px;left:10px;font-size:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.td-card-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:5px;flex:1 1}.td-card-body h3{margin:0;font-size:20px}.td-card-body p{margin:0;font-size:12.5px;font-weight:600;line-height:1.35;flex:1 1}.td-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.td-villain{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px}.td-villain-face{width:26px;height:26px;flex-shrink:0}.td-diff{display:inline-flex;gap:4px;flex-shrink:0}.td-diff i{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink);background:transparent}.td-diff i.on{background:var(--coral)}.td-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.td-foot-best{font-size:13px;background:var(--sky);padding:3px 12px}.td-foot-best,.td-foot-play{font-family:var(--font-display),cursive;font-weight:700;border:2px solid var(--ink);border-radius:999px}.td-foot-play{font-size:14px;color:#fff;background:var(--grass-deep);padding:5px 14px;box-shadow:0 3px 0 var(--ink)}.td-foot-lock{font-family:var(--font-display),cursive;font-weight:700;font-size:12px;background:rgba(46,58,89,.16);border-radius:999px;padding:5px 12px}