*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100svh;color:#fff;background:radial-gradient(ellipse at 50% 42%,#50206866,transparent 65%),#180d26;font-family:Arial,sans-serif}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:26px 22px 30px}.brand{display:flex;align-items:center;gap:20px;margin:0;line-height:1;filter:drop-shadow(0 8px 14px #0004)}.brand img{width:155px;height:153px;object-fit:contain}.brand span{font:900 99px/1 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-3px;color:#ffe426;-webkit-text-stroke:5px #402147;paint-order:stroke fill;text-shadow:0 6px #e94c9b,0 9px #402147;transform:rotate(-3deg)}.puzzle{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);width:min(780px,90vw);aspect-ratio:1171/593;border:6px solid #422052;border-radius:15px;overflow:hidden;background:#190d23;box-shadow:0 0 0 1px #a146c447,0 18px 65px #0006,0 0 75px #912aff20;touch-action:none}.tile{padding:0;margin:0;min-width:0;min-height:0;cursor:pointer;border:1px solid #180d2666;background-image:url('assets/puzzle.png');background-size:400% 300%;background-repeat:no-repeat;transition:filter .12s,box-shadow .12s;outline-offset:-5px}.tile:hover:not(.empty){filter:brightness(1.1)}.tile:focus-visible{outline:4px solid #ffe426;z-index:1}.tile.empty{background-image:none;cursor:default;background:radial-gradient(ellipse at center,#361443,#1b0c23);box-shadow:inset 0 0 30px #0008}.puzzle.solved{border-color:#ffe426;box-shadow:0 0 35px #ffe42633}.puzzle.solved .tile{border-color:transparent;cursor:default}.entry{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:linear-gradient(125deg,#ffe426 0%,#ffc735 45%,#fa4b9b 100%);border:3px solid #48244f;border-radius:15px;color:#301039;text-decoration:none;font-size:25px;font-weight:900;min-width:285px;padding:19px 30px;box-shadow:0 5px 0 #71355f,0 12px 32px #f54b9222;transition:transform .2s,box-shadow .2s}.entry:hover{transform:translateY(-3px);box-shadow:0 8px 0 #71355f,0 16px 38px #f54b9233}.entry:focus-visible{outline:3px solid #fff;outline-offset:7px}.entry span{font-size:29px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:600px){main{gap:35px;padding:30px 15px}.brand{gap:13px}.brand img{width:110px;height:108px}.brand span{font-size:70px;-webkit-text-stroke-width:4px;text-shadow:0 5px #e94c9b,0 7px #402147}.puzzle{width:94vw;border-width:4px;border-radius:10px}.entry{font-size:23px;min-width:260px}}@media(max-height:700px) and (min-width:601px){main{gap:18px;padding:18px}.brand img{width:110px;height:108px}.brand span{font-size:75px}.puzzle{width:min(680px,72vw)}.entry{padding:14px 25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}