/* 퍼즐의 정답과 조작 방식은 유지하며 실물 소품처럼 재질을 표현합니다. */
.clue-frame{max-width:100%;overflow:auto;overscroll-behavior:contain;border-radius:9px;padding-bottom:4px}
.clue-frame.zoomed{max-height:60svh;box-shadow:inset 0 0 0 1px #987d4640}
.card .clue-frame.zoomed>svg.view,.card .clue-frame.zoomed>img.view{width:200%;min-width:600px;max-width:none!important}
.clue-art-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.clue-art-controls button{min-height:44px;padding:8px 12px;font:inherit;font-size:12px;color:#6e512c;border:1px solid #a88a58;border-radius:8px;background:linear-gradient(#fff7e1,#ead9b4);box-shadow:inset 0 1px #fffdf3,0 2px 4px #6b4e2420;cursor:pointer}
.clue-art-controls button:focus-visible{outline:2px solid #8a692e;outline-offset:3px}
.clue-art-controls small{color:#776349;font-size:11px;line-height:1.6}
.card .artifact-illustration,.card img.view{border-radius:9px;box-shadow:0 10px 22px #38260e20,0 2px 3px #38260e25;overflow:hidden}
.card .artifact-illustration{isolation:isolate}
.card .slide,.card .rotate{padding:6px;border:1px solid #8d7245;border-radius:12px;background:linear-gradient(135deg,#b79558,#463d32 35%,#9e8152 80%,#c5a66e);box-shadow:inset 0 1px #fff1be,0 9px 18px #392c2325}
.card .slide button,.card .rotate button{overflow:hidden;box-shadow:inset 0 0 0 1px #ebd8ae40,0 1px 3px #1e1a1480}
.card .slide button{border-radius:2px}
.card .slide button.blank{background:radial-gradient(ellipse,#252a28,#101513);box-shadow:inset 1px 2px 5px #0009}
.card .rotate button{border-radius:3px}
.card .wires{padding:12px 0}
.card .wires button{min-height:44px;border-top-color:#c0b18a;border-bottom-color:#88774f;box-shadow:inset 0 1px #fffdf0,0 3px 5px #392c2320;background:linear-gradient(#fcf6e8,#e4d6b6);font-size:12px}
.card .wires button.on{background:linear-gradient(#d9c18a,#ead5a3);box-shadow:inset 0 2px 4px #71582c40}
.card .digits input{border:1px solid #8c7953;border-radius:7px;background:linear-gradient(#ede5d2,#fff9e9 35%,#e3d5b6);box-shadow:inset 0 2px 5px #6a53312b,0 2px #fff9e9;font-variant-numeric:tabular-nums}
.card .sliders .btn,.card .clockctl button{min-width:44px;min-height:44px;border-color:#9b8255;box-shadow:inset 0 1px #fff9de,0 3px 5px #5b422b20;background:linear-gradient(#fff5dc,#ddc9a0)}
.card .order button,.card .balance .items button{box-shadow:inset 0 1px #fffdf3,0 3px 6px #392c2320;background:linear-gradient(145deg,#fff9e9,#e8d9b7);border-color:#b49a6c}
.card .order button.on,.card .balance .items button.on{outline:2px solid #997333;outline-offset:1px;background:#e3c98c}
.card .order button small{line-height:1.5}
.card .pads button,.card .simon button{box-shadow:inset 0 1px #fff8,0 4px 0 #332b242b,0 5px 9px #2b211922}
.card .pads button:active,.card .simon button:active{box-shadow:inset 0 2px 3px #0003;translate:0 2px}
.card .object-art{filter:drop-shadow(0 2px 1px #392c231c)}
@media(max-width:360px){.card .wires{column-gap:28%}.card .wires button{font-size:11px;padding-left:5px;padding-right:5px}.card .sliders{gap:6px}.card .sliders .sl{min-width:48px}}
@media(prefers-reduced-motion:reduce){.card .pads button:active,.card .simon button:active{translate:none}}