.viewer-page{min-height:100vh;background:radial-gradient(circle at 50% -15%,#2a2416 0,#0b0b0e 36%);color:#f2eadb}.viewer-top{height:78px;padding:0 max(4vw,25px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b3d25;background:#0b0b0eea}.viewer-brand{display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:11px;color:#f0cf82;text-decoration:none;font-weight:900;letter-spacing:.14em}.viewer-brand img{grid-row:1/3;width:44px;height:44px;border-radius:50%}.viewer-brand small{color:#887b66;font-size:7px;letter-spacing:.16em}.viewer-top nav{display:flex;gap:25px}.viewer-top nav button{height:78px;color:#a59c8d}.viewer-top nav button.active{color:#f0cf82}.viewer-top nav b{background:#292318;color:#e9c879}.twitch-link{padding:9px 12px;border:1px solid #6145a3;color:#c9b2ff;text-decoration:none;font-size:10px;font-weight:800}.viewer-hero{max-width:1180px;margin:auto;padding:65px 30px 45px}.viewer-hero>p,.viewer-modal section>p,.viewer-modal header p{margin:0 0 10px;color:#d6a552;font-size:9px;font-weight:900;letter-spacing:.19em}.viewer-hero h1{font:700 clamp(45px,6vw,72px)/.96 Georgia;margin:0}.viewer-hero h1 em{color:#d6a552;font-weight:400}.viewer-hero>span{display:block;margin-top:20px;color:#a59c8d;font:italic 16px Georgia}.viewer-content{max-width:1180px;margin:auto;padding:0 30px 80px}.viewer-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:14px;border-bottom:1px solid #594725}.viewer-heading h2{font-size:26px}.viewer-heading span{color:#9c8d72;font-size:10px}.viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.viewer-game{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:112px;padding:12px;border:1px solid #393329;background:#13151b;color:#f2eadb;text-align:left;cursor:pointer}.viewer-game:hover{border-color:#d6a552;background:#18181b}.viewer-cover{width:72px;height:92px;display:grid;place-items:center;overflow:hidden;color:#fff;font:700 18px Georgia}.viewer-cover img,.viewer-detail-cover img{width:100%;height:100%;object-fit:cover}.viewer-game-info{display:grid;gap:5px}.viewer-game-info>small{color:#d6a552;font-size:8px;letter-spacing:.08em}.viewer-game-info>strong{font:700 17px Georgia}.viewer-game-info>em{color:#91897d;font-size:9px;font-style:normal}.viewer-game>i{color:#8f8068;font-size:8px;font-style:normal}.viewer-rating{color:#d6a552;letter-spacing:.08em}.viewer-empty{padding:65px;text-align:center;color:#91897d;font:italic 14px Georgia}.viewer-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050507e8}.viewer-modal>article{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;padding:32px;border:1px solid #594725;background:#101116}.viewer-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#a59c8d;font-size:24px;cursor:pointer}.viewer-modal header{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid #4b3d25}.viewer-detail-cover{width:96px;height:128px;display:grid;place-items:center;overflow:hidden;color:#fff;font:700 23px Georgia}.viewer-modal h2{font-size:30px}.viewer-modal header small{color:#9d9486;font-size:10px}.viewer-detail-rating{display:flex;align-items:center;gap:12px;margin-top:14px}.viewer-detail-rating span{color:#d6a552;font-size:19px}.viewer-detail-rating em{color:#a59c8d;font:italic 11px Georgia}.viewer-modal section{padding-top:24px}.viewer-modal section>div{color:#c5bdae;font:14px/1.65 Georgia}.viewer-opinion{margin-top:24px;padding:22px!important;border:1px solid #594725;background:#18150f}.viewer-opinion blockquote{margin:0;color:#eee6d8;font:italic 17px/1.65 Georgia;white-space:pre-wrap}.viewer-opinion a{display:inline-block;margin-top:18px;padding:10px 13px;background:#d6a552;color:#17130d;text-decoration:none;font-size:10px;font-weight:900}@media(max-width:760px){.viewer-top{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:12px 20px}.viewer-top nav{order:3;width:100%;justify-content:center}.viewer-top nav button{height:42px}.viewer-grid{grid-template-columns:1fr}.twitch-link{font-size:0}.twitch-link:after{content:"Twitch ↗";font-size:10px}}@media(max-width:480px){.viewer-game{grid-template-columns:60px 1fr}.viewer-cover{width:58px;height:76px}.viewer-game>i{display:none}.viewer-modal header{grid-template-columns:74px 1fr}.viewer-detail-cover{width:70px;height:94px}.viewer-modal h2{font-size:23px}}
.viewer-top:has(>.social-link) nav{margin-right:auto}.viewer-top>.social-link{margin-left:10px;flex:0 0 auto}@media(max-width:760px){.viewer-top>.social-link{margin-left:6px}}