.tavla-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(120% 80% at 50% 0,#3b2716 0%,#1a110b 60%,#120c07 100%)}.tavla-can-move{animation:1.8s ease-in-out infinite tavla-pulse}@keyframes tavla-pulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 .6cqw #fcd34df2)brightness(1.08)}}.tavla-lift{z-index:2;transition:transform .14s;transform:translateY(-6%)scale(1.06)}.tavla-slide{z-index:3;animation:.32s cubic-bezier(.3,.7,.2,1) tavla-slide}@keyframes tavla-slide{0%{transform:translate(var(--dx), var(--dy))}}.tavla-target{animation:1.1s ease-in-out infinite tavla-glow}@keyframes tavla-glow{0%,to{opacity:.75}50%{opacity:1}}.tavla-throw{will-change:transform;animation:.62s cubic-bezier(.22,.8,.3,1) both tavla-throw}@keyframes tavla-throw{0%{transform:translate(var(--throw-x), var(--throw-y)) rotate(var(--throw-spin)) scale(.55);opacity:0}15%{opacity:1}62%{transform:translate(0, 0) rotate(calc(var(--throw-spin) * -.04)) scale(1.1)}80%{transform:translate(0, -9%) rotate(calc(var(--throw-spin) * .015)) scale(.98)}to{transform:none}}@media (prefers-reduced-motion:reduce){.tavla-can-move,.tavla-target,.tavla-slide,.tavla-throw{animation:none}}.tavla-layout{--tavla-reserve:19rem;grid-template:"header""."1fr"opp""board""me""."1fr"controls"/minmax(0,1fr);row-gap:.6rem;min-height:100dvh;display:grid}.tavla-a-header{grid-area:header}.tavla-a-opp{grid-area:opp}.tavla-a-board{grid-area:board}.tavla-a-me{grid-area:me}.tavla-a-controls{grid-area:controls}.tavla-a-recent{display:none}.tavla-board-frame{width:min(100%, calc((100dvh - var(--tavla-reserve)) * 15 / 12.6));margin-inline:auto}.tavla-board-frame--rotated{width:min(100%, calc((100dvh - var(--tavla-reserve)) * 12.6 / 15))}@media (orientation:portrait) and (max-width:767px){.tavla-layout{--tavla-reserve:15.5rem;row-gap:.4rem}.tavla-strip{padding-block:.35rem}}@media (min-width:1024px),(orientation:landscape) and (max-height:640px){.tavla-layout{--tavla-reserve:2.5rem;grid-template:"board header""board opp""board me""board controls""board recent"1fr/minmax(0,1fr) clamp(15rem,25vw,22rem);align-content:start;gap:.75rem clamp(1rem,2.5vw,2.5rem);height:100dvh;min-height:0}.tavla-a-board{align-self:center}.tavla-a-recent{grid-area:recent;align-self:start;display:block}}.tavla-pop{animation:.26s cubic-bezier(.2,.9,.3,1.2) tavla-pop}@keyframes tavla-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}}.tavla-confetti{opacity:.55;background-image:radial-gradient(circle,#fcd34d 0 3px,#0000 4px),radial-gradient(circle,#fff7e0 0 2px,#0000 3px),radial-gradient(circle,#f59e0b 0 2.5px,#0000 3.5px);background-position:10px 0,35px 20px,60px 45px;background-size:70px 90px,55px 70px,90px 110px;animation:2.4s linear infinite tavla-confetti;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}@keyframes tavla-confetti{to{background-position:10px 180px,35px 160px,60px 265px}}@media (prefers-reduced-motion:reduce){.tavla-pop,.tavla-confetti{animation:none}}.tavla-hero{transform-origin:50% 100%;filter:drop-shadow(0 30px 40px #0000008c);transform:perspective(1400px)rotateX(16deg)}.tavla-hero .tavla-throw{animation-duration:1.1s;animation-delay:.25s}