/*! TMM Basketball - Responsive & Extras */
@media screen and (max-width:920px){
  .nav-left .nav-link[data-page="scenes"]{display:none!important}
  .nav-left .nav-link[data-page="shirtdoku"]{display:none!important}
  .nav-left .nav-link[data-page="books"]{display:none!important}
  .nav-left .nav-link[data-page="archives"]{display:none!important}
  .nav-left .nav-link[data-page="pixelvision"]{display:none!important}
  .nav-left .nav-link[data-page="trivia"]{display:none!important}
  .nav-left .nav-link[data-page="watari"]{display:none!important}
  .nav-right .nav-link[data-page="about"]{display:none!important}
  .nav-right .nav-link[data-page="chat"]{display:none!important}
  .nav-right .nav-link[data-page="account"]{display:none!important}
  .nav-right .nav-link[data-page="login"]{display:none!important}
  .nav-right .nav-link[data-page="subscribe"]{display:none!important}
  
  .hamburger-toggle{display:block;order:2}
  .nav-right{gap:8px;flex-wrap:nowrap}
  .toggle-wrap{order:1}
  .mini-player{order:0}
  .main-grid{grid-template-columns:1fr 1fr}
  .secondary-nav{grid-column:span 2}
  .bottom-grid{grid-template-columns:1fr 1fr}
  .bottom-about{grid-column:1/-1}
  .bottom-archives{grid-column:1/-1}
  .view-content-wrapper{padding:25px 15px 40px}
  .secondary-nav .now-playing-section{padding-top:0!important}
  .secondary-nav .radio-section{margin-top:12px}
}
@media screen and (max-width:650px){
  .main-grid{grid-template-columns:1fr}
  .secondary-nav{grid-column:span 1;background:transparent !important;padding:0 !important}
  .nav-inner{flex-direction:row;flex-wrap:nowrap;gap:4px}
  .nav-left,.nav-right{gap:8px}
  .nav-left{flex:1;display:flex;align-items:center;gap:4px}
  .article-row{flex-direction:column;align-items:flex-start;gap:10px;padding-right:0}
  .article-img{max-width:100%;flex:1 1 auto;width:100%;padding:4px}
  .article-img img{height:auto;aspect-ratio:16/9;object-fit:cover;width:100%}
  .article-title{font-size:1.1rem !important}
  .excerpt{font-size:.9rem !important}
  .category-tag{font-size:.8rem !important}
  .post-date{font-size:.8rem !important}
  .bottom-archives h4{font-size:1.2rem !important}
  .bottom-archives .archive-list a{font-size:1rem !important;padding:6px 0 !important}
  .bottom-archives .archive-count{font-size:.9rem !important}
  .bottom-archives .archive-search input{font-size:.9rem !important;padding:8px 10px !important}
  .secondary-nav .now-playing-headline{font-size:1.15rem !important;color:#232323 !important;font-weight:700 !important;letter-spacing:1px !important;margin-bottom:6px !important}
  body.dark-mode .secondary-nav .now-playing-headline{color:#e0e0e0 !important}
  .secondary-nav .now-playing-game{font-size:.95rem !important}
  .secondary-nav .now-playing-note{font-size:.9rem !important}
  .secondary-nav .now-playing-empty{font-size:.95rem !important}
  .secondary-nav .radio-title{font-size:1.15rem !important}
  .secondary-nav .radio-sub{font-size:.95rem !important}
  .secondary-nav .now-playing{font-size:1.05rem !important}
  .secondary-nav .stream-links{font-size:.9rem !important}
  .secondary-nav .stream-links a{font-size:.9rem !important}
  .secondary-nav .book-cta .sub{font-size:.9rem !important}
  .secondary-nav .book-cta .book-title-link{font-size:1.15rem !important}
  .secondary-nav .book-cta p{font-size:1rem !important}
  .secondary-nav .book-cta .preorder-link{font-size:1rem !important}
  .secondary-nav .now-playing-section{margin-bottom:16px !important;padding:0 !important;background:transparent !important}
  .secondary-nav .book-cta{margin-bottom:16px !important;padding:0 !important;background:transparent !important}
  .secondary-nav .radio-section{margin-bottom:0 !important;padding:0 !important;background:transparent !important}
  .secondary-nav .audio-player{background:#d0d0d0 !important;padding:8px 12px !important}
  body.dark-mode .secondary-nav .audio-player{background:#3a3a3a !important}
  .bottom-grid{grid-template-columns:1fr}
  .bottom-about{grid-column:1}
  .bottom-archives{grid-column:1}
  .bottom-about h3{font-size:1.2rem !important}
  .bottom-about p{font-size:1rem !important;color:#555555 !important;line-height:1.2 !important}
  body.dark-mode .bottom-about p{color:#aaaaaa !important}
  .article-list-item{flex-direction:column;align-items:flex-start;gap:4px!important;padding-bottom:10px}
  .article-list-item .list-item-img{max-width:100%;flex:1 1 auto;width:100%;margin-bottom:-4px}
  .article-list-item .list-item-img img{height:200px}
  .article-list-item .list-item-content{margin-top:0}
  .subscribe-grid{max-width:100%}
  .view-content-wrapper{padding:25px 5px 40px!important}
  .view-content-wrapper h1{font-size:1.36rem!important;line-height:1.3!important;margin-top:-20px!important}
  .view-content-wrapper .about-content p,.view-content-wrapper p.about-text,.bottom-about p,#aboutText{line-height:1.3!important;margin-bottom:6px!important}
  .view-content-wrapper .back-link{display:none!important}
  .book-list-item{flex-direction:column;align-items:flex-start;gap:10px}
  .book-list-item .book-image{flex:0 0 auto;max-width:100%;width:100%}
  .book-list-item .book-image img{max-height:200px;object-fit:cover}
  .pixelvision-channel{padding:4px 2px;gap:8px}
  .pixelvision-channel .channel-image{flex:0 0 40px;max-width:40px;height:40px}
  .pixelvision-channel .channel-info .channel-name{font-size:.8rem}
  .pixelvision-channel .channel-info .channel-now{font-size:.7rem}
  .lightbox-overlay .lightbox-content iframe{height:250px}
  .lightbox-overlay .lightbox-content{padding:12px}
  .archive-view-search{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px}
  .archive-view-search input[type=text]{min-width:80px;flex:1 1 100%;margin-bottom:4px}
  .archive-view-search .toggle-group{flex:0 1 auto;justify-content:center;white-space:nowrap;width:auto}
  .archive-view-search .toggle-group .toggle-btn{flex:0 1 auto;white-space:nowrap}
  .account-view .account-form .form-actions{flex-direction:column;align-items:stretch;flex-wrap:wrap}
  .account-view .account-form .form-actions .form-message{text-align:left!important;padding-left:0}
  .account-view{margin:0 auto}
  .form-view .form-actions{flex-direction:column;align-items:stretch;flex-wrap:wrap}
  .form-view .form-actions .form-message{text-align:left!important;padding-left:0}
  .form-view .captcha-row{flex-wrap:wrap}
  .footer-colophon .footer-links{display:none}
  .footer-colophon{justify-content:center;text-align:center}
}
@media screen and (max-width:550px){.nav-right .nav-link[data-page=chat]{display:none!important}}
.secondary-nav{background-color:#dedede;padding:14px 12px;border-radius:6px;transition:background .2s}
.radio-header{padding-bottom:0;margin-bottom:0}
.radio-title{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1rem}
.radio-sub{font-size:.7rem;color:#444;margin-top:2px;font-weight:400;margin-bottom:8px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.audio-player{display:flex;align-items:center;gap:12px;margin:0 0 6px;background:#d0d0d0;padding:8px 12px;border-radius:40px;transition:background .2s}
.audio-player button{background:#232323;border:none;color:#dedede;font-size:1rem;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.audio-player button:hover{background:#d62626}
.audio-player button i{font-size:.9rem}
.now-playing{font-size:.85rem;font-weight:400;padding:6px 0 2px;color:#232323;min-height:1.8em;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;line-height:1.4}
.now-playing strong{font-weight:700;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.stream-links{display:flex;align-items:center;gap:10px;font-size:.75rem;margin:5px 0 6px;flex-wrap:wrap;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.stream-links a{color:#666;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:4px;font-size:.75rem;transition:color .2s}
.stream-links a:hover{color:#d62626}
body.dark-mode .stream-links a{color:#999}
.book-cta{background-color:#d8d8d8;padding:12px 10px;border-radius:6px;margin:20px 0 0;transition:background .2s}
.book-cta .sub{font-size:.75rem;font-weight:400;color:#777;margin-bottom:4px;text-transform:uppercase;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.book-cta .sub strong{font-weight:700;color:#232323;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
body.dark-mode .book-cta .sub{color:#999}
body.dark-mode .book-cta .sub strong{color:#e0e0e0}
.book-cta img{width:100%;height:auto;margin:6px 0 4px;border-radius:4px;transition:opacity .3s ease}
.book-cta img:hover{opacity:1}
.book-cta p{font-size:.85rem;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;color:#2a2a2a;margin-top:4px;line-height:1.3}
.book-cta .book-title-link{display:block;font-weight:700;color:#232323;text-decoration:none;text-transform:uppercase;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:1rem!important;letter-spacing:1px!important;line-height:1.1;transition:color .2s;cursor:pointer}
.book-cta .book-title-link:hover{color:#d62626}
.book-cta .preorder-link{display:block;font-weight:700;color:#232323;text-decoration:none;text-transform:uppercase;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:.85rem;letter-spacing:.5px;padding-top:5px;margin-top:5px;line-height:1.3;transition:color .2s}
.book-cta .preorder-link:hover{color:#d62626}
body.dark-mode .book-cta .book-title-link{color:#e0e0e0}
body.dark-mode .book-cta .preorder-link{color:#e0e0e0}
.archive-view-search{display:flex;align-items:center;gap:8px;margin:12px 0 16px;flex-wrap:wrap;padding-top:10px}
.archive-view-search input[type=text]{flex:1;min-width:120px;padding:8px 10px;border:1px solid #aaa;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:.85rem;background-color:transparent;color:#232323;transition:border-color .2s}
.archive-view-search input[type=text]:focus{outline:0;border-color:#666}
.archive-view-search input[type=text]::placeholder{color:#999}
.archive-view-search .toggle-group{display:flex;gap:4px;align-items:center;flex-shrink:0}
.archive-view-search .toggle-btn{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;cursor:pointer;transition:color .2s,background .2s,border-color .2s;padding:5px 10px;border-radius:4px;border:1px solid #ddd;background:0 0;user-select:none;white-space:nowrap}
.archive-view-search .toggle-btn i{font-size:.85rem;transition:color .2s}
.archive-view-search .toggle-btn.active{color:#d62626;border-color:#d62626;background:rgba(214,38,38,.08)}
.archive-view-search .toggle-btn.active i{color:#d62626}
.archive-view-search .toggle-btn:hover{border-color:#999}
.archive-view-search .toggle-btn.active:hover{border-color:#d62626}
body.dark-mode .archive-view-search input[type=text]{color:#e0e0e0;border-color:#555;background-color:transparent}
body.dark-mode .archive-view-search input[type=text]::placeholder{color:#888}
body.dark-mode .archive-view-search .toggle-btn{color:#888;border-color:#555}
body.dark-mode .archive-view-search .toggle-btn.active{color:#d62626;border-color:#d62626;background:rgba(214,38,38,.15)}
body.dark-mode .archive-view-search .toggle-btn.active i{color:#d62626}
.login-form{margin:24px 0 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.login-form .form-row{display:flex;justify-content:center;width:100%;max-width:300px}
.login-form input[type=email]{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:4px;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.95rem;background-color:transparent;color:#232323;transition:border-color .2s}
.login-form input[type=email]:focus{outline:0;border-color:#666}
.login-form .form-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}
.login-form button{padding:10px 24px;background:#232323;color:#fff;border:none;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s;width:100%}
.login-form button:hover{background:#444}
.login-form .form-message{font-size:.9rem;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;text-align:left;min-height:1.5em;padding:4px 0;font-weight:500}
.login-form .form-message.success{color:#28a745}
.login-form .form-message.error{color:#dc3545}
.login-form .logout-link{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:#d62626;text-decoration:none;cursor:pointer;transition:opacity .2s;margin-top:4px}
.login-form .logout-link:hover{opacity:.7}
.subscribe-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}
.subscribe-panel{background:#e5e5e5;border:1px solid #ccc;border-radius:6px;padding:20px 16px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;text-align:center;display:flex;flex-direction:column;flex:1 1 200px;max-width:300px;min-width:180px}
.subscribe-panel:hover{background:#d5d5d5;border-color:#999;transform:translateY(-2px)}
.subscribe-panel .panel-name{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;color:#232323;margin-bottom:4px}
.subscribe-panel .price{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:900;font-size:2.2rem;color:#232323;line-height:1.2}
.subscribe-panel .term{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.7rem;color:#888;font-weight:400;margin-left:2px}
.subscribe-panel .panel-desc{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.85rem;color:#555;line-height:1.5;margin-top:8px;flex:1}
.subscribe-panel.featured{background:#f0e8e8 !important;border-color:#d62626 !important;position:relative}
.subscribe-panel.featured .price{color:#d62626 !important}
.subscribe-panel.featured:hover{background:#e8dddd !important;border-color:#b31f1f !important}
body.dark-mode .subscribe-panel.featured{background:#2a2525 !important;border-color:#d62626 !important}
body.dark-mode .subscribe-panel.featured:hover{background:#332d2d !important}
body.dark-mode .subscribe-panel.featured .price{color:#d62626 !important}
body.dark-mode .subscribe-panel{background:#2a2a2a;border-color:#444}
body.dark-mode .subscribe-panel:hover{background:#333;border-color:#555}
body.dark-mode .subscribe-panel .panel-name{color:#e0e0e0}
body.dark-mode .subscribe-panel .price{color:#e0e0e0}
body.dark-mode .subscribe-panel .term{color:#999}
body.dark-mode .subscribe-panel .panel-desc{color:#bbb}
.pixelvision-channel{display:flex;gap:12px;padding:5px 4px;border-bottom:1px solid #ddd;align-items:center;cursor:pointer;transition:background .2s;border-radius:4px}
.pixelvision-channel:hover{background:#d5d5d5}
.pixelvision-channel .channel-image{flex:0 0 50px;max-width:50px;height:50px;border-radius:4px;overflow:hidden}
.pixelvision-channel .channel-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.8;transition:filter .3s ease,opacity .3s ease}
.pixelvision-channel:hover .channel-image img{filter:grayscale(0%);opacity:1}
.pixelvision-channel .channel-info{flex:1}
.pixelvision-channel .channel-info .channel-name{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;color:#232323}
.pixelvision-channel .channel-info .channel-now{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.8rem;color:#666;margin:0}
.pixelvision-channel .channel-info .channel-now .separator{color:#999;margin:0 4px}
.pixelvision-channel .channel-info .channel-now .time-ago{color:#999;font-size:.7rem}
.pixelvision-channel .channel-info .channel-now .time-left{color:#28a745;font-size:.7rem}
body.dark-mode .pixelvision-channel{border-bottom-color:#444}
body.dark-mode .pixelvision-channel:hover{background:#333}
body.dark-mode .pixelvision-channel .channel-info .channel-name{color:#e0e0e0}
body.dark-mode .pixelvision-channel .channel-info .channel-now{color:#999}
.account-view{max-width:650px;margin:0}
.account-view .account-info{margin-bottom:12px;padding-bottom:0;border-bottom:none}
.account-view .account-info p{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.95rem;color:#666;margin-bottom:3px;line-height:1.5;text-align:left}
.account-view .account-info p strong{color:#232323;font-weight:600}
.account-view .manage-link{display:inline-block;margin:0;padding:6px 20px;background:#232323;color:#fff;border:none;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:background .2s;cursor:pointer}
.account-view .manage-link:hover{background:#444;color:#fff}
.account-view .manage-divider{border-top:1px solid #ddd;margin:12px 0 16px}
.account-view .account-form{margin-top:0}
.account-view .account-form .form-group{margin-bottom:8px}
.account-view .account-form .form-group label{display:block;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;color:#555;margin-bottom:2px}
.account-view .account-form .form-group input,.account-view .account-form .form-group textarea{width:100%;padding:6px 10px;border:1px solid #aaa;border-radius:4px;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.9rem;background-color:transparent;color:#232323;transition:border-color .2s}
.account-view .account-form .form-group input:focus,.account-view .account-form .form-group textarea:focus{outline:0;border-color:#666}
.account-view .account-form .form-group textarea{height:60px;resize:vertical}
.account-view .account-form .form-actions{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:nowrap;margin-top:10px}
.account-view .account-form .form-actions button{padding:6px 20px;background:#232323;color:#fff;border:none;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s;flex-shrink:0}
.account-view .account-form .form-actions button:hover{background:#444}
.account-view .account-form .form-actions button:disabled{opacity:.5;cursor:not-allowed}
.account-view .account-form .form-actions .form-message{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.85rem;font-weight:500;color:#dc3545;flex:1;padding-left:15px;text-align:left!important}
.account-view .account-form .form-actions .form-message.success{color:#28a745}
body.dark-mode .account-view .account-info p{color:#999}
body.dark-mode .account-view .account-info p strong{color:#e0e0e0}
body.dark-mode .account-view .manage-link{background:#555;color:#fff}
body.dark-mode .account-view .manage-link:hover{background:#666;color:#fff}
body.dark-mode .account-view .manage-divider{border-top-color:#444}
body.dark-mode .account-view .account-form .form-group label{color:#aaa}
body.dark-mode .account-view .account-form .form-group input,body.dark-mode .account-view .account-form .form-group textarea{background-color:transparent;color:#e0e0e0;border-color:#555}
body.dark-mode .account-view .account-form .form-group input:focus,body.dark-mode .account-view .account-form .form-group textarea:focus{border-color:#888}
body.dark-mode .account-view .account-form .form-actions button{background:#555}
body.dark-mode .account-view .account-form .form-actions button:hover{background:#666}
.lightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;justify-content:center;align-items:center;padding:20px}
.lightbox-overlay.active{display:flex}
.lightbox-overlay .lightbox-content{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;padding:20px;position:relative}
.lightbox-overlay .lightbox-content .close-lightbox{position:absolute;top:10px;right:16px;background:0 0;border:none;font-size:1.8rem;cursor:pointer;color:#232323;z-index:10}
.lightbox-overlay .lightbox-content .close-lightbox:hover{color:#d62626}
.lightbox-overlay .lightbox-content iframe{width:100%;height:450px;border:none;border-radius:4px}
.lightbox-overlay .lightbox-content .lightbox-title{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.2rem;letter-spacing:.5px;margin-bottom:8px;color:#232323}
.lightbox-overlay .lightbox-content .lightbox-now{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.9rem;color:#666;margin-bottom:12px}
body.dark-mode .lightbox-overlay .lightbox-content{background:#2a2a2a}
body.dark-mode .lightbox-overlay .lightbox-content .lightbox-title{color:#e0e0e0}
body.dark-mode .lightbox-overlay .lightbox-content .lightbox-now{color:#999}
body.dark-mode .lightbox-overlay .lightbox-content .close-lightbox{color:#e0e0e0}
body.dark-mode .lightbox-overlay .lightbox-content .close-lightbox:hover{color:#d62626}
.view-content-wrapper{display:none;grid-column:1/-1;padding:40px 20px 65px;max-width:800px;margin:0 auto;width:100%;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-weight:400;line-height:1.6;font-size:1.05rem;color:#232323;position:relative}
.view-content-wrapper.visible{display:block}
.view-content-wrapper .back-link{position:absolute;top:0;left:25px;color:#ccc;font-size:1.2rem;text-decoration:none;transition:color .2s,transform .2s ease}
.view-content-wrapper .back-link:hover{color:#d62626;transform:translateX(-4px)}
.view-content-wrapper h1{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;text-align:center;font-size:1.8rem;color:#232323;margin-top:-35px}
.view-content-wrapper h3{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:.9rem;margin:16px 0 8px;color:#232323}
.view-content-wrapper ul{margin:10px 0 10px 20px;list-style:disc}
.view-content-wrapper li{margin-bottom:4px;color:#3a3a3a;font-family:'Roboto','Helvetica Neue',Arial,sans-serif}
.view-content-wrapper p{margin-bottom:12px;color:#3a3a3a;font-family:'Roboto','Helvetica Neue',Arial,sans-serif}
.view-content-wrapper a{color:#232323;font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s}
.view-content-wrapper a:hover{color:#d62626}
.view-content-wrapper em{display:block;padding:16px;background:#e5e5e5;border-radius:4px;text-align:center;color:#666;font-style:italic;margin:12px 0;font-family:'Roboto','Helvetica Neue',Arial,sans-serif}
.view-content-wrapper .back-link{color:#ccc;font-size:1.2rem;text-decoration:none;display:inline-block;margin-top:10px}
.view-content-wrapper .back-link:hover{color:#d62626;transform:translateX(-4px)}
.view-content-wrapper .author-line{text-align:center;font-size:.9rem;margin-top:-10px;margin-bottom:20px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.view-content-wrapper .author-line .category-link{font-weight:800;text-transform:uppercase;color:#232323;text-decoration:none;cursor:pointer;transition:color .2s}
.view-content-wrapper .author-line .category-link:hover{color:#d62626}
.view-content-wrapper .author-line .date-part{font-weight:400;color:#999}
.view-content-wrapper .author-line .date-part .days-ago{color:#bbb}
.view-content-wrapper .scene-subhead{text-align:center;font-size:.9rem;color:#888;margin-top:-15px;margin-bottom:20px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif}
.view-content-wrapper .scene-subhead .scene-category{font-weight:700;text-transform:uppercase;color:#232323!important}
.view-content-wrapper .scene-subhead .scene-id{font-weight:700;text-transform:uppercase;color:#232323!important}
body.dark-mode .view-content-wrapper .scene-subhead .scene-id{color:#e0e0e0!important}
.view-content-wrapper .scene-subhead .scene-words{font-weight:400;color:#999}
.view-content-wrapper .scene-sources{margin-top:24px;padding-top:16px;border-top:1px solid #ddd}
.view-content-wrapper .scene-sources h4{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;color:#555;margin-bottom:4px}
.view-content-wrapper .scene-sources ul{list-style:disc;margin:0 0 8px 20px;padding:0}
.view-content-wrapper .scene-sources ul li{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:.9rem;color:#666;padding:1px 0;line-height:1.3}
.view-content-wrapper .scene-sources ul li a{color:#232323;text-decoration:underline}
.view-content-wrapper .scene-sources ul li a:hover{color:#d62626}
.view-content-wrapper .scene-sources .source-section{margin-bottom:8px}
body.dark-mode .view-content-wrapper .author-line .category-link{color:#e0e0e0}
body.dark-mode .view-content-wrapper .author-line .date-part{color:#999}
body.dark-mode .view-content-wrapper .author-line .date-part .days-ago{color:#777}
body.dark-mode .view-content-wrapper .scene-subhead .scene-category{color:#e0e0e0!important}
body.dark-mode .view-content-wrapper .scene-subhead .scene-words{color:#999}
body.dark-mode .view-content-wrapper .scene-sources{border-top-color:#444}
body.dark-mode .view-content-wrapper .scene-sources h4{color:#aaa}
body.dark-mode .view-content-wrapper .scene-sources ul li{color:#999}
body.dark-mode .view-content-wrapper .scene-sources ul li a{color:#e0e0e0}
body.dark-mode .view-content-wrapper .scene-sources ul li a:hover{color:#d62626}
.archive-search{margin-bottom:12px;position:relative}
.archive-search input{width:100%;padding:6px 10px;border:1px solid #aaa;border-radius:4px;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:.8rem;background-color:transparent;color:#232323;transition:border-color .2s}
.archive-search input:focus{outline:0;border-color:#666}
.archive-search input::placeholder{color:#999}
.archive-search .suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #aaa;border-top:none;border-radius:0 0 4px 4px;max-height:150px;overflow-y:auto;z-index:10;display:none}
.archive-search .suggestions div{padding:6px 10px;cursor:pointer;font-size:.8rem;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;color:#232323;transition:color .2s}
.archive-search .suggestions div:hover{color:#d62626;background:#e5e5e5}
body.dark-mode .archive-search input{background-color:transparent;color:#e0e0e0;border-color:#555}
body.dark-mode .archive-search input::placeholder{color:#888}
body.dark-mode .archive-search .suggestions{background:#333;border-color:#555}
body.dark-mode .archive-search .suggestions div{color:#e0e0e0}
body.dark-mode .archive-search .suggestions div:hover{background:#444}
.bottom-archives .archive-list{list-style:none}
.bottom-archives .archive-list li{margin-bottom:6px;display:flex;align-items:center}
.bottom-archives .archive-list a{text-decoration:none;color:#232323;font-size:.9rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted #aaa;padding:0 0 4px;cursor:pointer;font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;width:100%;transition:color .2s}
.bottom-archives .archive-list a:hover{color:#d62626}
.bottom-archives .archive-count{font-weight:300;color:#555;font-size:.8rem;margin-top:1px}
body.dark-mode .bottom-archives .archive-list a{color:#aaa}
body.dark-mode .bottom-archives .archive-count{color:#777}
.archive-view-search input[type="text"]{flex:1 1 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.archive-view-search .search-wrapper{flex:1 1 auto!important;min-width:0!important;display:block!important;width:100%!important}
@media screen and (max-width:650px){.trivia-container{flex-direction:column;align-items:center}.trivia-container .trivia-image{flex:0 0 120px;max-width:120px}}

/* ========================================
   HEADER - Desktop only, hidden on home
   ======================================== */
.tmm-header {
  display: none;
  text-align: center;
  padding: 16px 0 5px 0;
  cursor: pointer;
}
.tmm-header img {
  max-width: 100%;
  height: auto;
}
.tmm-header .header-wrapper {
  position: relative;
  display: inline-block;
}
.tmm-header .header-wrapper .header-default,
.tmm-header .header-wrapper .header-hover,
.tmm-header .header-wrapper .header-dark {
  transition: opacity 0.8s ease;
  opacity: 1;
}
.tmm-header .header-wrapper .header-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.tmm-header .header-wrapper .header-dark {
  display: none;
}

.tmm-header .header-wrapper:hover .header-default {
  opacity: 0;
}
.tmm-header .header-wrapper:hover .header-hover {
  opacity: 1;
}
.tmm-header .header-wrapper:not(:hover) .header-hover {
  opacity: 0;
}
.tmm-header .header-wrapper:not(:hover) .header-default {
  opacity: 1;
}

body.dark-mode .tmm-header .header-wrapper .header-default {
  display: none;
}
body.dark-mode .tmm-header .header-wrapper .header-hover {
  display: none !important;
}
body.dark-mode .tmm-header .header-wrapper .header-dark {
  display: block;
  opacity: 1;
}
body.dark-mode .tmm-header .header-wrapper:hover .header-dark {
  opacity: 1;
}
body.dark-mode .tmm-header .header-wrapper .header-dark {
  transition: none;
}

@media screen and (min-width: 900px) {
  .tmm-header:not(.home-hidden) {
    display: block;
  }
}

.nav-line {
  margin-top: 4px !important;
}

@media screen and (max-width: 899px) {
  .nav-line {
    margin-top: 10px !important;
  }
}

@media screen and (max-width:650px) {
  #watariOverlay .lightbox-content iframe {
    aspect-ratio: 4/3 !important;
    max-height: 70vh !important;
  }
  #watariOverlay .close-lightbox {
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    font-size: 1.4rem;
  }
}