.rn-puzzle-player{padding:24px;border:1px solid #454b4b;background:#131717;color:#f1f0ee;margin:24px 0}.rn-puzzle-player h2{font-size:clamp(26px,3vw,40px);margin:0 0 14px}.rn-puzzle-player button,.rn-puzzle-home button{border:1px solid #697474;border-radius:4px;background:#202929;color:#fff;padding:9px 13px;font:inherit;cursor:pointer}.rn-puzzle-player button:disabled{opacity:.45;cursor:default}.rn-puzzle-player button:focus-visible{outline:3px solid #e15b61;outline-offset:3px}.rn-puzzle-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.rn-puzzle-toolbar strong{font-variant-numeric:tabular-nums;margin-right:auto}.rn-puzzle-help{font-size:13px;line-height:1.6;color:#c1caca}.rn-puzzle-workspace{--puzzle-sticky-top:16px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,1fr);align-items:start;gap:35px;padding:25px 18px}.rn-puzzle-board{position:sticky;top:var(--puzzle-sticky-top);z-index:10;align-self:start;justify-self:center;box-sizing:border-box;width:100%;max-width:calc((100vh - var(--puzzle-sticky-top) - 16px) * var(--puzzle-ratio));max-width:calc((100dvh - var(--puzzle-sticky-top) - 16px) * var(--puzzle-ratio));display:grid;grid-template-columns:repeat(var(--puzzle-cols),minmax(0,1fr));grid-template-rows:repeat(var(--puzzle-rows),minmax(0,1fr));aspect-ratio:var(--puzzle-ratio);background:#080b0b;border:1px solid #5a6565}.rn-puzzle-cell{position:relative;min-width:0;min-height:0;outline:1px solid #ffffff18}.rn-puzzle-piece{display:block!important;position:relative;width:100%;height:100%;aspect-ratio:var(--piece-ratio);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;touch-action:none;cursor:grab!important;overflow:visible;z-index:2}.rn-puzzle-piece svg{position:absolute;left:-28%;top:-28%;width:156%;height:156%;overflow:visible;pointer-events:none;filter:drop-shadow(1px 2px 2px #0009)}.rn-puzzle-piece.rn-puzzle-selected{z-index:5;outline:3px solid #ed6b70!important}.rn-puzzle-piece:focus-visible{z-index:6}.rn-puzzle-empty{width:100%;height:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important}.rn-puzzle-empty:hover{background:#ffffff12!important}.rn-puzzle-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:20px 12px;min-height:80px;background:#1c2222;border:1px dashed #526060}.rn-puzzle-tray .rn-puzzle-piece{height:auto}.rn-puzzle-peek{position:absolute;inset:0;z-index:12;background:#111}.rn-puzzle-peek[hidden]{display:none}.rn-puzzle-peek img{width:100%;height:100%;object-fit:fill;display:block}.rn-puzzle-peek strong{position:absolute;right:8px;top:8px;background:#000c;color:#fff;padding:7px 10px}.rn-puzzle-drag{position:fixed!important;pointer-events:none!important;z-index:2147483000!important;opacity:.9}.rn-puzzle-score-scroll{overflow:auto}.rn-puzzle-player table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rn-puzzle-player th,.rn-puzzle-player td{padding:10px;text-align:left;border-bottom:1px solid #384141}.rn-puzzle-player [data-puzzle-status]{min-height:1.5em;font-size:14px}.rn-puzzle-player [data-retry-box]{margin:10px 0}.rn-puzzle-player [hidden]{display:none!important}.rn-puzzle-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:22px}.rn-puzzle-card{margin:0;min-width:0;background:#151b1b;border:1px solid #404949}.rn-puzzle-card a{display:block;color:#f1f0ee;text-decoration:none}.rn-puzzle-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rn-puzzle-card> a>div{padding:16px}.rn-puzzle-card h3{font-size:25px;line-height:1.15;margin:8px 0}.rn-puzzle-card span,.rn-puzzle-card p{font-size:13px;color:#b9c5c5}.rn-puzzle-card a:hover h3{color:#e77d81}.rn-puzzle-home{margin:22px 0}.rn-puzzle-player nav{display:flex;align-items:center;gap:15px;margin:15px 0}
/* Keep the whole board reachable while scrolling a long piece tray. Sticky is
   bounded by the workspace, so it stops before the results and leaderboard. */
.admin-bar .rn-puzzle-workspace{--puzzle-sticky-top:48px}
@media(max-width:782px){.admin-bar .rn-puzzle-workspace{--puzzle-sticky-top:62px}}
@media(max-width:760px){.rn-puzzle-player{padding:15px}.rn-puzzle-workspace{display:block;padding:20px 5px}.rn-puzzle-board{max-width:calc(45vh * var(--puzzle-ratio));max-width:calc(45dvh * var(--puzzle-ratio));margin:0 auto 30px}.rn-puzzle-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:16px}.rn-puzzle-toolbar{font-size:13px}.rn-puzzle-toolbar strong{flex-basis:100%}.rn-puzzle-toolbar button{padding:7px 9px;font-size:12px}.rn-puzzle-player th,.rn-puzzle-player td{padding:8px 6px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.rn-puzzle-piece{transition:none}}

.rn-puzzle-image-credit{font-size:12px;line-height:1.5;opacity:.75;overflow-wrap:anywhere;margin:20px 0 0}.rn-puzzle-image-credit a{color:inherit;text-decoration:underline}
