/* ================================================================
 * term_hack — UFABET TERMINAL (Hacker / Cyber-Console)
 * palette : black #0a0e0a / green #00ff66 / amber #ffb000 / red #ff3a3a
 * family  : JetBrains Mono everywhere
 * vibe    : CRT scanlines, terminal window, ASCII, blinking cursor
 * ================================================================ */

.trm-scope *{box-sizing:border-box}
.trm-scope{
    --t-bg:        #0a0e0a;
    --t-bg-2:      #0f1612;
    --t-pane:      #0d1310;
    --t-pane-2:    #131a16;
    --t-fg:        #c8f0d4;
    --t-muted:     #6f8a78;
    --t-line:      #1f3024;
    --t-green:     #00ff66;
    --t-green-2:   #39ff14;
    --t-amber:     #ffb000;
    --t-red:       #ff3a3a;
    --t-blue:      #5fb3ff;
    --t-mono:      "JetBrains Mono","Share Tech Mono","Noto Sans Thai",ui-monospace,monospace;
    background:var(--t-bg);
    color:var(--t-fg);
    font-family:var(--t-mono);
    font-size:14px;line-height:1.65;
    position:relative;overflow-x:hidden;
}
.trm-scope a{color:var(--t-green);text-decoration:none;transition:color .15s,text-shadow .15s}
.trm-scope a:hover{color:var(--t-green-2);text-shadow:0 0 6px var(--t-green)}
.trm-scope img,.trm-scope mip-img{max-width:100%;display:block}

/* CRT background overlays */
.trm-bg-scan,.trm-bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0}
.trm-bg-scan{
    background:repeating-linear-gradient(0deg,
        rgba(0,255,102,.04) 0 2px,
        transparent 2px 4px);
    mix-blend-mode:screen;
}
.trm-bg-grid{
    background:
        radial-gradient(ellipse at 50% 0%,rgba(0,255,102,.05) 0,transparent 60%),
        repeating-linear-gradient(90deg,transparent 0 39px,rgba(0,255,102,.04) 39px 40px),
        repeating-linear-gradient(0deg,transparent 0 39px,rgba(0,255,102,.04) 39px 40px);
}

@keyframes trm-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes trm-flicker{
    0%,18%,22%,25%,53%,57%,100%{opacity:1}
    20%,24%,55%{opacity:.85}
}

/* -------- statusbar -------- */
.trm-statusbar{
    position:relative;z-index:5;
    display:flex;flex-wrap:wrap;align-items:center;gap:14px;
    padding:5px 18px;background:#000;color:var(--t-green);
    font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--t-green);
}
.trm-statusbar__dot{width:8px;height:8px;border-radius:50%;background:var(--t-green);box-shadow:0 0 8px var(--t-green);animation:trm-blink 1.4s linear infinite}
.trm-statusbar__seg{color:#7fffaa}
.trm-statusbar__seg--ok{color:var(--t-green-2);text-shadow:0 0 6px var(--t-green)}
.trm-statusbar__seg em{font-style:normal;color:#fff;font-weight:600}
.trm-statusbar__seg--right{margin-left:auto;color:var(--t-amber)}

/* -------- header -------- */
.trm-header{position:relative;z-index:5;background:var(--t-bg-2);border-bottom:1px solid var(--t-line)}
.trm-header__bar{
    max-width:1240px;margin:0 auto;padding:14px 22px;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.trm-header__brand{
    display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;
    font-size:15px;font-weight:600;
}
.trm-header__prompt{color:var(--t-amber)}
.trm-header__sep{color:var(--t-muted)}
.trm-header__path{color:var(--t-blue)}
.trm-header__cmd{color:var(--t-green);text-shadow:0 0 6px rgba(0,255,102,.4);margin-left:6px}
.trm-cursor{display:inline-block;width:10px;color:var(--t-green);animation:trm-blink 1s steps(1) infinite;font-weight:900;margin-left:2px}
.trm-header__logo{
    border:1px solid var(--t-line);padding:4px 10px;background:#000;
}
.trm-header__logo mip-img{max-height:32px;width:auto}

.trm-nav{
    background:var(--t-pane);border-top:1px solid var(--t-line);border-bottom:1px solid var(--t-line);
}
.trm-nav__list{
    max-width:1240px;margin:0 auto;padding:0 22px;list-style:none;
    display:flex;flex-wrap:wrap;
}
.trm-nav__list li{position:relative}
.trm-nav__list li+li::before{
    content:"|";color:var(--t-line);align-self:center;margin:0 2px;
}
.trm-nav__list li a{
    display:inline-block;padding:9px 14px;font-size:13px;color:#9bd6ae;
    transition:all .15s;
}
.trm-nav__num{color:var(--t-amber);font-weight:600;margin-right:4px}
.trm-nav__list li a:hover,.trm-nav__list li a.is-active{
    color:var(--t-green-2);background:rgba(0,255,102,.07);
    text-shadow:0 0 8px var(--t-green);
}
.trm-nav__toggle{
    display:none;background:transparent;border:1px solid var(--t-green);color:var(--t-green);
    font-family:var(--t-mono);font-size:12px;padding:6px 12px;cursor:pointer;
}
.trm-nav__toggle:hover{background:rgba(0,255,102,.1);box-shadow:0 0 8px rgba(0,255,102,.3)}

/* -------- drawer -------- */
.trm-drawer{
    position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;
    background:#000;border-right:2px solid var(--t-green);
    transform:translateX(-110%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
    z-index:99;padding:16px 18px;overflow-y:auto;
    box-shadow:0 0 30px rgba(0,255,102,.25);
}
.trm-drawer.is-open{transform:translateX(0)}
.trm-drawer__head{
    display:flex;justify-content:space-between;align-items:center;
    padding-bottom:10px;border-bottom:1px dashed var(--t-line);color:var(--t-amber);
    font-size:13px;
}
.trm-drawer__head button{background:none;border:none;color:var(--t-red);font-family:var(--t-mono);font-size:12px;cursor:pointer}
.trm-drawer__list{list-style:none;padding:0;margin:14px 0 14px;display:flex;flex-direction:column;gap:2px}
.trm-drawer__list li{display:flex;align-items:center;gap:6px}
.trm-drawer__sym{color:var(--t-green);font-weight:700}
.trm-drawer__list li a{flex:1;padding:6px 4px;color:#9bd6ae;font-size:13px;border-bottom:1px dashed transparent;transition:all .15s}
.trm-drawer__list li a:hover{color:var(--t-green-2);border-bottom-color:var(--t-green);text-shadow:0 0 6px var(--t-green)}
.trm-drawer__foot{padding-top:10px;border-top:1px dashed var(--t-line);color:var(--t-muted);font-size:11px}
.trm-overlay{
    position:fixed;inset:0;background:rgba(0,255,102,.04);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .25s;z-index:98;
}
.trm-overlay.is-open{opacity:1;pointer-events:auto}

/* -------- main container -------- */
.trm-main{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:24px 22px}

/* -------- terminal window (hero) -------- */
.trm-hero{padding:8px 0 20px}
.trm-win{
    border:1px solid var(--t-green);border-radius:8px;background:rgba(5,12,8,.85);
    box-shadow:0 0 30px rgba(0,255,102,.18),inset 0 0 50px rgba(0,255,102,.05);
    overflow:hidden;animation:trm-flicker 6s linear infinite;
}
.trm-win__topbar{
    display:flex;align-items:center;gap:10px;
    padding:8px 14px;background:#0c1410;border-bottom:1px solid var(--t-line);
}
.trm-dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.trm-dot--r{background:#ff5f57}.trm-dot--y{background:#febc2e}.trm-dot--g{background:#28c840}
.trm-win__title{flex:1;text-align:center;color:var(--t-muted);font-size:12px}
.trm-win__meta{color:var(--t-amber);font-size:11px}
.trm-win__body{padding:18px 22px}
.trm-line{margin:4px 0;font-size:13.5px;color:#9bd6ae;line-height:1.7}
.trm-prompt{color:var(--t-amber);font-weight:600;margin-right:6px}
.trm-line--ok{color:var(--t-green)}
.trm-line--ok::before{content:"";display:inline-block;width:8px;height:8px;background:var(--t-green);border-radius:50%;margin-right:6px;box-shadow:0 0 6px var(--t-green)}
.trm-line--note{color:var(--t-muted)}
.trm-banner{
    color:var(--t-green);font-size:12px;line-height:1.2;margin:14px 0;
    text-shadow:0 0 8px rgba(0,255,102,.6);overflow-x:auto;
}
.trm-hero__h{
    margin:18px 0 10px;font-size:clamp(24px,3.4vw,40px);color:#fff;font-weight:700;
    text-shadow:0 0 18px rgba(0,255,102,.4);letter-spacing:-.01em;line-height:1.2;
}
.trm-hero__p{
    margin:0 0 18px;font-size:15px;color:#a8cdb6;max-width:780px;line-height:1.65;
}
.trm-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.trm-hero__bars{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}
.trm-bar{display:flex;align-items:center;gap:10px;font-size:12px}
.trm-bar__k{flex:0 0 64px;color:var(--t-amber);text-transform:uppercase;letter-spacing:.08em}
.trm-bar__t{flex:1;height:10px;background:#091410;border:1px solid var(--t-line);overflow:hidden;position:relative}
.trm-bar__t i{display:block;height:100%;background:linear-gradient(90deg,var(--t-green) 0,var(--t-green-2) 100%);box-shadow:0 0 12px var(--t-green)}
.trm-bar__v{flex:0 0 60px;color:var(--t-green-2);font-weight:700;text-align:right}

/* -------- buttons -------- */
.trm-btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:9px 16px;font-family:var(--t-mono);font-size:13px;font-weight:600;
    border:1px solid var(--t-green);transition:all .15s;cursor:pointer;letter-spacing:.02em;
}
.trm-btn--solid{background:var(--t-green);color:#000;text-shadow:none;box-shadow:0 0 12px rgba(0,255,102,.4)}
.trm-btn--solid:hover{background:var(--t-green-2);box-shadow:0 0 18px var(--t-green)}
.trm-btn--line{background:transparent;color:var(--t-green)}
.trm-btn--line:hover{background:rgba(0,255,102,.12);box-shadow:0 0 12px rgba(0,255,102,.3)}
.trm-btn--ghost{background:transparent;color:var(--t-amber);border-color:var(--t-amber)}
.trm-btn--ghost:hover{background:rgba(255,176,0,.12);color:#ffd24a;box-shadow:0 0 10px rgba(255,176,0,.4)}

/* -------- section shell -------- */
.trm-section{padding:32px 0;border-top:1px dashed var(--t-line)}
.trm-section--alt{background:rgba(0,255,102,.02);border-color:rgba(0,255,102,.18)}
.trm-section__inner{}
.trm-section__head{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;
    padding-bottom:14px;margin-bottom:22px;border-bottom:1px dashed var(--t-line);
}
.trm-section__cmd{color:var(--t-amber);font-size:13px}
.trm-section__h{
    margin:0;font-size:clamp(22px,2.8vw,30px);font-weight:700;color:var(--t-green);
    text-shadow:0 0 14px rgba(0,255,102,.35);
}
.trm-section__count{margin-left:auto;color:var(--t-muted);font-size:12px}

/* -------- 6-card grid -------- */
.trm-grid-6{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.trm-card{
    border:1px solid var(--t-line);background:var(--t-pane);padding:16px 16px 18px;
    position:relative;overflow:hidden;transition:all .18s;
}
.trm-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(0,255,102,.05) 100%);pointer-events:none}
.trm-card:hover{border-color:var(--t-green);box-shadow:0 0 18px rgba(0,255,102,.25);transform:translateY(-2px)}
.trm-card__id{font-size:11px;color:var(--t-amber);letter-spacing:.1em;margin-bottom:6px}
.trm-card__icon{
    font-family:var(--t-mono);font-size:42px;line-height:1;color:var(--t-green);
    text-shadow:0 0 12px var(--t-green);margin-bottom:8px;font-weight:700;
}
.trm-card h3{margin:0 0 6px;font-size:16px;color:#fff;font-weight:700;letter-spacing:.02em}
.trm-card p{margin:0;font-size:13px;color:#9bd6ae;line-height:1.55}

/* -------- banner-bar (ad) -------- */
.trm-banner-bar{
    background:#000;border-top:2px solid var(--t-amber);border-bottom:2px solid var(--t-amber);
    padding:14px 0;position:relative;
}
.trm-banner-bar::before,.trm-banner-bar::after{
    content:"";position:absolute;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,var(--t-amber) 0 12px,transparent 12px 24px);
}
.trm-banner-bar::before{top:-4px}.trm-banner-bar::after{bottom:-4px}
.trm-banner-bar__inner{
    max-width:1240px;margin:0 auto;padding:0 22px;
    display:flex;flex-wrap:wrap;align-items:center;gap:12px;
}
.trm-banner-bar__tag{color:var(--t-red);font-weight:700;letter-spacing:.1em;text-shadow:0 0 8px var(--t-red);animation:trm-blink 1s linear infinite}
.trm-banner-bar__txt{flex:1;color:var(--t-amber);font-size:14px}
.trm-banner-bar__cta{
    padding:8px 16px;background:var(--t-amber);color:#000;font-weight:700;letter-spacing:.04em;
    border:1px solid var(--t-amber);transition:all .15s;
}
.trm-banner-bar__cta:hover{background:#ffd24a;box-shadow:0 0 14px var(--t-amber);color:#000}

/* -------- gallery (game tiles) -------- */
.trm-gallery{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.trm-tile{
    border:1px solid var(--t-line);background:var(--t-pane);
    display:flex;flex-direction:column;transition:all .18s;
}
.trm-tile:hover{border-color:var(--t-green);box-shadow:0 0 18px rgba(0,255,102,.2)}
.trm-tile__media{position:relative;border-bottom:1px solid var(--t-line);overflow:hidden}
.trm-tile__media mip-img{filter:brightness(.85) saturate(.7) hue-rotate(45deg);transition:filter .25s}
.trm-tile:hover .trm-tile__media mip-img{filter:brightness(1) saturate(1.2) hue-rotate(0deg)}
.trm-tile__badge{
    position:absolute;top:8px;left:8px;background:#000;color:var(--t-green);
    padding:2px 8px;font-size:10px;border:1px solid var(--t-green);letter-spacing:.08em;
}
.trm-tile__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.trm-tile__cmd{font-size:11px;color:var(--t-amber);letter-spacing:.04em}
.trm-tile__h{margin:0;font-size:15px;color:#fff;font-weight:700}
.trm-tile__h a:hover{color:var(--t-green-2)}
.trm-tile__p{margin:0;font-size:12.5px;color:#9bd6ae;line-height:1.55}

/* -------- log feed -------- */
.trm-log{display:flex;flex-direction:column;border:1px solid var(--t-line);background:#04080a}
.trm-log__row{
    display:grid;grid-template-columns:200px 60px 1fr 100px;gap:14px;
    padding:9px 14px;border-bottom:1px dashed var(--t-line);align-items:center;font-size:13px;
    transition:background .15s;
}
.trm-log__row:last-child{border-bottom:none}
.trm-log__row:hover{background:rgba(0,255,102,.04)}
.trm-log__ts{color:var(--t-muted);font-size:12px}
.trm-log__lvl{
    text-align:center;padding:2px 6px;font-size:11px;letter-spacing:.08em;font-weight:700;
}
.trm-log__lvl--info{background:rgba(95,179,255,.15);color:var(--t-blue);border:1px solid var(--t-blue)}
.trm-log__msg{color:#c8f0d4;font-size:13.5px}
.trm-log__msg a{color:var(--t-green);font-weight:600}
.trm-log__view{color:var(--t-amber);font-size:11px;text-align:right}

/* -------- doc -------- */
.trm-doc{
    border:1px solid var(--t-line);background:#04080a;padding:20px 24px;
    box-shadow:inset 0 0 30px rgba(0,255,102,.03);
}
.trm-doc__head{
    color:var(--t-amber);font-size:13px;padding-bottom:10px;margin-bottom:14px;
    border-bottom:1px dashed var(--t-line);
}
.trm-doc__body{font-size:14px;line-height:1.75;max-width:880px;margin:0 auto}
.trm-doc__body h2{color:var(--t-green-2);font-size:22px;margin:0 0 10px;font-weight:700;text-shadow:0 0 10px rgba(0,255,102,.3)}
.trm-doc__body h3{color:var(--t-amber);font-size:17px;margin:1.4em 0 .4em;font-weight:600}
.trm-doc__body p{color:#a8cdb6}
.trm-doc__body ul{padding-left:20px;color:#a8cdb6}
.trm-doc__body ul li{margin-bottom:5px}
.trm-doc__body ul li::marker{color:var(--t-green)}

/* -------- FAQ -------- */
.trm-faq{list-style:none;padding:0;margin:0;border:1px solid var(--t-line);background:#04080a}
.trm-faq li{padding:14px 18px;border-bottom:1px dashed var(--t-line)}
.trm-faq li:last-child{border-bottom:none}
.trm-faq__q{color:var(--t-green-2);font-weight:700;font-size:14px;margin-bottom:6px}
.trm-faq__a{color:#a8cdb6;font-size:13.5px;line-height:1.6;padding-left:14px;border-left:2px solid var(--t-amber)}

/* -------- archive -------- */
.trm-archive{padding:20px 0}
.trm-archive__path{font-size:12px;color:var(--t-muted);margin-bottom:8px}
.trm-archive__path a{color:var(--t-blue)}
.trm-archive__path span{color:var(--t-amber)}
.trm-archive__h{margin:0;font-size:clamp(28px,3.4vw,42px);color:var(--t-green);text-shadow:0 0 18px rgba(0,255,102,.35);font-weight:700}
.trm-archive__desc{margin:8px 0 0;color:#9bd6ae;font-size:14px}
.trm-archive__cmd{margin:14px 0 18px;color:var(--t-amber);font-size:13px;padding:8px 12px;border:1px dashed var(--t-line);background:#04080a}
.trm-archive__layout{display:grid;grid-template-columns:1fr 320px;gap:28px}

.trm-row{
    display:grid;grid-template-columns:64px 1fr 220px;gap:14px;align-items:start;
    padding:18px 14px;border:1px solid var(--t-line);background:var(--t-pane);margin-bottom:12px;
    transition:all .18s;
}
.trm-row:hover{border-color:var(--t-green);box-shadow:0 0 16px rgba(0,255,102,.18)}
.trm-row__id{color:var(--t-amber);font-size:14px;font-weight:600}
.trm-row__meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--t-muted);font-size:11px;margin-bottom:6px}
.trm-row__perm{color:var(--t-green)}
.trm-row__own{color:var(--t-blue)}
.trm-row__sz{color:var(--t-amber)}
.trm-row__h{margin:0 0 6px;font-size:17px;color:#fff;font-weight:700}
.trm-row__h a:hover{color:var(--t-green-2)}
.trm-row__p{margin:0;font-size:13px;color:#9bd6ae;line-height:1.6}
.trm-row__more{display:inline-block;margin-top:8px;font-size:12px;color:var(--t-amber)}
.trm-row__fig{border:1px solid var(--t-line);overflow:hidden}
.trm-row__fig mip-img{filter:brightness(.85) saturate(.7) hue-rotate(45deg)}

.trm-pagination{padding:18px 0;text-align:center;font-size:13px}
.trm-pagination a,.trm-pagination span,.trm-pagination strong{
    display:inline-block;padding:5px 10px;margin:2px;border:1px solid var(--t-line);color:#9bd6ae;
}
.trm-pagination a:hover,.trm-pagination .current,.trm-pagination strong{background:var(--t-green);color:#000;border-color:var(--t-green)}

.trm-side{border:1px solid var(--t-line);background:var(--t-pane);padding:14px;margin-bottom:14px}
.trm-side__h{color:var(--t-amber);font-size:13px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px dashed var(--t-line)}
.trm-side__rank{list-style:none;padding:0;margin:0}
.trm-side__rank li{display:flex;gap:8px;padding:9px 0;border-bottom:1px dashed var(--t-line);align-items:flex-start;font-size:12.5px}
.trm-side__rank li:last-child{border-bottom:none}
.trm-side__id{color:var(--t-green);font-weight:700;flex:0 0 32px}
.trm-side__t{display:block;color:#c8f0d4;font-weight:600;line-height:1.4}
.trm-side__d{display:block;color:var(--t-muted);font-size:11px;margin-top:2px}
.trm-side__rank a:hover .trm-side__t{color:var(--t-green-2)}
.trm-side--cli .trm-side__tip{color:#9bd6ae;font-size:13px;line-height:1.6;margin:0}

/* -------- story -------- */
.trm-story{padding:0 0 20px}
.trm-story__head{background:rgba(0,255,102,.02);border-bottom:1px dashed var(--t-line);padding:24px 0 18px}
.trm-story__inner{max-width:880px;margin:0 auto;padding:0 22px}
.trm-story__path{font-size:12px;color:var(--t-muted);margin-bottom:8px}
.trm-story__path a{color:var(--t-blue)}
.trm-story__path span{color:var(--t-amber)}
.trm-story__deck{color:var(--t-amber);font-size:12px;padding-bottom:8px;border-bottom:1px dashed var(--t-line);margin-bottom:10px}
.trm-story__h{
    margin:0 0 10px;font-size:clamp(26px,3.6vw,40px);color:var(--t-green);
    text-shadow:0 0 18px rgba(0,255,102,.35);font-weight:700;line-height:1.15;
}
.trm-story__byline{display:flex;flex-wrap:wrap;gap:14px;color:var(--t-muted);font-size:12px}
.trm-story__byline b{color:#fff;font-weight:600}

.trm-story__cover{margin:20px 0;border:1px solid var(--t-line);padding:6px;background:#04080a}
.trm-story__cover figcaption{color:var(--t-muted);font-size:11px;text-align:center;margin-top:6px}
.trm-story__body{font-size:15px;line-height:1.8;padding-top:8px;color:#c8f0d4}
.trm-story__body h2,.trm-story__body h3{color:var(--t-green-2);font-weight:700;margin:1.5em 0 .4em;text-shadow:0 0 10px rgba(0,255,102,.3)}
.trm-story__body h2{font-size:24px}.trm-story__body h3{font-size:18px;color:var(--t-amber);text-shadow:none}
.trm-story__body blockquote{border-left:3px solid var(--t-amber);background:rgba(255,176,0,.06);padding:10px 14px;margin:18px 0;color:#a8cdb6;font-style:italic}
.trm-story__body code{background:#000;color:var(--t-green);padding:1px 6px;border:1px solid var(--t-line);font-size:13px}
.trm-story__body a{color:var(--t-green)}

.trm-story__tags{margin:24px 0 0;padding-top:14px;border-top:1px dashed var(--t-line);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.trm-story__tagslabel{color:var(--t-amber);font-size:12px;margin-right:4px}
.trm-tag{padding:3px 10px;border:1px solid var(--t-green);color:var(--t-green);font-size:12px;transition:all .15s}
.trm-tag:hover{background:var(--t-green);color:#000;box-shadow:0 0 10px var(--t-green)}

.trm-storynav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0 6px;border:1px solid var(--t-line);background:#04080a}
.trm-storynav a{padding:14px 16px;display:block;transition:all .15s}
.trm-storynav__prev{border-right:1px dashed var(--t-line)}
.trm-storynav__next{text-align:right}
.trm-storynav small{color:var(--t-amber);font-size:11px;display:block;margin-bottom:4px}
.trm-storynav p{margin:0;font-size:14px;color:#c8f0d4;line-height:1.4}
.trm-storynav a:hover{background:rgba(0,255,102,.05)}
.trm-storynav a:hover p{color:var(--t-green-2)}

/* -------- 404 -------- */
.trm-404{padding:50px 22px}
.trm-404__inner{max-width:680px;margin:0 auto}
.trm-404__win{
    border:1px solid var(--t-green);background:#04080a;border-radius:8px;
    box-shadow:0 0 30px rgba(0,255,102,.25);overflow:hidden;
}
.trm-404__topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0c1410;border-bottom:1px solid var(--t-line)}
.trm-404__title{flex:1;text-align:center;color:var(--t-muted);font-size:12px}
.trm-404__body{padding:24px 26px}
.trm-404__line{margin:6px 0;font-size:14px;color:#9bd6ae}
.trm-404__line--err{color:var(--t-red)}
.trm-404__hl{color:var(--t-amber)}
.trm-404__err{color:var(--t-red);text-shadow:0 0 6px rgba(255,58,58,.5)}
.trm-404__big{
    font-size:96px;line-height:1;text-align:center;color:var(--t-green);
    text-shadow:0 0 30px rgba(0,255,102,.6);margin:14px 0;font-weight:800;
    animation:trm-flicker 4s linear infinite;
}
.trm-404__cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}

/* -------- footer -------- */
.trm-footer{background:#04080a;border-top:2px solid var(--t-green);margin-top:36px;color:#9bd6ae;font-size:13px}
.trm-footer__top{padding:14px 22px 4px}
.trm-footer__ascii{
    color:var(--t-green);white-space:pre;font-size:11px;line-height:1.2;
    text-shadow:0 0 8px rgba(0,255,102,.4);overflow-x:auto;
}
.trm-footer__cols{
    max-width:1240px;margin:0 auto;padding:18px 22px;
    display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr));
}
.trm-footer__col{}
.trm-footer__h{color:var(--t-amber);font-size:13px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px dashed var(--t-line)}
.trm-footer__p{margin:0 0 8px;font-size:12.5px;color:#a8cdb6;line-height:1.55}
.trm-footer__hl{color:var(--t-green-2)}
.trm-footer__list{list-style:none;padding:0;margin:0}
.trm-footer__list li{padding:4px 0;font-size:12.5px;display:flex;gap:6px}
.trm-footer__list li span{color:var(--t-green)}
.trm-footer__list li a{color:#a8cdb6}
.trm-footer__list li a:hover{color:var(--t-green-2)}
.trm-footer__bottom{
    max-width:1240px;margin:0 auto;padding:12px 22px;border-top:1px dashed var(--t-line);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--t-muted);
}
.trm-footer__bottom a{color:var(--t-green)}

/* -------- back to top -------- */
.trm-backtop{
    position:fixed;right:20px;bottom:20px;z-index:50;
    padding:8px 14px;background:#000;color:var(--t-green);
    border:1px solid var(--t-green);font-size:12px;
    transition:all .15s;
}
.trm-backtop:hover{background:rgba(0,255,102,.1);box-shadow:0 0 12px rgba(0,255,102,.4);color:var(--t-green-2)}

/* -------- logo auto fit -------- */
a[class*="logo"]:not([class*="logout"]),
div[class*="logo"]:not([class*="logout"]){
    display:inline-flex;align-items:center;max-width:200px;overflow:hidden;
}
[class*="logo"]:not([class*="logout"]) img,
[class*="logo"]:not([class*="logout"]) mip-img{
    max-height:40px;width:auto !important;height:auto;object-fit:contain;
}

/* -------- responsive -------- */
@media (max-width:1100px){
    .trm-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}
    .trm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
    .trm-archive__layout{grid-template-columns:1fr}
    .trm-row{grid-template-columns:50px 1fr}
    .trm-row__fig{display:none}
    .trm-log__row{grid-template-columns:160px 50px 1fr;font-size:12px}
    .trm-log__view{display:none}
}
@media (max-width:900px){
    .trm-statusbar{font-size:10px;padding:4px 12px;gap:8px}
    .trm-statusbar__seg--right{display:none}
    .trm-header__bar{padding:10px 14px}
    .trm-header__brand{font-size:13px}
    .trm-header__logo{padding:3px 8px}
    .trm-header__logo mip-img{max-height:26px}
    .trm-nav__list{display:none;flex-direction:column;width:100%;border-top:1px dashed var(--t-line);padding:0}
    .trm-nav__list.is-open{display:flex}
    .trm-nav__list li+li::before{display:none}
    .trm-nav__list li{border-bottom:1px dashed var(--t-line)}
    .trm-nav__toggle{display:inline-block;margin:6px 14px}
    .trm-nav{padding:0}
    .trm-win__body{padding:14px 16px}
    .trm-banner{font-size:9px}
    .trm-hero__h{font-size:22px}
    .trm-hero__cta{gap:6px}
    .trm-btn{padding:7px 12px;font-size:12px}
    .trm-grid-6{grid-template-columns:1fr}
    .trm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
    .trm-log__row{grid-template-columns:1fr;gap:4px}
    .trm-log__lvl{justify-self:start}
    .trm-section__head{flex-direction:column;align-items:flex-start;gap:6px}
    .trm-section__count{margin-left:0}
    .trm-storynav{grid-template-columns:1fr}
    .trm-storynav__prev{border-right:none;border-bottom:1px dashed var(--t-line)}
    .trm-storynav__next{text-align:left}
    .trm-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
    .trm-footer__ascii{font-size:9px}
    [class*="logo"]:not([class*="logout"]) img,
    [class*="logo"]:not([class*="logout"]) mip-img{max-height:34px}
}
@media (max-width:560px){
    .trm-scope{font-size:13px}
    .trm-statusbar__seg{display:none}
    .trm-statusbar__dot,.trm-statusbar__seg--ok{display:inline-block}
    .trm-main{padding:18px 14px}
    .trm-header__brand{flex-wrap:wrap;font-size:12px}
    .trm-header__cmd{margin-left:0}
    .trm-win__body{padding:12px 12px}
    .trm-banner{font-size:8px}
    .trm-hero__h{font-size:19px}
    .trm-hero__bars{grid-template-columns:1fr;max-width:100%}
    .trm-bar__k{flex:0 0 50px}
    .trm-gallery{grid-template-columns:1fr}
    .trm-banner-bar__inner{flex-direction:column;text-align:center}
    .trm-archive__h{font-size:24px}
    .trm-row{grid-template-columns:40px 1fr;padding:12px 10px}
    .trm-footer__cols{grid-template-columns:1fr}
    .trm-404__big{font-size:64px}
    [class*="logo"]:not([class*="logout"]) img,
    [class*="logo"]:not([class*="logout"]) mip-img{max-height:28px}
}