:root{--bg-color:#1a1a1a;--text-color:#ffffff;--row-bg:#2d2d2d;--border-color:#000}body{background-color:var(--row-bg);color:var(--text-color);font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}main{background-color:var(--bg-color);padding:40px 20px 60px}.tier-list-container{display:flex;flex-direction:column;gap:2px;max-width:1200px;margin:0 auto;border:2px solid var(--border-color);background-color:var(--border-color)}.tier-row{display:flex;background-color:var(--row-bg);min-height:100px}.tier-label{width:100px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#333;text-shadow:0 0 2px rgba(255,255,255,.5);flex-shrink:0;border-right:2px solid var(--border-color)}.tier-s{background-color:var(--color-s)}.tier-a{background-color:var(--color-a)}.tier-b{background-color:var(--color-b)}.tier-c{background-color:var(--color-c)}.tier-d{background-color:var(--color-d)}.tier-e{background-color:var(--color-e)}.tier-f{background-color:var(--color-f)}.tier-items{display:flex;flex-wrap:wrap;padding:5px;gap:5px;flex-grow:1}.tier-item{width:80px;height:80px;cursor:pointer;transition:transform .2s;overflow:hidden;background-color:#000;display:block}.tier-item:hover{transform:scale(1.05);z-index:10;box-shadow:0 0 5px rgba(255,255,255,.3)}.tier-item img{width:100%;height:100%;object-fit:cover}dialog{background-color:#333;color:#fff;border:1px solid #555;border-radius:8px;padding:0;max-width:600px;width:90%;box-shadow:0 4px 10px rgba(0,0,0,.5)}dialog::backdrop{background-color:rgba(0,0,0,.8);backdrop-filter:blur(2px)}.dialog-content{padding:20px;position:relative}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.dialog-header h2{margin:0}.close-button{color:#aaa;font-size:28px;font-weight:700;text-decoration:none;line-height:1}.close-button:hover{color:#fff}.dialog-image{max-width:100%;max-height:400px;border:1px solid #555;display:block;margin:0 auto 15px}.post-content{line-height:1.6}.post-content a{color:var(--color-c)}.dialog-tags{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.tag{background-color:#444;color:#eee;padding:2px 8px;border-radius:4px;font-size:.85rem;border:1px solid #555;text-decoration:none;transition:background-color .2s,color .2s}.tag:hover{background-color:#555;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background-color:#2d2d2d;border-bottom:2px solid var(--border-color);padding:20px 0;margin-bottom:0}.header-content{text-align:center;margin-bottom:20px}.site-logo{text-decoration:none;color:var(--text-color)}.site-logo h1{margin:0;font-size:2.5rem}.site-subtitle{color:#aaa;font-size:1.2rem;margin-top:10px}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:30px}.main-nav a{color:var(--text-color);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 0;border-bottom:2px solid transparent;transition:border-color .2s}.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--color-c)}.site-footer{background-color:#2d2d2d;border-top:2px solid var(--border-color);padding:40px 0;margin-top:0;text-align:center}.footer-content p{color:#aaa;margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:20px}.footer-content a{color:#eee;text-decoration:underline}.footer-links a{text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--color-c)}.posts-container{max-width:800px;margin:0 auto}.taxonomy-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:15px}.taxonomy-list h2{margin:0}.taxonomy-list .tag{font-size:1.2rem;padding:10px 20px}.post-entry{background-color:#2d2d2d;border:1px solid #444;border-radius:8px;padding:20px;margin-bottom:30px}.post-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:10px}.post-entry-header h2{margin:0}.post-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border-radius:4px;color:#333}.post-entry-image{max-width:300px;height:auto;border:1px solid #555;margin-bottom:15px}.post-date{color:#aaa;font-size:.9rem}.post-tags{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}