.art-puzzle{display:grid;grid-template-rows:minmax(0,3fr) auto minmax(0,2fr) auto;justify-items:center;width:100%;max-width:1100px;min-height:0;margin-inline:auto}.art-plate{grid-row:2;margin:0}.art-fill{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover}.art-plate:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0000004d,#0000000d 30%,#00000059 60%,#000000b8);pointer-events:none}.art-plate-missing{display:block;margin-bottom:8px;font-size:var(--board-meta);color:#ffffffb3;text-align:center}.art-plate figcaption{max-width:60ch;text-align:center;font-size:var(--board-title);line-height:1.2;color:#fff;text-shadow:0 1px 12px rgb(0 0 0 / 60%)}.art-plate figcaption strong{color:#fff}.art-answer{grid-row:4;width:100%;max-width:960px}.art-answer h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.art-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.art-options button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 14px;border:1px solid rgb(255 255 255 / 55%);border-radius:8px;background:#0006;color:#fff;font-size:var(--board-button);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.art-options button:hover:not(:disabled){background:#ffffffeb;color:#111}.art-options button>svg{flex-shrink:0}.art-options button[aria-pressed=true]{border-color:#8fdca9;background:#2e9d5bc7;color:#fff;font-weight:700}.art-options button.choice-missed{border-color:#ffb1a6;background:#d8473ab8;color:#fff}.art-options button:disabled{opacity:1}.art-options button:disabled:not([aria-pressed=true]):not(.choice-missed){opacity:.55}@media(max-width:760px){.art-puzzle{grid-template-rows:minmax(0,3fr) auto minmax(0,1fr) auto}.art-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.art-options button{min-height:46px;padding:10px 12px}}