.official-shop{grid-column:1/-1;min-width:0}.shop-equipped{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.shop-equipped button{font-size:12px}.shop-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.shop-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{padding:16px;background:#100d0e;border:1px solid #392629;border-radius:8px;display:flex;flex-direction:column;gap:10px}.shop-card-head{display:flex;align-items:center;gap:12px}.shop-card-head img{width:42px;height:48px;object-fit:contain;flex-shrink:0}.shop-card h4{margin:0;font-size:14px;line-height:1.4;color:#eedfce}.shop-card small{color:#b4968d}.shop-card p{white-space:pre-line;font-size:12px;line-height:1.6;margin:0;color:#bcafa7}.shop-card .button{margin-top:auto;align-self:flex-start}.shop-facts{white-space:pre-line;line-height:1.7}.shop-empty{padding:20px}.soul-editor .bonus-row{grid-template-columns:22px 1fr;}.soul-editor select{width:100%;min-width:0}.soul-editor{padding:14px 0}.shop-count{color:#bda39a;font-size:12px}.gear-icon .equipment-art{width:42px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 5px #000)}
.classes .class-button,.class-button{position:relative;overflow:hidden;padding:0 0 12px;isolation:isolate;min-height:164px}.class-scene{display:block;position:relative;height:130px;width:100%;overflow:hidden;--spell:#e38b47;background:radial-gradient(ellipse at 50% 90%,#4e1c1a66,transparent 65%)}.class-scene-shaman{--spell:#71dce7}.class-scene-sura{--spell:#be72ec}.class-scene-ninja{--spell:#94ca70}.class-character{position:absolute;height:140px;width:100%;object-fit:contain;left:0;bottom:-3px;filter:drop-shadow(0 0 6px #000);transform-origin:50% 90%;animation:portrait-cast 7s ease-in-out infinite}.class-caption{display:block;position:relative;z-index:2;padding-top:7px;font-size:13px}.class-aura{position:absolute;width:80%;height:25%;left:10%;bottom:5%;border:1px solid var(--spell);border-radius:50%;box-shadow:0 0 15px var(--spell),inset 0 0 12px var(--spell);opacity:.25;animation:class-charge 7s ease-out infinite}.class-spell{position:absolute;top:45%;left:15%;width:70%;height:42%;border-top:3px solid var(--spell);border-radius:50%;filter:drop-shadow(0 0 6px var(--spell));opacity:0;animation:class-release 7s ease-out infinite}.class-scene-shaman .class-spell{width:24px;height:24px;left:48%;top:52%;border:2px solid #defaff;background:radial-gradient(circle,#fff,var(--spell),transparent);box-shadow:0 0 20px var(--spell);border-radius:50%}.class-scene-sura .class-spell{width:30px;height:30px;left:25%;border:2px solid #eacfff;background:radial-gradient(circle,#fff,var(--spell),transparent);box-shadow:0 0 25px var(--spell)}.class-scene-ninja .class-spell{border-top:2px solid var(--spell);border-bottom:2px solid var(--spell);transform:rotate(-35deg)}.class-sparks{position:absolute;inset:0;background:radial-gradient(circle at 40% 36%,var(--spell) 0 1px,transparent 3px),radial-gradient(circle at 70% 60%,var(--spell) 0 1px,transparent 3px),radial-gradient(circle at 30% 73%,var(--spell) 0 1px,transparent 3px);opacity:0;animation:class-charge 7s ease-out infinite}.class-scene-shaman *{animation-delay:-1.8s}.class-scene-sura *{animation-delay:-3.5s}.class-scene-ninja *{animation-delay:-5.2s}.class-button.active{border-color:#aa5347;box-shadow:0 0 20px #b62f231a}.class-button:hover .class-character{filter:drop-shadow(0 0 10px #a64734)}
@keyframes portrait-cast{0%,35%,75%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-3deg)}55%{transform:translateX(4px) rotate(3deg)}65%{transform:translateY(-1px) rotate(0)}}
@keyframes class-charge{0%,28%,78%,100%{opacity:.1;transform:scale(.85)}44%{opacity:.5;transform:scale(1)}60%{opacity:0;transform:scale(1.25)}}
@keyframes class-release{0%,45%,75%,100%{opacity:0;transform:scale(.2) rotate(-30deg)}50%{opacity:.8;transform:scale(.6) rotate(-15deg)}65%{opacity:0;transform:scale(1.7) translateX(10px) rotate(25deg)}}
.motion-paused .class-scene *{animation-play-state:paused!important}.motion-paused .class-spell,.motion-paused .class-sparks{opacity:0}.motion-paused .class-character{transform:none!important}
@media(prefers-reduced-motion:reduce){.class-scene *{animation:none!important}.class-spell,.class-sparks{display:none}}
@media(max-width:600px){.shop-cards{grid-template-columns:1fr}.shop-filters{grid-template-columns:1fr}.class-scene{height:110px}.class-character{height:122px}.class-button{min-height:145px}.class-caption{font-size:11px}}

.alchemy-panel{grid-column:1/-1;min-width:0}.alchemy-wheel{position:relative;width:min(320px,85%);aspect-ratio:1;margin:32px auto 44px;border:7px double #6c5140;border-radius:50%;background:radial-gradient(circle,#2c211b 0,#16110f 55%,#050405 75%);box-shadow:inset 0 0 45px #000,0 0 25px #5c211226}.alchemy-wheel:before{content:"";position:absolute;inset:20px;border:2px solid #493b31;border-radius:50%}.alchemy-seal{position:absolute;inset:22%;display:grid;place-items:center;color:#6e5541;font:90px serif;opacity:.5}.alchemy-stone{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;color:var(--gem);padding:0;min-width:50px}.alchemy-stone span{display:grid;place-items:center;width:44px;height:44px;margin:auto;border:2px solid var(--gem);border-radius:8px;background:#110e10;box-shadow:0 0 8px color-mix(in srgb,var(--gem),transparent 65%)}.alchemy-stone svg{width:31px;height:31px}.alchemy-stone b{display:block;color:#d6c8b8;background:#110e10d9;font-size:10px;margin-top:3px;padding:2px 4px}.alchemy-stone.equipped span{background:color-mix(in srgb,var(--gem) 35%,#110e10);box-shadow:0 0 15px var(--gem)}.alchemy-selection{display:grid;grid-template-columns:1fr 1fr;gap:8px}.alchemy-selection button{display:flex;flex-direction:column;align-items:flex-start;white-space:normal}.alchemy-selection small{font-size:11px;margin-top:4px;color:#a9988b}

.class-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}.class-scene{flex-shrink:0}.class-caption{width:100%;text-align:center}.alchemy-options{display:grid;gap:12px}.alchemy-options label,.alchemy-set{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #392629;border-radius:5px}.alchemy-options small,.alchemy-editor .shop-facts small{color:#baab83}.alchemy-set{margin-top:18px}.alchemy-options input,.alchemy-set input{width:auto;flex-shrink:0;margin-top:4px;accent-color:#b65342}

.piercing-result{margin:16px 0;padding:16px;border:1px solid #65452d;background:#140e0c;border-radius:10px}.piercing-result strong{font-size:1.25rem;color:#e6b878}

.support-cinema{margin-top:22px;border:1px solid #51302e;background:linear-gradient(145deg,#181010,#080809);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #0005}.support-cinema-head{padding:18px 18px 12px;display:flex;justify-content:space-between;gap:12px;color:#806866;font-size:9px;letter-spacing:.14em}.support-kicker{font-size:10px;letter-spacing:.15em;color:#c59985}.support-sequences{display:grid;grid-template-columns:1fr 1fr;padding:0 12px 12px;gap:8px}.support-sequences button{display:flex;align-items:center;gap:9px;border:1px solid #372525;background:#100c0d;padding:12px 10px;border-radius:7px;color:#b0a09b;font-size:12px;cursor:pointer}.support-sequences button span{color:#9b6154;font-size:11px}.support-sequences button[aria-pressed=true]{background:linear-gradient(120deg,#49231f,#231515);border-color:#9c5745;color:#fae7d9}.support-screen{background:#050505;aspect-ratio:16/9;position:relative;border-top:1px solid #3c2726;border-bottom:1px solid #3c2726}.support-screen video{display:block;width:100%;height:100%;object-fit:contain;accent-color:#b65c46}.support-caption{padding:16px 18px;display:grid;gap:5px}.support-caption strong{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#ead1bf}.support-effect-cards{padding:0 16px 16px;display:grid;gap:8px}.support-effect-cards>div{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #2c2525;border-radius:7px;background:#0b090a}.effect-indicator{width:7px;height:7px;border-radius:50%;background:#655957;flex-shrink:0}.support-effect-cards strong{font-size:13px;color:#cbbdb6}.support-effect-cards small{display:block;font-size:11px;color:#938783;margin-top:4px}.effect-state{margin-left:auto;font-size:9px;letter-spacing:.08em;color:#746765}.support-effect-cards .is-active{border-color:#623e2f;background:#1e1310}.is-active .effect-indicator{background:#e6af7b;box-shadow:0 0 10px #dc7b42}.is-active .effect-state{color:#e6af7b}@media(max-width:600px){.support-cinema-head{padding:14px 12px 10px;font-size:8px}.support-caption strong{font-size:17px}.support-sequences button{font-size:11px;padding:10px 8px}.support-effect-cards{padding:0 10px 12px}}

.alchemy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.alchemy-wheel.game-wheel{width:min(390px,100%);aspect-ratio:258/234;border:0;border-radius:12px;margin:20px auto 36px;background:#0d0c0b;box-shadow:0 0 0 1px #564235,0 15px 35px #0008;overflow:hidden}.game-wheel:before{display:none}.alchemy-wheel-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.82}.game-wheel .alchemy-stone{min-width:0;width:13%;aspect-ratio:1}.game-wheel .alchemy-stone span{width:100%;height:100%;background:transparent;border:1px solid #9e8d6755;border-radius:3px;box-shadow:none}.game-wheel .alchemy-stone.inactive span{background:#09080ae0;border-color:#4e403a}.game-wheel .alchemy-stone b{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.game-wheel .alchemy-stone:hover b,.game-wheel .alchemy-stone:focus-visible b{opacity:1}.game-wheel .alchemy-stone.equipped span{border-color:var(--gem);box-shadow:0 0 9px var(--gem),inset 0 0 6px var(--gem)}.game-wheel.lot-active .alchemy-stone.equipped span{animation:alchemyRadiance 2.4s ease-in-out infinite}.alchemy-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.alchemy-controls label{display:flex;align-items:center;gap:7px;font-size:13px}.alchemy-controls input{width:auto;accent-color:#b96d45}.alchemy-controls button:disabled{opacity:.45;cursor:default}.lot-active{outline:1px solid #a6874b}.motion-paused .alchemy-stone span{animation:none!important}@keyframes alchemyRadiance{50%{box-shadow:0 0 18px var(--gem),0 0 4px #fff,inset 0 0 8px var(--gem);filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.game-wheel.lot-active .alchemy-stone.equipped span{animation:none}}
.pet-halloween{margin:12px 0;border:1px solid var(--line,#5d3930);border-radius:8px;padding:.65rem .85rem}.pet-halloween summary{cursor:pointer;font-weight:600;color:var(--text,#efe4da)}.pet-halloween[open] summary{margin-bottom:.6rem}
