*{margin:0;padding:0;box-sizing:border-box}ul,li{list-style:none}html,body{margin:0;padding:0;min-height:100vh;background:transparent!important}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(#000000b3,#000000b3),url(/arkaplan3.jpg);background-size:cover;background-position:center;background-attachment:fixed}main{background:transparent!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0 auto 50px!important;padding:0!important}@keyframes spellGlow{0%{text-shadow:0 0 5px rgba(232,224,224,.4);opacity:.8}50%{text-shadow:0 0 15px rgba(255,255,255,.9);opacity:1}to{text-shadow:0 0 5px rgba(232,224,224,.4);opacity:.8}}@keyframes floatText{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}to{transform:translate(-50%,-50%) translateY(0)}}@keyframes riseUp{0%{opacity:0;transform:translate(-50%) scale(0) translateY(0)}15%{opacity:.9;transform:translate(-50%) scale(1) translateY(-8px)}85%{opacity:.4;transform:translate(-50%) scale(1.1) translateY(-60px)}to{opacity:0;transform:translate(-50%) scale(.6) translateY(-75px)}}.shelf-title{display:table;margin:30px auto 40px!important;padding:15px 40px!important;background:#e4dbb4!important;color:#0f0e0a!important;font-family:UnifrakturMaguntia,cursive!important;font-size:3rem!important;transform:rotate(-1.5deg);border:3px double #d4af37!important;box-shadow:8px 8px #3e2723!important;text-align:center}.shelf-label{display:flex;justify-content:center;width:100%;position:relative;z-index:20;margin-bottom:-20px}.shelf-label span{background-color:#000!important;color:#d4af37!important;padding:4px 15px!important;border:1px solid #d4af37;display:inline-block;box-shadow:0 4px 10px #000;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.alchemy-room{display:block!important;width:100%;background:transparent!important}.alchemy-container{width:100%;display:flex;justify-content:center;padding:20px 0}.bookshelf-bg{background-image:url(/potions/pngwing.com.png);background-size:100% 100%;background-repeat:no-repeat;width:800px;height:850px;position:relative;display:flex;flex-direction:column;justify-content:space-around;padding:180px 80px 100px;gap:40px;margin:0 auto}.shelf-group{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:350px}.shelf-group:nth-child(1){top:105px}.shelf-group:nth-child(2){top:555px}.shelf-layer{width:100%;display:flex;justify-content:center;align-items:flex-end;overflow:visible}.potion-grid{display:flex;justify-content:center;align-items:flex-end;gap:20px;width:100%;overflow:visible;padding-bottom:70px}.potion-bottle{width:180px;position:relative;display:flex;flex-direction:column;align-items:center;z-index:5;overflow:visible;cursor:pointer;transition:transform .3s ease}.potion-bottle:hover{transform:scale(1.1) translateY(-10px);z-index:100}.potion-img-element{width:100%;height:auto;display:block;position:relative;z-index:1;mix-blend-mode:multiply;filter:drop-shadow(0 10px 15px rgba(0,0,0,.6));transition:filter .3s ease}.potion-bottle:hover .potion-img-element{filter:drop-shadow(0 0 16px rgba(212,175,55,.8));mix-blend-mode:normal}.potion-inner-text{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);animation:floatText 4s infinite ease-in-out;z-index:10;width:48%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.magic-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:Crimson Text,serif;font-weight:700;font-size:.85rem;color:#6a1133;line-height:1.1;margin-bottom:2px;text-shadow:0 0 4px rgba(255,255,255,.6);animation:spellGlow 3s infinite ease-in-out}.magic-info{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-family:Crimson Text,serif;font-style:italic;font-size:.6rem;color:#d6ccca;opacity:.8}.potion-bottle:hover .magic-title{color:#6f721b;text-shadow:0 0 15px rgba(205,52,187,1),0 0 30px rgba(205,52,187,.5);transition:all .4s ease}.bubbles-container{position:absolute;top:6%;left:50%;width:50px;height:20px;z-index:30;pointer-events:none;overflow:visible}.bubble{position:absolute;bottom:0;border-radius:50%;opacity:0;transform:translate(-50%) scale(0);background:radial-gradient(circle at 35% 35%,#ffd2e6f2,#ff8cbeb3);border:1px solid rgba(255,180,220,.8)}.bubble:nth-child(1){left:8px;width:7px;height:7px}.bubble:nth-child(2){left:22px;width:10px;height:10px}.bubble:nth-child(3){left:36px;width:6px;height:6px}.potion-bottle:hover .bubble:nth-child(1){animation:riseUp 1.6s ease-in 0s infinite}.potion-bottle:hover .bubble:nth-child(2){animation:riseUp 1.6s ease-in .4s infinite}.potion-bottle:hover .bubble:nth-child(3){animation:riseUp 1.6s ease-in .8s infinite}