
:root{--bg:#071016;--panel:#0c171e;--panel2:#101e26;--text:#f4f6f7;--muted:#9aabb4;--accent:#ff174f;--accent2:#ff3d71;--line:#22323b;--gold:#d7a719;--orange:#ff7a18;--yellow:#e4c52f;--radius:6px;--content:1180px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#12202a 0,#071016 42%);color:var(--text);font:14px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--content),calc(100% - 28px));margin:auto}.top{background:#071016dd;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brandrow{height:70px;display:flex;align-items:center;gap:22px}.logo{font-weight:1000;font-style:italic;font-size:29px;letter-spacing:-2px}.logo b{color:var(--accent)}.tagline{font-size:8px;letter-spacing:2px;color:#9baab3}.search{margin-left:auto;background:#0d1820;border:1px solid #2b3a43;border-radius:22px;padding:9px 16px;width:290px;color:white}.nav{border-top:1px solid #14232b}.nav .wrap{display:flex;gap:36px;height:43px;align-items:center;font-size:12px;font-weight:700}.nav a:hover,.nav .active{color:var(--accent)}.hero{height:430px;margin-top:16px;border:1px solid #34434b;border-radius:var(--radius);overflow:hidden;position:relative;background:#111}.slide{position:absolute;inset:0;opacity:0;transition:.5s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.heroShade{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.9))}.heroCopy{position:absolute;left:28px;bottom:34px;max-width:760px}.kicker{display:inline-block;background:var(--accent);padding:4px 8px;border-radius:3px;font-size:11px;font-weight:900}.hero h1{font-size:30px;line-height:1.05;margin:9px 0}.btn{display:inline-block;background:var(--accent);padding:10px 16px;border-radius:3px;font-weight:900;font-size:12px;border:0;color:white;cursor:pointer}.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#75818a}.dot.active{background:var(--accent)}.section{margin:28px 0}.sectionTitle{font-size:18px;border-left:4px solid var(--accent);padding-left:10px;margin:0 0 14px;display:flex;justify-content:space-between}.sectionTitle small{font-size:11px;color:#ccd4d8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{background:linear-gradient(#0e1b23,#091218);border:1px solid #293941;border-radius:var(--radius);overflow:hidden}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.cardBody{padding:12px}.card h3{margin:5px 0;font-size:15px;line-height:1.25}.meta{font-size:10px;color:var(--muted)}.badge{font-size:9px;padding:3px 6px;border-radius:3px;background:#25333b;margin-right:4px}.score{float:right;width:55px;height:55px;border:5px solid var(--orange);border-radius:50%;display:grid;place-items:center;background:#091015;font-weight:1000;font-size:18px}.score.gold{border-color:var(--gold);color:#ffd95a}.score.red{border-color:#f04444}.score.orange{border-color:var(--orange)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.listPanel{background:#0b161d;border:1px solid #26363f;border-radius:var(--radius);padding:15px}.listPanel li{margin:9px 0}.footer{border-top:1px solid var(--line);padding:28px 0;margin-top:35px;color:#9daab1}.footer .wrap{display:flex;justify-content:space-between}.articleGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px}.article,.sidebox{background:#0a151c;border:1px solid #273740;border-radius:var(--radius)}.article{padding:24px}.article h1{font-size:34px;line-height:1.1;margin:8px 0}.article p{color:#d0d8dc}.articleHero{margin:20px 0}.quote{border-left:4px solid var(--accent);background:#101f27;padding:17px;font-size:17px}.sidebox{padding:15px;margin-bottom:14px}.sidebox h3{margin-top:0}.related{display:flex;gap:10px;margin:12px 0}.related img{width:85px;height:55px;object-fit:cover}.reviewHero{position:relative;height:470px;overflow:hidden;border-bottom:1px solid #333}.reviewHero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.reviewHero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 60%),linear-gradient(transparent 40%,#071016)}.reviewCopy{position:absolute;z-index:2;left:max(20px,calc((100% - var(--content))/2));bottom:55px}.reviewCopy h1{font-size:39px;margin:7px 0}.bigscore{position:absolute;z-index:3;right:max(25px,calc((100% - var(--content))/2));bottom:55px;width:112px;height:112px;border:10px solid #ef4444;border-radius:50%;display:grid;place-items:center;background:#071016;font-size:35px;font-weight:1000}.chapterNav{background:#0c161d;border-bottom:1px solid #273740}.chapterNav .wrap{display:flex;justify-content:space-between}.chapterNav a{padding:15px 7px;font-size:11px;font-weight:800}.chapterNav a.active{border-bottom:3px solid var(--accent)}.reviewBody{background:#f5f5f3;color:#15191b;padding:28px 0}.reviewBody .articleGrid{margin-top:0}.reviewBody .article,.reviewBody .sidebox{background:white;border-color:#d4d7d8}.reviewBody .article p{color:#303638}.ratingRow{display:grid;grid-template-columns:95px 1fr 35px;gap:8px;align-items:center;margin:8px 0;font-size:12px}.bar{height:8px;background:#e5e5e5;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#f05a2a}.procon{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pc{padding:15px;background:#f4f5f5;border-radius:5px}.pc b{display:block;margin-bottom:8px}.pc li{margin:6px 0}.pro li::marker{color:#12b64d}.con li::marker{color:#ef2b46}.pages{display:flex;justify-content:center;gap:5px;margin-top:24px}.pages a{border:1px solid #bbb;padding:7px 11px;border-radius:3px}.pages .active{background:var(--accent);color:white;border-color:var(--accent)}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#081117;border-right:1px solid #26343c;padding:22px}.sidebar a{display:block;padding:10px;border-radius:4px;color:#c9d3d8}.sidebar a:hover{background:#12232c;color:white}.adminmain{padding:28px}.adminCards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#0d1a22;border:1px solid #283941;padding:18px;border-radius:6px}.form{max-width:900px}.form label{display:block;margin:14px 0 5px;color:#b9c6cc}.form input,.form textarea,.form select{width:100%;background:#0c171e;color:white;border:1px solid #33434c;border-radius:4px;padding:11px}.form textarea{min-height:180px}.themeSwatches{display:flex;gap:10px}.sw{width:45px!important;height:45px;padding:2px!important}.adminTable{width:100%;border-collapse:collapse;background:#0c171e}.adminTable th,.adminTable td{padding:12px;border-bottom:1px solid #27363e;text-align:left}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.articleGrid{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.search{display:none}.nav .wrap{overflow:auto;gap:20px}.admin{grid-template-columns:1fr}.sidebar{display:none}.reviewHero{height:390px}.bigscore{width:82px;height:82px;font-size:26px;border-width:7px}.chapterNav .wrap{overflow:auto;gap:18px}.procon{grid-template-columns:1fr}.adminCards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero{height:350px}.hero h1{font-size:24px}.article h1{font-size:28px}.reviewCopy h1{font-size:30px}.bigscore{right:15px;bottom:35px}.reviewCopy{left:16px;bottom:140px}.logo{font-size:25px}}

/* V0.2.0 */
.icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar a{display:flex;align-items:center;gap:9px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #33434c;border-radius:999px;padding:5px 9px;font-size:11px}.countdown{font-size:25px;font-weight:1000;letter-spacing:1px}.testing{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center}.testing img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.progress{height:8px;background:#26353d;border-radius:9px;overflow:hidden;margin:9px 0}.progress i{height:100%;display:block;background:var(--accent)}.releaseRow{display:grid;grid-template-columns:1fr auto;gap:14px;padding:13px 0;border-bottom:1px solid #26363f}.comment{border-top:1px solid #ddd;padding:18px 0}.commentHead{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#101e26;color:white;font-weight:900}.commentActions{display:flex;gap:15px;margin-top:10px;font-size:12px}.heart{color:#d71942}.legal{max-width:900px;margin:25px auto;background:#0a151c;border:1px solid #273740;border-radius:6px;padding:28px}.legal h1{font-size:32px}.legal h2{margin-top:30px;border-left:3px solid var(--accent);padding-left:10px}.notice{background:#13232c;border:1px solid #344851;padding:12px;border-radius:5px;color:#cbd6da}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#0d1a22;border:1px solid #283941;border-radius:6px;padding:18px}.checklist{display:grid;gap:8px}.checkline{display:flex!important;gap:8px;align-items:center;margin:0!important}.checkline input{width:auto!important}.status{font-size:10px;font-weight:900;padding:4px 7px;border-radius:999px;background:#22323b}.status.hot{background:#8d1734}.newsletterCanvas{background:#f4f4f2;color:#111;padding:20px;border-radius:6px;min-height:430px}.nlblock{border:1px dashed #aaa;padding:14px;margin:9px 0;background:white}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ghost{background:#13232c;border:1px solid #344851;color:white;padding:8px 10px;border-radius:4px;cursor:pointer}.footerLinks{display:flex;gap:15px;flex-wrap:wrap}.authorline{display:flex;gap:10px;align-items:center}.authorline .avatar{width:32px;height:32px}.spoiler{background:#151515;color:#151515;padding:8px;border-radius:3px;cursor:pointer}.spoiler:hover{color:white}.svgbtn{display:inline-flex;align-items:center;gap:6px}.reviewRequest{background:#0d1a22;border:1px solid #283941;padding:20px;border-radius:6px}@media(max-width:850px){.testing{grid-template-columns:1fr}.testing img{width:100%}.adminGrid{grid-template-columns:1fr}.footerLinks{justify-content:center}}
.logo-img{height:38px;width:auto;display:block}.brand-logo{display:flex;align-items:center}.brand-logo img{height:38px;width:auto}.sidebar .logo{font-style:italic}


/* V0.4.3 - Review Community redesign */
.reviewBody .section{width:min(var(--content),calc(100% - 28px));margin:34px auto 0;color:#15191b}
.reviewBody .section>h2{font-size:24px;margin:0 0 16px;padding-left:12px;border-left:4px solid var(--accent);letter-spacing:-.3px}
.reviewBody .comment{background:#fff;border:1px solid #d8dde0;border-radius:8px;padding:20px 22px;box-shadow:0 8px 24px rgba(8,16,22,.05)}
.reviewBody .commentHead{gap:12px}.reviewBody .comment .avatar{width:42px;height:42px;background:#0b1820}
.reviewBody .comment .meta{color:#7b878e;font-size:11px}.reviewBody .comment>p{font-size:15px;line-height:1.65;margin:15px 0;color:#273036}
.reviewBody .commentActions{gap:8px;align-items:center;margin-top:14px}
.reviewBody .commentActions .ghost{background:#f6f7f7;border:1px solid #d8dde0;color:#253038;padding:8px 11px;font-weight:700}
.reviewBody .commentActions .ghost:hover{border-color:#bdc5ca;background:#eef1f2}.reviewBody .commentActions [data-like]{color:#c9183e}
.reviewBody .commentActions [data-like] .icon{stroke:#c9183e}.reviewBody .commentActions [data-like].liked .icon{fill:#df1748;stroke:#df1748}
.reviewBody .form{max-width:none;margin:18px 0 0;background:#0b151c;color:#f3f6f7;border:1px solid #23343e;border-radius:8px;padding:24px;box-shadow:0 12px 30px rgba(4,10,14,.12);display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.reviewBody .form h3{grid-column:1/-1;font-size:21px;margin:0 0 15px}.reviewBody .form label{color:#aebbc3;font-size:12px;font-weight:700;margin:9px 0 6px}
.reviewBody .form label:nth-of-type(3),.reviewBody .form textarea,.reviewBody .form .checkline,.reviewBody .form .notice,.reviewBody .form .btn{grid-column:1/-1}
.reviewBody .form input,.reviewBody .form textarea{background:#101e26;border:1px solid #334750;color:#fff;border-radius:6px;padding:12px;outline:none;transition:.15s}
.reviewBody .form input:focus,.reviewBody .form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,23,79,.12)}
.reviewBody .form textarea{min-height:145px;resize:vertical}.reviewBody .form .checkline{margin:13px 0 8px!important;color:#c8d1d6;font-weight:500}
.reviewBody .form .notice{background:transparent;border:0;border-top:1px solid #253640;border-radius:0;padding:12px 0 0;color:#82919a;font-size:11px}
.reviewBody .form .btn{justify-self:start;margin-top:14px;padding:11px 17px}.reviewBody .form .btn:hover{filter:brightness(1.08)}
@media(max-width:680px){.reviewBody .form{grid-template-columns:1fr}.reviewBody .form label,.reviewBody .form input,.reviewBody .form textarea{grid-column:1}.reviewBody .comment{padding:17px}.reviewBody .commentActions{flex-wrap:wrap}}
