/* KiroMC finishing details. Small original icons, readable cards and reduced motion. */
.kiro-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
body.atelier{position:relative;isolation:isolate}
body.atelier:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:0;height:640px;border-radius:inherit;background:radial-gradient(ellipse at 15% 20%,#21b7d025,transparent 40%),radial-gradient(ellipse at 85% 15%,#5b69ef24,transparent 40%);animation:kiro-ambient 18s ease-in-out infinite alternate;transform-origin:50% 20%}
@keyframes kiro-ambient{from{opacity:.45;transform:translateY(0) scale(.98)}to{opacity:.9;transform:translateY(12px) scale(1.01)}}
body.atelier .community-links .external-card{display:flex;gap:12px;padding:15px 17px;min-height:76px;border-radius:11px;text-align:left;box-shadow:inset 0 1px 0 #ffffff22,0 6px 16px #0002;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;background:radial-gradient(circle at 76% 20%,#ffffff10 0 12px,transparent 13px),radial-gradient(circle at 90% 85%,#ffffff0b 0 20px,transparent 21px),linear-gradient(115deg,#1587a8,#135576)}
body.atelier .community-links .external-card.discord-card{background:radial-gradient(circle at 76% 20%,#ffffff10 0 12px,transparent 13px),radial-gradient(circle at 90% 85%,#ffffff0b 0 20px,transparent 21px),linear-gradient(115deg,#5265ca,#344991)}
body.atelier .community-links .external-card:after{content:none}
body.atelier .community-links .external-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff33,0 9px 24px #0003}
.community-emblem{display:grid;place-items:center;width:41px;height:43px;flex:0 0 41px;border-radius:12px;background:#081827c9;color:#dff9ff;box-shadow:inset 0 0 0 1px #ffffff10;transform:rotate(-5deg);transition:transform .24s}
.community-emblem .kiro-icon{width:25px;height:25px}
.external-card:hover .community-emblem{transform:rotate(0)}
.community-copy{display:grid;gap:5px;min-width:0;flex:1}
.community-copy strong{font-size:.9rem;font-weight:600;color:#f0fbff}
.community-copy>span{font-size:.69rem;color:#d2e6fa;overflow-wrap:anywhere;line-height:1.4}
.community-arrow{font-size:24px;color:#d0efff;flex-shrink:0;transition:transform .24s}
.external-card:hover .community-arrow{transform:translateX(2px)}
body.atelier .category-disclosure>summary{padding:16px 15px 10px;font-size:.73rem;letter-spacing:.035em}
body.atelier .category-entry{border-radius:8px;padding:8px;gap:11px;min-height:48px;transition:background .2s,border-color .2s}
body.atelier .category-entry-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px;background:linear-gradient(145deg,#23475a60,#122d3e20);color:#80dcf4}
.category-art{width:23px;height:23px;filter:drop-shadow(0 2px 3px #0005);transition:transform .2s}
.category-art-crown{color:#ffd27f}.category-art-gem{color:#a7a1ff}.category-art-upgrade{color:#87e6bd}.category-art-cube{color:#72d1ef}.category-art-kit{color:#eeb48a}.category-art-tag{color:#ef9abf}.category-art-spark{color:#92aaff}.category-art-key{color:#ffd27f}
.category-entry:hover .category-art{transform:translateY(-1px) rotate(-5deg)}
body.atelier .category-entry-copy strong{font-size:.77rem;line-height:1.5;font-weight:500}
body.atelier .category-entry.active{box-shadow:inset 2px 0 #7ee2f6;border-color:#3d7f99;background:linear-gradient(90deg,#204658,#142d3d)}
body.atelier .category-entry-arrow{font-size:14px;opacity:.5}
body.atelier .category-entry:hover .category-entry-arrow,body.atelier .category-entry.active .category-entry-arrow{opacity:1}
body.atelier .atelier-actions{padding:4px;border-color:#36586b;background:#0a1722e6;box-shadow:0 6px 24px #0002;gap:2px}
body.atelier .header-cart{padding:10px 13px;min-height:40px;gap:0;background:linear-gradient(120deg,#74e2ef,#36b9dc);box-shadow:inset 0 1px 0 #ffffff4a}
body.atelier .header-cart h3{font-size:.78rem;gap:8px;font-weight:600}
body.atelier .header-cart .kiro-icon{width:19px;height:19px}
body.atelier .header-cart .cart-label{font-size:0;position:absolute}
body.atelier .account-button{border-radius:22px;min-height:40px;padding:3px 5px 3px 13px}
body.atelier .account-button:hover{background:#213d4b;border-color:transparent}
body.atelier .account-copy strong{font-size:.76rem;color:#e8f5fc}
body.atelier .account-copy small{font-size:.59rem;color:#9cc5d8}
body.atelier .account-avatar{width:34px;height:34px;border:2px solid #81cddd;box-shadow:0 0 0 3px #102333;border-radius:50%}
body.atelier .top-buyer-card{min-height:144px;background:radial-gradient(ellipse at 0% 0%,#44caeb55,transparent 65%),linear-gradient(105deg,#17789a,#123448 54%,#0f202c 90%);border-color:#2f6680}
body.atelier .top-buyer-card .module-heading{padding:12px 8px 0 86px}
body.atelier .top-buyer-card .module-heading h3{font-size:.57rem;display:flex;align-items:center;gap:4px;line-height:1.4;color:#c9f1fc}
body.atelier .top-buyer-card .module-heading .kiro-icon{display:inline-block;width:13px;height:13px;color:#a3e9fa}
body.atelier .top-character{height:136px;width:84px}
body.atelier .top-supporter{padding:11px 11px 14px 86px;min-height:108px}
body.atelier .top-supporter strong{font-size:.78rem;line-height:1.4}
body.atelier .top-supporter p{font-size:.63rem;line-height:1.5;color:#b3d2e2}
#topBuyerAmount{display:block;font-size:.69rem;color:#91e9ff;font-weight:600;margin-top:8px}
body.atelier .top-buyer-card.is-empty .top-character{opacity:.6;filter:saturate(.55)}
body.atelier .store-help-grid{gap:17px}
body.atelier .store-help-grid>.panel{padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.atelier .store-help-grid .payments-panel{border:1px solid #427c99;background:linear-gradient(135deg,#173244ae,#0e202de8)}
body.atelier .store-help-grid .support-panel{border:1px solid #3f8a78;background:linear-gradient(135deg,#163b32ad,#0d2726e8)}
.store-help-grid .module-eyebrow{display:flex;align-items:center;gap:7px;font-size:.6rem;font-weight:600;letter-spacing:.055em;color:#8cdaf3}
.module-eyebrow .kiro-icon{width:17px;height:17px}
.store-help-grid .support-panel .module-eyebrow{color:#89d9b6}
body.atelier .store-help-grid h2{font-size:1rem;text-transform:none;margin:12px 0 10px;line-height:1.3;color:#e3f4fa}
body.atelier .store-help-grid p{font-size:.77rem;line-height:1.75;color:#bfd2dc}
.payment-brands{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 11px}
.payment-brands>span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;min-height:31px;background:#ddecf5;border-radius:5px;color:#183e57;font-size:.68rem;font-weight:600}
.payment-brands .kiro-icon{width:16px;height:16px}
.payment-brands .payment-paypal{font-style:italic;color:#194b89}
.payment-brands .payment-safetypay{color:#276f60}
.store-help-grid small{font-size:.64rem;line-height:1.6;color:#93b2c3}
.support-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:9px 12px;border:1px solid #45957d;border-radius:7px;background:#28624f50;color:#baf4d4;font-size:.72rem;margin-top:17px;transition:background .2s,transform .2s}
.support-link:hover{background:#34866d60;transform:translateY(-1px)}
.terms-link{font-size:.64rem;color:#9bc6ba;margin-top:12px}.terms-link:hover{color:#d8ffeb}
.login-modal{width:min(100% - 32px,410px)!important;max-height:calc(100dvh - 32px);overflow:auto;padding:26px!important;gap:0!important;border:1px solid #36566b!important;background:radial-gradient(ellipse at 0 0,#214c5f70,transparent 50%),#0e1d29!important;border-radius:16px!important;box-shadow:0 24px 90px #0009}
.login-heading{display:flex;align-items:center;gap:13px;padding-right:24px;margin-bottom:11px}
.login-heading>img{width:39px;height:46px;object-fit:contain}
.login-heading .kicker{font-size:.57rem;letter-spacing:.13em;color:#87d8ed;margin:0 0 5px;display:block}
.login-modal .login-heading h3{font-size:1.22rem;margin:0;color:#f0f8ff;line-height:1.3}
.login-modal .modal-close{top:17px;right:17px;width:28px;height:28px;border-radius:8px;background:#1c3242;border:1px solid #304959;color:#bad2e0;font-size:20px}
.login-modal .login-intro{font-size:.75rem;line-height:1.6;color:#a9c2d1;margin-bottom:18px}
.login-modal .platform-picker{margin:0 0 17px}
.login-modal .platform-picker legend,.login-modal .username-label{font-size:.7rem;color:#bed3df;font-weight:500;letter-spacing:0;text-transform:none;margin:0 0 8px;display:block}
.login-modal .platform-picker>div{gap:9px}
.login-modal .platform-picker span{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:42px;padding:10px;font-size:.74rem;background:#142d3d;border-color:#315267}
.login-modal .platform-picker .kiro-icon{width:18px;height:18px}
.login-modal .platform-picker input:checked+span{border-color:#67cfe8;background:#21526a70;box-shadow:inset 0 0 0 1px #67cfe833;color:#a7efff}
.login-modal .username-entry{display:flex;gap:10px;align-items:center;background:#07141e;border:1px solid #345269;border-radius:9px;padding:7px 10px;margin:0;min-height:48px}
.login-modal .username-entry:focus-within{border-color:#7bd6ef;box-shadow:0 0 0 3px #52b7de15}
.login-modal .login-head{width:28px;height:28px;flex:0 0 28px;overflow:hidden;border-radius:5px}
.login-modal .username-entry input{background:transparent;border:0;box-shadow:none;padding:4px 0;min-height:30px;height:auto;font-size:.84rem;color:#e8f6ff;width:100%;min-width:0;border-radius:0}
.login-modal .username-entry input:focus{outline:none}
.login-modal .identity-hint{font-size:.66rem;line-height:1.6;margin:9px 0 0;padding:0;color:#91afc1}
.login-modal .identity-preview{font-size:.69rem;line-height:1.5;margin:8px 0 0;padding:0;color:#90daee}
.login-modal .primary-btn{margin-top:18px;min-height:43px;border-radius:9px;background:linear-gradient(110deg,#56d8ec,#25a7d0);font-size:.76rem;letter-spacing:.02em;box-shadow:0 4px 15px #12a1c71c;transition:transform .2s,filter .2s}
.login-modal .primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.login-modal .modal-footnote{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.61rem;color:#8eabbd;margin:12px 0 0;line-height:1.5}
.login-modal .modal-footnote .kiro-icon{width:13px;height:13px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9aecff;outline-offset:4px}
@media(max-width:800px){body.atelier .community-links .external-card{padding:13px;gap:10px}.community-copy strong{font-size:.85rem}.community-copy>span{font-size:.65rem}body.atelier .top-buyer-card .module-heading{padding-left:74px}body.atelier .top-supporter{padding-left:74px}body.atelier .top-character{width:72px}}
@media(max-width:580px){body.atelier .community-links .external-card{padding:12px 10px;gap:8px;min-height:73px}.community-emblem{width:30px;height:34px;flex-basis:30px;border-radius:9px}.community-emblem .kiro-icon{width:20px;height:20px}.community-copy strong{font-size:.77rem}.community-copy>span{font-size:.6rem}.community-arrow{display:none}body.atelier .store-rail .sidebar{grid-template-columns:1fr 1fr}body.atelier .top-buyer-card{min-height:150px}body.atelier .category-entry{min-height:48px;padding:7px;gap:7px}body.atelier .category-entry-copy strong{font-size:.74rem}body.atelier .category-entry-arrow{display:none}body.atelier .store-help-grid>.panel{padding:19px}body.atelier .account-copy strong{max-width:100px}body.atelier .header-cart{padding:9px 11px}.login-modal{padding:23px!important}.login-modal .login-heading h3{font-size:1.13rem}}
@media(max-width:360px){body.atelier .store-rail .sidebar{grid-template-columns:1fr}body.atelier .top-buyer-card{min-height:144px}.community-emblem{width:26px;flex-basis:26px}.community-copy strong{font-size:.71rem}.community-copy>span{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){body.atelier:before{animation:none;transform:none}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}