.instrument-shop{color:#173568;min-width:0}.instrument-shop .hero{margin-bottom:20px}.shop-back{display:inline-block;color:#315eaa;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:18px}.shop-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:#6580a7;margin:0 0 10px}.instrument-shop h1,.instrument-shop h2,.instrument-shop h3{font-family:Candal,Poppins,sans-serif}.instrument-shop h1{font-size:clamp(28px,3vw,42px);color:#1e3a8a;margin:5px 0 10px}.instrument-shop .hero>p{color:#607493;line-height:1.7}.shop-age{display:inline-block;border-radius:20px;background:#dbeafe;padding:6px 12px;font-size:11px;color:#166534}.instrument-shop button,.instrument-shop select{font:600 13px Poppins,sans-serif;min-height:42px;padding:10px 14px;border:1px solid #bbdbc7;border-radius:9px;background:white;color:#166534;cursor:pointer}.instrument-shop button:disabled{cursor:default;opacity:.55}.instrument-shop button:focus-visible,.instrument-shop select:focus-visible{outline:3px solid #4ade80;outline-offset:3px}.instrument-shop .shop-primary{color:white;background:#166534;border-color:#166534}.shop-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.shop-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px}.shop-stage{position:relative;overflow:hidden;border:1px solid #ccdcef;border-radius:18px;background:repeating-linear-gradient(90deg,#eff6ff 0 72px,#e8f0fc 72px 74px);box-shadow:0 10px 26px #17356809}.shop-sign{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:16px 24px;background:#1e3a8a;color:white;font:600 12px Poppins,sans-serif;letter-spacing:.08em}.shop-sign>span{margin-left:auto;letter-spacing:0;color:#dbeafe;font-weight:400}.shop-scenery{position:absolute;inset:54px 0 50px;pointer-events:none}.shop-window{position:absolute;left:4%;top:18px;width:120px;height:155px;background:linear-gradient(150deg,#c7e4ff,#e5f4ff);border:8px solid white;border-radius:60px 60px 4px 4px;box-shadow:0 0 0 1px #c1d4ee}.shop-window:after{content:'';position:absolute;left:46%;top:0;width:5px;height:100%;background:white}.shop-counter{position:relative;display:grid;grid-template-columns:95px minmax(0,650px);gap:22px;align-items:center;justify-content:center;padding:45px 12%;min-height:275px}.shop-customer{display:grid;place-items:center;width:90px;height:108px;border-radius:48px 48px 18px 18px;background:var(--customer-color,#c7ddff);color:#244f8b;border:6px solid #fff;box-shadow:0 5px 15px #17356814;font-size:43px}.shop-speech{position:relative;padding:22px 25px;border:1px solid #ceddf1;border-radius:16px;background:white;box-shadow:0 8px 20px #17356808}.shop-customer-meta{margin:0 0 10px;font-size:11px;font-weight:600;color:#6a809e}.shop-speech h2{font-size:clamp(17px,1.8vw,23px);line-height:1.6;margin:0 0 16px;color:#1e3a8a}.shop-request-actions{display:flex;gap:8px;flex-wrap:wrap}.shop-request-actions button{font-size:11px;min-height:36px;padding:7px 11px}#shopHintText{font-size:13px;line-height:1.7;color:#546d90;margin-bottom:0}.shop-counter-front{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:15px 24px;background:linear-gradient(#f1d8b7,#e9c69c);border-top:7px solid #af8055;color:#6b4728;font-size:12px;font-weight:600}.shop-section-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:24px}.shop-section-heading h2{font-size:20px;margin:0}.shop-section-heading>span{font-size:12px;color:#657d9d}.shop-feedback{min-height:28px;font-size:13px;line-height:1.8;color:#536e95;margin:12px 0 15px}.shop-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.instrument-shop .shop-option{padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #ccdcef;border-radius:14px;color:#173568;background:#fff;box-shadow:0 4px 12px #17356805;min-width:0;transition:transform .16s,border-color .16s}.shop-option:not(:disabled):hover{transform:translateY(-4px);border-color:#5a8eec}.shop-option img{display:block;object-fit:contain;width:100%;height:170px;border-radius:7px;background:#f6f9fd;padding:8px}.shop-option strong{font-size:14px}.shop-option-mark{font-size:10px;min-height:16px}.instrument-shop .shop-option:disabled{opacity:1}.instrument-shop .shop-correct{border:2px solid #298155;background:#effaf4;color:#166534}.instrument-shop .shop-wrong{border-color:#dca4a4;background:#fff8f8}.shop-wrong img{opacity:.5}.shop-wrong .shop-option-mark{color:#9c4747}.shop-credits{margin:13px 0;color:#71839d;font-size:10px;line-height:1.7}.shop-credits summary{cursor:pointer}.shop-credits p{margin:5px 0}.shop-credits a{color:inherit}.shop-help{background:#f5f8fe;border:1px solid #d7e2f3;padding:16px 20px;border-radius:12px;margin-top:25px;font-size:13px;line-height:1.85;color:#5a7294}.shop-help summary{font-weight:600;color:#315991;cursor:pointer}.shop-summary{padding:40px;border:1px solid #cfddf1;border-radius:18px;background:white;text-align:center}.shop-summary h2{font-size:25px;color:#1e3a8a}.shop-summary p{line-height:1.85}.shop-summary-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.shop-save-note{font-size:10px;color:#7b8ba3;margin-top:15px}.instrument-shop [hidden]{display:none!important}@media(max-width:1050px){.shop-counter{padding:40px 5%}.shop-options{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-window{opacity:.5}}@media(max-width:600px){.shop-counter{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:32px 12px}.shop-customer{width:52px;height:73px;font-size:25px;border-width:4px}.shop-speech{padding:16px}.shop-sign{padding:14px;font-size:10px}.shop-counter-front{padding:12px;font-size:10px}.shop-counter-front>span:first-child{max-width:50%}.shop-options{gap:10px}.shop-option img{height:140px}.shop-option strong{font-size:12px}.shop-section-heading{align-items:flex-start}.shop-section-heading h2{font-size:17px}.shop-section-heading>span{font-size:10px;white-space:nowrap}.shop-toolbar label{width:100%}.shop-toolbar button{font-size:11px;padding:9px 11px}.shop-summary{padding:25px 18px}.shop-summary h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.instrument-shop *{transition:none!important;animation:none!important}}

.elementary-ui .instrument-shop .hero h1{color:#fff;font-weight:400}.elementary-ui .instrument-shop .hero>p{color:#e2f5e9}.elementary-ui .instrument-shop .hero .shop-eyebrow,.elementary-ui .instrument-shop .hero .shop-back{color:#e2f5e9}.elementary-ui .instrument-shop .hero .shop-back:hover{color:#fff;text-decoration:underline}.elementary-ui .shop-age{background:#d9f7e5;color:#166534}.elementary-ui .shop-speech h2,.elementary-ui .shop-section-heading h2,.elementary-ui .shop-summary h2{color:#166534}.elementary-ui .shop-help{background:#f0fbf5;border-color:#cde6d6}.elementary-ui .shop-help summary{color:#166534}.elementary-ui .instrument-shop .shop-primary{background:#166534;border-color:#166534;color:#fff}

.shop-difficulty{display:flex;align-items:center;gap:8px;font-size:12px}.shop-difficulty>span{font-weight:600;margin-right:4px}.elementary-ui .shop-difficulty button[aria-pressed=true]{background:#166534;border-color:#166534;color:#fff}.shop-difficulty-help{font-size:12px;color:#617b70;line-height:1.7;margin:-4px 0 18px}.elementary-ui .instrument-shop .shop-sign{background:#166534}.elementary-ui .shop-stage{border-color:#cde4d5;background:repeating-linear-gradient(90deg,#f4fcf7 0 72px,#e8f5ed 72px 74px)}

.instrument-shop .shop-option.shop-selected{border:2px solid #166534;background:#eefbf3;box-shadow:0 0 0 2px #bbf7d0}.shop-offer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0}.shop-selection-note{font-size:13px;color:#496b58;margin:0}.instrument-shop .shop-option.shop-correct{border-color:#166534;background:#e4f8ec}