@layer components{.tg{--tg-soft: color-mix(in srgb, var(--color-text-heading) 6%, transparent);width:100%}.tg-stage{position:relative;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:28px;padding:22px 28px 28px;box-shadow:0 1px 2px #281c0c0a,0 30px 60px -36px #3c230a47}@media(max-width:640px){.tg-stage{padding:18px 14px 16px;border-radius:22px}}.tg-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--color-border)}.tg-brand-wrap{display:flex;flex-direction:column;gap:4px}.tg-brand{font-family:var(--font-display, serif);font-size:clamp(1.4rem,1.1rem + 1vw,1.95rem);font-weight:700;color:var(--color-text-heading);line-height:1.05;letter-spacing:-.01em;margin:0}.tg-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary-600);margin:0}.tg-hud{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}.tg-stat{display:flex;align-items:baseline;gap:6px}.tg-stat.off{display:none}.tg-stat span{font-family:var(--font-display, serif);font-size:24px;font-weight:700;color:var(--color-text-heading);line-height:1;font-variant-numeric:tabular-nums}.tg-stat label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.tg-stat-best span{color:var(--color-primary-600)}.tg-hearts{font-family:inherit!important;font-size:18px!important;letter-spacing:2px;color:var(--color-primary-500)!important}.tg-iconbtn{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-card);color:var(--color-text-muted)}.tg-iconbtn svg{width:18px;height:18px}.tg-iconbtn[aria-pressed=true]{color:var(--color-primary-600);border-color:var(--color-primary-300)}.tg-iconbtn .tg-snd-off,.tg-iconbtn[aria-pressed=false] .tg-snd-on{display:none}.tg-iconbtn[aria-pressed=false] .tg-snd-off{display:inline}.tg-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding-top:22px}.tg-picker{display:flex;flex-direction:column;gap:8px}.tg-game{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:16px;cursor:pointer;border:1px solid transparent;background:var(--tg-soft);transition:background .15s,border-color .15s,box-shadow .15s}.tg-game:hover{background:color-mix(in srgb,var(--color-text-heading) 9%,transparent)}.tg-game.active{background:var(--color-surface-card);border-color:var(--color-primary-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 12%,transparent),0 6px 16px -10px #3c230a4d}.tg-game-ico{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-text-heading) 7%,transparent);color:var(--color-text-muted)}.tg-game-ico svg{width:19px;height:19px}.tg-game.active .tg-game-ico,.tg-game-ico.on{background:var(--color-primary-500);color:#fff}.tg-game-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.tg-game-name{font-size:14.5px;font-weight:700;color:var(--color-text-heading)}.tg-game-desc{font-size:12px;line-height:1.35;color:var(--color-text-muted)}.tg-main{min-width:0}@media(max-width:820px){.tg-body{grid-template-columns:1fr;gap:14px}.tg-picker{flex-direction:row;overflow-x:auto;scrollbar-width:none}.tg-game{flex:0 0 auto;width:auto;padding:9px 13px;border-radius:999px}.tg-game-ico,.tg-game-desc{display:none}}.tg-arena{position:relative;height:500px;border-radius:20px;overflow:hidden;outline:none;border:1px solid var(--color-border);background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--color-primary-400) 12%,transparent),transparent 70%),var(--color-surface-sunken, var(--tg-soft))}@media(max-width:640px){.tg-arena{height:430px}}.tg-layer{position:absolute;inset:0}.tg-ground{position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));opacity:.55}.tg-word{position:absolute;left:0;top:0;padding:7px 13px;border-radius:12px;white-space:nowrap;will-change:transform;font-family:var(--font-mono, monospace);font-size:19px;font-weight:600;color:var(--color-text-heading);background:var(--color-surface-card);border:1.5px solid var(--color-border-hover);box-shadow:0 6px 14px -8px #28190a59}.tg-word b{color:var(--color-primary-500);font-weight:700}.tg-word.target{border-color:var(--color-primary-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-500) 16%,transparent)}.tg-word.pop,.tg-balloon.pop{animation:tg-pop .22s ease-out forwards}.tg-word.miss{border-color:var(--color-error, #e5484d);color:var(--color-error, #e5484d)}@keyframes tg-pop{to{opacity:0;scale:1.5}}.tg-balloon{position:absolute;left:0;top:0;width:62px;height:74px;will-change:transform;display:flex;align-items:center;justify-content:center;border-radius:50%/46% 46% 54% 54%;color:#fff;font-family:var(--font-mono, monospace);font-size:26px;font-weight:700;text-transform:uppercase;box-shadow:inset -8px -10px #0000001a,inset 8px 8px #ffffff38,0 10px 18px -10px #28190a66}.tg-balloon:after{content:"";position:absolute;top:100%;left:50%;width:1.5px;height:30px;background:color-mix(in srgb,var(--color-text-heading) 30%,transparent)}.tg-balloon.c0{background:#e2743a}.tg-balloon.c1{background:#d9537a}.tg-balloon.c2{background:#7d72d6}.tg-balloon.c3{background:#3f9d83}.tg-balloon.c4{background:#d9a13a}.tg-lanes{position:absolute;left:18px;right:18px;top:18px;display:flex;flex-direction:column;gap:8px}.tg-lane{position:relative;height:46px;border-radius:12px;background:color-mix(in srgb,var(--color-text-heading) 5%,transparent);border:1px dashed color-mix(in srgb,var(--color-text-heading) 14%,transparent)}.tg-lane:after{content:"";position:absolute;right:10px;top:5px;bottom:5px;width:8px;border-radius:2px;background:repeating-linear-gradient(0deg,var(--color-text-heading) 0 6px,var(--color-surface-card) 6px 12px);opacity:.55}.tg-lane-label{position:absolute;left:10px;top:3px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.tg-car{position:absolute;top:12px;left:0;width:62px;height:28px;transition:left .25s linear;color:var(--color-text-muted)}.tg-lane.me .tg-car{color:var(--color-primary-500)}.tg-lane.me{border-style:solid;border-color:color-mix(in srgb,var(--color-primary-500) 40%,transparent);background:color-mix(in srgb,var(--color-primary-500) 7%,transparent)}.tg-lane.me .tg-lane-label{color:var(--color-primary-600)}.tg-race-text{position:absolute;inset:246px 18px 18px;overflow:hidden;padding:18px 20px;border-radius:16px;background:var(--color-surface-card);border:1px solid var(--color-border);font-family:var(--font-mono, monospace);font-size:21px;line-height:1.75;color:var(--color-text-muted)}.tg-race-text .d{color:var(--color-primary-600)}.tg-race-text .c{color:var(--color-text-heading);background:color-mix(in srgb,var(--color-primary-500) 22%,transparent);border-radius:4px;box-shadow:0 2px 0 var(--color-primary-500)}.tg-race-text.err .c{background:color-mix(in srgb,var(--color-error, #e5484d) 28%,transparent);box-shadow:0 2px 0 var(--color-error, #e5484d)}@media(max-width:640px){.tg-race-text{font-size:17px;top:236px}}.tg-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:18px;background:color-mix(in srgb,var(--color-surface-card) 70%,transparent);backdrop-filter:blur(5px)}.tg-overlay.hidden,.tg-count.hidden{display:none}.tg-ov-card{max-width:430px;width:100%;text-align:center;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:22px;padding:28px 28px 22px;box-shadow:0 40px 80px -40px #28190a73}.tg-ov-title{font-family:var(--font-display, serif);font-size:28px;font-weight:700;color:var(--color-text-heading);line-height:1.1}.tg-ov-text{font-size:14.5px;line-height:1.6;color:var(--color-text-muted);margin:10px 0 16px}.tg-ov-stats{display:flex;justify-content:center;gap:30px;margin-bottom:18px}.tg-ov-stats:empty{display:none}.tg-ov-stats span{display:block;font-family:var(--font-display, serif);font-size:32px;font-weight:700;color:var(--color-text-heading);line-height:1}.tg-ov-stats label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.tg-ov-card .btn-primary{width:100%;justify-content:center}.tg-ov-hint{margin-top:10px;font-size:12px;color:var(--color-text-muted)}.tg-count{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;font-family:var(--font-display, serif);font-size:110px;font-weight:700;color:var(--color-primary-500);pointer-events:none}.tg-how{margin-top:44px}.tg-how h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--color-text-heading);margin-bottom:18px;text-align:center}.tg-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:820px){.tg-how-grid{grid-template-columns:1fr}}.tg-how-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:20px;padding:22px}.tg-how-card h3{font-size:17px;font-weight:800;color:var(--color-text-heading);margin:14px 0 6px}.tg-how-card p{font-size:14.5px;line-height:1.65;color:var(--color-text-body)}.tg-picker{gap:7px}.tg-game{padding:10px 12px}.tg-game-ico{width:34px;height:34px}a.tg-how-card{display:block;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}a.tg-how-card:hover{border-color:var(--color-primary-400);transform:translateY(-2px);box-shadow:0 16px 30px -22px #3c230a66}.tg-how-go{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--color-primary-600)}.tg-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle,color-mix(in srgb,var(--color-text-heading) 35%,transparent) 1px,transparent 1.5px),radial-gradient(circle,color-mix(in srgb,var(--color-primary-500) 45%,transparent) 1px,transparent 1.5px);background-size:46px 46px,83px 83px;background-position:0 0,20px 30px}.tg-ship{position:absolute;left:50%;bottom:14px;width:64px;height:64px;margin-left:-32px;color:var(--color-primary-500);filter:drop-shadow(0 8px 12px rgba(221,107,44,.35))}.tg-ship svg{width:100%;height:100%}.tg-ship.hit{animation:tg-shake .35s}@keyframes tg-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tg-laser{position:absolute;height:3px;margin-top:-1.5px;transform-origin:0 50%;border-radius:3px;pointer-events:none;background:linear-gradient(90deg,#fff,var(--color-primary-400));box-shadow:0 0 10px var(--color-primary-400);animation:tg-fade .18s ease-out forwards}@keyframes tg-fade{to{opacity:0}}.tg-sprint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}.tg-sprint-mult{font-family:var(--font-display, serif);font-size:22px;font-weight:700;color:var(--color-primary-600);padding:4px 14px;border-radius:999px;background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.tg-sprint-word{font-family:var(--font-mono, monospace);font-size:clamp(38px,6vw,64px);font-weight:700;letter-spacing:.02em;color:var(--color-text-muted);line-height:1.1}.tg-sprint-word.sm{font-size:clamp(28px,4vw,40px)}.tg-sprint-word b{color:var(--color-primary-600);font-weight:700}.tg-sprint-word .c{color:var(--color-text-heading);border-bottom:4px solid var(--color-primary-500)}.tg-sprint-word.err{animation:tg-shake .25s}.tg-sprint-word.err .c{border-color:var(--color-error, #e5484d);color:var(--color-error, #e5484d)}.tg-sprint-next{font-family:var(--font-mono, monospace);font-size:17px;color:var(--color-text-muted);opacity:.7;min-height:22px}.tg-timebar{position:absolute;left:0;right:0;top:0;height:6px;background:color-mix(in srgb,var(--color-text-heading) 8%,transparent)}.tg-timebar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));transition:width .1s linear}.tg-timebar i.low{background:var(--color-error, #e5484d)}.tg-tower-wrap{position:absolute;inset:6px 0 120px;overflow:hidden;display:flex;justify-content:center}.tg-tower{position:absolute;bottom:14px;display:flex;flex-direction:column-reverse;align-items:center;gap:4px;transition:transform .25s ease}.tg-tower-base{position:absolute;bottom:0;width:320px;max-width:80%;height:14px;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--color-text-heading) 18%,transparent)}.tg-block{height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;box-shadow:inset 0 -4px #00000024,0 6px 12px -8px #28190a80;animation:tg-drop .25s cubic-bezier(.3,1.5,.5,1)}.tg-block.c0{background:#e2743a}.tg-block.c1{background:#d9a13a}.tg-block.c2{background:#3f9d83}.tg-block.c3{background:#7d72d6}.tg-block.c4{background:#d9537a}@keyframes tg-drop{0%{transform:translateY(-40px);opacity:0}to{transform:none;opacity:1}}.tg-tower-prompt{position:absolute;left:0;right:0;bottom:0;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-card) 70%,transparent)}}