:root{--tile-accent:#ffc94d;--tile-accent-deep:#b26a10;--tile-accent-glow:rgba(255,190,70,0.6)}.jank-tile{border-radius:16px;background:linear-gradient(180deg,#fffdf6,#f0e7d2);box-shadow:0 5px 0 #c9bda0,0 9px 12px rgba(38,20,80,.45),inset 0 2px 0 rgba(255,255,255,.9);color:#4a3d1f;font-weight:900;position:relative;transition:transform .09s ease,box-shadow .09s ease;will-change:transform}.jank-tile .jank-tile-pts{position:absolute;bottom:4px;right:7px;font-size:.62rem;font-weight:800;color:#a08f5e}.jank-tile.is-pressed{transform:translateY(3px);box-shadow:0 2px 0 #c9bda0,0 4px 6px rgba(38,20,80,.4),inset 0 2px 0 rgba(255,255,255,.9)}.jank-tile.is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--tile-accent) 70%,#ffffff) 0,var(--tile-accent) 55%,color-mix(in srgb,var(--tile-accent) 75%,#7a4a00) 100%);box-shadow:0 5px 0 var(--tile-accent-deep),0 9px 14px rgba(38,20,80,.5),inset 0 2px 0 rgba(255,255,255,.55),0 0 18px var(--tile-accent-glow);color:#ffffff;text-shadow:0 2px 3px rgba(90,45,0,.45)}.jank-tile.is-selected .jank-tile-pts{color:rgba(255,255,255,.85)}.jank-tile.is-valid{background:linear-gradient(180deg,#6fe7ae,#22b876 60%,#149660);box-shadow:0 5px 0 #0c6b44,0 9px 14px rgba(20,60,40,.5),inset 0 2px 0 rgba(255,255,255,.5),0 0 18px rgba(64,224,158,.6);color:#ffffff;animation:jank-tile-pop .42s cubic-bezier(.22,1,.36,1) both}.jank-tile.is-invalid{background:linear-gradient(180deg,#ff8f8f,#ef5350 60%,#d13a3a);box-shadow:0 5px 0 #8f1f1f,0 9px 12px rgba(60,10,10,.5),inset 0 2px 0 rgba(255,255,255,.45);color:#ffffff;animation:jank-tile-shake .4s ease both}@keyframes jank-tile-pop{0%{transform:scale(1) rotate(0deg)}15%{transform:scale(.92) rotate(-2deg)}45%{transform:scale(1.22) rotate(1.5deg)}75%{transform:scale(.97) rotate(-.5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes jank-tile-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.jank-tile.is-dealing{animation:jank-tile-deal .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes jank-tile-deal{0%{transform:scale(0) translateY(-24px);opacity:0}60%{transform:scale(1.12) translateY(0);opacity:1}80%{transform:scale(.96)}to{transform:scale(1)}}.jank-board-tray{border-radius:22px;background:linear-gradient(180deg,#3a2a6e,#4b3688);box-shadow:inset 0 4px 10px rgba(20,10,50,.55),inset 0 -2px 0 rgba(255,255,255,.08),0 2px 0 rgba(255,255,255,.1);padding:14px}.jank-logo-idle{animation:jank-logo-bob 3.6s ease-in-out infinite;transform-origin:50% 60%}@keyframes jank-logo-bob{0%,to{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-7px) rotate(1deg) scale(1.015)}}.jank-btn-sheen{position:relative;overflow:hidden}.jank-btn-sheen:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35) 50%,transparent);transform:skewX(-18deg);animation:jank-sheen 4.2s ease-in-out infinite;pointer-events:none}@keyframes jank-sheen{0%,55%{left:-60%}75%,to{left:130%}}.jank-card-press{transition:transform .09s ease,box-shadow .09s ease}.jank-card-press:active{transform:translateY(3px) scale(.985)}.jank-float-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.jank-float-tile{position:absolute;left:var(--fx,50%);bottom:-60px;font-size:var(--fs,26px);font-weight:900;color:rgba(255,255,255,.24);background:rgba(255,255,255,.14);border-radius:10px;padding:.35em .5em;animation:jank-float-up 16s linear infinite;animation-delay:var(--fd,0s)}@keyframes jank-float-up{0%{transform:translateY(0) rotate(-6deg);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translateY(-110vh) rotate(8deg);opacity:0}}@media (prefers-reduced-motion:reduce){.jank-btn-sheen:after,.jank-float-tile,.jank-logo-idle{animation:none}.jank-tile.is-dealing,.jank-tile.is-valid{animation-duration:.01s}}