/* MainScout v5.0: mobile stability, unified footer and trust pages */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
img,video,svg,iframe{max-width:100%;height:auto}
.topbar>*{min-width:0}
.drawer nav .drawer-link{display:block;border:0;background:none;text-align:left;padding:13px;border-radius:10px;color:#d2d5dc;text-decoration:none;font-size:inherit}
.drawer nav .drawer-link:hover{background:#171a22}
.footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:start}
.footer-brand,.footer-links,.footer-legal{min-width:0}
.footer-brand p{margin:13px 0 0;line-height:1.6}
.footer-links,.footer-legal{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a,.footer-legal a{color:#858d9b;text-decoration:none;font:inherit;font-size:13px}
.footer-legal{grid-column:1/-1;justify-content:flex-start;padding-top:20px;border-top:1px solid #1e222b}
.footer-legal a:hover,.footer-links a:hover{color:var(--cyan)}
.footer-inner small{line-height:1.7;overflow-wrap:anywhere}
.article-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.article-footer-links{display:flex;gap:14px;flex-wrap:wrap}
.article-footer-links a{color:#929aa8;text-decoration:none}
.article-footer-links a:hover{color:var(--cyan)}
.legal-page{width:min(900px,calc(100% - 34px));margin:0 auto;padding:105px 0 90px}
.legal-hero{padding-bottom:35px;border-bottom:1px solid #252a35}
.legal-hero h1{font-size:clamp(45px,8vw,82px);line-height:.98;letter-spacing:-.055em;margin:12px 0 18px}
.legal-hero p{max-width:720px;color:#a1a8b5;font-size:17px;line-height:1.7}
.legal-content{padding-top:28px;color:#b7bec9;font-size:16px;line-height:1.8}
.legal-content h2{color:#fff;font-size:27px;letter-spacing:-.035em;margin:1.7em 0 .45em}
.legal-content h3{color:#fff;font-size:19px;margin:1.5em 0 .35em}
.legal-content p,.legal-content ul{margin:0 0 1.15em}
.legal-content a{color:var(--cyan)}
.legal-content .policy-date{color:#7f8795;font-size:13px}
.legal-card{border:1px solid #292e39;border-radius:18px;background:#0d0f15;padding:24px;margin:24px 0}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.contact-card{border:1px solid #292e39;border-radius:17px;background:#0d0f15;padding:22px}
.contact-card strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}
.contact-card p{margin:0;color:#939ba9;font-size:14px}
.article-comments{margin-top:64px;padding-top:42px;border-top:1px solid #282d38}
.comments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.comments-heading h2{margin:6px 0 0;font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;color:#fff}
.comments-heading>strong{color:#8992a2;font-size:13px;font-weight:600}
.comment-notice{margin:0 0 22px;padding:15px 17px;border:1px solid #175d4e;border-radius:12px;background:#0d3028;color:#70f2cd}
.comment-list{display:grid;gap:12px;margin-bottom:30px}
.comment-card{padding:19px 21px;border:1px solid #282e39;border-radius:15px;background:#0d1016}
.comment-card header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
.comment-card header strong{color:#fff}.comment-card time{color:#7f8795;font-size:12px}
.comment-card p{margin:0;color:#b8bfca;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.comments-empty{margin:0 0 28px;color:#858d9b}
.comment-form{position:relative;padding:24px;border:1px solid #2a303c;border-radius:18px;background:#10131a}
.comment-form label{display:grid;gap:8px;color:#fff;font-size:13px;font-weight:700}
.comment-form label small{color:#7f8795;font-weight:400}
.comment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:15px}
.comment-form input,.comment-form textarea{width:100%;min-width:0;border:1px solid #353c49;border-radius:10px;background:#090b10;color:#fff;padding:13px 14px;font:inherit;outline:none}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(41,229,211,.1)}
.comment-form textarea{resize:vertical;line-height:1.6}
.comment-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}
.comment-submit-row small{color:#7f8795;line-height:1.5}
.comment-submit-row button{border:0;border-radius:10px;padding:13px 17px;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-weight:800;cursor:pointer}
.comment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){
  .topbar{grid-template-columns:auto minmax(0,1fr);padding-inline:16px}
  .topbar>.main-nav,.topbar>.search-trigger{display:none}
  .article-topbar{display:flex;align-items:center;justify-content:space-between;grid-template-columns:none}
  .article-topbar .article-brand{min-width:0}
  .article-topbar .article-back{margin-left:auto}
  .brand{justify-self:start}.brand-word{display:inline}
  .home-hero{width:100%;min-width:0}
  .hero-copy,.content-block,.split-block,.update-band,.section-head>*{min-width:0}
  .footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-legal{grid-column:auto}
}
@media(max-width:650px){
  .shell{width:calc(100% - 32px);max-width:100%}
  .topbar{height:64px;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:0 16px}
  .article-topbar{display:flex;grid-template-columns:none}
  .menu-btn{width:42px;height:42px}.brand-word{display:inline;font-size:15px;overflow:hidden;text-overflow:ellipsis}
  .mark{width:34px;height:34px;flex:0 0 34px}
  .drawer{width:min(86vw,360px);max-width:calc(100vw - 34px);padding:18px;overflow-y:auto}
  .drawer-foot{position:static;margin:32px 13px 8px}
  .hero-copy h1{font-size:clamp(48px,15vw,62px);line-height:.88;overflow-wrap:anywhere}
  .hero-copy p,.page-head p{font-size:15px}
  .hero-search{grid-template-columns:auto minmax(0,1fr);padding:12px 14px;min-height:58px}
  .hero-search strong{grid-column:1/-1;width:100%;text-align:center}
  .section-head{align-items:flex-start;flex-direction:column}
  .section-head h2,.section-head.compact h2{font-size:clamp(25px,8vw,32px);overflow-wrap:anywhere}
  .game-grid,.home-article-grid,.article-public-grid,.quiz-grid,.news-grid,.related-grid,.related-article-grid{width:100%;grid-template-columns:minmax(0,1fr)}
  .game-card,.home-article-card,.article-public-card,.quiz-card,.news-card{width:100%;min-width:0}
  .article-public-card{display:block}.article-card-image{display:block;width:100%;height:210px}
  .article-public-card>div{padding:20px}.article-public-card h2{font-size:23px;overflow-wrap:anywhere}
  .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{min-width:0}
  .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quiz-row{grid-template-columns:48px minmax(0,1fr);gap:10px}.quiz-row em{display:none}
  .update-band{width:100%;margin:25px 0 55px;padding:24px 20px;grid-template-columns:minmax(0,1fr)}
  .update-mini{align-items:flex-start}.update-mini strong{min-width:0;overflow-wrap:anywhere}
  .footer{padding:32px 0 38px;overflow:hidden}.footer-inner{width:calc(100% - 32px);gap:24px}
  .footer-links,.footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:100%}
  .footer-links button,.footer-links a,.footer-legal a{text-align:left;padding:0;min-width:0;overflow-wrap:anywhere}
  .article-page,.legal-page{width:calc(100% - 32px);padding-top:88px}
  .article-page-head h1,.legal-hero h1{font-size:clamp(39px,12vw,56px);overflow-wrap:anywhere}
  .article-page-head>p,.legal-hero p{font-size:16px}
  .article-featured{width:100%;max-width:100%;left:auto;transform:none;aspect-ratio:16/9}
  .article-content{max-width:100%;overflow-wrap:anywhere}.article-share{align-items:flex-start;flex-direction:column}.article-share button{width:100%}
  .articles-hero{padding:90px 0 50px}.articles-hero h1{font-size:clamp(42px,13vw,62px);overflow-wrap:anywhere}.articles-hero p{font-size:16px;line-height:1.6}
  .article-filters{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.article-filters::-webkit-scrollbar{display:none}.article-filters a{flex:0 0 auto}
  .article-footer-inner{align-items:flex-start;flex-direction:column}.article-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
  .contact-grid{grid-template-columns:1fr}.legal-card{padding:20px}
  .article-comments{margin-top:46px;padding-top:32px}.comments-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .comment-form{padding:18px}.comment-fields{grid-template-columns:1fr}.comment-submit-row{align-items:flex-start;flex-direction:column}.comment-submit-row button{width:100%}
}
@media(max-width:380px){.brand-word{font-size:13px;letter-spacing:.04em}.character-grid,.genre-grid{grid-template-columns:1fr}.footer-links,.footer-legal,.article-footer-links{grid-template-columns:1fr}}