.spot-page main.wrap{max-width:1380px;width:calc(100% - 28px)}.spot-top,.spot-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.spot-top{justify-content:space-between;padding:8px 0}.spot-top strong{font-size:1.2rem}.spot-top #score{color:#ffe25c}.spot-controls{padding:12px 0}.spot-controls button,.spot-controls select{min-height:44px;border:1px solid #bda3dd;border-radius:10px;padding:10px 14px;background:#302044;color:#fff;font:inherit}.spot-controls label{display:flex;align-items:center;gap:8px}.spot-help{color:#d6cce0;font-size:.95rem;line-height:1.6}.spot-pictures{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spot-pictures figure{margin:0;min-width:0}.spot-pictures figcaption{padding:10px 14px;background:#231333;color:#ffe25c;font-weight:800;border-radius:14px 14px 0 0}.spot-viewport{width:100%;aspect-ratio:1;overflow:auto;overscroll-behavior:contain;border-radius:0 0 12px 12px;background:#150f1c;scrollbar-color:#ffe25c #302044;touch-action:pan-x pan-y}.spot-picture{width:100%;aspect-ratio:1;position:relative;cursor:crosshair;outline-offset:-4px}.spot-picture:focus-visible{outline:4px solid #ffe25c}.spot-picture img{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.spot-picture svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.spot-marker{fill:none;stroke:#ff303d;stroke-width:5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000)}.spot-bonus{stroke:#ffe25c}.spot-cursor{display:none}.spot-picture:focus-visible .spot-cursor{display:block}.spot-page #feedback{min-height:1.6em;padding:8px 0;font-weight:700;color:#ffe9a0}.spot-page #start{min-height:48px}.spot-page [hidden]{display:none!important}.spot-page .grid-card{margin-top:20px}.spot-page .grid-frame{padding:16px}.spot-page button:disabled{opacity:.55}.spot-page h1{font-size:clamp(1.8rem,4vw,3rem)}@media(max-width:700px){.spot-pictures{grid-template-columns:1fr;gap:14px}.spot-page main.wrap{width:calc(100% - 16px)}.spot-page .grid-frame{padding:10px}.spot-top{gap:10px}.spot-top #title{width:100%}.spot-controls{gap:8px}.spot-viewport{max-height:60svh}.spot-page .grid-points{font-size:.9rem}.spot-page .spot-controls button{font-size:.85rem}}

.spot-archive{margin:18px 0;padding:18px;border:1px solid #806195;border-radius:14px;background:#23152f}.spot-archive button{min-height:44px;padding:12px;border:1px solid #876898;border-radius:9px;background:#352046;color:#fff;font:inherit;cursor:pointer}.spot-archive button:hover{border-color:#ffe25c}.spot-archive button:focus-visible{outline:3px solid #ffe25c;outline-offset:2px}#archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}#archive-list button{text-align:left;line-height:1.5}#archive-note{color:#ffe9a0;border-left:3px solid #ffe25c;padding:10px 14px}#puzzle-date{color:#cdb4df;font-weight:700}@media(max-width:700px){#archive-list{grid-template-columns:1fr}}