  :root{--ink:#16130f;--paper:#f3e9d6;--paper2:#ece0c8;--red:#ff3b1f;--teal:#13929c;--gold:#f5b916;--pink:#f2557f;--blue:#2b4cff;
    --shadow:6px 6px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);}
  *{box-sizing:border-box;}
  html,body{margin:0;}
  body{background:var(--paper);color:var(--ink);font-family:"Fraunces",Georgia,serif;
    background-image:radial-gradient(var(--ink) .6px,transparent .7px);background-size:7px 7px;background-blend-mode:soft-light;}
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  a{color:inherit;text-decoration:none;cursor:pointer;}
  .mono{font-family:"DM Mono",monospace;}

  /* MASTHEAD */
  header.mast{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:4px solid var(--ink);}
  .mast-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;flex-wrap:wrap;}
  .logo{font-weight:900;font-size:clamp(26px,4vw,42px);letter-spacing:-1.5px;line-height:.8;cursor:pointer;}
  .logo .o{color:var(--red);}
  .logo small{display:block;font-size:12px;font-style:italic;font-weight:500;letter-spacing:0;opacity:.75;margin-top:3px;}
  nav{display:flex;gap:8px;flex-wrap:wrap;}
  nav a{font-family:"DM Mono";font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:7px 13px;border:2.5px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:var(--shadow-sm);}
  nav a.on{background:var(--ink);color:var(--paper);}
  nav a:active{transform:translate(2px,2px);box-shadow:none;}
  .burger{display:none;background:var(--paper);border:2.5px solid var(--ink);border-radius:8px;font-size:18px;line-height:1;padding:6px 12px;cursor:pointer;box-shadow:var(--shadow-sm);color:var(--ink);}
  .burger:active{transform:translate(2px,2px);box-shadow:none;}

  /* TIME MACHINE */
  .tm{display:flex;align-items:center;gap:14px;padding:8px 22px 12px;border-top:1px dashed var(--ink);flex-wrap:wrap;}
  .tm-badge{font-family:"DM Mono";font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:7px;white-space:nowrap;}
  .tm-date{font-weight:900;font-size:20px;letter-spacing:-.5px;min-width:190px;}
  .tm-live{font-family:"DM Mono";font-size:11px;border:2px solid var(--ink);border-radius:999px;padding:3px 10px;cursor:pointer;background:var(--gold);}
  .tm-live.is-live{background:var(--red);color:var(--paper);}
  .tm-wrap{flex:1;min-width:240px;}
  .hist{display:flex;align-items:flex-end;gap:2px;height:26px;margin-bottom:2px;}
  .hist b{flex:1;background:var(--ink);opacity:.22;border-radius:2px 2px 0 0;min-height:2px;transition:opacity .2s,background .2s;}
  .hist b.lit{opacity:1;background:var(--red);}
  input[type=range]{width:100%;accent-color:var(--red);cursor:pointer;}

  /* LAYOUT */
  main{max-width:1140px;margin:0 auto;padding:26px 22px 80px;}
  .crumb{font-family:"DM Mono";font-size:12px;opacity:.7;margin-bottom:16px;}
  .crumb a{color:var(--blue);}

  /* STORY CARD */
  .lead{border:3px solid var(--ink);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);margin-bottom:26px;display:grid;grid-template-columns:1.05fr 1fr;}
  @media(max-width:760px){.lead{grid-template-columns:1fr;}}
  .lead .pic{position:relative;border-right:3px solid var(--ink);min-height:240px;background:var(--paper2);}
  @media(max-width:760px){.lead .pic{border-right:none;border-bottom:3px solid var(--ink);}}
  .lead .pic img{width:100%;height:100%;object-fit:cover;display:block;}
  .lead .txt{padding:22px 24px;display:flex;flex-direction:column;}
  .lead h1{font-size:clamp(24px,3vw,34px);line-height:1.02;font-weight:900;letter-spacing:-.5px;margin:8px 0 12px;}
  .lead p{font-size:16px;line-height:1.5;margin:0 0 14px;}

  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px;}
  .card{border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;}
  .card .pic{aspect-ratio:4/3;border-bottom:3px solid var(--ink);background:var(--paper2);overflow:hidden;position:relative;}
  .card .pic img{width:100%;height:100%;object-fit:cover;display:block;}
  .card .b{padding:14px 16px 12px;display:flex;flex-direction:column;flex:1;}
  .card h2{font-size:19px;line-height:1.08;font-weight:900;margin:6px 0 8px;}
  .card p{font-size:13.5px;line-height:1.45;margin:0 0 12px;opacity:.92;}

  .ribbon{position:absolute;top:10px;left:10px;font-family:"DM Mono";font-size:10px;letter-spacing:.5px;text-transform:uppercase;
    background:var(--ink);color:var(--paper);padding:4px 9px;border-radius:6px;}
  .ribbon b{color:var(--gold);}
  .meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:"DM Mono";font-size:11px;}
  .meta .src{opacity:.6;}
  .chip{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--ink);border-radius:999px;padding:2px 9px 2px 3px;font-weight:600;font-family:"Fraunces";font-size:12.5px;background:var(--paper);}
  .chip .dot{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:9px;font-weight:900;font-family:"DM Mono";}
  .chip.place{padding-left:9px;}
  .ai{font-family:"DM Mono";font-size:9px;border:1.5px dashed var(--ink);border-radius:5px;padding:2px 6px;opacity:.65;letter-spacing:.5px;}
  .langchip{font-family:"DM Mono";font-size:10px;border:2px solid var(--ink);border-radius:999px;padding:2px 8px;background:var(--gold);font-weight:600;}
  .gloss{font-family:"DM Mono";font-size:11.5px;font-style:italic;opacity:.72;margin:-2px 0 12px;display:flex;gap:6px;line-height:1.35;}

  /* ENTITY PAGE */
  .ent-head{border:3px solid var(--ink);border-radius:16px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:8px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;}
  .av{width:84px;height:84px;border-radius:50%;border:4px solid var(--paper);display:grid;place-items:center;font-weight:900;font-size:38px;flex:none;color:#fff;font-family:"Fraunces";}
  .ent-head h1{margin:0 0 4px;font-size:30px;letter-spacing:-.5px;}
  .ent-head .kind{font-family:"DM Mono";font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.6;}
  .ent-head .bio{font-size:16px;font-style:italic;margin:8px 0 14px;max-width:600px;opacity:.95;}
  .arc{margin:4px 0 10px;}
  .arc .lab{font-family:"DM Mono";font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.8;margin-bottom:4px;}
  .arc .bar{height:14px;border:2px solid var(--paper);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.1);max-width:420px;}
  .arc .fill{height:100%;background:var(--red);}
  .ladder{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;font-family:"DM Mono";font-size:10px;}
  .ladder span{padding:3px 8px;border:1.5px solid var(--paper);border-radius:6px;opacity:.45;}
  .ladder span.now{opacity:1;background:var(--red);border-color:var(--red);}
  .gags{display:flex;flex-direction:column;gap:5px;margin-top:6px;}
  .gags .g{font-family:"DM Mono";font-size:12px;display:flex;gap:8px;}
  .gags .g::before{content:"↻";color:var(--gold);}
  .rel{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

  .recap{border:3px solid var(--ink);border-left:10px solid var(--red);border-radius:12px;background:var(--gold);padding:13px 18px;margin:18px 0 22px;}
  .recap b{font-family:"DM Mono";font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:4px;}
  .recap p{margin:0;font-size:15px;line-height:1.4;font-style:italic;}

  .sec-h{font-family:"DM Mono";font-size:13px;letter-spacing:2px;text-transform:uppercase;border-bottom:3px solid var(--ink);padding-bottom:6px;margin:8px 0 20px;}

  /* TIMELINE (saga) */
  .tl{position:relative;padding-left:34px;}
  .tl::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:3px;background:var(--ink);}
  .tl .node{position:relative;margin-bottom:22px;}
  .tl .node::before{content:"";position:absolute;left:-29px;top:8px;width:15px;height:15px;border-radius:50%;background:var(--red);border:3px solid var(--ink);}
  .tl .beat{font-family:"DM Mono";font-size:10px;letter-spacing:1px;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:2px 8px;border-radius:5px;display:inline-block;margin-bottom:6px;}
  .tl .date{font-family:"DM Mono";font-size:11px;opacity:.6;margin-left:8px;}
  .tl .tlcard{display:grid;grid-template-columns:160px 1fr;gap:14px;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-sm);}
  @media(max-width:620px){.tl .tlcard{grid-template-columns:1fr;}}
  .tl .tlcard img{width:100%;height:100%;min-height:110px;object-fit:cover;border-right:2.5px solid var(--ink);}
  @media(max-width:620px){.tl .tlcard img{border-right:none;border-bottom:2.5px solid var(--ink);max-height:160px;}}
  .tl .tlcard .c{padding:12px 14px;}
  .tl .tlcard h3{margin:0 0 6px;font-size:17px;line-height:1.1;font-weight:900;}
  .tl .tlcard p{margin:0;font-size:13px;line-height:1.4;opacity:.9;}

  /* MAP */
  .mapwrap{border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative;background:
    repeating-linear-gradient(0deg,transparent 0 26px,rgba(22,19,15,.03) 26px 27px),var(--paper2);}
  #map{width:100%;display:block;}
  .land{fill:var(--paper);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(3px 4px 0 rgba(22,19,15,.5));}
  .grat{stroke:var(--ink);stroke-width:.5;opacity:.12;fill:none;}
  .pin{cursor:pointer;}
  .pin circle.b{fill:var(--red);stroke:var(--ink);stroke-width:3;filter:drop-shadow(2px 3px 0 var(--ink));}
  .pin text.n{fill:var(--paper);font-family:"DM Mono";font-weight:600;text-anchor:middle;}
  .pin text.lbl{font-family:"DM Mono";font-size:11px;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--paper);stroke-width:3px;font-weight:500;}
  .pin:hover circle.b{fill:var(--gold);}
  .story{max-width:760px;margin:0 auto;}
  .story-pic{position:relative;border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#000;box-shadow:7px 8px 0 rgba(22,19,15,.5);margin-bottom:20px;}
  .story-pic img{width:100%;display:block;}
  .story-h{font-family:"Fraunces";font-weight:600;font-size:clamp(28px,4.4vw,46px);line-height:1.05;margin:6px 0 8px;}
  .story-body{font-size:19px;line-height:1.62;margin:14px 0 8px;}
  .story .meta{margin-top:6px;}
  .saga-nav{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 8px;}
  .saga-nav .sn{flex:1 1 220px;border:2.5px solid var(--ink);border-radius:12px;padding:11px 14px;cursor:pointer;background:var(--paper);box-shadow:4px 4px 0 rgba(22,19,15,.4);text-decoration:none;color:inherit;transition:transform .1s;}
  .saga-nav .sn:hover{transform:translate(-1px,-1px);}
  .saga-nav .sn.nx{text-align:right;}
  .saga-nav .sn.ghost{visibility:hidden;border:none;box-shadow:none;}
  .saga-nav .sn span{font-family:"DM Mono";font-size:11px;opacity:.6;display:block;margin-bottom:3px;}
  .saga-nav .sn b{font-family:"Fraunces";font-size:15px;line-height:1.18;display:block;}
  .mapnote{position:absolute;left:14px;top:12px;font-family:"DM Mono";font-size:11px;background:var(--ink);color:var(--paper);padding:6px 11px;border-radius:7px;letter-spacing:.5px;}

  footer{border-top:4px solid var(--ink);padding:16px 22px;font-family:"DM Mono";font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;opacity:.85;}
  .warn{color:var(--red);font-weight:600;}
  .reveal{animation:rise .5s ease backwards;}
  /* per-day wire: each day is its own block, scroll back through time */
  .dayhdr{display:flex;align-items:baseline;gap:9px;margin:34px 0 15px;padding-bottom:7px;border-bottom:2.5px solid var(--ink);font:700 20px Georgia,serif;letter-spacing:.2px;}
  .dayhdr span{font:600 11px "DM Mono",monospace;letter-spacing:.5px;opacity:.55;text-transform:uppercase;}
  .dayblk:first-child .dayhdr{margin-top:4px;}
  .moredays{text-align:center;margin:26px 0;font:600 12px "DM Mono",monospace;letter-spacing:1px;opacity:.5;text-transform:uppercase;}
  .wireend{text-align:center;margin:32px 0 12px;font:600 11px "DM Mono",monospace;letter-spacing:1.5px;opacity:.4;text-transform:uppercase;}
  /* country/edition selector */
  .editions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;}
  .edpill{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:5px 13px;font:600 12.5px "DM Mono",monospace;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .08s;}
  .edpill:hover{transform:translateY(-1px);}
  .edpill.on{background:var(--ink);color:var(--paper);}
  /* display-language selector (mirrors .editions/.edpill) */
  .langs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;}
  .langpill{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:5px 13px;font:600 12.5px "DM Mono",monospace;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .08s;}
  .langpill:hover{transform:translateY(-1px);}
  .langpill.on{background:var(--ink);color:var(--paper);}
  .sellabel{font:700 10px "DM Mono",monospace;letter-spacing:1px;text-transform:uppercase;opacity:.5;margin-right:4px;}
  .langnote{font:600 11px "DM Mono",monospace;letter-spacing:.2px;opacity:.6;font-style:italic;}
  /* mobile: collapse Edition + Language behind a toggle (desktop shows them inline) */
  .seltoggle{display:none;background:var(--paper);border:2.5px solid var(--ink);border-radius:8px;padding:8px 14px;font:600 13px "DM Mono",monospace;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);margin:0 0 12px;align-items:center;gap:8px;}
  @media(max-width:760px){
    .seltoggle{display:inline-flex;}
    .selectors{display:none;}
    .selectors.open{display:block;animation:rise .2s ease;}
  }
  @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

  /* ORACLE */
  .or-intro{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px;}
  .or-intro .blurb{flex:1;min-width:260px;font-size:15px;line-height:1.45;font-style:italic;opacity:.9;}
  .pred{border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);padding:18px 20px 16px;margin-bottom:22px;display:flex;flex-direction:column;}
  .pred .ptop{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:"DM Mono";font-size:11px;margin-bottom:8px;}
  .pred .closes{opacity:.6;}
  .pred .closes.shut{color:var(--red);opacity:1;font-weight:600;}
  .pred h2{font-size:20px;line-height:1.1;font-weight:900;margin:2px 0 6px;letter-spacing:-.3px;}
  .pred .stake{font-family:"Fraunces";font-style:italic;font-size:14px;opacity:.85;margin:0 0 14px;display:flex;gap:7px;align-items:baseline;}
  .pred .stake::before{content:"🎲";font-style:normal;}
  .opts{display:flex;flex-direction:column;gap:9px;}
  .opt{position:relative;display:flex;align-items:center;gap:10px;border:2.5px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:var(--shadow-sm);
    padding:10px 13px;cursor:pointer;font-family:"Fraunces";font-size:15px;font-weight:600;text-align:left;width:100%;overflow:hidden;transition:transform .08s;}
  .opt .fillbar{position:absolute;inset:0;background:var(--teal);opacity:.16;width:0;transition:width .55s cubic-bezier(.2,.8,.2,1);z-index:0;}
  .opt .olab,.opt .opct{position:relative;z-index:1;}
  .opt .olab{flex:1;}
  .opt .opct{font-family:"DM Mono";font-size:12px;opacity:.6;min-width:38px;text-align:right;}
  .opt:hover{transform:translate(-1px,-1px);}
  .opt:active{transform:translate(2px,2px);box-shadow:none;}
  .pred.voted .opt{cursor:default;}
  .pred.voted .opt:hover{transform:none;}
  .opt.mine{border-color:var(--red);box-shadow:4px 4px 0 var(--red);}
  .opt.mine .fillbar{background:var(--red);opacity:.18;}
  .opt.mine .opct{opacity:1;font-weight:600;}
  .opt .mark{position:relative;z-index:1;width:18px;height:18px;border:2.5px solid var(--ink);border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-family:"DM Mono";}
  .opt.mine .mark{background:var(--red);color:var(--paper);border-color:var(--red);}
  .pred .odds-note{font-family:"DM Mono";font-size:10.5px;letter-spacing:.5px;opacity:.55;margin-top:11px;display:flex;gap:7px;align-items:center;}
  .pred .revote{font-family:"DM Mono";font-size:11px;color:var(--blue);cursor:pointer;}
  .pred .revote:hover{text-decoration:underline;}
  .pred .links{margin-top:11px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-family:"DM Mono";font-size:11px;}

  .betbox{border:3px dashed var(--ink);border-radius:14px;background:var(--paper2);padding:18px 20px;margin:8px 0 4px;}
  .betbox h3{margin:0 0 4px;font-size:18px;font-weight:900;}
  .betbox p{margin:0 0 12px;font-size:13.5px;line-height:1.4;font-style:italic;opacity:.85;}
  .betrow{display:flex;gap:10px;flex-wrap:wrap;}
  .betrow input{flex:1;min-width:200px;font-family:"Fraunces";font-size:15px;padding:10px 13px;border:2.5px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);}
  .betrow input:focus{outline:none;box-shadow:4px 4px 0 var(--red);}
  .betrow button{font-family:"DM Mono";font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:10px 18px;border:2.5px solid var(--ink);border-radius:10px;background:var(--gold);cursor:pointer;box-shadow:var(--shadow-sm);font-weight:600;}
  .betrow button:active{transform:translate(2px,2px);box-shadow:none;}
  .betconf{font-family:"DM Mono";font-size:12px;margin-top:11px;color:var(--teal);font-weight:600;min-height:16px;}
  .mybets{margin-top:13px;display:flex;flex-direction:column;gap:6px;}
  .mybets .mb{font-family:"DM Mono";font-size:12px;display:flex;gap:8px;align-items:baseline;border-left:3px solid var(--red);padding-left:9px;}
  .mybets .mb .x{color:var(--red);cursor:pointer;opacity:.6;}
  .mybets .mb .x:hover{opacity:1;}

  /* RECAPS */
  .rc-period{margin:8px 0 26px;}
  .recapcard{border:3px solid var(--ink);border-left:10px solid var(--red);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);padding:18px 22px;margin-bottom:20px;}
  .recapcard .rtop{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:"DM Mono";font-size:11px;margin-bottom:7px;}
  .recapcard .rtop .when{opacity:.6;letter-spacing:1px;text-transform:uppercase;}
  .recapcard h2{font-size:23px;line-height:1.05;font-weight:900;letter-spacing:-.4px;margin:2px 0 10px;}
  .recapcard .rbody{font-size:15.5px;line-height:1.5;margin:0 0 4px;}
  .recapcard .covers{margin-top:14px;}
  .recapcard .covers .lab{font-family:"DM Mono";font-size:10px;letter-spacing:1.5px;text-transform:uppercase;opacity:.6;margin-bottom:7px;}
  .recapcard .covers ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
  .recapcard .covers li{display:flex;gap:9px;align-items:baseline;font-size:14px;line-height:1.25;}
  .recapcard .covers li::before{content:"›";color:var(--red);font-weight:900;font-family:"DM Mono";}
  .recapcard .covers li a{border-bottom:2px solid var(--gold);}
  .recapcard .covers li a:hover{background:var(--gold);}
  .recapcard .covers li .dead{opacity:.5;font-style:italic;}

  .empty{border:3px dashed var(--ink);border-radius:16px;background:var(--paper2);padding:38px 26px;text-align:center;box-shadow:var(--shadow);}
  .empty .big{font-size:46px;line-height:1;margin-bottom:12px;}
  .empty h2{font-size:22px;font-weight:900;margin:0 0 8px;}
  .empty p{font-size:14.5px;line-height:1.5;font-style:italic;opacity:.85;max-width:440px;margin:0 auto;}

  /* SEARCH BAR (wire) */
  .searchbar{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:var(--shadow-sm);padding:8px 14px;margin-bottom:22px;}
  .searchbar .si{font-size:16px;opacity:.7;}
  .searchbar input{flex:1;border:none;background:transparent;font-family:"Fraunces";font-size:17px;color:var(--ink);padding:4px 0;min-width:80px;}
  .searchbar input:focus{outline:none;}
  .searchbar input::placeholder{opacity:.5;font-style:italic;}
  .searchbar .sclear{font-family:"DM Mono";font-size:11px;color:var(--red);cursor:pointer;white-space:nowrap;}
  .searchbar .sclear:hover{text-decoration:underline;}
  .searchbar .scount{font-family:"DM Mono";font-size:11px;opacity:.55;white-space:nowrap;min-width:78px;text-align:right;}

  /* BIG BOARD (leaderboard) */
  .board .bsub-intro{font-style:italic;opacity:.9;font-size:15px;line-height:1.45;margin:6px 0 18px;}
  .awards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;}
  .award{flex:1;min-width:185px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-sm);padding:12px 15px;cursor:pointer;transition:transform .1s;}
  .award:hover{transform:translate(-1px,-1px);}
  .award .lab{font-family:"DM Mono";font-size:10px;letter-spacing:1.2px;text-transform:uppercase;opacity:.6;margin-bottom:7px;}
  .award .who{display:flex;align-items:center;gap:8px;}
  .award .who .em{font-size:22px;line-height:1;}
  .award .who .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px;font-family:"Fraunces";flex:none;border:2.5px solid var(--ink);}
  .award .who b{font-size:16px;font-weight:900;line-height:1.05;}
  .brow{display:grid;grid-template-columns:34px 46px 1fr auto;gap:13px;align-items:center;border:2.5px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:var(--shadow-sm);padding:10px 15px;margin-bottom:11px;cursor:pointer;transition:transform .1s;}
  .brow:hover{transform:translate(-1px,-1px);}
  .brow.top{border-color:var(--gold);box-shadow:4px 4px 0 var(--gold);background:linear-gradient(0deg,var(--paper),#fff7e2);}
  .brank{font-family:"DM Mono";font-weight:600;font-size:16px;text-align:center;opacity:.7;}
  .brow.top .brank{opacity:1;font-size:20px;}
  .bav{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;font-family:"Fraunces";border:3px solid var(--ink);flex:none;}
  .bmain .bname{font-weight:900;font-size:18px;line-height:1.05;}
  .bmain .bkind{font-family:"DM Mono";font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;opacity:.55;margin-top:2px;}
  .bmini{height:7px;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:rgba(22,19,15,.07);max-width:210px;margin-top:6px;}
  .bmini i{display:block;height:100%;background:var(--red);}
  .bstat{display:flex;gap:16px;align-items:center;text-align:right;}
  .bcount{font-family:"DM Mono";font-weight:600;font-size:22px;line-height:1;}
  .bcount span{display:block;font-size:9px;letter-spacing:1px;opacity:.5;font-weight:400;margin-top:2px;}
  .bmom{font-family:"DM Mono";font-size:13px;font-weight:600;min-width:34px;}
  .bmom.up{color:var(--teal);} .bmom.dn{color:var(--red);} .bmom.flat{opacity:.35;}

  /* SAGAS index */
  .sagagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px;}
  .sagacard{border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;transition:transform .1s;}
  .sagacard:hover{transform:translate(-1px,-1px);}
  .sgpic{position:relative;aspect-ratio:16/9;border-bottom:3px solid var(--ink);background:var(--paper2);overflow:hidden;}
  .sgpic img{width:100%;height:100%;object-fit:cover;display:block;}
  .sgb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;}
  .sgb h2{margin:2px 0 0;font-size:21px;font-weight:900;letter-spacing:-.3px;line-height:1.04;}
  .sgmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
  .ladder.dark span{border-color:var(--ink);opacity:.4;}
  .ladder.dark span.now{background:var(--red);border-color:var(--red);color:#fff;opacity:1;}
  .sglatest{margin:0;font-size:14px;line-height:1.36;}
  .sglatest .lab{font-family:"DM Mono";font-size:9.5px;letter-spacing:1.2px;opacity:.5;display:block;margin-bottom:3px;}

  /* HELP OVERLAY + shortcut chrome */
  .help-ov{position:fixed;inset:0;background:rgba(22,19,15,.6);display:none;place-items:center;z-index:200;padding:20px;}
  .help-ov.show{display:grid;animation:rise .25s ease;}
  .help-card{background:var(--paper);border:4px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);max-width:440px;width:100%;padding:24px 26px;}
  .help-card h2{margin:0 0 4px;font-size:24px;font-weight:900;}
  .help-card .sub{font-family:"DM Mono";font-size:11px;opacity:.6;margin-bottom:16px;letter-spacing:.5px;}
  .help-card table{width:100%;border-collapse:collapse;font-size:14px;}
  .help-card td{padding:6px 0;vertical-align:middle;}
  .help-card td.k{width:118px;white-space:nowrap;}
  .help-card kbd{font-family:"DM Mono";font-size:11.5px;background:var(--ink);color:var(--paper);border-radius:6px;padding:3px 8px;margin-right:4px;box-shadow:2px 2px 0 rgba(22,19,15,.35);display:inline-block;}
  .help-card .done{margin-top:18px;width:100%;font-family:"DM Mono";font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:11px;border:2.5px solid var(--ink);border-radius:10px;background:var(--gold);cursor:pointer;box-shadow:var(--shadow-sm);font-weight:600;}
  .help-card .done:active{transform:translate(2px,2px);box-shadow:none;}
  .kbdhint{cursor:pointer;}
  .kbdhint:hover{color:var(--red);}

  /* "WHAT ACTUALLY HAPPENED" — reveal on cards + panel on story page */
  .reality{margin-top:11px;border:2px dashed var(--ink);border-radius:9px;background:var(--paper2);overflow:hidden;}
  .reality summary{list-style:none;cursor:pointer;font-family:"DM Mono";font-size:11px;letter-spacing:.4px;padding:7px 11px;display:flex;align-items:center;gap:6px;font-weight:600;}
  .reality summary::-webkit-details-marker{display:none;}
  .reality summary::before{content:"▸";color:var(--red);}
  .reality[open] summary::before{content:"▾";}
  .reality summary:hover{color:var(--red);}
  .reality-body{padding:8px 11px 11px;font-size:13px;line-height:1.45;border-top:1px dashed var(--ink);}
  .reality-panel{border:3px solid var(--ink);border-left:10px solid var(--teal);border-radius:12px;background:var(--paper);box-shadow:var(--shadow-sm);padding:15px 18px;margin:22px 0 6px;}
  .reality-panel .rp-h{font-family:"DM Mono";font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:7px;display:flex;gap:7px;align-items:center;}
  .reality-panel p{margin:0;font-size:16px;line-height:1.5;}
  .reality-panel .rp-note{font-family:"DM Mono";font-size:10.5px;opacity:.55;margin-top:9px;font-style:italic;}

  /* PRINT EDITION — old broadsheet */
  .paper-edition{background:#f7f1e2;color:#14110c;border:1px solid #14110c;box-shadow:var(--shadow);padding:24px 30px 30px;margin-top:4px;
    background-image:radial-gradient(#14110c .5px,transparent .6px);background-size:6px 6px;background-blend-mode:soft-light;}
  .phead{border-bottom:4px double #14110c;padding-bottom:8px;margin-bottom:16px;}
  .pmast{font-family:"Fraunces",Georgia,serif;font-weight:900;text-align:center;font-size:clamp(40px,8.5vw,88px);line-height:.86;letter-spacing:-1.5px;margin:6px 0;}
  .prow{display:flex;justify-content:space-between;gap:10px;font-family:"DM Mono";font-size:11px;letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap;}
  .prow.under{border-top:1px solid #14110c;padding-top:6px;margin-top:6px;font-style:italic;text-transform:none;}
  .plead{cursor:pointer;border-bottom:3px solid #14110c;padding-bottom:18px;margin-bottom:18px;}
  .plead-h{font-family:"Fraunces",Georgia,serif;font-weight:900;text-align:center;font-size:clamp(28px,5.2vw,54px);line-height:1.0;margin:4px 0 6px;letter-spacing:-.6px;}
  .pby{font-family:"DM Mono";font-size:10.5px;letter-spacing:.6px;opacity:.72;text-transform:uppercase;margin-bottom:8px;}
  .pby.center{text-align:center;}
  .ht{position:relative;margin:10px 0;border:1px solid #14110c;line-height:0;}
  .ht img{width:100%;display:block;filter:grayscale(1) contrast(1.18) brightness(1.03);mix-blend-mode:multiply;}
  .ht-cap{position:absolute;left:0;bottom:0;background:#14110c;color:#f7f1e2;font-family:"DM Mono";font-size:9px;padding:2px 7px;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;}
  .plead-body{column-count:2;column-gap:26px;font-size:15px;line-height:1.52;text-align:justify;}
  @media(max-width:680px){.plead-body{column-count:1;}}
  .plead-body p{margin:0 0 9px;}
  .plead-body p:first-child::first-letter{float:left;font-family:"Fraunces",Georgia,serif;font-size:56px;line-height:.74;font-weight:900;padding:5px 9px 0 0;}
  .pcols{column-count:3;column-gap:24px;}
  @media(max-width:900px){.pcols{column-count:2;}}
  @media(max-width:560px){.pcols{column-count:1;}}
  .pcol{break-inside:avoid;cursor:pointer;border-top:2px solid #14110c;padding-top:9px;margin:0 0 20px;display:inline-block;width:100%;}
  .ph3{font-family:"Fraunces",Georgia,serif;font-weight:900;font-size:20px;line-height:1.04;margin:0 0 3px;letter-spacing:-.2px;}
  .pcol p{font-size:13px;line-height:1.46;text-align:justify;margin:7px 0 0;}
  .preal{font-family:"DM Mono"!important;font-size:11px!important;line-height:1.42!important;border-left:3px solid var(--red);padding-left:9px;margin-top:9px!important;opacity:.82;text-align:left!important;}
  .preal b{font-family:"Fraunces",Georgia,serif;}
  .pcol:hover .ph3,.plead:hover .plead-h{text-decoration:underline;}
  .pfoot{border-top:4px double #14110c;margin-top:16px;padding-top:9px;text-align:center;font-family:"DM Mono";font-size:9.5px;letter-spacing:1px;text-transform:uppercase;opacity:.7;}
  @media print{ header.mast,footer,.noprint,.help-ov{display:none!important;} body{background:#fff;} body::after{display:none;} main{padding:0;max-width:none;} .paper-edition{border:none;box-shadow:none;} }

  /* THE PEANUT GALLERY — persona comments + threaded arguments */
  .av-c{position:relative;border:2.5px solid var(--ink);border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;background:var(--pc,#ccc);color:#fff;}
  .av-c b{font-weight:900;font-family:"Fraunces";line-height:1;}
  .av-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .gallery{margin-top:28px;}
  .cmt{display:flex;gap:11px;margin:0 0 14px;}
  .cmt-av{width:42px;height:42px;font-size:19px;cursor:pointer;}
  .cmt-body{flex:1;min-width:0;border:2.5px solid var(--ink);border-radius:4px 14px 14px 14px;background:var(--paper);box-shadow:var(--shadow-sm);padding:9px 14px 10px;border-left:5px solid var(--pc,var(--ink));}
  .cmt-head{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin-bottom:3px;}
  .cmt-name{font-weight:900;font-size:14.5px;cursor:pointer;}
  .cmt-name:hover{text-decoration:underline;}
  .cmt-handle{font-family:"DM Mono";font-size:11px;opacity:.55;}
  .cmt-text{font-size:14.5px;line-height:1.42;word-wrap:break-word;}
  .cmt-replies{margin-top:12px;padding-left:13px;border-left:2px dashed rgba(22,19,15,.28);display:flex;flex-direction:column;gap:12px;}
  .cmt-replies .cmt{margin-bottom:0;}
  .cmt-replies .cmt-av{width:34px;height:34px;font-size:15px;}
  .cmt-replies .cmt-body{border-radius:4px 12px 12px 12px;padding:7px 12px 8px;}
  .cmt-replies .cmt-text{font-size:13.5px;}
  .gallery-note{font-family:"DM Mono";font-size:11px;opacity:.62;margin-top:8px;border-top:1px dashed var(--ink);padding-top:10px;}
  .gallery-note a{color:var(--blue);}

  /* PERSONA PROFILE + CAST index */
  .pfp-head{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;border:3px solid var(--ink);border-radius:16px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:10px;border-top:8px solid var(--pc,var(--red));}
  .pfp-av{width:92px;height:92px;font-size:42px;border-width:4px;border-color:var(--paper);}
  .pfp-name{font-size:27px;font-weight:900;letter-spacing:-.4px;line-height:1.05;}
  .pfp-handle{font-family:"DM Mono";font-size:12px;opacity:.6;margin:2px 0 9px;}
  .pfp-bio{font-size:15.5px;font-style:italic;line-height:1.45;max-width:560px;opacity:.95;}
  .pfp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px;}
  .pfp-tags .tag{font-family:"DM Mono";font-size:10px;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid var(--paper);border-radius:6px;padding:2px 8px;opacity:.7;}
  .pfp-tags .tag.lane{background:var(--pc,var(--red));border-color:var(--pc,var(--red));opacity:1;color:#fff;}
  .pfp-cmt{border:2.5px solid var(--ink);border-left:5px solid var(--pc,var(--ink));border-radius:4px 12px 12px 12px;background:var(--paper);box-shadow:var(--shadow-sm);padding:10px 14px;margin-bottom:12px;cursor:pointer;transition:transform .1s;}
  .pfp-cmt:hover{transform:translate(-1px,-1px);}
  .pfp-cmt-t{font-size:15px;line-height:1.42;}
  .pfp-cmt-s{font-family:"DM Mono";font-size:11px;opacity:.55;margin-top:6px;}
  .castgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}
  .castcard{border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);padding:16px 16px 18px;cursor:pointer;transition:transform .1s;border-top:7px solid var(--pc,var(--red));text-align:center;}
  .castcard:hover{transform:translate(-1px,-1px);}
  .cast-av{width:84px;height:84px;font-size:38px;border-width:3px;margin:0 auto 10px;}
  .cast-name{font-size:18px;font-weight:900;line-height:1.05;}
  .cast-handle{font-family:"DM Mono";font-size:11px;opacity:.55;margin:2px 0 9px;}
  .cast-bio{font-size:12.5px;line-height:1.4;opacity:.88;font-style:italic;}

  /* THE FEED — X-style persona timeline */
  .feed{display:flex;flex-direction:column;gap:0;border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);}
  .fpost{display:flex;gap:12px;padding:14px 16px;border-bottom:2px solid var(--ink);}
  .fpost:last-child{border-bottom:none;}
  .fp-av{width:46px;height:46px;font-size:21px;cursor:pointer;}
  .fp-body{flex:1;min-width:0;}
  .fp-head{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px;}
  .fp-name{font-weight:900;font-size:15px;cursor:pointer;}
  .fp-name:hover{text-decoration:underline;}
  .fp-handle{font-family:"DM Mono";font-size:11.5px;opacity:.55;cursor:pointer;}
  .fp-sep{opacity:.4;font-family:"DM Mono";font-size:11px;}
  .fp-date{font-family:"DM Mono";font-size:11.5px;opacity:.55;}
  .fp-text{font-size:15px;line-height:1.45;word-wrap:break-word;}
  .fp-refs{margin-top:9px;display:flex;flex-direction:column;gap:6px;}
  .fp-ref{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-family:"DM Mono";font-size:11.5px;
    border:2px solid var(--ink);border-radius:8px;padding:5px 10px;background:var(--paper2);cursor:pointer;line-height:1.25;max-width:100%;}
  .fp-ref:hover{background:var(--gold);}
  /* the post's cartoon — framed riso/card block */
  .fp-img{margin-top:11px;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper2);
    box-shadow:var(--shadow-sm);max-width:520px;line-height:0;}
  .fp-img img{width:100%;display:block;object-fit:cover;}
  /* threaded replies under a post — indented with a left rail, matching the comment threads */
  .freplies{margin-top:13px;padding-left:13px;border-left:2px dashed rgba(22,19,15,.28);display:flex;flex-direction:column;gap:12px;}
  .freply{display:flex;gap:9px;}
  .freply-av{width:34px;height:34px;font-size:15px;cursor:pointer;}
  .freply-body{flex:1;min-width:0;border:2.5px solid var(--ink);border-radius:4px 12px 12px 12px;background:var(--paper);
    box-shadow:var(--shadow-sm);padding:7px 12px 8px;border-left:5px solid var(--pc,var(--ink));}
  .freply-head{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-bottom:3px;}
  .freply-name{font-weight:900;font-size:13.5px;cursor:pointer;}
  .freply-name:hover{text-decoration:underline;}
  .freply-handle{font-family:"DM Mono";font-size:11px;opacity:.55;cursor:pointer;}
  .freply-date{font-family:"DM Mono";font-size:11px;opacity:.55;}
  .freply-text{font-size:13.5px;line-height:1.42;word-wrap:break-word;}

  /* PERSONA PROFILE — arc / lore / relationships */
  .pfp-arc .arc,.pfp-arc{margin-top:6px;}
  .pfp-arc .arc .bar{border-color:var(--ink);background:rgba(22,19,15,.08);}
  .pfp-arc .arc .lab{opacity:.85;}
  .lorelist{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:8px;}
  .lorelist li{display:flex;gap:9px;align-items:baseline;font-size:14.5px;line-height:1.4;
    border-left:3px solid var(--pc,var(--red));padding-left:11px;}
  .lorelist li::before{content:"›";color:var(--pc,var(--red));font-weight:900;font-family:"DM Mono";}
  .relchips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;}
  .relchip{display:inline-flex;flex-direction:column;gap:1px;border:2.5px solid var(--ink);border-radius:10px;
    padding:6px 12px;background:var(--paper);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s;}
  .relchip:hover{transform:translate(-1px,-1px);}
  .relchip b{font-size:14px;font-weight:900;line-height:1.1;}
  .relchip span{font-family:"DM Mono";font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;opacity:.6;}

  /* ===== MOBILE ===== */
  @media (max-width:760px){
    .mast-top{padding:9px 13px;gap:10px;}
    .logo{font-size:26px;}
    .logo small{font-size:10px;}
    /* nav collapses behind the burger; tapping it drops a full-width stacked menu */
    .burger{display:block;}
    nav{display:none;flex-basis:100%;}
    nav.open{display:flex;flex-direction:column;width:100%;gap:7px;margin-top:8px;
      border-top:1px dashed var(--ink);padding-top:10px;animation:rise .2s ease;}
    nav.open a{width:100%;font-size:14px;padding:11px 14px;box-shadow:var(--shadow-sm);}
    .tm{padding:6px 13px 9px;gap:8px;}
    .tm-badge{font-size:10px;}
    .tm-date{font-size:16px;min-width:0;}
    .tm-wrap{min-width:120px;}
    .tm-live{font-size:10px;padding:3px 8px;}
    main{max-width:100%;padding:18px 13px 64px;}
    .lead h1{font-size:23px;}
    .story-h{font-size:25px;}
    .ent-head{padding:18px 16px;}
    .searchbar{padding:7px 12px;}
    .searchbar input{font-size:15px;}
    .scount{display:none;}
    footer{flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;}
    /* print broadsheet KEEPS its desktop newspaper format — scroll + pinch-zoom it like a real paper (don't reflow) */
    .paper-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:2px solid var(--ink);border-radius:8px;}
    .paper-edition{min-width:720px;border:none;}
  }
  /* ===== MOBILE COMMENTS — stop nested replies squeezing text to 1 word/line ===== */
  @media (max-width:620px){
    .cmt{gap:8px;}
    .cmt-av{width:33px;height:33px;font-size:14px;}
    .cmt-body{padding:8px 11px 9px;border-radius:4px 11px 11px 11px;}
    .cmt-text{font-size:13.5px;line-height:1.4;}
    .cmt-head{gap:5px;}
    .cmt-handle{font-size:10px;}
    .cmt-replies{padding-left:8px;gap:10px;}
    .cmt-replies .cmt{gap:6px;}
    .cmt-replies .cmt-av{width:26px;height:26px;font-size:12px;}
    .cmt-replies .cmt-body{padding:7px 10px;}
    .cmt-replies .cmt-text{font-size:13px;}
    /* cap cumulative indent: deeper levels barely indent so the text column survives */
    .cmt-replies .cmt-replies{padding-left:6px;border-left-style:dotted;}
    .fpost{gap:9px;padding:12px 13px;}
    .fp-av{width:38px;height:38px;font-size:17px;}
    .fp-text{font-size:14px;line-height:1.42;}
    .freplies{padding-left:8px;gap:10px;}
    .freply{gap:6px;}
    .freply-av{width:28px;height:28px;font-size:13px;}
    .freply-body{padding:7px 10px;}
    .freply-text{font-size:13px;}
  }
  @media (max-width:440px){ .castgrid,.sagagrid{grid-template-columns:1fr;} }
  /* ===== LANDSCAPE PHONES (short height): compress the chrome so content shows ===== */
  @media (orientation:landscape) and (max-height:520px){
    header.mast{position:static;}        /* don't eat the limited vertical space */
    .mast-top{padding:6px 16px;}
    .logo{font-size:20px;line-height:.85;}
    .logo small{display:none;}
    .tm{padding:4px 16px 6px;}
    .tm-badge{display:none;}
    .hist{height:14px;}
    main{padding-top:14px;}
  }
