/* ShopStar overview: a playful, self-contained control-center illustration. */
.control-world{position:relative;isolation:isolate;margin-top:48px;padding:30px 24px 24px;border-radius:36px;background:radial-gradient(ellipse at 4% 15%,#eae5ff 0,transparent 42%),radial-gradient(ellipse at 100% 78%,#d5f4e8 0,transparent 43%),#fff7e8;text-align:center}
.control-world:before,.control-world:after{content:"";position:absolute;z-index:-1;width:65px;height:65px;background-image:radial-gradient(#eab660 2px,transparent 2px);background-size:12px 12px;opacity:.5}
.control-world:before{top:18px;right:20px;transform:rotate(12deg)}.control-world:after{bottom:25px;left:15px;transform:rotate(-12deg)}
.control-symbols{position:absolute;overflow:hidden;pointer-events:none}.control-icon{display:inline-block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.control-world-lead{position:relative;display:inline-block;margin:0 auto 34px;padding:9px 24px;border:2px solid #fff;border-radius:30px;background:#fffdf8;color:#775026;font-size:14px;font-weight:700;box-shadow:0 4px 0 #e9d7c155;transform:rotate(-2deg)}.control-world-lead>span{color:#e9951c;margin-inline:6px}
.control-world-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.85fr) 44px minmax(0,1.18fr);align-items:center;gap:8px}
.control-world-grid>div{min-width:0}.control-section-label{font-size:11px;font-weight:700;color:#6c6260;margin-bottom:10px}.control-world h3{font-size:21px;line-height:1.6;letter-spacing:-.025em}.control-sources h3>span{color:#7255ad}.control-shops h3>span{color:#15866f}.control-side-note{font-size:11px;color:#756981;margin-top:13px}
.control-source-cards{display:grid;gap:15px;margin:18px 0 22px}.control-source-card{display:flex;align-items:center;gap:11px;padding:15px 12px;border:2px solid #ded3f6;border-radius:15px;background:#fff;box-shadow:4px 5px 0 #d8c7f17a;transform:rotate(-3deg)}.control-source-card .control-icon{width:32px;height:32px;padding:5px;border-radius:9px;background:#ebe4ff;color:#7255ad}.control-source-card strong{font-size:14px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.control-source-card:nth-child(2){border-color:#f2d585;box-shadow:4px 5px 0 #f1d7887a;transform:rotate(2deg)}.control-source-card:nth-child(2) .control-icon{background:#fff0b9;color:#a76b18}.control-source-card:nth-child(3){border-color:#a6d9e8;box-shadow:4px 5px 0 #a6d9e86b;transform:rotate(-2deg)}.control-source-card:nth-child(3) .control-icon{background:#d9f2fb;color:#247a98}.control-side-caption{font-size:11px;color:#706653;line-height:1.7}
.control-link{color:#a5611b}.control-link>span{display:block;font-size:10px;line-height:1.8;font-weight:700;white-space:nowrap}.control-link>b{display:block;font-family:Arial,sans-serif;font-size:42px;line-height:1.3;color:#ee9b38}.control-link>i{font-size:7px;letter-spacing:3px;font-style:normal;color:#e4ad6b}.control-link-out{color:#247b6b}.control-link-out>b,.control-link-out>i{color:#4caa96}
.control-hub{position:relative;padding:31px 14px 17px;background:#fffdf8;border:3px solid #ffae67;border-radius:30px;box-shadow:0 9px 0 #f9bd7580,0 17px 30px #b8863820}
.control-hub-sticker{position:absolute;left:50%;top:-18px;transform:translateX(-50%) rotate(-5deg);padding:7px 18px;border:2px solid #fff;border-radius:8px;background:#ffdb66;font-size:13px;font-weight:800;white-space:nowrap;color:#6b4412;box-shadow:2px 3px 0 #d4932d30}
.control-hub .control-hub-logo{display:block;width:min(235px,78%);height:auto;margin:0 auto 10px}.control-hub h3{font-size:clamp(12px,1.18vw,16px);line-height:1.6;letter-spacing:0;color:#aa4a24}.control-hub .control-hub-art{display:block;width:100%;height:auto;margin:13px auto 8px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.control-hub-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-hub-tools>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border-radius:11px;background:#eee5ff;color:#604493;font-size:11px;font-weight:700;line-height:1.5}.control-hub-tools .control-icon{width:20px;height:20px}.control-hub-tools>span:nth-child(2){background:#ffe7cf;color:#a64b1f}.control-hub-tools>span:nth-child(3){background:#dcf3eb;color:#237561}.control-hub-tools>span:nth-child(4){background:#fff0b5;color:#8f640b}.control-hub-caption{margin-top:14px;font-size:11px;font-weight:700;color:#7f654b;line-height:1.8}
.control-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0 13px}.control-shop{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 4px 9px;border:2px solid #8dcebc;border-radius:10px 10px 13px 13px;background:#fff;box-shadow:3px 4px 0 #b8e3d280;overflow:hidden}.control-shop:nth-child(2n){transform:translateY(4px)}.control-shop:nth-child(3n){border-color:#ecc47b;box-shadow:3px 4px 0 #f5dfae80}.control-shop:nth-child(4n){border-color:#b5a4e1;box-shadow:3px 4px 0 #d6c7f480}.control-shop:last-child{grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}
.control-shop-awning{position:absolute;top:0;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,#72bfa7 0 12px,#e5f8f1 12px 24px);border-bottom:2px solid #8dcebc;border-radius:0 0 5px 5px}.control-shop:nth-child(3n) .control-shop-awning{background:repeating-linear-gradient(90deg,#edb654 0 12px,#fff2d3 12px 24px);border-color:#ecc47b}.control-shop:nth-child(4n) .control-shop-awning{background:repeating-linear-gradient(90deg,#a38bcf 0 12px,#f0eaff 12px 24px);border-color:#b5a4e1}.control-shop img{display:block;width:32px;height:24px;object-fit:contain;margin-bottom:5px;box-shadow:0 0 0 1px #0000000d;border-radius:1px}.control-shop strong{font-size:11px;line-height:1.6;white-space:nowrap}.control-shop small{font-size:10px;color:#7a7164;line-height:1.7}
.control-world-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:36px;font-size:14px;color:#706046;line-height:1.8}.control-world-footer .control-icon{color:#c88a20;margin-right:4px}.control-world-footer strong{color:#b44822}
@media(max-width:1100px) and (min-width:901px){.control-world{padding-inline:16px}.control-world-grid{grid-template-columns:minmax(0,1fr) 32px minmax(0,1.8fr) 32px minmax(0,1.16fr);gap:6px}.control-world h3{font-size:18px}.control-hub h3{font-size:12px}.control-source-card{padding:12px 8px;gap:6px}.control-source-card strong{font-size:12px}.control-source-card .control-icon{width:27px;height:27px}.control-hub{padding-inline:10px}.control-hub-tools>span{font-size:10px;gap:3px}.control-shop-grid{gap:7px}.control-shop strong{font-size:10px}.control-link>b{font-size:33px}.control-link>span{font-size:9px}}
@media(max-width:900px){.control-world{max-width:680px;margin-inline:auto;padding:27px 24px}.control-world-grid{grid-template-columns:1fr;gap:21px}.control-world-lead{margin-bottom:25px}.control-world h3{font-size:23px}.control-sources h3 br,.control-shops h3 br{display:none}.control-source-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:18px}.control-source-card{flex-direction:column;justify-content:center;gap:9px;padding:15px 8px}.control-source-card strong{text-align:center;font-size:13px}.control-hub{width:100%;max-width:520px;margin:12px auto}.control-hub h3{font-size:16px}.control-hub .control-hub-art{max-width:440px}.control-hub-tools>span{font-size:13px}.control-link{display:flex;align-items:center;justify-content:center;gap:14px}.control-link>span{font-size:12px;line-height:1.5}.control-link>span br{display:none}.control-link>b{font-size:36px;transform:rotate(90deg)}.control-link>i{display:none}.control-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-shop:last-child{grid-column:auto;width:auto}.control-shop strong{font-size:12px}.control-shop small{font-size:11px}.control-world-footer{margin-top:25px}}
@media(max-width:480px){.control-world{margin-top:32px;padding:24px 16px;border-radius:24px}.control-world-lead{padding:8px 10px;font-size:11px}.control-world-lead>span{margin-inline:2px}.control-world h3{font-size:20px}.control-source-cards{gap:9px}.control-source-card{padding:12px 5px;border-radius:11px}.control-source-card strong{font-size:11px}.control-source-card .control-icon{width:28px;height:28px}.control-hub{padding:30px 11px 15px;border-radius:22px}.control-hub h3{font-size:12px}.control-hub-tools{gap:6px}.control-hub-tools>span{font-size:10px;gap:4px;padding:9px 3px}.control-hub-tools .control-icon{width:17px;height:17px}.control-hub-caption{font-size:10px}.control-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.control-shop:last-child{grid-column:2}.control-shop strong{font-size:10px}.control-shop small{font-size:10px}.control-world-footer{font-size:12px;gap:2px}.control-world-footer .control-icon{width:20px;height:20px}.control-world:before,.control-world:after{width:35px;height:35px}}