/* ANIME REVIEWER 2.0 — Locked Visual Direction: Red/Black Metallic Anime Cyberpunk */
:root{--void:#07070a;--bg:#0a0a0f;--panel:#111015;--panel2:#17151d;--edge:#5d1823;--red:#f3263d;--hot:#ff4c52;--deep:#9f101e;--blue:#25c6f5;--pale:#f4f1f1;--muted:#b3aeb6;--soft:#716a74;--corner:18px;--content:1510px;--glow:0 0 16px rgba(244,31,54,.38),0 0 35px rgba(226,20,36,.14);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--pale);background:var(--void);font-family:Inter,'Arial Narrow',Arial,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 17% 6%,#4e0a16 0,transparent 36%),radial-gradient(ellipse at 94% 51%,#10202e 0,transparent 40%),repeating-linear-gradient(90deg,transparent 0 118px,#22151c 119px 120px),linear-gradient(#07070b,#110b11 55%,#08090d);opacity:.85;pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg.icon{width:1.15em;height:1.15em;vertical-align:-.17em;flex:none}p{margin:0 0 1em}h1,h2,h3,h4{margin:0;line-height:1.12;font-stretch:condensed}h1,h2,h3,.brand strong,.footer-brand strong,.btn,.nav-tile-copy b,.section-heading{font-family:Impact,'Arial Narrow',system-ui,sans-serif;font-weight:900;letter-spacing:.025em}h1{font-size:clamp(2.55rem,4.7vw,5rem)}h2{font-size:clamp(1.7rem,2.6vw,3rem)}h3{font-size:1.15rem}em{font-style:normal;color:var(--red)}.container{width:min(calc(100% - 44px),var(--content));margin-left:auto;margin-right:auto}.skip-link{position:fixed;top:-100px;left:16px;padding:10px 18px;background:#fff;color:#111;z-index:9999}.skip-link:focus{top:12px}.eyebrow{text-transform:uppercase;font-size:.73rem;letter-spacing:.16em;color:var(--red);font-weight:900}.eyebrow.cyan{color:var(--blue)}.hint,.sample-footnote{color:#a8a1ab;font-size:.78rem}.sample-footnote{margin:10px 12px 0}
/* Header */
.site-top{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#16080c 0%,#09090c 80%);border-bottom:2px solid #b2202d;box-shadow:0 3px 0 #260a12,0 9px 27px #000b,0 0 25px #fd293329}.top-inner{max-width:1640px;min-height:67px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:17px}.brand{display:flex;align-items:center;min-width:max-content;gap:8px}.brand-crown{width:37px;height:37px;color:#fff;filter:drop-shadow(0 0 5px var(--red));transform:rotate(-8deg)}.brand-crown svg{width:100%;height:100%}.brand strong{color:#ff3545;font-size:clamp(1.1rem,1.65vw,1.6rem);line-height:1.05;font-style:italic;text-shadow:1px 2px 0 #2e080f,0 0 15px #f321344f}.brand small{display:block;font-size:.52rem;letter-spacing:.25em;color:#e7e1e3;font-weight:900;margin-top:2px}.primary-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.primary-nav a{white-space:nowrap;font-size:clamp(.65rem,.78vw,.8rem);font-weight:900;text-transform:uppercase;padding:11px 10px;border:1px solid transparent;transform:skewX(-10deg);transition:.18s background,.18s color}.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav a.current{background:linear-gradient(135deg,#9c101f,#f6293b);color:white;border-color:#ec3846;box-shadow:0 0 18px #e61c2f66}.search-trigger,.menu-toggle{height:38px;min-width:40px;background:linear-gradient(135deg,#241017,#0b0b0e);border:1px solid #a52533;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 12px #ff1e301f}.search-trigger:hover,.menu-toggle:hover{color:var(--blue);border-color:var(--blue)}.menu-toggle{display:none}
/* Hero: exact approved raster image, not rebuilt or edited */
.hero-home{position:relative;max-width:1774px;margin:0 auto;border-bottom:1px solid #cb192b;background:#0a0405;box-shadow:0 13px 30px #ed24301d}.hero-home>img{width:100%;height:auto;object-fit:contain}.hero-hotspots{position:absolute;inset:0;pointer-events:none}.hero-hotspots a{position:absolute;top:70.8%;height:12.1%;pointer-events:auto;border-radius:9px;outline-offset:-5px}.hero-hotspots a:nth-child(1){left:5.5%;width:20.3%}.hero-hotspots a:nth-child(2){left:27.8%;width:19.6%}.hero-hotspots a:nth-child(3){left:49.7%;width:19.8%}.hero-hotspots a:nth-child(4){left:70.6%;width:22.1%}.hero-hotspots a:hover{box-shadow:0 0 0 2px #f32749,0 0 29px #f32749bb;background:#ff12340f}.hero-hotspots a:focus-visible{outline:3px solid var(--blue);background:#22d8ff22}
/* Interactive bridge below locked banner */
.after-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:31px 36px;margin-top:11px;margin-bottom:25px;background:linear-gradient(100deg,#110b12 0%,#210d14 44%,#0b1019 100%);border-left:5px solid var(--red);border-right:2px solid #5e1823;box-shadow:inset 0 -1px 0 #7a1b2c,0 0 30px #e7132020}.after-hero h1{font-size:clamp(1.65rem,2.6vw,2.75rem);margin:5px 0 7px}.after-hero p{font-size:.93rem;color:#d8d1d8;max-width:850px;margin:0}.hero-cta-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;text-align:center;font-size:1rem;line-height:1.1;text-transform:uppercase;border:1px solid #ff6875;border-radius:3px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));white-space:nowrap;transition:filter .16s,transform .16s,box-shadow .16s;min-height:44px}.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:brightness(1.25)}.btn-red{background:linear-gradient(100deg,#ac1528,#ec273a 65%,#810e1d);color:#fff;box-shadow:inset 0 0 0 1px #ff6c7d,0 0 16px #ed1d3380}.btn-blue{background:linear-gradient(110deg,#053a54,#11749b,#072a43);color:#e8faff;border-color:#3acef6;box-shadow:inset 0 0 0 1px #23ceff,0 0 16px #0dbaf582}.btn-small{font-size:.85rem;min-height:34px;padding:7px 10px}.text-link{display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:var(--hot);font-size:.83rem;font-weight:900;text-transform:uppercase}.text-link:hover{color:#fff}
/* Custom integrated panels */
.sci-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#1a1018 0%,#0e0d12 45%,#111017 100%);border:1px solid #821827;box-shadow:inset 0 0 0 1px #0b0b0e,0 0 0 2px #30080e,0 5px 25px #000a,0 0 22px #c5112923;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.sci-panel:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),#5e1521 36%,#fa2941 65%,#311018);box-shadow:var(--glow);z-index:2;pointer-events:none}.sci-panel:after{content:"";position:absolute;bottom:0;left:4%;right:4%;height:3px;background:repeating-linear-gradient(90deg,transparent 0 15px,#fb2d45 16px 27px,transparent 28px 36px);opacity:.8;pointer-events:none}.section-heading{display:flex;align-items:center;gap:14px;padding:12px 15px 11px;border-bottom:1px solid #57212a;background:linear-gradient(90deg,#300d16,#120d13 67%,#100d12);min-height:51px}.section-heading h2{font-size:clamp(1.05rem,1.3vw,1.4rem);font-style:italic;text-transform:uppercase;letter-spacing:.035em;color:#fff}.section-heading h2:before{content:"◢";color:var(--red);padding-right:10px;font-size:.8em}.section-heading>span{font-size:.65rem;letter-spacing:.08em;color:#c3a4b0;text-transform:uppercase}.section-heading>a{margin-left:auto;display:flex;gap:6px;align-items:center;color:#f74b59;font-family:Arial,sans-serif;font-size:.66rem;letter-spacing:.09em;white-space:nowrap}.section-heading>a:hover{color:#fff}
.quick-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:21px}.nav-tile{position:relative;display:flex;gap:11px;align-items:center;min-height:105px;padding:15px 14px;background:linear-gradient(130deg,#270d15,#101016 70%,#180d14);border:1px solid #922336;clip-path:polygon(0 14px,14px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));box-shadow:inset 0 0 22px #b5152520;transition:transform .2s,filter .2s}.nav-tile:before{content:"";position:absolute;inset:4px;border:1px solid #b62136aa;clip-path:inherit;pointer-events:none}.nav-tile:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:2px;background:#fc344c;box-shadow:0 0 12px #ff1a37}.nav-tile:hover,.nav-tile:focus-visible{transform:translateY(-5px);filter:brightness(1.3)}.nav-tile-icon{color:#ff3c50;display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #b82136;background:#230a13;transform:rotate(45deg);box-shadow:0 0 12px #a7183580}.nav-tile-icon svg{width:25px;height:25px;transform:rotate(-45deg)}.nav-tile-copy b{display:block;font-size:clamp(1rem,1.18vw,1.45rem);line-height:1.05}.nav-tile-copy small{display:block;color:#c4adb4;line-height:1.2;font-size:.68rem;margin-top:7px}.tile-chevron{position:absolute;right:9px;bottom:6px;color:#ff4050;font-size:1.45rem;letter-spacing:-4px}.nav-tile-blue{border-color:#16799e;background:linear-gradient(120deg,#091e2c,#111016 70%)}.nav-tile-blue .nav-tile-icon{color:var(--blue);border-color:#1686ac;box-shadow:0 0 14px #09b4f633}.nav-tile-blue:after{background:var(--blue);box-shadow:0 0 11px var(--blue)}
/* Home content */
.two-up{display:grid;grid-template-columns:1fr 1.12fr;gap:18px}.content-start{margin-bottom:18px}.feature-content{position:relative;min-height:345px;background:radial-gradient(circle at 83% 57%,#881b2c4f,transparent 40%),url('../assets/city-texture.webp') center center/cover}.feature-content:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120c13ee 0%,#120c13d4 44%,#120c1370 80%,#11091150)}.feature-txt{position:relative;z-index:2;padding:35px 25px;max-width:70%}.feature-txt h2{font-size:clamp(2.2rem,3vw,3.85rem);margin:7px 0 18px;line-height:.97;font-style:italic;text-shadow:0 3px 8px #000}.feature-txt p{font-size:.88rem;max-width:290px;color:#eee0e3}.feature-figure{position:absolute;width:65%;height:90%;right:-9%;bottom:-5%;object-fit:contain;object-position:right bottom;z-index:1;filter:drop-shadow(0 0 20px #2be3ff66)}.review-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px}.review-card{background:linear-gradient(#160f17,#080b11);border:1px solid #70202c;min-width:0;position:relative;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #3d1821}.review-card[hidden]{display:none!important}.review-art{height:clamp(125px,13vw,196px);position:relative;overflow:hidden;background:#161219}.review-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#12090de5,transparent 50%)}.review-art img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.review-card:hover img{transform:scale(1.06)}.review-art.cover-blue{background:radial-gradient(circle,#08669b,#080c19)}.review-art.cover-red{background:radial-gradient(circle,#82182b,#130d16)}.review-art.cover-green{background:radial-gradient(circle,#0f615c,#0b1a1f)}.review-art.cover-orange{background:radial-gradient(circle,#95501c,#23100b)}.cover-blue img{filter:drop-shadow(0 0 11px #00baff88)}.cover-green img{filter:drop-shadow(0 0 9px #00e9c366)}.cover-orange img{filter:sepia(.35) saturate(1.5)}.demo-flag{position:absolute;z-index:2;left:7px;top:7px;font-size:.55rem;letter-spacing:.09em;background:#180a11e8;border:1px solid #b62638;padding:3px 6px}.review-body{padding:10px;display:flex;flex-direction:column;flex:1}.review-body h3{font-size:clamp(1.04rem,1.4vw,1.4rem);line-height:1.12;min-height:2.2em}.micro-tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.micro-tags span{font-size:.59rem;padding:3px 5px;color:#90e8fe;background:#0b3045;border:1px solid #206982}.micro-tags span+span{color:#e5b4c2;background:#2b1020;border-color:#602436}.review-body p{font-size:.7rem;color:#c3b8c1;line-height:1.38;flex:1}.card-actions{display:flex;align-items:center;gap:5px;justify-content:space-between}.icon-button{background:#110d15;color:#f4e5e8;border:1px solid #8f2636;width:32px;height:34px;display:grid;place-items:center}.icon-button:hover,.icon-button.saved{border-color:var(--blue);color:var(--blue)}.guide-section{display:grid;grid-template-columns:37% 1fr;gap:18px;margin-bottom:18px}.beginner-feature{min-height:290px;padding:26px 19px;background:linear-gradient(115deg,#190b12d9,#0d0d18e9),url('../assets/city-texture.webp') center/cover}.beginner-feature>h2{font-size:clamp(2rem,3vw,3.8rem);margin:8px 0 14px;max-width:270px}.beginner-feature>p{color:#d7ccd3;font-size:.86rem;max-width:290px}.beginner-feature>img{position:absolute;bottom:-14%;right:-25%;height:115%;max-width:80%;object-fit:contain;z-index:-1;filter:drop-shadow(0 0 15px #2fbded66)}.beginner-feature .btn{position:relative;z-index:2}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.guide-tile{position:relative;min-height:300px;border:1px solid #3c8399;overflow:hidden;display:flex;align-items:flex-end;background:#080d15;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:filter .2s,transform .2s}.guide-tile:hover{filter:brightness(1.25);transform:translateY(-4px)}.guide-tile img{position:absolute;inset:0;width:100%;height:95%;object-fit:cover;opacity:.77}.guide-tile.cover-red{background:linear-gradient(#510d1b,#080b10)}.guide-tile.cover-blue{background:linear-gradient(#09345c,#080b10)}.guide-tile.cover-green{background:linear-gradient(#114444,#080b10)}.guide-tile.cover-orange{background:linear-gradient(#5c2410,#080b10)}.guide-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030911 5%,#040b11a8 35%,transparent 70%)}.guide-tile-label{position:relative;z-index:2;padding:12px;width:100%}.guide-tile-label svg{color:var(--blue)}.guide-tile-label b{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(1rem,1.25vw,1.4rem);line-height:1.05}.guide-tile-label small{display:block;font-size:.64rem;line-height:1.2;color:#ccc5cb;margin-top:6px}.community-spotlight{margin-bottom:18px}.spotlight-body{min-height:220px;position:relative;display:grid;grid-template-columns:30% 1.3fr .9fr;gap:10px;align-items:center;padding:12px 20px;overflow:hidden;background:radial-gradient(ellipse at 25% 40%,#53152c,transparent 37%),linear-gradient(90deg,#080c17,#15101b 65%,#0d1118)}.spotlight-body>img{width:100%;height:205px;object-fit:contain;filter:drop-shadow(0 0 12px #00c5ff55)}.spotlight-text h2{font-size:clamp(1.55rem,2.3vw,2.8rem);margin:8px 0}.spotlight-text p{color:#d5cad2;font-size:.82rem;max-width:460px}.chat-preview{display:grid;gap:12px}.chat-preview>div{border:1px solid #216382;background:#0d2335aa;padding:9px 12px;font-size:.75rem;border-radius:14px 14px 14px 3px}.chat-preview>div:nth-child(2){border-color:#8b2539;background:#2a111c;transform:translateX(11px)}.picks-row{grid-template-columns:1.1fr .95fr;margin-bottom:18px}.picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px}.pick-card{min-height:235px;display:flex;flex-direction:column;justify-content:flex-end;padding:15px 10px;background:linear-gradient(0deg,#060d12,#10101c88),url('../assets/city-texture.webp') center/cover;border:1px solid #663041;transition:transform .2s,filter .2s}.pick-card:hover{filter:brightness(1.35);transform:translateY(-4px)}.pick-0{background-position:0 50%}.pick-1{background-position:33% 50%;border-color:#246389}.pick-2{background-position:64% 50%}.pick-3{background-position:90% 50%;border-color:#95401c}.pick-card>small{font-size:.59rem;color:var(--blue);letter-spacing:.13em;font-weight:900}.pick-card h3{font-size:clamp(1rem,1.4vw,1.4rem)}.pick-card p{font-size:.65rem;color:#d8cbd3;margin:7px 0}.pick-card span{font-size:.65rem;color:#ff5768;display:flex;align-items:center;gap:5px;font-weight:900}.originals-feature{background:linear-gradient(105deg,#170d16 55%,#0e111b)}.orig-feature-body{display:flex;align-items:center;min-height:240px;position:relative;padding:20px 23px}.orig-feature-body>div{position:relative;z-index:2;max-width:65%}.orig-feature-body h2{font-size:clamp(1.6rem,2.45vw,3rem);margin:7px 0}.orig-feature-body p{font-size:.79rem;color:#ccc3ce;max-width:320px}.orig-feature-body img{position:absolute;right:-7%;bottom:-12%;max-height:285px;max-width:55%;object-fit:contain;filter:drop-shadow(0 0 13px #159ed85d)}.news-panel{margin-bottom:30px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px}.news-card{display:grid;grid-template-columns:32% 1fr;min-width:0;border:1px solid #5d2331;background:#120e14;overflow:hidden}.news-card img{width:100%;height:140px;object-fit:contain;object-position:center center;padding:10px;background:radial-gradient(circle at center,#57111c,#0b0e14 68%)}.news-card>div{padding:12px}.news-card>div>span{font-size:.58rem;color:#ff6372;letter-spacing:.06em}.news-card h3{font-size:clamp(1rem,1.3vw,1.35rem);margin:9px 0}.news-card small{display:flex;gap:6px;align-items:center;color:#b9e9f7;font-weight:900;font-size:.57rem}.news-card:hover{border-color:#fb3a51;filter:brightness(1.2)}
/* Page and inner content */
.page-mast{position:relative;isolation:isolate;min-height:300px;display:flex;align-items:center;padding:42px 5%;border:1px solid #801a2c;overflow:hidden;margin-top:18px;margin-bottom:25px;background:radial-gradient(ellipse at 80% 20%,#a4152c83,transparent 48%),url('../assets/city-texture.webp') center/cover;box-shadow:inset 0 0 0 7px #09090eaa,0 0 30px #b6223122}.page-mast:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090b11ec 0%,#0e0d15bf 51%,#120b0e88 100%)}.page-mast>div{z-index:2;max-width:70%}.page-mast h1{font-size:clamp(2.5rem,5vw,5.5rem);margin:8px 0 16px;text-shadow:0 5px 8px #000}.page-mast p{max-width:660px;font-size:1.04rem;color:#ddd0d6}.page-mast>img{position:absolute;max-width:53%;height:115%;right:2%;bottom:-12%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 0 17px #fa283a66);z-index:1}.inner-panel{margin-bottom:25px;padding-bottom:21px}.inner-panel>.hint,.inner-panel>.quiz-intro{padding:16px 23px 5px;margin:0}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:18px 20px}.filter-chip{padding:9px 15px;background:#151118;border:1px solid #70303d;color:#c9b9c1;font-size:.75rem;font-weight:900;letter-spacing:.06em}.filter-chip.active,.filter-chip:hover{color:white;background:#9f1930;border-color:#fb5169}.review-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 20px}.review-page-grid .review-art{height:270px}.review-page-grid .review-body{padding:16px}.review-page-grid .review-body h3{font-size:1.5rem}.review-page-grid .review-body p{font-size:.82rem}.review-page-grid .btn{font-size:.85rem}.empty-state{padding:15px 24px;color:var(--muted)}.info-ribbon{margin-bottom:25px}.info-ribbon>div{display:flex;align-items:center;gap:13px;padding:15px 20px;background:#140d17;border-left:3px solid var(--blue)}.info-ribbon svg{color:var(--blue)}.info-ribbon strong{font-size:.75rem;letter-spacing:.07em}.info-ribbon span{color:#d1c6cd;font-size:.81rem}.editorial-focus{margin-bottom:25px;min-height:340px;padding:38px 30px;display:flex;align-items:center}.editorial-focus>div{max-width:60%;z-index:2}.editorial-focus h2{font-size:clamp(2.2rem,3.9vw,4.7rem);margin:13px 0}.editorial-focus p{color:#d9cbd2;max-width:600px}.editorial-focus>img{position:absolute;right:-6%;bottom:-13%;max-height:460px;width:52%;object-fit:contain}.editorial-focus .antihero-mascot{position:absolute;right:-6%;bottom:-9%;max-height:430px;width:48%;object-fit:contain;filter:drop-shadow(0 0 18px #fa283a66)}.topic-tabs{display:flex;gap:5px;padding:20px 22px 0;flex-wrap:wrap}.topic-tabs button{padding:12px 20px;color:#e1cbd0;background:#1d1019;border:1px solid #5e2030;font-weight:900;font-size:.78rem}.topic-tabs button[aria-selected=true],.topic-tabs button:hover{border-color:#23c2ea;background:#0b3346;color:#fff}.topic-content{min-height:195px;padding:24px}.topic-content h3{font-size:clamp(1.65rem,2.1vw,2.4rem);margin:6px 0 14px}.topic-content p{max-width:780px;color:#dbcfd6}.community-panels{margin-bottom:35px}.standout-question{font-size:clamp(1.4rem,2vw,2rem);margin:19px 20px}.poll-form,.message-form{display:grid;gap:10px;padding:0 21px 13px}.poll-form>label{display:block;border:1px solid #562734;background:#180f19;padding:13px;cursor:pointer}.poll-form>label:hover{border-color:var(--red)}.poll-form input{accent-color:#f32e43;margin-right:11px}.poll-form .btn,.message-form .btn{justify-self:start;margin-top:6px}.message-form label{font-size:.76rem;color:#c9bcc5;font-weight:800}.message-form input,.message-form textarea,.search-field{background:#090d13;border:1px solid #74303d;color:white;border-radius:2px;padding:11px 13px;outline:none;max-width:100%;width:100%}.message-form input:focus,.message-form textarea:focus,.search-field:focus{border-color:#23cbef;box-shadow:0 0 0 2px #1eb8e333}.fan-messages{padding:0 20px;display:grid;gap:10px}.fan-comment{padding:10px 13px;background:#0b2030;border-left:3px solid var(--blue)}.fan-comment strong{color:#5cdbfa}.fan-comment p{margin:4px 0 0;color:#e1d5db;overflow-wrap:anywhere}.community-panels .hint{margin:8px 21px 15px}#poll-results{padding:12px 21px;color:#ebdce3}#poll-results h3{font-size:1.5rem;margin:6px 0}.news-list{display:grid;gap:20px;padding:20px}.news-story{display:grid;grid-template-columns:30% 1fr;gap:20px;align-items:center;background:#10101a;border:1px solid #752a3c;padding:15px;scroll-margin-top:95px}.news-story>img{width:100%;height:220px;object-fit:contain;object-position:center center;padding:12px;background:radial-gradient(circle at center,#57111c,#0b0e14 68%)}.news-story>div{padding:8px}.news-story h2{margin:8px 0 13px}.news-story p{color:#d0c5cc;font-size:.91rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px}.project-card{overflow:hidden;background:#130d15;border:1px solid #852b3c}.project-card.blue{border-color:#226d90}.project-card>img{height:290px;width:100%;object-fit:contain;object-position:center center;padding:14px;background:radial-gradient(circle,#57111c,#0b0e14 65%)}.project-card.blue>img{background:radial-gradient(circle,#07506b,#0b0e14 65%)}.project-card>div{padding:20px}.project-card h2{margin:8px 0 12px;font-size:2.5rem}.project-card p{min-height:105px;font-size:.84rem;color:#d6c9d1}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 22px}.mood-btn{min-height:165px;display:flex;flex-direction:column;align-items:start;text-align:left;gap:9px;padding:21px 15px;color:white;background:linear-gradient(140deg,#33131d,#0e1018);border:1px solid #8a273b}.mood-btn>svg{font-size:2rem;color:#ff3649}.mood-btn strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:1.4rem;line-height:1.1}.mood-btn span{font-size:.76rem;color:#d8ccd2}.mood-btn:hover,.mood-btn.chosen{background:linear-gradient(140deg,#9c1530,#141727);border-color:#21bbf0;box-shadow:0 0 18px #ec284238}.quiz-result{margin:0 22px 16px;padding:23px;background:linear-gradient(90deg,#0b2734,#151019);border:1px solid #236d8e}.quiz-result h3{font-size:2rem;margin:8px 0}.quiz-result p{max-width:650px;color:#d2c8cd}.quiz-result strong{display:block;margin:8px 0 14px}.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.glossary-card{padding:20px;background:#130e18;border:1px solid #612234}.glossary-card h3{color:#fa394d;margin:0 0 10px;font-size:1.6rem}.glossary-card p{color:#d2c5ce;font-size:.81rem;margin:0}
/* Search + details modal */
.site-dialog{width:min(94vw,660px);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#23121b,#0b111c);color:white;border:2px solid #db3448;padding:26px;box-shadow:0 0 0 100vmax #000b,0 0 36px #ed2036a2}.site-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:1.8rem;color:#fff;line-height:1}.dialog-inner>h2{font-size:2.3rem;margin-bottom:13px}.dialog-inner p{color:#d8cdd6}.search-results{display:grid;gap:6px;margin-top:14px}.search-results>a{display:grid;grid-template-columns:1fr auto;gap:2px;padding:12px;background:#150f1a;border:1px solid #6a273a}.search-results>a:hover{border-color:var(--red)}.search-results>a strong{font-size:.95rem}.search-results>a small{color:#a5dcef;grid-column:1}.search-results>a svg{grid-column:2;grid-row:1/3;align-self:center;color:var(--red)}.search-results>p{padding:15px}
/* Footer */
.site-footer{position:relative;background:linear-gradient(90deg,#1d0910,#090b0f 45%,#180911);border-top:3px solid #b92235;box-shadow:0 -8px 25px #c923342e}.site-footer:before{content:"";height:6px;background:repeating-linear-gradient(90deg,#f62c47 0 24px,#200a13 24px 40px);position:absolute;left:0;right:0;top:-7px}.footer-body{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}.footer-brand{display:flex;align-items:center;gap:11px}.foot-crown{color:#fff;filter:drop-shadow(0 0 9px red);font-size:2.2rem}.footer-brand strong{display:block;color:#fc3a49;font-style:italic;font-size:1.7rem}.footer-brand span:not(.foot-crown){font-size:.67rem;letter-spacing:.1em}.footer-copy{font-size:.81rem;color:#d3c5cc}.footer-tag{text-align:right;font-size:.83rem;line-height:1.5;letter-spacing:.04em}.footer-tag strong{color:#f72e46}.footer-floor{border-top:1px solid #4c202b;display:flex;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:15px;color:#9a8893;font-size:.7rem}
/* Responsive sizes */
@media(max-width:1250px){.top-inner{gap:10px;padding:0 12px}.brand strong{font-size:1.2rem}.primary-nav a{padding:9px 6px;font-size:.66rem}.quick-links{gap:6px}.nav-tile{padding:14px 9px;gap:8px}.nav-tile-icon{width:34px;height:34px}.nav-tile-icon svg{width:21px;height:21px}.nav-tile-copy b{font-size:1rem}.nav-tile-copy small{font-size:.59rem}.after-hero{padding:25px 20px}.hero-cta-group .btn{font-size:.82rem;padding:10px}.review-strip{gap:6px;padding:9px}.review-body{padding:7px}.review-body p{font-size:.65rem}}
@media(max-width:980px){.top-inner{min-height:60px}.menu-toggle{display:grid;margin-left:auto}.primary-nav{display:none;position:absolute;top:60px;left:0;right:0;z-index:20;background:#110c13f5;padding:14px;flex-direction:column;align-items:stretch;border-bottom:2px solid #a92032;box-shadow:0 20px 35px #000b}.primary-nav.nav-open{display:flex}.primary-nav a{font-size:.9rem;transform:none;padding:11px 15px}.search-trigger{margin-left:0}.after-hero{align-items:flex-start;flex-direction:column;gap:16px}.hero-cta-group{justify-content:flex-start}.quick-links{grid-template-columns:repeat(3,1fr)}.two-up,.picks-row{grid-template-columns:1fr}.guide-section{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(4,1fr)}.beginner-feature{min-height:260px}.review-art{height:190px}.review-page-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.mood-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(calc(100% - 20px),var(--content))}.top-inner{padding:0 10px}.brand-crown{width:28px;height:28px}.brand strong{font-size:1rem}.brand small{font-size:.42rem}.hero-home{max-width:none;overflow:hidden}.hero-home>img{width:100%;max-width:100%;position:static;transform:none}/* Preserve the entire approved header artwork even on narrow screens. */
.hero-hotspots{display:none}.after-hero{margin-top:0;margin-bottom:10px;padding:18px}.after-hero h1{font-size:1.85rem}.after-hero p{font-size:.8rem}.hero-cta-group{width:100%;display:grid;grid-template-columns:1fr}.hero-cta-group .btn{white-space:normal}.quick-links{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.quick-links .nav-tile:last-child{grid-column:span 2}.nav-tile{min-height:87px;padding:10px 13px}.nav-tile-copy b{font-size:1.05rem}.nav-tile-copy small{font-size:.66rem}.section-heading{gap:6px;padding:9px}.section-heading h2{font-size:1.03rem}.section-heading>span{font-size:.53rem}.section-heading>a{font-size:.58rem}.content-start,.guide-section,.picks-row{gap:12px;margin-bottom:12px}.feature-content{min-height:300px}.feature-txt{max-width:82%;padding:28px 15px}.feature-txt h2{font-size:2.55rem}.feature-txt p{font-size:.79rem}.feature-figure{opacity:.7;right:-17%;bottom:-10%;width:73%}.review-strip{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.review-art{height:180px}.review-body{padding:10px}.review-body h3{font-size:1.2rem}.review-body p{font-size:.74rem}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-tile{min-height:235px}.beginner-feature{min-height:295px}.beginner-feature>img{max-width:75%;opacity:.8}.beginner-feature>h2{font-size:2.45rem}.spotlight-body{display:block;padding:17px}.spotlight-body>img{height:180px;width:100%;margin:auto}.spotlight-text{text-align:center}.spotlight-text h2{font-size:2rem}.chat-preview{display:none}.picks-grid{grid-template-columns:repeat(2,1fr)}.pick-card{min-height:180px}.news-grid{grid-template-columns:1fr}.news-card img{height:115px}.orig-feature-body{min-height:280px;padding:15px}.orig-feature-body>div{max-width:75%}.orig-feature-body img{opacity:.75;max-width:65%;right:-17%;bottom:-10%}.page-mast{min-height:260px;padding:24px 18px}.page-mast>div{max-width:90%}.page-mast>img{opacity:.55;max-width:70%;right:-16%}.page-mast h1{font-size:2.9rem}.page-mast p{font-size:.81rem}.review-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px}.review-page-grid .review-art{height:175px}.review-page-grid .review-body{padding:10px}.review-page-grid .review-body h3{font-size:1.15rem}.review-page-grid .review-body p{font-size:.7rem}.review-page-grid .btn{font-size:.72rem;min-width:0;white-space:normal}.editorial-focus{padding:26px 14px;min-height:350px}.editorial-focus>div{max-width:87%}.editorial-focus h2{font-size:2.65rem}.editorial-focus>img,.editorial-focus .antihero-mascot{opacity:.4;max-width:85%;width:80%;right:-25%}.topic-tabs{padding:12px}.topic-tabs button{font-size:.65rem;padding:9px}.topic-content{padding:16px}.community-panels{gap:12px}.news-story{grid-template-columns:1fr}.news-story>img{height:150px}.project-grid{grid-template-columns:1fr;padding:10px}.project-card>img{height:225px}.project-card p{min-height:0}.mood-grid,.glossary-grid{grid-template-columns:1fr 1fr;gap:7px;padding:12px}.mood-btn{min-height:160px;padding:13px 10px}.mood-btn strong{font-size:1.12rem}.mood-btn span{font-size:.7rem}.glossary-card{padding:11px}.glossary-card h3{font-size:1.13rem}.glossary-card p{font-size:.73rem}.footer-body{align-items:start;flex-direction:column;gap:12px}.footer-tag{text-align:left}.footer-floor{flex-direction:column;gap:3px}}
@media(max-width:360px){.brand strong{font-size:.9rem}.nav-tile{padding:9px}.nav-tile-icon{width:30px;height:30px}.nav-tile-copy b{font-size:.96rem}.btn{white-space:normal;font-size:.85rem}.review-body h3{font-size:1rem}.guide-tile{min-height:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Official anime database, trailer and five-second cinematic entry/exit */
.live-showcase,.trailer-spotlight{margin-bottom:22px}.live-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px}.live-intro p,.live-caption{color:#d7cbd4;font-size:.85rem;margin:0}.live-caption{padding:16px 22px}.live-anime-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:16px}.live-loading,.live-error{grid-column:1/-1;min-height:100px;padding:25px;color:#cfd3db;border:1px dashed #8c2e46;background:#0f111b}.live-error a{color:#76e3ff;text-decoration:underline}.anime-result{min-width:0;background:linear-gradient(160deg,#170f18,#070e17);border:1px solid #642333;overflow:hidden;display:flex;flex-direction:column;position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.anime-result:hover{border-color:#ed3349;box-shadow:0 0 13px #fc2a4640}.anime-result img{width:100%;height:200px;object-fit:cover;object-position:top}.anime-result-cover{position:relative;background:radial-gradient(circle at top,#622139,#0b121c)}.anime-result-rank{position:absolute;top:8px;left:8px;padding:3px 10px;background:#b51d33;color:white;font-family:Impact,sans-serif;font-size:1.15rem;border:1px solid #fe8591}.anime-result-info{padding:13px;display:flex;flex-direction:column;flex:1}.anime-result-info h3{font-size:1.15rem;line-height:1.18}.anime-result-info p{color:#b9b2bf;font-size:.72rem;margin:8px 0 11px;flex:1}.anime-result-info small{color:#67d8fb}.anime-result .btn{width:100%;font-size:.73rem;white-space:normal}.live-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:18px 18px 4px}.live-tab{padding:10px 17px;border:1px solid #8c2438;background:#230e1b;color:#eee;font-weight:900;font-size:.83rem;transform:skewX(-6deg)}.live-tab:hover,.live-tab.active{background:#a71d33;border-color:#f64960;color:#fff}.anime-search-row{display:flex;gap:12px;padding:18px}.anime-search-row input{flex:1;min-width:0;background:#0a141e;color:white;border:1px solid #a12c40;padding:13px 16px;outline-color:#44ccfa;font-size:1rem}.trailer-layout{display:grid;grid-template-columns:55% 1fr;gap:20px;padding:20px;background:radial-gradient(circle at 90% 10%,#65203955,transparent 40%)}.trailer-embed{aspect-ratio:16/9;background:#000;border:2px solid #6f2635;box-shadow:0 0 25px #fa284329;overflow:hidden}.trailer-embed iframe{display:block;width:100%;height:100%;border:0}.trailer-story{display:flex;flex-direction:column;justify-content:center;gap:8px}.trailer-story h2{font-size:clamp(2.8rem,4vw,5.5rem);color:#f83b53;font-style:italic}.trailer-story p{color:#ddd1d8;font-size:.88rem}.trailer-links{display:flex;flex-wrap:wrap;gap:9px}.trailer-links .btn{white-space:normal}.live-meta{font-size:.79rem;color:#75dbf8}.exit-action{display:inline-block;color:#fff;background:#2c101c;border:1px solid #b42840;padding:8px 10px;margin:0 0 6px 5px;font-size:.68rem;font-weight:900;text-decoration:none}.exit-action:hover{color:#83dffe;border-color:#83dffe}
/* Native intro uses approved transparent logo, while site behind it is fully interactive after animation ends */
.ar-cinema{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at center,#340b17 0%,#07090e 65%,#020305 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;overflow:hidden;isolation:isolate}.ar-cinema:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ff293005 0 3px,transparent 3px 6px),linear-gradient(120deg,transparent 45%,#ff173014 48%,transparent 51%);pointer-events:none;mix-blend-mode:screen}.ar-cinema:after{content:"";position:absolute;inset:-4%;background:linear-gradient(transparent 45%,#ff3046aa 50%,transparent 55%);height:15%;animation:arSweep 1.5s linear 2;pointer-events:none;opacity:.55}.ar-cinema-logo{width:min(96vw,1420px);max-height:65vh;object-fit:contain;animation:arGlitch 5s linear both;filter:drop-shadow(0 0 20px #f1224544)}.ar-cinema-sub{position:relative;text-transform:uppercase;letter-spacing:.32em;text-align:center;font-weight:900;font-size:clamp(.65rem,1.35vw,1.2rem);text-shadow:0 0 10px #fd3345;color:#f7eff3}.ar-cinema-progress{height:4px;width:min(68vw,680px);background:#351725;border:1px solid #592430}.ar-cinema-progress>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#e92141,#35cfff);transform-origin:left;animation:arCountdown 5s linear forwards}.ar-cinema-skip{position:absolute;right:22px;top:20px;border:1px solid #f83950;background:#170c12;color:#fff;font-weight:900;padding:11px 18px;cursor:pointer}.ar-cinema-skip:hover{background:#a81b2c}.ar-cinema-exit{animation:arFadeOut .38s forwards}.ar-cinema.ending .ar-cinema-logo{animation:arExitGlitch 5s linear both}
@keyframes arSweep{0%{transform:translateY(-140vh)}100%{transform:translateY(140vh)}}@keyframes arCountdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arGlitch{0%{opacity:0;transform:scale(1.12);clip-path:inset(49% 0 48% 0)}9%{opacity:1;clip-path:inset(44% 0 39% 0);transform:translateX(-8px)}15%{clip-path:inset(0 0 0 0)}24%{filter:drop-shadow(-12px 2px #09dfff) drop-shadow(12px 0 #fd2051);transform:translateX(9px)}28%{transform:translateX(-6px)}32%,70%{clip-path:inset(0);opacity:1;transform:scale(1);filter:drop-shadow(0 0 24px #ec244b77)}77%{filter:drop-shadow(12px 2px #00cbff) drop-shadow(-12px 0 #fc1445)}84%{transform:scale(1.03)}95%{opacity:1}100%{opacity:1;transform:scale(1.04)}}@keyframes arExitGlitch{0%,65%{opacity:1}70%{transform:translateX(6px)}74%{transform:translateX(-8px);filter:drop-shadow(12px 0 #0ef)}90%{transform:scale(1.09)}100%{opacity:0;transform:scale(1.5);filter:brightness(6)}}@keyframes arFadeOut{to{opacity:0;visibility:hidden}}
.protected-art,.hero-home img,.anime-result img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}main:not(.allow-select),header,.site-footer{user-select:none;-webkit-user-select:none}input,textarea,select,[contenteditable],.article-content p{user-select:text!important;-webkit-user-select:text!important}
@media(max-width:1080px){.live-anime-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trailer-layout{grid-template-columns:1fr}.trailer-story{padding:6px}}
@media(max-width:620px){.live-anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.anime-result img{height:160px}.anime-result-info{padding:9px}.anime-result-info h3{font-size:1rem}.live-intro{flex-direction:column;align-items:start}.anime-search-row{flex-direction:column;padding:12px}.live-tabs{padding:10px;gap:5px}.live-tab{padding:8px 11px;font-size:.73rem}.trailer-layout{padding:12px}.trailer-story h2{font-size:3.1rem}.ar-cinema-sub{letter-spacing:.16em}.ar-cinema-skip{right:8px;top:8px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.ar-cinema-logo,.ar-cinema-progress>i,.ar-cinema:after{animation:none!important}.ar-cinema-logo{opacity:1;clip-path:none;transform:none}.ar-cinema-progress>i{transform:none}}

.convention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:17px}.convention-card{padding:24px 17px;display:flex;flex-direction:column;min-height:230px;background:linear-gradient(140deg,#2e101d,#10121d 75%);border:1px solid #8e3245;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.convention-card h3{font-size:1.8rem;margin:10px 0 12px}.convention-card p{color:#cec5ce;font-size:.83rem}.convention-card strong{color:#63cfee;margin-top:auto;margin-bottom:12px}.convention-teaser{margin-bottom:22px}.convention-teaser-body{display:flex;align-items:center;gap:30px;min-height:150px;padding:15px 30px}.convention-teaser-body img{width:160px;max-height:160px;object-fit:contain}.convention-teaser-body>div{max-width:700px}.convention-teaser-body h2{font-size:clamp(1.6rem,3vw,3rem)}.convention-teaser-body p{color:#ddd0da}.convention-teaser-body .btn{white-space:normal}@media(max-width:950px){.convention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.convention-grid{grid-template-columns:1fr;padding:10px}.convention-teaser-body{display:block;padding:15px}.convention-teaser-body img{float:right;width:110px}}

/* Expressive chibi guide and official anime discovery — added without changing the locked header */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mascot-emote{object-fit:contain;object-position:center;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 15px #fb273b55)}
.anime-search-feature{margin-bottom:20px;display:flex;align-items:center;gap:25px;padding:16px 28px;background:linear-gradient(110deg,#220a16 0%,#090d15 68%,#092132 100%);min-height:175px}
.anime-search-mascot{width:170px;flex:none;align-self:stretch;display:grid;place-items:center}.anime-search-mascot img{width:100%;max-height:180px}
.anime-search-copy{flex:1;min-width:0}.anime-search-copy h2{font-size:clamp(1.65rem,2.4vw,2.6rem);margin:5px 0}.anime-search-copy p{color:#d4c6ce;font-size:.85rem;margin:0 0 12px}
.home-anime-search{display:flex;gap:8px;max-width:850px}.home-anime-search input{flex:1;min-width:0;min-height:48px;padding:11px 15px;color:#fff;background:#100b13;border:1px solid #a12c40;box-shadow:inset 0 0 12px #f5263415;border-radius:3px}.home-anime-search input:focus-visible{outline:2px solid #37c8f9}.search-prompt-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:.7rem;letter-spacing:.06em}.search-prompt-links span{color:#d3a0b1}.search-prompt-links a{border-bottom:1px solid #bd1f34;color:#fff;padding:0 3px}.search-prompt-links a:hover{color:var(--blue)}
.mascot-reaction-panel{margin:0 auto 22px}.mascot-reaction-layout{display:flex;align-items:center;gap:24px;padding:18px 32px;background:radial-gradient(circle at 25% 30%,#68152377,transparent 38%),radial-gradient(circle at 95% 80%,#042e424d,transparent 30%);min-height:200px}.reaction-visual{width:205px;height:184px;display:grid;place-items:center;flex:none}.reaction-large{width:100%;height:100%;animation:emotePop .24s ease-out}.reaction-info h3{font-size:clamp(1.5rem,2.5vw,2.9rem);margin:4px 0 8px}.reaction-info p{color:#d8cbd1;max-width:700px;font-size:.92rem}
.mood-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:13px 16px 22px;border-top:1px solid #602234;background:#0b090f}.reaction-mood-btn{min-width:0;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:3px;border:1px solid #782132;background:linear-gradient(160deg,#29121d,#110c14);color:#eee3e8;padding:7px 3px;transition:transform .15s,filter .15s}.reaction-mood-btn[aria-pressed="true"],.reaction-mood-btn:hover,.reaction-mood-btn:focus-visible{border-color:#fb3b53;background:#4b1525;box-shadow:0 0 12px #fb193c58;transform:translateY(-3px)}.reaction-mood-btn img{width:100%;height:78px;object-fit:contain;pointer-events:none}.reaction-mood-btn span{font-size:.6rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.page-mast .masthead-mood{max-width:31%;max-height:280px;width:290px;object-fit:contain}
.feature-content .mascot-emote.feature-figure{position:absolute;width:57%;height:90%;right:-5%;bottom:-4%;object-fit:contain}
.beginner-feature .beginner-mascot{position:absolute;right:-3%;bottom:0;width:45%;max-height:280px}
.spotlight-body .community-mascot{width:32%;max-height:275px;object-fit:contain;align-self:center}
.orig-feature-body .project-mascot{width:45%;height:auto;max-height:290px}
.convention-teaser-body .convention-mascot{width:160px;max-height:155px;object-fit:contain}
.official-mini{font-size:.68rem;line-height:1.1;font-weight:800;text-transform:uppercase;color:#e8cbd2;text-decoration:underline;text-decoration-color:#b72e48;text-underline-offset:3px;white-space:nowrap}.official-mini:hover{color:#52d4fc}
.review-card .card-actions{flex-wrap:wrap;gap:5px}.review-card .card-actions .official-mini{margin:0 5px}
.anime-result-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.anime-result-links .btn{white-space:normal}.anime-watch-link{color:#74daff;font-size:.69rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;align-self:center}.anime-cover-link{display:block}.anime-cover-link:hover img{filter:brightness(1.1)}.anime-result-cover{position:relative}
@keyframes emotePop{0%{transform:scale(.83);opacity:.5}100%{transform:scale(1);opacity:1}}
@media(max-width:1250px){.mood-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.anime-search-feature{gap:10px;padding:15px}.anime-search-mascot{width:120px}.page-mast .masthead-mood{max-width:35%;max-height:220px}.mood-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:650px){.anime-search-feature{align-items:flex-start;gap:5px;padding:14px}.anime-search-mascot{width:78px;min-width:78px;height:108px}.anime-search-copy h2{font-size:1.5rem}.home-anime-search{flex-direction:column}.home-anime-search .btn{white-space:normal}.mascot-reaction-layout{padding:13px;gap:8px;align-items:flex-start}.reaction-visual{width:110px;height:160px}.reaction-info h3{font-size:1.5rem}.mood-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px;gap:5px}.reaction-mood-btn img{height:67px}.page-mast .masthead-mood{max-width:33%;max-height:160px}}
@media(prefers-reduced-motion:reduce){.reaction-large{animation:none}}
/* Continuously updated anime episodes / convention feed: respects approved cyberpunk UI */
.sync-label{padding:8px 20px;color:#80ddfa;font-size:.72rem;letter-spacing:.07em;font-weight:800;border-left:3px solid #ee2848;margin:12px 18px 4px;background:linear-gradient(90deg,#122431,#140c16)}
.convention-source{display:block;color:#a5b0bf;font-size:.66rem;letter-spacing:.06em;line-height:1.5;margin-bottom:10px}.convention-fresh{color:#0b1220;background:#76dbf6;padding:4px 7px;font-size:.67rem;font-weight:900;align-self:start;margin-top:7px}
.episode-timing{font-size:.72rem;margin-top:9px;line-height:1.5;color:#d5e5ef}.episode-timing strong{font-size:.72rem;color:#fff}.episode-timing time{color:#f5b9c7}.episode-countdown{margin-top:3px;font-weight:900;color:#85eaff}.live-refresh-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 18px 10px}.live-refresh-tools .btn{margin-left:auto}.live-refresh-label{font-size:.7rem;color:#87d6e9;letter-spacing:.05em}
@media(max-width:620px){.live-refresh-tools .btn{margin-left:0}.sync-label{margin:8px 9px}}

/* v6 launch/mobile polish: masthead chibi art always fits inside the full panel.
   Replaces previous absolute-positioned cropped art, without altering approved homepage hero. */
.page-mast{
  display:grid;
  grid-template-columns:minmax(0,1.95fr) minmax(220px,.95fr);
  align-items:center;
  column-gap:clamp(12px,3vw,36px);
  min-height:300px;
  overflow:hidden;
}
.page-mast>div{max-width:none;min-width:0;}
.page-mast>img,.page-mast .masthead-mood{
  position:relative;
  right:auto;
  bottom:auto;
  width:min(100%,330px);
  max-width:100%;
  height:auto;
  max-height:280px;
  margin:0;
  opacity:1;
  object-fit:contain;
  object-position:center center;
  justify-self:center;
  align-self:center;
  filter:drop-shadow(0 0 15px #f6274366);
}
@media(max-width:760px){
  .page-mast{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    row-gap:8px;
    align-items:start;
    padding:24px clamp(16px,4vw,25px);
    min-height:unset;
  }
  .page-mast>div{max-width:100%;}
  .page-mast h1{font-size:clamp(2.1rem,8vw,3.2rem);}
  .page-mast p{font-size:.85rem;max-width:100%;}
  .page-mast>img,.page-mast .masthead-mood{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(210px,58vw);
    max-width:100%;
    max-height:210px;
    margin:6px 0 0;
    justify-self:end;
    opacity:1;
  }
  .news-story{grid-template-columns:minmax(0,1fr);gap:10px;}
  .news-story>img{height:190px;max-width:100%;padding:12px;object-position:center;}
  .project-card>img{object-fit:contain;object-position:center center;max-width:100%;}
  .article-banner img{object-fit:contain;object-position:center center;}
}
@media(max-width:420px){
  .page-mast>img,.page-mast .masthead-mood{width:min(180px,53vw);max-height:180px;}
  .page-mast h1{font-size:clamp(2rem,9vw,2.8rem);}
  .anime-result-links{display:flex;flex-direction:column;}
  .anime-result-links a{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
  .news-story>img{height:175px;}
  .project-card>img{height:220px;}
}

/* v7: Safe-fit responsive mascot art — full stickers, no cropped shoes, fists or aura. */
.mascot-emote{object-fit:contain!important;object-position:center center!important;max-width:100%;}
.guide-tile img{object-fit:contain;object-position:center center;height:100%;padding:14px 9px 65px;opacity:1;}
.feature-content .mascot-emote.feature-figure{right:1%;bottom:2%;width:42%;height:94%;max-width:46%;}
.beginner-feature .beginner-mascot{right:1%;bottom:6px;width:41%;max-height:94%;z-index:1;}
.orig-feature-body .project-mascot{right:2%;bottom:4px;max-width:43%;width:38%;max-height:96%;height:auto;}
.editorial-focus .antihero-mascot{right:2%;bottom:10px;max-width:41%;width:38%;max-height:90%;}
.news-card img,.news-story>img,.project-card>img,.article-banner img{object-fit:contain;object-position:center center;}
.reaction-mood-btn img{object-fit:contain;object-position:center center;max-width:100%;}
@media(max-width:650px){
 .feature-content .mascot-emote.feature-figure{right:1%;bottom:4px;width:38%;height:80%;opacity:.9;}
 .feature-txt{max-width:70%;}
 .beginner-feature .beginner-mascot{right:0;bottom:8px;width:40%;height:auto;max-height:76%;}
 .orig-feature-body .project-mascot{right:2%;bottom:8px;width:37%;max-width:37%;max-height:76%;opacity:1;}
 .editorial-focus .antihero-mascot{right:1%;bottom:7px;width:36%;max-width:36%;max-height:78%;opacity:.9;}
 .guide-tile img{padding:10px 7px 57px;}
}

/* v9: Multilingual language selector + official Gameplay XR / Yalec shopping links */
.site-utility{border-top:1px solid #4d1925;border-bottom:1px solid #a52b3d;background:linear-gradient(95deg,#120c13,#210d17 42%,#080f18);box-shadow:inset 0 1px #53151d}
.utility-inner{max-width:1640px;margin:auto;min-height:42px;padding:4px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.utility-language,.utility-external{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.utility-external{justify-content:flex-end;gap:7px}
.utility-label{color:#e8bac2;font-size:.64rem;letter-spacing:.12em;font-weight:900}
.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #a0273b;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background:#080a0f}
.language-switch button{background:transparent;color:#b9b3bc;border:1px solid transparent;padding:5px 10px;min-width:39px;font-size:.72rem;font-weight:900;letter-spacing:.04em;line-height:1.3;transition:background .15s,color .15s}
.language-switch button[aria-pressed="true"],.language-switch button:hover{background:#d6213c;border-color:#ff586a;color:white;box-shadow:0 0 9px #fc36554d}
.utility-brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:1.05rem;letter-spacing:.07em;white-space:nowrap;margin-right:5px}
.utility-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;background:#190e18;border:1px solid #922438;color:#fcf0f2;padding:5px 10px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,6px 100%,0 calc(100% - 6px));font-weight:900;font-size:.67rem;letter-spacing:.02em;text-align:center;line-height:1.25}
.utility-link:hover,.utility-link:focus-visible{background:#a01e37;border-color:#ff4561;color:white;box-shadow:0 0 14px #ff224448}
.utility-link.google-link{border-color:#21788e;color:#a9edff}
.footer-partners{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:15px 12px;border-block:1px solid #662030;background:#150d16}
.footer-partners a{display:inline-block;background:#200f1a;border:1px solid #973046;padding:8px 13px;font-size:.72rem;font-weight:900;color:#f8e9ed}
.footer-partners a:hover{border-color:#43cbfa;background:#1b2734;color:white}
.xr-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:140px;margin-bottom:21px;padding:25px 26px;background:radial-gradient(circle at 90% 40%,#15394d60,transparent 38%),linear-gradient(115deg,#210f1a,#0d111b)}
.xr-promo-copy{flex:1;min-width:0}
.xr-promo-copy h2{font-size:clamp(1.9rem,2.7vw,3.4rem);line-height:1.02;margin:7px 0}
.xr-promo-copy p{max-width:660px;font-size:.83rem;color:#d8cbd4;margin:7px 0 0}
.xr-promo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:500px;flex:1}
.xr-promo-actions .btn{white-space:nowrap;justify-content:center;min-width:140px;flex:1}
@media(max-width:1200px){.top-inner{gap:9px}.utility-inner{padding-inline:12px}.utility-link{font-size:.62rem;padding:5px 7px}.utility-brand{font-size:.94rem}.xr-promo{flex-direction:column;align-items:start}.xr-promo-actions{justify-content:start;max-width:none;width:100%}}
@media(max-width:980px){.site-top .primary-nav{top:100%;max-height:min(75vh,660px);overflow-y:auto}.site-utility{position:relative}.utility-inner{justify-content:center;flex-wrap:wrap;gap:6px;padding:7px 12px}.utility-language{justify-content:center}.utility-external{justify-content:center}}
@media(max-width:620px){.utility-inner{padding:6px 8px;gap:6px}.utility-label{font-size:.58rem}.language-switch button{padding:5px 7px;min-width:36px}.utility-external{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.utility-brand{grid-column:1/-1;text-align:center;font-size:.83rem;line-height:1;margin:1px 0}.utility-link{font-size:.61rem;min-height:32px;padding:4px 3px;white-space:normal}.xr-promo{padding:17px 13px;gap:14px}.xr-promo-actions{display:grid;grid-template-columns:1fr;gap:7px}.xr-promo-actions .btn{width:100%;white-space:normal}.footer-partners a{font-size:.65rem}}

/* v9 localized longer labels: avoid tiny-screen overflow, use dropdown before header gets crowded */
.quick-links .nav-tile{min-width:0}
.quick-links .nav-tile-copy{min-width:0;overflow-wrap:anywhere;word-break:normal}
.quick-links .nav-tile-copy b,.quick-links .nav-tile-copy small{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1500px){.site-top .menu-toggle{display:grid;margin-left:auto}.site-top .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;background:#110c13f5;padding:14px;flex-direction:column;align-items:stretch;border-bottom:2px solid #a92032;box-shadow:0 20px 35px #000b;max-height:min(75vh,660px);overflow-y:auto}.site-top .primary-nav.nav-open{display:flex}.site-top .primary-nav a{font-size:.88rem;transform:none;padding:11px 15px;white-space:normal}.site-top .menu-toggle{flex:0 0 auto}}
@media(max-width:620px){.quick-links .nav-tile{gap:6px;padding:9px 7px}.quick-links .nav-tile-copy b{font-size:clamp(.75rem,3vw,.95rem)}.quick-links .nav-tile-copy small{font-size:.6rem}}
@media(min-width:1501px) and (max-width:1750px){.top-inner{gap:8px;padding-inline:12px}.primary-nav a{font-size:.67rem;padding:9px 5px}.brand strong{font-size:1.16rem}}

/* Version 10: localized convention finder and anime deep-discovery vault */
.convention-locator{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:17px 20px 10px}.convention-locator>label{display:grid;gap:8px;font-size:.75rem;font-weight:900;letter-spacing:.07em;color:#f1dce2;flex:1 1 285px;min-width:0}.convention-locator input,.convention-locator select,.vault-filters select{border:1px solid #8e3a51;background:#090c15;color:#f8eef3;min-height:46px;width:100%;padding:11px 14px;min-width:0}.convention-locator input:focus-visible,.convention-locator select:focus-visible,.vault-filters select:focus-visible{outline:2px solid #55daff}.convention-locator>label:nth-child(2){max-width:200px;flex:0 1 170px}.convention-search-actions{display:flex;flex-wrap:wrap;gap:8px}.convention-search-actions .btn{min-height:46px;white-space:normal}.location-shortcuts{display:flex;flex-wrap:wrap;gap:9px;padding:7px 20px}.location-shortcuts button{border:1px solid #962a40;background:#250e1c;color:#fff;padding:9px 13px;font-size:.74rem;font-weight:900}.location-shortcuts button:hover,.location-shortcuts button[aria-pressed=true]{background:#b62037;border-color:#ff7891}.convention-match-status{padding:8px 20px;color:#70daf6;font-weight:900;font-size:.86rem}.wider-search{padding:6px 20px 15px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.wider-search a{color:#7ddffc;font-size:.8rem;text-decoration:underline}.discovery-controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px 8px}.vault-tab{background:#24111c;color:#f6edf0;border:1px solid #923044;padding:11px 15px;min-height:44px;font-weight:900;letter-spacing:.04em;font-size:.79rem}.vault-tab:hover,.vault-tab.active{background:#ba243e;border-color:#fa7084}.vault-filters{padding:5px 18px 14px;display:flex;align-items:end;flex-wrap:wrap;gap:12px}.vault-filters label{display:grid;gap:6px;font-size:.72rem;font-weight:900;color:#f1dbe1;flex:0 1 240px}.vault-filters .btn{min-height:46px}.vault-status{padding:0 18px;color:#73d7f5;font-size:.86rem}.vault-spotlight{margin:0 18px 16px;padding:15px;border:1px solid #4e95ad;background:#0c1f2c}.vault-spotlight strong{color:#fff}.vault-spotlight p{color:#d7d2db;margin:8px 0}.anime-official-japan{font-size:.7rem;color:#8eebff}.anime-jp-translate{display:inline-block;color:#e6faff;border:1px solid #4a96b2;padding:6px 8px;font-size:.7rem;margin-top:7px;text-decoration:none}.anime-jp-translate:hover{background:#0b526b}.anime-jp-search{display:inline-block;font-size:.7rem;color:#a4d8eb;margin-top:7px;text-decoration:underline}.anime-original-jp{font-size:.73rem;color:#9be5fe;margin-top:5px}.convention-card .convention-source{overflow-wrap:anywhere}
@media(max-width:760px){.convention-locator{flex-direction:column;align-items:stretch}.convention-locator>label,.convention-locator>label:nth-child(2){flex:1 1 auto;max-width:none;width:100%}.convention-search-actions{display:grid;grid-template-columns:1fr 1fr}.convention-search-actions .btn{min-width:0;padding:10px 6px;font-size:.69rem}.location-shortcuts{gap:6px}.location-shortcuts button{font-size:.67rem;padding:8px 9px}.vault-tab{flex:1 1 calc(50% - 8px);font-size:.7rem;padding:10px 7px}.vault-filters{align-items:stretch;flex-direction:column}.vault-filters label,.vault-filters .btn{width:100%;flex:1 1 auto}.discovery-controls{padding:13px 10px}.vault-status{padding:0 12px}}
@media(max-width:390px){.convention-search-actions{grid-template-columns:1fr}.vault-tab{flex-basis:100%}}


/* v11 – Anime Reviewer 2.0 watch-party feature; independent of the locked hero */
.watch-party{margin-top:18px;margin-bottom:20px;overflow:hidden;border-color:#a72d43;box-shadow:0 10px 45px #0009,0 0 38px #a70e2529;background:linear-gradient(120deg,#1c0a12,#070b12 64%)}
.watch-party-title{padding:13px 16px}.watch-party-title h2{font-size:clamp(1.03rem,1.8vw,1.55rem)}.watch-party-title span{color:#ffb5bf;font-size:.65rem}
.watch-party-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1672 / 941;overflow:hidden;background:#09050b}
.watch-party-art{width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.watch-tv-video{position:absolute;left:0;top:0;width:960px;height:540px;max-width:none;object-fit:fill;transform-origin:0 0;pointer-events:none;background:#020207;border-radius:5px;z-index:3}
.watch-tv-video[hidden]{display:none!important}
.watch-tv-play{position:absolute;z-index:4;left:60.1%;top:33%;transform:translate(-50%,-50%);width:clamp(40px,6vw,76px);height:clamp(40px,6vw,76px);border-radius:50%;display:grid;place-items:center;background:#100912db;border:2px solid #ff5269;box-shadow:0 0 20px #fa3359a8,inset 0 0 20px #a4204380;color:white;transition:scale .18s ease,background .18s ease}.watch-tv-play:hover{scale:1.08;background:#af142cd6}.watch-tv-play svg{height:50%;width:50%;margin-left:4px}.watch-tv-play:focus-visible,.watch-hotspot:focus-visible{outline:3px solid #48dcff;outline-offset:2px}
.watch-tv-play[hidden]{display:none!important}
.watch-hotspot{position:absolute;z-index:6;border:2px solid transparent;clip-path:polygon(6% 10%,95% 0,100% 90%,0 100%);transition:border-color .2s,box-shadow .2s,background .2s}
.watch-hotspot:hover,.watch-hotspot:focus-visible{background:#ff334017;box-shadow:inset 0 0 26px #f43c7588;border-color:#fd5160}
.watch-website{left:80.6%;top:8.5%;width:18.2%;height:13.5%}.watch-roku{left:80.6%;top:22.2%;width:18.2%;height:14.0%}.watch-google{left:80.6%;top:37.5%;width:18.2%;height:13%}.watch-merch{left:80.6%;top:51%;width:18.2%;height:12.7%}
.watch-party-tools{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:21px 20px 9px;border-top:2px solid #ba2b40}.watch-party-copy{flex:1;min-width:0}.watch-party-copy h3{font-size:clamp(1.2rem,2.25vw,2.2rem);margin:7px 0}.watch-party-copy p{font-size:.83rem;color:#e6cad4;max-width:570px}.watch-party-player-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.watch-party-player-actions .btn{font-size:.72rem;padding:12px 12px;white-space:nowrap}.watch-party-player-actions .btn[disabled]{opacity:.52;cursor:not-allowed}
.watch-party-status{margin:0;padding:4px 20px 12px;font-size:.7rem;letter-spacing:.075em;color:#69d2ea;min-height:29px}
.watch-party-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px 18px;border-top:1px solid #6d2437}.watch-cta{display:flex;min-width:0;align-items:center;justify-content:center;gap:9px;text-align:center;padding:12px 7px;border:1px solid #bb304c;background:linear-gradient(120deg,#3b0e22,#0b0b16);font-family:Impact,'Arial Narrow',system-ui,sans-serif;letter-spacing:.04em;font-size:clamp(.69rem,1.1vw,1rem);transition:filter .2s,transform .2s}.watch-cta:hover{filter:brightness(1.32);transform:translateY(-2px)}.watch-cta span{overflow-wrap:anywhere}.watch-cta svg{flex:none}.watch-cta svg:first-child{color:#ff526d}.watch-cta svg:last-child{color:#8be9ff}
.watch-full-dialog{border:2px solid #db334f;padding:8px;max-width:min(1100px,calc(100vw - 24px));width:96vw;color:white;background:#090913;box-shadow:0 0 0 999vw #000a,0 0 80px #eb294c66}.watch-full-dialog::backdrop{background:#000c}.watch-full-shell{display:grid;gap:6px}.watch-full-close{justify-self:end;padding:9px 12px;border:1px solid #e53b53;color:white;background:#8a1024;font-size:.8rem;font-weight:900}.watch-full-dialog video{width:100%;height:auto;aspect-ratio:16/9;background:#000;display:block}
@media(max-width:1000px){.watch-party-tools{flex-direction:column;align-items:stretch;padding:14px 15px}.watch-party-player-actions{justify-content:flex-start}.watch-party-links{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-party-stage .watch-tv-play{width:clamp(32px,6.5vw,62px);height:clamp(32px,6.5vw,62px)}}
@media(max-width:560px){.watch-party-title{flex-wrap:wrap}.watch-party-title span{font-size:.57rem}.watch-party-stage{width:100%}.watch-party-tools{gap:9px}.watch-party-copy h3{font-size:1.45rem}.watch-party-player-actions .btn{flex:1 1 auto;font-size:.69rem;padding:10px 6px}.watch-party-links{gap:6px;padding:10px}.watch-cta{font-size:.74rem;gap:5px;padding:10px 5px}.watch-party-status{font-size:.64rem;padding-left:12px}.watch-party-stage .watch-tv-play{width:34px;height:34px;border-width:1px;box-shadow:0 0 10px #fa3359a8}}
@media(prefers-reduced-motion:reduce){.watch-hotspot,.watch-cta,.watch-tv-play{transition:none}}