:root{--ab:#0c171e;--d1:#13242c;--d2:#1a323a;--verd:#3f6f6c;--glass:#8fb0a6;--fog:#c7d0cb;--sand:#d6c7a6;--brass:#b08d4a;--rust:#8c5a4b;--dusk:#59607a;--ink:#e2e5de;--mute:#9aa8a8;--line:rgba(143,176,166,.18);--card:rgba(26,50,58,.55);--gl:143,176,166;--p:0;color-scheme:dark;padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;min-width:0}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;min-height:100%;color:var(--ink);font:16px/1.7 "Segoe UI",system-ui,Arial,sans-serif;overflow-x:hidden;overflow-wrap:anywhere;background:radial-gradient(900px 600px at 85% -5%,rgba(89,96,122,.28),transparent 70%),radial-gradient(800px 700px at 0% 100%,rgba(140,90,75,.16),transparent 70%),linear-gradient(calc(165deg + var(--p)*50deg),#0c171e,#112229 45%,#16292f 72%,#1f2229);background-attachment:fixed}
h1,h2,h3,.logo{font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.2;font-weight:700}
a{color:inherit}img,svg{max-width:100%;display:block}
#glow{position:fixed;inset:0;pointer-events:none;z-index:7;background:radial-gradient(420px circle at var(--mx,70%) var(--my,20%),rgba(var(--gl),.13),transparent 65%);transition:background .4s}
.ping{position:fixed;z-index:8;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1.5px solid rgb(var(--gl));pointer-events:none;animation:pg .9s ease-out forwards}
@keyframes pg{to{transform:scale(16);opacity:0}}
@media(prefers-reduced-motion:reduce){.ping{display:none}*{transition:none!important}}
.rail{position:fixed;left:0;top:0;bottom:0;width:232px;z-index:6;padding:calc(24px + env(safe-area-inset-top,0px)) 16px 20px;background:rgba(10,20,26,.84);backdrop-filter:blur(10px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px;overflow-y:auto}
.logo{font-size:24px;text-decoration:none;color:var(--sand);letter-spacing:.02em}.logo small{display:block;font:11px/1.4 "Segoe UI",sans-serif;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.rail nav{display:flex;flex-direction:column;gap:2px}
.rail nav a,.pf a{text-decoration:none;padding:10px 12px;border-radius:8px;font-size:15px;border:1px solid transparent;transition:background .25s,border-color .25s}
.rail nav a:hover,.pf a:hover{background:rgba(143,176,166,.1)}
.rail nav a.on{background:rgba(63,111,108,.35);border-color:rgba(143,176,166,.35);color:var(--sand)}
.pf h4{margin:0 0 6px 12px;font:600 11px "Segoe UI";letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.pf a{display:block;font-size:14px;color:var(--fog)}
.rail .q{margin:0}
@media(max-width:860px){.rail{position:sticky;top:0;bottom:auto;width:100%;flex-direction:column;align-items:stretch;padding:8px 8px 6px;border-right:0;border-bottom:1px solid var(--line);gap:4px;overflow:visible}.rail .logo{font-size:20px;padding:0 6px}.rail .logo small,.pf h4{display:none}.pf{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:2px 0}.pf a{padding:5px 11px;font-size:12.5px;border:1px solid var(--line);border-radius:99px}.rail nav{flex-direction:row;width:100%;flex-wrap:wrap}.rail nav a{flex:1;text-align:center;padding:9px 2px;font-size:12.5px}main{margin-left:0!important;padding:20px 0 30px!important}.fw{margin-left:0!important}.sp{bottom:0!important}.find{width:100%}}
main{margin-left:232px;padding:34px 0 60px}
.wrap{max-width:1120px;margin:0 auto;padding:0 30px 0 20px}
.sp{position:fixed;right:0;top:0;bottom:0;width:18px;z-index:9;touch-action:none;cursor:pointer}
.sp::before{content:"";position:absolute;right:7px;top:0;bottom:0;width:3px;background:rgba(143,176,166,.14)}
#spf{position:absolute;right:7px;top:0;width:3px;height:calc(var(--p)*100%);background:linear-gradient(var(--verd),var(--glass),var(--brass));box-shadow:0 0 10px rgba(var(--gl),.6)}
#spl{position:absolute;right:2.5px;top:calc(var(--p)*(100% - 12px));width:12px;height:12px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 3px rgba(var(--gl),.25),0 0 14px rgba(var(--gl),.8)}
h1{font-size:clamp(28px,6vw,46px);margin:0 0 14px;color:var(--sand)}
h2{font-size:clamp(21px,4.6vw,30px);margin:42px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--fog)}
.lead{color:var(--mute);font-size:17px;max-width:70ch}
.art{aspect-ratio:5/3;width:100%;overflow:hidden;border-radius:10px;background:#16262e}
.art img{width:100%;height:100%;object-fit:cover}
.stage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#16262e}
.frame{display:block;position:relative;min-height:340px;text-decoration:none;color:inherit}
.frame[hidden]{display:none}
.frame img{width:100%;height:420px;object-fit:cover}
.navb{position:absolute;top:46%;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(10,20,26,.72);color:var(--sand);cursor:pointer;font-size:22px;line-height:1}
.navb.prev{left:12px}.navb.next{right:12px}
.dots{position:absolute;left:20px;bottom:18px;display:flex;gap:7px;z-index:2}
.dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(226,229,222,.4);cursor:pointer}
.dot.on{background:var(--sand)}
.cap{position:absolute;left:0;right:0;bottom:0;padding:70px 20px 20px;background:linear-gradient(transparent,rgba(8,15,20,.92))}
.cap h3{margin:0 0 8px;font-size:clamp(21px,4.6vw,31px)}.cap p{margin:0;font-size:15px;color:var(--fog);max-width:62ch}
.desk{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start;margin-top:22px}
.feed{display:flex;flex-direction:column;gap:12px}
.story{display:grid;grid-template-columns:156px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;position:relative;overflow:hidden}
.story img{width:156px;height:104px;object-fit:cover;border-radius:8px}
.story h3{margin:2px 0 4px;font-size:18px}
.story p{margin:0;color:var(--mute);font-size:14.5px}
.sidebox{display:flex;flex-direction:column;gap:14px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 14px 6px}
.panel h3{margin:0 0 4px;font-size:16px;color:var(--sand)}
.panel .quiet{margin:0 0 8px;color:var(--mute);font-size:13.5px}
.ticks{list-style:none;margin:0;padding:0}
.ticks a{display:block;text-decoration:none;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.35}
.ticks time{display:block;margin-top:3px;color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.follow a{display:inline-block;margin:0 6px 8px 0;padding:6px 10px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:13px;color:var(--fog)}
@media(max-width:980px){.desk{grid-template-columns:1fr}.frame img{height:280px}}
@media(max-width:640px){.story{grid-template-columns:1fr}.story img{width:100%;height:160px}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:18px}
.card,.n,.facts div,.pc div,.mini,.story{position:relative;overflow:hidden}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s}
.card:hover,.story:hover{border-color:rgba(var(--gl),.55)}
.card:hover{transform:translateY(-3px)}
.card::before,.story::before,.mini::before,.n::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--x,50%) var(--y,50%),rgba(var(--gl),.2),transparent 70%)}
.card:hover::before,.story:hover::before,.mini:hover::before,.n:hover::before{opacity:1}
.card .art{border-radius:0}.card .b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.card h3{margin:0;font-size:19px}.card p{margin:0;color:var(--mute);font-size:14.5px}
.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.score{background:var(--verd);color:#f1f3ec;font:700 15px "Segoe UI";padding:2px 10px;border-radius:7px;letter-spacing:0}
.btn{display:inline-block;background:var(--brass);color:#16110a;font:700 14px "Segoe UI";padding:11px 18px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;max-width:100%;transition:filter .2s,box-shadow .3s}
.btn:hover{filter:brightness(1.1);box-shadow:0 0 22px rgba(176,141,74,.45)}.btn.alt{background:transparent;border:1px solid var(--glass);color:var(--glass)}
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.n{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.n h3{margin:6px 0;font-size:18px}.n p{margin:0;color:var(--mute);font-size:15px}
.post{max-width:760px;margin:0 auto}.post p{margin:0 0 17px}.post .art{margin:18px 0}
.post h2{margin-top:34px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0}
.facts div,.pc div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:12.5px;color:var(--mute)}.facts b{display:block;font-size:15px;color:var(--ink)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.pc div{font-size:15px;color:var(--ink);padding:14px 16px}.pc h3{margin:0 0 8px;font-size:17px;color:var(--sand)}.pc ul{margin:0;padding-left:18px}
@media(max-width:600px){.pc,.split{grid-template-columns:1fr}}
.board{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center;margin:8px 0 26px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.big{text-align:center}.big b{display:block;font:700 46px/1 "Palatino Linotype",Palatino,Georgia,serif;color:var(--sand)}.big small{color:var(--mute);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.row{display:grid;grid-template-columns:108px 1fr 32px;gap:8px;align-items:center;font-size:13px;color:var(--fog);margin:7px 0}
.bar{height:3px;background:rgba(143,176,166,.22);border-radius:2px}.bar i{display:block;height:100%;background:var(--brass);border-radius:2px}
.row b{font-weight:600;color:var(--sand);text-align:right}
.pull{margin:6px 0 20px;padding:2px 0 2px 16px;border-left:2px solid var(--brass);color:var(--sand);font-family:"Palatino Linotype",Palatino,Georgia,serif;font-size:21px;line-height:1.4}
.note{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 18px}
.note b{display:block;color:var(--sand);font:600 12px "Segoe UI";letter-spacing:.1em;text-transform:uppercase}
.note p{margin:6px 0 0!important}
.ls{margin:0 0 18px;padding-left:18px}.ls li{margin:5px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.split div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.split h3{margin:0 0 6px;font-size:16px;color:var(--sand)}
.split p{margin:0!important;color:var(--fog)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.chip{border:1px solid var(--line);padding:6px 14px;border-radius:99px;font-size:13px;text-decoration:none;color:var(--fog);transition:background .2s}.chip:hover{background:rgba(143,176,166,.12)}.chip.on{background:var(--verd);border-color:var(--glass);color:#fff}
.q{width:100%;border:1px solid var(--line);background:rgba(10,20,26,.6);color:var(--ink);padding:11px 14px;border-radius:9px;font:16px "Segoe UI";margin-bottom:18px}
.q:focus{outline:0;border-color:var(--glass);box-shadow:0 0 0 3px rgba(143,176,166,.18)}
.ftr{margin-top:60px;padding-top:26px;border-top:1px solid var(--line);color:var(--mute);font-size:14px}.ftr p{margin:0 0 8px}
.fg{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:22px}
.fg h4{margin:0 0 8px;font:600 11px "Segoe UI";letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.fg a{display:block;text-decoration:none;padding:3px 0;color:var(--fog)}
.cp{margin-top:18px}
@media(max-width:760px){.fg{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr}}