:root{--navy:#071a78;--deep-blue:#263a88;--question-top:#5d7cff;--question-bottom:#344886;--paper:#fffdf8;--outside:#0e216e}*{box-sizing:border-box}html{background:var(--outside);scroll-behavior:auto;min-width:320px}body{background:radial-gradient(circle at 50% 0%, #5d7cff61, transparent 46rem), var(--outside);color:#fff;-webkit-font-smoothing:antialiased;min-height:100%;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow-x:hidden}button{font:inherit}.app-shell{background:var(--question-bottom);isolation:isolate;width:min(100%,520px);min-height:100svh;margin:0 auto;box-shadow:0 0 60px #00003266}.screen-fade{min-height:inherit;animation:.18s ease-out both screen-fade-in}.screen-fade:focus{outline:none}.app-loading{background:linear-gradient(180deg, var(--question-top), var(--question-bottom));width:min(100%,520px);min-height:100svh;margin:0 auto}.artwork-screen{background:var(--outside);width:100%}.artwork-frame{width:100%;position:relative}.artwork-frame picture{display:block}.artwork-image{width:100%;height:auto;display:block}.artwork-action{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;margin:0;padding:0;position:absolute}.artwork-action:focus-visible{outline-offset:4px;outline:4px solid #fff;box-shadow:0 0 0 8px #121d93e0}.artwork-action:disabled,.secondary-action:disabled,.answer-hotspot:disabled,.back-button:disabled{cursor:default}.cover-action{height:8.4%;top:79.2%;left:10.2%;right:10.2%}.intro-action{border-radius:50%;height:8.6%;top:80.5%;left:35%;right:35%}.part-action{border-radius:50%;height:11.5%;top:76.1%;left:34%;right:34%}.result-action{border-radius:12px;height:3.7%;bottom:1.1%;left:8.7%;right:8.7%}.secondary-action-wrap{padding:18px 24px calc(20px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#1732a6,#0a1b80)}.secondary-action{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffffa6;border-radius:999px;min-height:48px;padding:8px 18px;font-size:.95rem}.question-artwork-screen{background:var(--question-bottom);width:100%;min-height:100svh;position:relative;overflow:hidden}.question-artwork-screen picture{display:block}.question-artwork-image{width:100%;height:auto;display:block}.answer-hotspot{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;height:11.9%;margin:0;padding:0;position:absolute;left:10.2%;right:10.2%}.answer-a{top:61.2%}.answer-b{top:75.4%}:is(.answer-hotspot:focus-visible,.back-button:focus-visible,.secondary-action:focus-visible){outline-offset:4px;outline:3px solid #ffb064}.back-button{z-index:3;top:calc(16px + env(safe-area-inset-top));cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#192e8b47;border:1px solid #ffffff61;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:8px 13px;font-size:.84rem;display:inline-flex;position:absolute;left:16px}.artwork-error{background:var(--question-bottom);text-align:center;place-content:center;gap:12px;min-height:100svh;padding:32px;display:grid}.artwork-error button{cursor:pointer;min-height:44px;color:var(--navy);background:var(--paper);border:0;border-radius:999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.screen-fade{transition:none;animation:none}}