*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}button,input{font:inherit}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.tg-guide :is(p,dd){line-height:1.75;overflow-wrap:anywhere}.tg-guide dt{font-weight:750}.tg-play{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;container-type:inline-size}#battleView{container-type:size}.tg-clue{background:var(--wp-ui-background);border:1px solid var(--wp-ui-line);padding:9px 12px;min-width:0;line-height:1.4;overflow-wrap:anywhere}.tg-clue strong{color:#efca6c;font-size:16px}.tg-clue p{margin:4px 0;font-size:15px}.tg-clue small{display:block;font-size:12px;color:var(--wp-ui-muted)}.tg-field{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:1px solid #285565;background:linear-gradient(0deg,#06344877,#14344411),url(assets/animal-tideglass-background.png) center/cover;container-type:size}.tg-field:after{content:"";position:absolute;inset:0;pointer-events:none;border:2px solid transparent}.tg-field[data-feedback=wrong]:after{border-color:#e89967}.tg-field[data-feedback=correct]:after{border-color:#91e1bc}.tg-glasses{position:absolute;inset:4px;display:flex;align-items:center;justify-content:center;gap:0;direction:ltr}.tg-glass-group{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;flex:0 1 100%}.tg-glass-group:has(+.tg-glass-group:not([hidden])),.tg-glass-group:not([hidden])+.tg-glass-group{flex-basis:50%}.tg-glass-art{position:relative;flex:none;width:min(100%,calc(100cqh - 36px));aspect-ratio:1;background:url(assets/animal-tideglass-glass-atlas.png) 0 0/200% 200% no-repeat;transform-origin:center;z-index:1}.tg-cavity{position:absolute;inset:20% 27% 18%;clip-path:polygon(40% 0,60% 0,64% 16%,74% 34%,90% 52%,100% 68%,98% 82%,88% 99%,12% 99%,2% 82%,0 68%,10% 52%,26% 34%,36% 16%)}.tg-liquid{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(#49e0edb0,#067baa9e);border-top:2px solid #bdfff1;will-change:height}.tg-surface{position:absolute;top:-2px;left:-25%;width:150%;height:6px;border-radius:50%;background:#b7fff8a6;transform-origin:center}.tg-marker{position:absolute;left:0;width:100%;height:3px;background:#ffd671;box-shadow:0 0 8px #ffedbc;z-index:2;transform:translateY(50%)}.tg-glass-caption{height:28px;min-width:0;max-width:100%;font-size:14px;line-height:1.25;text-align:center;color:#fff8dc;overflow-wrap:anywhere;direction:inherit;z-index:1;padding:2px 4px;background:#072f47bb}.tg-bubbles{position:absolute;inset:0;pointer-events:none}.tg-bubbles i{position:absolute;left:calc(9% + var(--i)*16%);bottom:-18px;width:7px;height:7px;border:1px solid #87e1e884;border-radius:50%;opacity:0;animation:tg-bubble 4s linear infinite;animation-delay:calc(var(--i)*-.65s);animation-play-state:paused}.tg-surface{animation:tg-surface 2.4s ease-in-out infinite;animation-play-state:paused}.tg-running .tg-bubbles i,.tg-running .tg-surface{animation-play-state:running}.tg-controls{display:grid;grid-template-rows:auto minmax(32px,auto) auto auto;gap:7px;min-width:0;align-content:center}.tg-meter{border:1px solid var(--wp-ui-line);background:var(--wp-ui-background);padding:6px 10px;min-width:0}.tg-meter-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;min-height:22px}.tg-meter-caption output{font-size:20px;font-weight:800;color:#7ae2db;direction:ltr}.tg-adjust{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:6px;direction:ltr}.tg-adjust input{width:100%;height:44px;min-width:0;margin:0;accent-color:#68ded4;touch-action:none}.tg-adjust input:focus-visible{outline:3px solid var(--wp-ui-gold);outline-offset:1px}.tg-feedback{min-height:32px;font-size:14px;line-height:1.3;display:grid;align-content:center;text-align:center;overflow-wrap:anywhere;color:#ffe2a0}.tg-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tg-controls button{overflow-wrap:anywhere;min-width:0;text-align:center}.tg-modal{position:absolute;inset:0;z-index:150;display:grid;place-items:center;padding:16px;background:#071321e8;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.tg-modal-card{width:min(100%,470px);max-height:100%;overflow:auto;background:var(--wp-ui-surface);border:2px solid var(--wp-ui-line);padding:18px;display:grid;gap:12px;box-shadow:0 8px #0005;text-align:center}.tg-modal-card h2,.tg-modal-card p{margin:0;overflow-wrap:anywhere;line-height:1.45}.tg-modal-card h2{font-size:24px}.tg-result-stars{font-size:36px;letter-spacing:8px;color:#efc86c}.tg-modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tg-modal[data-kind=leave] .tg-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-modal-actions button{min-width:0;overflow-wrap:anywhere}.tg-save-warning{font-size:13px;color:#ffcca8}@container (min-width:650px){.tg-play{grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);grid-template-rows:auto minmax(0,1fr)}.tg-clue{grid-column:1;grid-row:1}.tg-field{grid-column:1;grid-row:2}.tg-controls{grid-column:2;grid-row:1/3;padding:4px 5px}.tg-clue p{font-size:14px}.tg-clue{padding:6px 10px}.tg-glass-caption{font-size:12px}.tg-modal-card{width:min(94%,570px);gap:8px;padding:12px}.tg-modal-card h2{font-size:21px}.tg-result-stars{font-size:28px}}@keyframes tg-surface{0%,to{transform:translate(-4%) scaleY(.8)}50%{transform:translate(4%) scaleY(1.15)}}@keyframes tg-bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.6}90%{opacity:.3}to{transform:translateY(-260px);opacity:0}}@media(prefers-reduced-motion:reduce){.tg-bubbles i,.tg-surface{animation:none!important}.tg-liquid{will-change:auto}}