html{scroll-behavior:smooth;height:100%}body{text-align:center;background-color:#e6e6e6cc;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:sans-serif;display:flex}a,p{text-decoration:none}h1,h2{text-align:center}h3,h4,p{margin:0;padding:0}.centre{margin-left:auto;margin-right:auto}.navi-list{justify-content:space-between;gap:10px;list-style-type:none;display:flex}.navi-list-item{border:1px solid #7a7c9e;border-radius:5px;align-items:center;padding:0 4px;display:flex}.navi-hover:hover{background-color:#bfc0d3}.nav-link{align-items:center;display:flex}.title-select{text-align:center;text-shadow:1px 1px 1px #fff;font-weight:700}.header{background:linear-gradient(#e6e7e8,#d1d2d3);justify-content:space-between;margin:5px;padding:5px;display:flex}@media (width<=1155px){.header{margin:0;padding:0}}@media (width<=800px){.header{margin:0;padding:0}}.build-content{flex-flow:column wrap;justify-content:space-around;width:98%;margin:0 1%;display:flex}.block{background-color:#d1d1d1cc;border:1px solid #aaac;border-radius:5px;height:400px;margin-bottom:5px}.description-top,.filter-builds{background-color:#d1d1d1cc;border:1px solid #aaac;border-radius:5px;height:100px;margin-bottom:5px}.class-list{border:1px solid #000;margin-bottom:5px}.build{height:150px;margin-bottom:10px;margin:5px, 0;background-color:#d1d1d1cc;border:1px solid #aaac;border-radius:5px;flex-direction:column;padding:3px;display:flex}.build-1{background-color:#7fffd4}.build-2{background-color:#c3ff7f}.build-3{background-color:#ffbd7f}.img-class-item{border:1px solid #000;width:50px;height:50px}.build-top{border:1px solid #000;flex-direction:row;height:50px;margin-bottom:auto;display:flex}.img-class-item{margin-right:20px}.build-title-block{box-sizing:border-box;flex-direction:column;align-items:flex-start;margin-right:auto;display:flex}.b-t-b-blok{box-sizing:border-box;flex-direction:row;display:flex}.build-skills-img{flex-direction:row;align-items:center;display:flex}.b-s-img-item{border:1px solid #000;width:50px;height:50px;margin-right:10px}.build-down{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.build-navi{align-items:center;display:flex}.build-key{padding-left:auto}.build-navi-like{height:30px;margin-right:10px}.build-navi-share{text-align:center;height:30px;margin-right:10px}.build-navi-more{height:30px}.b-k-item{border:1px solid #000;border-radius:5px;margin-right:3px;padding:1px}.ePopDiv{z-index:100;word-wrap:break-word;white-space:pre-wrap;background-color:#faf8e5;border:3px solid #000;width:auto;max-width:600px;height:auto;padding:3px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:2px 2px 10px #0003}footer{flex-direction:column;flex-grow:3;align-items:stretch;display:flex}.byline{height:70px;margin-top:auto}.container{flex-wrap:wrap;justify-content:space-around;height:100%;display:flex}.container-element{background-color:#fff;border:1px solid #000;width:400px;height:400px;margin-bottom:20px}.cont-elem-img{background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cont-elem-img[data-game=ro1]{background-image:url(/img/logo-ro1.jpg)}.cont-elem-img[data-game=ro2]{background-image:url(/img/logo-ro2.png)}.cont-elem-img[data-game=ro3]{background-image:url(/img/logo-ro3.jpg)}.img-in-logo{text-align:center;padding-top:50%}body{height:100vh;margin:0;padding:0;font-family:Arial,sans-serif}#petal-container{width:100%;height:100%;position:relative;overflow:hidden}.toggle-container{z-index:1000;align-items:center;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.switch{width:47px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:17px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:13px;height:13px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#ff6b9d}input:checked+.slider:before{transform:translate(26px)}.toggle-label{color:#333;font-size:16px;font-weight:700}.page-container{gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex}.main-content{flex:1;max-width:800px}.content-section{margin-bottom:4rem;scroll-margin-top:80px}.sticky-sidebar{background:#f8f9fa;border-radius:8px;align-self:start;width:250px;position:sticky;top:20px;box-shadow:0 2px 10px #0000001a}.sidebar-header{text-align:center;border-bottom:1px solid #e9ecef;padding:1rem}.toc-list{margin:0;padding:0;list-style:none}.toc-link{color:#495057;border-left:3px solid #0000;padding:.75rem 1rem;text-decoration:none;transition:all .3s;display:block}.toc-link:hover{color:#007bff;background-color:#e9ecef;border-left-color:#007bff}.toc-link.active{color:#0056b3;background-color:#e7f3ff;border-left-color:#007bff}@media (width<=768px){.page-container{flex-direction:column}.sticky-sidebar{width:100%;margin-top:2rem;position:static}}.notif-container{z-index:9999;width:100%;max-width:448px;padding:0 16px 16px 0;position:fixed;top:20px;right:20px}.notif-box{cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;padding:12px 16px;transition:transform .3s ease-out,opacity .3s ease-out;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.notif-bar{flex-shrink:0;width:6px;height:100%;margin-right:12px}.notif-text{margin:0;font-size:.95rem;line-height:1.4}.notif-container.notif-success .notif-bar{background:#10b981}.notif-container.notif-success .notif-text{color:#065f46}.notif-container.notif-error .notif-bar{background:#dc2626}.notif-container.notif-error .notif-text{color:#991b21}.notif-container.notif-warning .notif-bar{background:#d97706}.notif-container.notif-warning .notif-text{color:#92400e}.notif-container:not([x-show]){opacity:0;transform:translateY(-20px)translate(20px)}.notif-container[x-show]{opacity:1;transform:translateY(0)translate(0)}