:root{--bg:#000;--ink:#e9e6df;--dim:#8a8780;--line:#1a1a1a;--amber:#ffb000;
--mono:Calibri,Carlito,"Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Iowan Old Style","Times New Roman",serif;
color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);line-height:1.6;font-size:16px}
a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.wrap{max-width:68ch;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:16px 0}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.14em;text-decoration:none}
.mark img{width:30px;height:30px;border-radius:6px}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}nav a{white-space:nowrap;color:var(--dim);text-decoration:none;padding-bottom:2px}
nav a:hover,nav a[aria-current="page"]{color:var(--ink);border-bottom:1px solid var(--amber)}
h1{font-size:clamp(24px,5.4vw,38px);line-height:1.25;margin:56px 0 24px;font-weight:600}
h1.big{min-height:4.5em;margin-top:8px}.intro{white-space:pre-line;font-size:clamp(15.34px,calc(3.8vw - 2.66px),21.34px);line-height:1.55;margin:28px 0 8px}.hero{margin:44px 0 0}.hero img{display:block;width:min(52vw,210px);height:auto;border-radius:14px}
.cursor{display:inline-block;width:.6ch;height:1em;background:var(--amber);vertical-align:-.12em;animation:b 1.1s steps(1) infinite}
@keyframes b{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}
.dim{color:var(--dim)}.small{font-size:14px}
.desk{display:flex;justify-content:space-between;box-sizing:border-box;width:100vw;margin:36px 0 0 calc(50% - 50vw);padding:0 12vw}body{overflow-x:hidden}.ico{display:flex;flex-direction:column;align-items:center;width:88px;text-decoration:none;color:var(--ink);text-align:center;font-size:14px}.ico svg{width:48px;height:48px;image-rendering:pixelated}.ico span{margin-top:7px;padding:1px 5px;border:1px dotted transparent}.ico:hover span,.ico:focus-visible span{background:#000080;color:#fff;border-color:#ffff80}.pred{display:flex;gap:.55em;margin:0}.pred .pl{white-space:nowrap}.box{border:1px solid var(--line);padding:16px 18px;margin:28px 0}
ul.list{list-style:none;padding:0;margin:24px 0}
ul.list li{border-top:1px solid var(--line);padding:14px 0}ul.list li:last-child{border-bottom:1px solid var(--line)}
ul.list a{font-weight:600;text-decoration:none}ul.list a:hover{text-decoration:underline;text-decoration-color:var(--amber)}
.story{font-family:var(--mono);font-size:19px;line-height:1.7}
.note{border-left:3px solid var(--amber);padding-left:14px;margin:24px 0}
.verdict{font-weight:700;margin-top:32px}
.video{position:relative;aspect-ratio:9/16;width:min(100%,300px);margin:24px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
[hidden]{display:none!important}.hero img{transition:transform .15s ease-out}
.tabs{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.tabs button{font:inherit;background:none;color:var(--dim);border:1px solid var(--line);padding:8px 14px;cursor:pointer}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--amber)}
.tp dl{margin:0}.tp dt{color:var(--dim);margin-top:16px;font-size:14px}.tp dd{margin:2px 0 0;font-size:18px}
.fox3d{display:block;border-radius:14px;background:#d4d4d4;touch-action:none;cursor:grab;max-width:100%}.fox3d:active{cursor:grabbing}
.hint{font-family:var(--mono);font-size:14px;line-height:1.7;color:var(--dim);text-align:left;margin:12px 0 0}.hint button{font:inherit;color:var(--ink);background:none;border:1px solid var(--line);padding:2px 10px;margin-left:8px;cursor:pointer}
.sceneWrap{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#05060a}.sceneWrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 55%,rgba(0,0,0,.6) 100%)}
.scene{display:block;width:100%;aspect-ratio:16/10;touch-action:none;cursor:grab}.scene:active{cursor:grabbing}@media (max-width:600px){.scene{aspect-ratio:4/5}}
@media (min-width:900px){.wrap{max-width:none;padding:0 5vw}.scene{aspect-ratio:auto;height:min(72vh,56vw)}.intro,.story,.note,.pred{max-width:92ch}.hero img{width:min(14vw,230px)}}
footer{border-top:1px solid var(--line);margin-top:64px;padding:24px 0 40px;color:var(--dim);font-size:14px}