.effects-body{background:#0c0d0f}.effects-shell{padding:135px clamp(20px,6vw,90px) 100px;max-width:1350px;margin:auto}.effects-hero{min-height:300px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 15% 50%,rgba(155,107,193,.22),transparent 45%),#17191c;border:1px solid #3d3344;box-shadow:12px 12px #060607}.effects-hero h1{font-size:clamp(58px,8vw,105px);color:#b783db;line-height:.8;margin:26px 0;text-shadow:5px 5px #050505}.effects-hero p:last-child{max-width:600px;font:15px/1.7 Arial,sans-serif;color:#aaa}.effects-hero aside{min-width:230px;padding:25px;background:#101113;border-left:4px solid #9b6bc1}.effects-hero aside small,.effects-hero aside b{display:block}.effects-hero aside small{font:10px Arial,sans-serif;color:#777;letter-spacing:2px}.effects-hero aside b{font-size:23px;color:#caa4e6;margin-top:9px}.brew-status{margin-top:45px;padding:22px 26px;background:#1a1c20;border:1px solid #39323e;border-left:5px solid #9b6bc1}.brew-status p{margin:0}.brew-active{display:flex;justify-content:space-between;gap:20px;align-items:center}.brew-active small,.brew-active b{display:block}.brew-active small{font:11px Arial,sans-serif;color:#888}.brew-active b{color:#cba7e5;margin-top:7px}.brew-active>strong{font-size:19px;color:#f0d8ff}.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.effect-card{min-height:310px;padding:27px;display:flex;flex-direction:column;background:#191b1e;border:1px solid #36323a;border-top:4px solid #665071}.effect-card.active{border-top-color:#6dc17a;background:linear-gradient(145deg,#19241c,#191b1e)}.effect-card>i{font-style:normal;font-size:39px;color:#b783db}.effect-card h2{font-size:23px;margin:22px 0 11px}.effect-card>p{font:13px/1.6 Arial,sans-serif;color:#929397}.effect-state{margin-top:auto;padding:12px;background:#111214;color:#777;font-size:11px}.effect-card.active .effect-state{color:#78d184}.effect-card button{margin-top:10px;padding:13px;border:1px solid #9b6bc1;background:transparent;color:#cba7e5;font:700 11px var(--pixel);cursor:pointer}.effect-card button:disabled{border-color:#414247;color:#666;cursor:not-allowed}.effect-price{display:flex;justify-content:space-between;margin-top:13px;color:#bbb;font-size:11px}.effect-price b{color:#dc9e6d}.effects-info{margin-top:45px;padding:35px;background:#17191c;border:1px solid #333}.effects-info h2{font-size:25px}.effects-info>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.effects-info p{padding:18px;background:#222428;font:13px/1.6 Arial,sans-serif;color:#999}.effects-info p b{color:#b783db;margin-right:7px}dialog{width:min(560px,calc(100% - 30px));padding:0;border:1px solid #684d78;background:#17191c;color:#eee;box-shadow:18px 18px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(4,4,5,.82);backdrop-filter:blur(4px)}dialog form{padding:38px;position:relative}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#888;font-size:30px;cursor:pointer}dialog form>small{color:#b783db;letter-spacing:2px}dialog h2{font-size:32px;margin:18px 0}dialog p{font:14px/1.7 Arial,sans-serif;color:#aaa}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0}.dialog-stats>div{padding:13px;background:#222428}.dialog-stats small,.dialog-stats b{display:block}.dialog-stats small{font:9px Arial,sans-serif;color:#777}.dialog-stats b{margin-top:7px;color:#ddb1f3}.dialog-warning{padding:12px;border-left:3px solid #9b6bc1;background:#211c25}#confirm-brew{width:100%;padding:15px;background:#9b6bc1;border:0;color:#111;font:700 12px var(--pixel);cursor:pointer}#confirm-brew:disabled{opacity:.5;cursor:wait}#dialog-message{color:#e6a77c}@media(max-width:900px){.effects-grid{grid-template-columns:repeat(2,1fr)}.effects-info>div{grid-template-columns:1fr}}@media(max-width:620px){.effects-shell{padding-top:100px}.effects-hero{padding:32px 22px;align-items:stretch;flex-direction:column}.effects-grid{grid-template-columns:1fr}.brew-active{align-items:flex-start;flex-direction:column}.dialog-stats{grid-template-columns:1fr}}