:root{--ink:#212121;--ink-soft:rgba(33,33,33,.55);--page:#fff;--font-hand:"Gaegu";--z-tile:1;--z-hint:2;--z-chrome:10}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-hand),"Comic Sans MS",cursive;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}::selection{background:var(--ink);color:var(--page)}.board{position:fixed;inset:0;overflow:hidden;touch-action:manipulation}.board-home{position:fixed;top:14px;left:20px;z-index:var(--z-chrome);display:flex;align-items:center;gap:12px;line-height:1.1;text-decoration:none;color:var(--ink);transition:transform .24s cubic-bezier(.22,1,.36,1)}.board-home:hover{transform:translateY(-1px)}.board-home img{display:block;width:44px;height:44px;object-fit:contain}.board-title-text{display:flex;flex-direction:column}.board-title-h{font-size:26px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;font-family:Arial Narrow,Arial,sans-serif}.board-title-p{margin-top:2px;font-size:15px;color:var(--ink-soft)}@media (max-width:640px){.board-title-p{display:none}.board-title-h{font-size:20px}}.backstage-link{position:fixed;right:20px;bottom:14px;z-index:var(--z-chrome);font-size:17px;color:var(--ink-soft);text-decoration:none;transform:rotate(-1.5deg);transition:color .2s ease-out,transform .24s cubic-bezier(.22,1,.36,1)}.backstage-link:hover{color:var(--ink);transform:rotate(1deg) scale(1.06)}.tile{position:absolute;z-index:var(--z-tile);transition:transform .26s cubic-bezier(.22,1,.36,1);will-change:transform}.tile.is-game:hover{transform:scale(1.015) rotate(-.35deg)}.tile:hover{z-index:var(--z-hint)}.tile canvas{display:block;width:100%;height:100%}.tile.is-game canvas{cursor:pointer}.tile-hint{position:absolute;left:50%;top:calc(100% - 6px);transform:translateX(-50%) translateY(-4px);z-index:var(--z-hint);white-space:nowrap;font-size:16px;color:var(--ink-soft);background:var(--page);padding:0 8px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .32s ease-out,transform .32s cubic-bezier(.22,1,.36,1)}.tile:hover .tile-hint{opacity:1;transform:translateX(-50%) translateY(0) rotate(-1deg)}.backstage{max-width:620px;margin:0 auto;padding:48px 24px 96px}.backstage header h1{margin:0;font-size:42px;font-weight:700;transform:rotate(-.6deg);text-wrap:balance}.backstage header p{margin:4px 0 0;font-size:19px;color:var(--ink-soft);max-width:65ch}.backstage .back{display:inline-block;margin-bottom:28px;font-size:18px;text-decoration:none;color:var(--ink-soft);transition:color .18s ease-out,transform .24s cubic-bezier(.22,1,.36,1)}.backstage .back:hover{color:var(--ink);transform:translateX(-3px)}.backstage section{margin-top:44px}.backstage h2{font-size:24px;font-weight:700;margin:0 0 12px;transform:rotate(-.4deg)}.game-list{list-style:none;margin:0;padding:0}.game-row{display:flex;align-items:center;gap:14px;width:100%;padding:9px 6px;font-size:21px;text-align:left;border-radius:6px;transition:transform .2s cubic-bezier(.22,1,.36,1)}.game-row:hover{transform:translateX(4px) rotate(-.3deg)}.game-row .game-name{flex:1 1}.game-row .game-note{font-size:16px;color:var(--ink-soft)}.game-row.is-off .game-name{color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:2px}.stepper-row{display:flex;align-items:center;gap:16px;font-size:21px;padding:8px 6px}.stepper-row .stepper-label{flex:1 1}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:40px;height:40px;font-size:24px;line-height:1;transition:transform .16s cubic-bezier(.22,1,.36,1)}.stepper button:hover:not(:disabled){transform:scale(1.18) rotate(-4deg)}.stepper button:disabled{opacity:.25;cursor:default}.stepper .stepper-value{min-width:28px;text-align:center;font-size:24px;font-weight:700}.backstage .reset{margin-top:40px;font-size:17px;color:var(--ink-soft);transition:color .18s ease-out}.backstage .reset:hover{color:var(--ink)}.backstage .footnote{margin-top:56px;font-size:15px;color:var(--ink-soft);max-width:65ch}@media (prefers-reduced-motion:reduce){.backstage .back,.backstage-link,.game-row,.stepper button,.tile,.tile.is-game:hover{transition:none;transform:none}}