.tg-wrap{gap:1.5rem;display:grid}@media (min-width:900px){.tg-wrap{grid-template-columns:1.1fr .9fr;align-items:start}}.tg-board{aspect-ratio:1;border:1px solid var(--line);perspective:900px;background:var(--cream-2);border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -38px #2b2a558c}.tg-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tg-grid{pointer-events:none;display:grid;position:absolute;inset:0}.tg-tile{transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;background:linear-gradient(155deg,#fbf3df,#ecdcb9);border:1px solid #ffffff73;place-items:center;transition:transform .5s cubic-bezier(.2,.85,.3,1),opacity .45s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #3a2a1a0f}.tg-tile svg{width:32%;height:32%;fill:var(--gold);opacity:.32}.tg-tile.open{opacity:0;transform:rotateY(91deg)}.tg-board.won .tg-glow{animation:1.8s both tgGlow}.tg-glow{pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(80% 80% at 50% 45%,#f2ce758c,#0000 70%);position:absolute;inset:0;box-shadow:inset 0 0 70px #f2ce7580}@keyframes tgGlow{0%{opacity:0}35%{opacity:1}to{opacity:.35}}.tg-sheen{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff8c 48%,#0000 66%);position:absolute;inset:0}.tg-board.won .tg-sheen{animation:1.1s ease-out .15s both tgSheen}@keyframes tgSheen{0%{opacity:0;transform:translate(-30%)}30%{opacity:1}to{opacity:0;transform:translate(30%)}}.tg-spark{z-index:6;width:.8rem;height:.8rem;color:var(--gold);pointer-events:none;opacity:0;position:absolute}.tg-spark svg{fill:currentColor;width:100%;height:100%}.tg-board.won .tg-spark{animation:1.2s ease-out forwards tgSpark;animation-delay:var(--d,0s)}@keyframes tgSpark{0%{opacity:0;transform:translate(0)scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.1) rotate(120deg)}}.tg-timer{align-items:center;gap:.7rem;display:flex}.tg-clock{font-variant-numeric:tabular-nums;color:var(--ink);min-width:3.2rem;font-size:1.3rem;font-weight:800}.tg-clock.low{color:#c0492b}.tg-bar{background:var(--cream-2);border:1px solid var(--line);border-radius:999px;flex:1;height:.5rem;overflow:hidden}.tg-bar-fill{background:linear-gradient(90deg, var(--honey), var(--amber));border-radius:999px;height:100%;transition:width .25s linear}.tg-bar-fill.low{background:linear-gradient(90deg,#e0a24a,#c0492b)}.tg-choices{gap:.7rem;display:grid}@media (min-width:480px){.tg-choices{grid-template-columns:1fr 1fr}}.tg-choice{text-align:center;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:1.02rem;font-weight:700;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s,opacity .2s;display:flex}.tg-choice:hover:not(:disabled){border-color:#f2ce75b3;transform:translateY(-2px);box-shadow:0 10px 24px -16px #3a2a1a80}.tg-choice:disabled{cursor:default}.tg-choice.right{color:var(--amber-deep);background:linear-gradient(#fff6e0,#ffedc4);border-color:#f2ce75e6}.tg-choice.wrong{opacity:.4}.tg-choice.shake{animation:.4s tgShake}@keyframes tgShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.tg-stars{color:var(--gold);gap:.15rem;display:inline-flex}.tg-stars svg{fill:currentColor;width:1.35rem;height:1.35rem}.tg-stars .off{fill:var(--cream-2)}html[data-motion=min] .tg-tile,html[data-motion=min] .tg-board.won .tg-glow,html[data-motion=min] .tg-board.won .tg-sheen,html[data-motion=min] .tg-board.won .tg-spark{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.tg-tile{transition:opacity .2s}.tg-board.won .tg-glow{opacity:.35;animation:none}.tg-board.won .tg-sheen,.tg-board.won .tg-spark{opacity:0;animation:none}}