:root{--app-bg-start: #fffbeb;--app-bg-mid: #fff7ed;--app-bg-end: #fff1f2;--panel-bg: rgba(255, 255, 255, .82);--panel-border: #fcd6aa;--panel-shadow: 0 10px 30px rgba(120, 53, 15, .12);--subcard-bg: #fffbeb;--subcard-border: #fcd6aa;--text-muted: #b45309;--text-strong: #7c2d12;--board-bg: #9f561c;--board-border: #a85a1e;--button-border: #cf9b59;--button-bg-start: #ecd9b6;--button-bg-end: #e5cda0;--button-text: #6f4527;--button-shadow: 0 8px 14px rgba(122, 76, 31, .2);--hint-ring: rgba(251, 191, 36, .35)}#appRoot.app-locked{pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(2px)}.default-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:46vh;overflow:auto;padding-right:2px}@media(min-width:640px){.default-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.default-image-item{border:2px solid var(--subcard-border);border-radius:14px;overflow:hidden;background:var(--subcard-bg);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.default-image-item:hover{transform:translateY(-1px);border-color:var(--button-border);box-shadow:0 8px 14px #7a4c1f29}.default-image-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.default-image-name{font-size:12px;font-weight:700;color:var(--text-muted);text-align:center;padding:6px}#board{position:relative;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;border:6px solid var(--board-border);background:var(--board-bg)!important}.tile{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 6px 12px #65401a3d;border:2px solid #e8d7b8;will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1)}.tile:hover{box-shadow:0 8px 16px #65401a4d}.tile:active{filter:brightness(1.05)}.tile-empty{background:var(--board-bg)!important;border-color:var(--board-border);box-shadow:none}.tile-number{position:absolute;left:7px;bottom:7px;width:24px;height:24px;border-radius:9999px;display:grid;place-items:center;font-size:13px;font-weight:800;line-height:1;color:#3b2f2f;background:#fff8dce6;border:1px solid rgba(120,53,15,.25);text-shadow:0 1px 0 rgba(255,255,255,.6);pointer-events:none}.tile.hint-strong{animation:hint-strong .95s ease}.icon-btn.hint-active{box-shadow:0 0 0 6px var(--hint-ring),0 10px 18px #7a4c1f3d}@keyframes hint-strong{0%{box-shadow:0 6px 12px #65401a3d;filter:brightness(1)}50%{box-shadow:0 0 0 10px #facc1573,0 10px 18px #65401a57;filter:brightness(1.16)}to{box-shadow:0 6px 12px #65401a3d;filter:brightness(1)}}.confetti{position:fixed;width:8px;height:8px;pointer-events:none;animation:explode 1.2s ease-out forwards}@keyframes explode{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(720deg);opacity:0}}@media(prefers-reduced-motion:reduce){.tile,.icon-btn{transition:none}.tile.hint-strong{animation:none}}