/* v12: Your Spot, an illustrated personal room */
.room-wrap{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:10px;overflow:hidden;background:#231C17}
.room{display:block;width:100%;height:auto}
.room .obj{cursor:pointer;transition:filter .15s ease}
.room .obj:hover,.room .obj:focus-visible{filter:drop-shadow(0 0 10px rgba(255,236,170,.9));outline:none}
.room .hot{fill:#8DFF5A;stroke:#16130F;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:hot 1.6s ease-in-out infinite}
@keyframes hot{0%,100%{transform:scale(.8);opacity:.95}50%{transform:scale(1.3);opacity:.55}}
.room.boom-on .cone{transform-box:fill-box;transform-origin:center;animation:cone .45s ease-in-out infinite alternate}
@keyframes cone{to{transform:scale(1.35)}}
.spot-chip{cursor:pointer;border:0;font-size:13px;padding:9px 11px;background:var(--ink);color:#fff}
.spot-chip:hover{background:var(--red)}
.savebtn{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);background:#FBF8F2;font-size:16px;line-height:1;cursor:pointer;color:var(--muted);flex:none}
.savebtn.on{background:var(--red);color:#fff;border-color:var(--red)}
.laptop{border:6px solid #2F8A86;border-radius:12px;overflow:hidden;margin-top:8px;background:#FBF8F2}
.laptop-top{background:var(--sunset);padding:16px 16px 14px;color:#fff;position:relative}
.laptop-top h2{color:#fff;margin:4px 0 0}
.laptop>*:not(.laptop-top){margin-inline:14px}
.laptop .claim{margin-bottom:14px}
.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.stk{display:grid;gap:4px;padding:14px;border:3px solid var(--ink);border-radius:10px;background:var(--c);transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}
.stk:nth-child(even){transform:rotate(1.2deg)}
.stk b{font:400 34px/1 var(--f-spray)}
.stk span{font:800 18px/1.05 var(--f-d);text-transform:uppercase}
.stk small{font-size:12px;opacity:.85}
.stk.off{background:#D8D0C3;color:#6B6258;box-shadow:4px 4px 0 #8B8174}
.picker{display:grid;grid-template-columns:1fr auto minmax(96px,auto) auto auto;gap:10px;align-items:center;padding:10px 12px;border:2px solid var(--line);border-radius:10px}
.picker span{font:600 13px var(--f-b);color:var(--muted)}
.picker b{font:800 20px/1 var(--f-d);text-transform:uppercase;text-align:center}
.picker small{color:var(--muted)}
.arr{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:#fff;font:800 22px/1 var(--f-d);cursor:pointer}
.arr:hover{background:var(--ink);color:#fff}
@media (max-width:520px){ .picker{grid-template-columns:auto 1fr auto} .picker span{grid-column:1/-1} .picker small{display:none} }
.quick{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){ .quick{grid-template-columns:repeat(2,minmax(0,1fr))} .quick .qt:last-child:nth-child(odd){grid-column:1/-1} }
@media (prefers-reduced-motion:reduce){ .room .hot,.room.boom-on .cone{animation:none} }