html,body,#root{width:100%;min-height:100%;margin:0}body{color:#121018;background:radial-gradient(circle at 0 0,#ff8bd359,#0000 30rem),radial-gradient(circle at 100% 100%,#76d7ff66,#0000 28rem),#fffaf0;font-family:ui-rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,5vw,4.5rem);line-height:.9}h2{letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,3.2rem);line-height:.95}::selection{background:#ffe066}.appShell{box-sizing:border-box;min-height:100dvh;padding:clamp(16px,4vw,36px)}.suiteHeader{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1180px;margin:0 auto clamp(20px,4vw,36px);display:flex}.eyebrow{color:#6d6474;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:950}.suiteBadge{background:#ffe066;border:3px solid #121018;border-radius:999px;flex:none;padding:10px 14px;font-weight:950;transform:rotate(2deg);box-shadow:3px 3px #121018}.suiteMain{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,28px);max-width:1180px;margin:0 auto;display:grid}.gameRail,.gameStage{background:#fffaf0e0;border:3px solid #121018;box-shadow:6px 6px #121018}.gameRail{gap:12px;padding:14px;display:grid;position:sticky;top:16px}.gameTab{cursor:pointer;text-align:left;background:#fffaf0;border:3px solid #121018;border-radius:18px;gap:3px;width:100%;padding:12px;transition:box-shadow .12s,transform .12s,background .12s;display:grid}.gameTab span{font-weight:950}.gameTab small{color:#6d6474;font-weight:800}.gameTab:hover,.gameTab:focus-visible{transform:translate(-1px,-1px);box-shadow:3px 3px #121018}.gameTab:focus-visible{outline-offset:3px;outline:3px solid #bca7ff}.gameTab[data-active=true]{background:#ff8bd3;box-shadow:3px 3px #121018}.futureNote{color:#6d6474;font-size:.92rem;line-height:1.35}.gameStage{gap:clamp(18px,3vw,28px);min-height:560px;padding:clamp(16px,4vw,32px);display:grid}.gameStageHeader{justify-content:space-between;gap:24px;display:flex}.gameStageHeader p:last-child{color:#6d6474;max-width:460px;font-size:1.05rem;line-height:1.35}@media (width<=1060px){.suiteMain{grid-template-columns:1fr}.gameRail{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;position:static}.futureNote{max-width:34rem}.gameStage{min-height:auto}.gameStageHeader{display:grid}.gameStageHeader p:last-child{max-width:42rem}}@media (width<=760px){.suiteHeader{display:grid}.suiteBadge{width:fit-content}.gameRail{grid-template-columns:1fr}}.actionButton{cursor:pointer;background:#87f59c;border:3px solid #121018;border-radius:999px;padding:10px 16px;font-weight:900;transition:box-shadow .12s,transform .12s,background .12s;transform:translate(-1px,-1px);box-shadow:3px 3px #121018}.actionButton:hover,.actionButton:focus-visible{transform:translate(-3px,-3px)rotate(-1deg);box-shadow:6px 6px #121018}.actionButton:active{transform:translate(0);box-shadow:1px 1px #121018}.actionButton:nth-child(2){background:#76d7ff}.actionButton[data-active=true]{background:#ff8bd3}.actionButton:focus-visible{outline-offset:3px;outline:3px solid #bca7ff}.squareGrid,.slidingBoard{--square-size:clamp(58px, 12vw, 86px);--square-gap:clamp(5px, 1vw, 9px)}.squareGrid{gap:var(--square-gap);display:grid}.slidingBoard{--board-size:4;--tile-size:calc((100% - (var(--square-gap) * (var(--board-size) - 1))) / var(--board-size));width:calc(clamp(58px, 12vw, 86px) * var(--board-size) + var(--square-gap) * (var(--board-size) - 1));aspect-ratio:1;max-width:100%;position:relative}.slidingBoard[data-board-size="3"]{--square-size:clamp(76px, 18vw, 110px)}.square{width:var(--tile-size,var(--square-size));height:var(--tile-size,var(--square-size));box-sizing:border-box;color:#121018;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff3c4;border:3px solid #121018;border-radius:20px;place-items:center;padding:0;font-size:clamp(1.6rem,6vw,2.8rem);font-weight:1000;line-height:1;transition:background .12s,box-shadow .12s,translate .12s,rotate .12s;display:grid;box-shadow:3px 3px #121018}.square:hover,.square:focus-visible{translate:-2px -2px;rotate:-1deg;box-shadow:6px 6px #121018}.square:active{translate:0;rotate:0deg;box-shadow:1px 1px #121018}.square:focus-visible{outline-offset:3px;outline:3px solid #bca7ff}.square[data-status=movable]{background:#87f59c}.square[data-status=tile]{background:#76d7ff}.square[data-status=nope]{background:#ff5f6d;animation:.16s linear 2 nope}.square[data-draggable=true]{cursor:grab;touch-action:none}.square[data-draggable=true]:active{cursor:grabbing}.slidingTile,.boardSpace{top:calc(var(--tile-row) * (var(--tile-size) + var(--square-gap)));left:calc(var(--tile-column) * (var(--tile-size) + var(--square-gap)));position:absolute}.slidingTile{transition:top .19s cubic-bezier(.22,1,.36,1),left .19s cubic-bezier(.22,1,.36,1),background .12s,box-shadow .12s,translate .12s,rotate .12s}.slidingTile:hover,.slidingTile:focus-visible,.slidingTile[data-status=nope]{z-index:2}.slidingTile[data-dragging=true]{z-index:4;cursor:grabbing;translate:var(--drag-x) var(--drag-y);transition:none;rotate:-2deg}.squareEmpty{cursor:default;background:radial-gradient(circle,#ffffffa6 0 28%,#0000 29%),#bca7ff;box-shadow:inset 0 0 0 6px #1210182e}.squareEmpty:before{content:"🌙";font-size:clamp(1.4rem,5vw,2.5rem)}.squareEmpty:hover,.squareEmpty:focus-visible,.squareEmpty:active{translate:0;rotate:0deg;box-shadow:inset 0 0 0 6px #1210182e}.squareEmpty[data-drop-target=true]{outline-offset:-10px;outline:4px dashed #ff8bd3}.boardSpace{transition:none}@keyframes nope{0%,to{translate:0;rotate:0deg}50%{translate:4px;rotate:2deg}}@media (width<=960px){.slidingBoard{width:100%}}.fifteenPuzzle{grid-template-columns:max-content minmax(220px,320px);justify-content:center;align-items:center;gap:clamp(18px,4vw,34px);display:grid}.puzzleBoardCard{background:linear-gradient(135deg,#ffe066cc,#ff8bd38c),#fff3c4;border:3px solid #121018;border-radius:32px;place-items:center;padding:clamp(12px,3vw,22px);display:grid;box-shadow:6px 6px #121018}.puzzleBoardCard[data-won=true]{animation:.7s both celebrate}.puzzlePanel{background:#fffaf0;border:3px solid #121018;border-radius:28px;gap:18px;padding:18px;display:grid;box-shadow:3px 3px #121018}.puzzlePanel>div:first-child p:last-child,.puzzlePanel .puzzleMessage{color:#6d6474;line-height:1.35}.moveCounter{background:#ffb35c;border:3px solid #121018;border-radius:24px;justify-items:center;padding:16px;display:grid}.moveCounter span{font-size:clamp(2.4rem,8vw,4rem);font-weight:1000;line-height:.9}.moveCounter p{font-weight:950}.puzzleMessage{min-height:2.8em;font-weight:800}.puzzleActions{flex-wrap:wrap;gap:12px;display:flex}@keyframes celebrate{0%{transform:rotate(0)scale(1)}35%{transform:rotate(-2deg)scale(1.03)}70%{transform:rotate(2deg)scale(1.03)}to{transform:rotate(0)scale(1)}}@media (width<=960px){.fifteenPuzzle{grid-template-columns:1fr;justify-items:center}.puzzleBoardCard,.puzzlePanel{box-sizing:border-box;width:min(100%,420px)}}.checkersGame{grid-template-columns:max-content minmax(220px,320px);justify-content:center;align-items:center;gap:clamp(18px,4vw,34px);display:grid}.checkersBoardCard{background:linear-gradient(135deg,#bca7ffbf,#76d7ff8c),#fff3c4;border:3px solid #121018;border-radius:32px;place-items:center;padding:clamp(12px,3vw,22px);display:grid;box-shadow:6px 6px #121018}.checkersBoard{--checker-size:clamp(38px, 6vw, 58px);--checker-gap:3px;--checker-cell-size:calc((100% - (var(--checker-gap) * 7)) / 8);gap:var(--checker-gap);width:calc(var(--checker-size) * 8 + var(--checker-gap) * 7);grid-template-columns:repeat(8,minmax(0,1fr));max-width:100%;display:grid;position:relative}.checkerSquare{aspect-ratio:1;box-sizing:border-box;background:#fffaf0c7;border:2px solid #121018;border-radius:9px;place-items:center;width:100%;height:auto;padding:0;display:grid;position:relative}.checkerSquare:disabled{color:inherit}.checkerSquare[data-playable=true]{cursor:pointer;background:#ffb35c}.checkerSquare[data-legal=true]:after{content:"";background:#87f59c;border:3px solid #121018;border-radius:999px;width:32%;height:32%}.checkerSquare[data-capture=true]:after{background:#ff5f6d}.checkerSquare[data-selected=true]{outline-offset:-7px;outline:4px solid #ffe066}.checkerSquare:focus-visible{outline-offset:3px;outline:3px solid #bca7ff}.checkerPiece{top:calc(var(--checker-row) * (var(--checker-cell-size) + var(--checker-gap)) + var(--checker-cell-size) * .5);left:calc(var(--checker-column) * (var(--checker-cell-size) + var(--checker-gap)) + var(--checker-cell-size) * .5);z-index:1;pointer-events:none;width:calc(var(--checker-cell-size) * .76);height:calc(var(--checker-cell-size) * .76);color:#fffaf0;border:3px solid #121018;border-radius:999px;place-items:center;font-size:clamp(1rem,3vw,1.45rem);font-weight:1000;line-height:1;transition:top .19s cubic-bezier(.22,1,.36,1),left .19s cubic-bezier(.22,1,.36,1),transform .16s,box-shadow .16s;display:grid;position:absolute;transform:translate(calc(-50% - 1px),calc(-50% - 1px));box-shadow:inset 0 -7px #1210182e,2px 2px #121018d9}.checkerPiece[data-side=black]{color:#ffe066;background:#2b2638}.checkerPiece[data-side=red]{color:#fffaf0;background:#ff5f6d}.checkerPiece[data-king=true]{transform:translate(calc(-50% - 1px),calc(-50% - 1px))rotate(-8deg)scale(1.06)}.turnCard{color:#ffe066;background:#121018;border:3px solid #121018;border-radius:24px;justify-items:center;padding:14px;display:grid}.turnCard[data-turn=red]{color:#fffaf0;background:#ff5f6d}.turnCard p{letter-spacing:.12em;text-transform:uppercase;font-weight:950}.turnCard span{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:1000;line-height:1}@media (width<=960px){.checkersGame{grid-template-columns:1fr;justify-items:center}.checkersBoardCard,.checkersPanel{box-sizing:border-box;width:min(100%,420px)}.checkersBoard{--checker-size:calc((100vw - 116px) / 8);grid-template-columns:repeat(8,minmax(0,1fr));width:100%}.checkerSquare{aspect-ratio:1;width:100%;height:auto}}