@font-face{font-family:BlackTC;src:url('assets/noto-sans-tc-black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--black:#090909;--white:#eeeeea;--lime:#c8ff31;--muted:#85857d;--rule:#33332f;--gutter:clamp(22px,3.3vw,64px);--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{background:var(--black);scroll-padding-top:80px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,'PingFang TC',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:var(--black)}:focus-visible{outline:2px solid var(--lime);outline-offset:7px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}.lime{color:var(--lime)}.mono{font-family:var(--mono)}.skip-link{position:fixed;top:-100px;left:20px;z-index:110;background:var(--lime);color:black;padding:15px}.skip-link:focus{top:15px}
.site-header{position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:84px;display:flex;align-items:center;border-bottom:1px solid var(--rule);z-index:20;gap:38px}.brand{font-family:BlackTC,sans-serif;font-size:28px;letter-spacing:-1.5px}.brand span{font-family:Arial,sans-serif;letter-spacing:-1px;font-weight:800}.codex-credit{display:flex;align-items:center;gap:6px;font:9px var(--mono);letter-spacing:.8px;color:#9b9b92}.codex-credit strong{color:var(--white);font-weight:400}.codex-credit i{display:block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-left:6px}.site-header nav{display:flex;gap:30px;margin-left:auto;font:10px var(--mono);letter-spacing:1px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--lime);transition:width .3s}.site-header nav a:hover:after{width:100%}.sound-button{font:9px var(--mono);letter-spacing:1px;display:flex;gap:12px;align-items:center;padding:11px 14px;border:1px solid #5a5a55}.sound-bars{display:flex;align-items:center;height:13px;gap:3px}.sound-bars i{display:block;width:2px;height:4px;background:currentColor}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}.sound-button[aria-pressed=true]{color:var(--lime)}.sound-button[aria-pressed=true] i{animation:audio-bars .7s alternate infinite}.sound-button i:nth-child(2){animation-delay:-.3s}.sound-button i:nth-child(3){animation-delay:-.5s}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:90;pointer-events:none}.reading-progress span{height:100%;display:block;background:var(--lime);transform:scaleX(0);transform-origin:left}
.hero{min-height:100svh;padding:84px var(--gutter) 0;display:flex;flex-direction:column}.hero-stage{flex:1;display:grid;grid-template-columns:48% 52%;align-items:center;padding:42px 0 46px}.hero-copy{position:relative;z-index:2}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(76px,10.2vw,170px);font-weight:900;line-height:.96;letter-spacing:-.035em;white-space:nowrap}.line{display:block;overflow:hidden;padding:0 .05em .08em 0}.line>span{display:block;animation:line-in 1.2s cubic-bezier(.16,1,.3,1) both}.line:nth-child(2)>span{animation-delay:.12s}.hero-description{font-size:clamp(11px,1.05vw,16px);margin-top:28px;color:#b9b9b1;animation:fade-in 1.2s .4s both}.hero-actions{display:flex;gap:15px;margin-top:32px;animation:fade-in 1.2s .6s both}.button{min-height:51px;border:1px solid #70706b;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;font:11px var(--mono);letter-spacing:.8px;transition:color .3s,background .3s,border-color .3s,transform .3s}.button:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:translateY(-3px)}.button-lime{background:var(--lime);border-color:var(--lime);color:var(--black);font-weight:700}.button-lime:hover{background:#defe89;border-color:#defe89}.hero-codex{margin-top:38px;font:9px/1.8 var(--mono);letter-spacing:1px;color:#68685f}.hero-codex span{color:#a5a59b}.hero-media{position:relative;margin-left:16px;animation:photo-in 1.4s .2s cubic-bezier(.16,1,.3,1) both}.hero-photo{height:clamp(350px,38vw,610px);overflow:hidden}.hero-photo img{object-position:50% 40%;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.hero-media:hover .hero-photo img{transform:scale(1.14)}.paper-note{position:absolute;right:-10px;top:-14px;padding:23px 24px;transform:rotate(8deg);background:var(--white);color:#171717;font:clamp(14px,1.4vw,23px) var(--mono);box-shadow:0 5px 24px #0003}.terminal-note{position:absolute;left:-44px;bottom:38px;background:var(--black);border:1px solid #c7c7c2;transform:rotate(-8deg);padding:20px 24px;font:14px/1.5 var(--mono);letter-spacing:.04em;box-shadow:0 8px 25px #0008}.terminal-note>span{font:17px var(--mono)}.terminal-cursor{display:block;animation:blink 1.2s step-end infinite}.hero-media figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:8px var(--mono);letter-spacing:.6px;color:#a4a49f}.hero-media figcaption span:last-child{font-size:8px}.hero-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;height:48px;border-top:1px solid var(--rule);font:9px var(--mono);letter-spacing:.7px}.hero-meta>span{display:flex;align-items:center;gap:10px}.hero-meta a{font-size:9px}.hero-meta a>span{display:inline-block;margin-left:16px;font-size:18px}.live-dot{width:5px;height:5px;background:var(--lime);border-radius:50%}.ticker{overflow:hidden;background:var(--lime);color:var(--black);height:66px;display:flex;align-items:center}.ticker-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 32s linear infinite}.ticker span{font:900 27px var(--mono);letter-spacing:2px}
.scroll-scene{position:relative;height:260svh}.scene-sticky{position:sticky;top:0;height:100svh;overflow:hidden;padding:48px var(--gutter)}.chapter{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;font:10px var(--mono);color:var(--lime);letter-spacing:1.3px}.chapter:before{content:'';width:26px;height:1px;background:var(--lime);flex-shrink:0}.chapter>span{margin-left:auto;color:var(--muted);font:9px var(--mono);letter-spacing:1px}.descent-type{position:absolute;z-index:2;left:var(--gutter);top:23%;transform-origin:20% 50%;will-change:transform,opacity}.descent h2{font:900 clamp(95px,14vw,230px)/.93 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.02em}.descent-type p{font-size:13px;letter-spacing:.05em;margin-top:28px;color:#bcbcb7}.cat-orbit{position:absolute;right:8%;bottom:10%;width:min(38vw,540px);aspect-ratio:1;will-change:transform,opacity}.cat-orbit img{filter:grayscale(1);border-radius:50%;mask-image:radial-gradient(circle,#000 20%,transparent 72%);object-position:48% 35%;opacity:.8}.orbit-ring{position:absolute;inset:0;z-index:1;border:1px solid #b9b9b4;border-radius:50%}.orbit-ring-inner{inset:6%;border-color:#646461}.crosshair{position:absolute;z-index:2;background:var(--lime);opacity:.7}.crosshair.x{height:1px;top:50%;left:-10%;width:120%}.crosshair.y{width:1px;left:50%;top:-10%;height:120%}.void-message{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;text-align:center}.void-message .mono{font-size:10px;color:var(--lime);letter-spacing:3px}.void-message p{font:900 clamp(75px,12vw,185px)/.95 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.02em;margin-top:30px}.void-sub{font-size:13px;color:#aaa;letter-spacing:.5px;margin-top:26px}.scene-bottom{position:absolute;z-index:4;left:var(--gutter);right:var(--gutter);bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;font:9px/1.5 var(--mono);letter-spacing:1.6px;color:#a6a69f}
.archive{height:340svh;border-top:1px solid var(--rule)}.archive .scene-sticky{display:flex;flex-direction:column}.archive-heading{margin:48px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.archive h2{font:900 clamp(40px,5.8vw,90px)/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.02em}.archive-heading>span{font:9px var(--mono);letter-spacing:1.2px;padding-bottom:8px;display:flex;gap:14px;align-items:center}.filmstrip{display:flex;gap:30px;width:max-content;will-change:transform}.meme-frame{flex:0 0 auto;text-align:left;padding:0;width:min(55vw,760px)}.file-id{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;margin-bottom:12px;color:#8a8a82}.file-id>span{color:var(--lime);font-size:9px;letter-spacing:1px}.meme-photo{position:relative;height:clamp(220px,43svh,500px);overflow:hidden;border:1px solid #363630}.meme-photo img{filter:grayscale(1);transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1s;object-position:center 35%}.meme-frame:hover img{transform:scale(1.05);filter:grayscale(0)}.meme-frame.active .meme-photo{border-color:var(--lime)}.photo-caption{position:absolute;bottom:24px;left:26px;font:700 clamp(26px,3vw,48px)/.98 Arial,sans-serif;letter-spacing:-2px;color:#fff;text-shadow:0 2px 10px #0009}.meme-caption{position:relative;border-bottom:1px solid var(--rule);padding:17px 0 20px}.meme-caption h3{font:900 clamp(23px,2.5vw,38px)/1.2 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.1px}.meme-caption>span{display:block;color:#8e8e85;font-size:12px;margin-top:9px}.meme-caption i{position:absolute;right:3px;top:18px;font-size:30px;font-style:normal;color:var(--lime)}.codex-photo{background:var(--lime);color:var(--black);padding:25px 28px;display:flex;flex-direction:column;justify-content:space-between}.prompt-fragment,.prompt-output{font:9px var(--mono);letter-spacing:.7px}.codex-photo strong{font:900 clamp(30px,4vw,65px)/.96 Impact,Arial,sans-serif;letter-spacing:-1px}.codex-photo strong span{color:#626c25}.archive-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:auto;padding-top:28px;font:9px var(--mono);color:#a5a59d;letter-spacing:1px}.archive-progress{flex:1;height:1px;background:#363630}.archive-progress>span{display:block;height:2px;background:var(--lime);width:25%;transform-origin:left}.archive-footer>span:last-child{white-space:nowrap}
.ending{min-height:115svh;padding:48px var(--gutter) 0;display:flex;flex-direction:column;border-top:1px solid var(--rule)}.ending-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.ending h2{font:900 clamp(180px,32vw,520px)/1 BlackTC,sans-serif;letter-spacing:-.12em;color:var(--lime);padding-right:.05em;will-change:transform}.ending h2 span{letter-spacing:-.2em}.ending-body>p{font:11px var(--mono);letter-spacing:2px;margin-top:24px}.ending-actions{display:flex;gap:20px;margin-top:32px}.ending-actions .button{font-size:10px;min-width:185px}.wasted{font:9px var(--mono);letter-spacing:1px;color:#707069;margin-top:25px}.wasted strong{font-weight:400;color:#b3b3a9}.ending-body .ending-credit{font:9px/1.8 var(--mono);letter-spacing:1px;color:#adada3;text-align:center;margin-top:32px}.ending-credit span{color:#65655c}.ending footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);height:80px}.ending footer>span{color:#8c8c84;font:9px var(--mono);letter-spacing:1px}.ending footer>button{font:9px var(--mono);color:#707069;letter-spacing:1px}.cursor-ring{position:fixed;left:0;top:0;width:30px;height:30px;border:1px solid #c8ff3166;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transition:width .3s,height .3s,background .3s;will-change:transform}.cursor-ring.hover{width:60px;height:60px;background:#c8ff3110}.toast{position:fixed;z-index:95;left:50%;bottom:28px;background:var(--lime);color:var(--black);padding:17px 25px;font-size:13px;max-width:calc(100vw - 32px);width:max-content;transform:translate(-50%,100px);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;pointer-events:none}.toast.visible{transform:translate(-50%,0);opacity:1}dialog{padding:0;border:1px solid #62625b;background:var(--black);color:var(--white);width:min(540px,calc(100vw - 36px));max-height:80svh}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.16,1,.3,1)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--rule);font:9px var(--mono);letter-spacing:1px;color:#999990}.dialog-header button{font-size:23px;line-height:1}.dialog-content{padding:40px}.dialog-code{font:11px var(--mono);color:var(--lime);letter-spacing:2px}.dialog-content h2{font:900 clamp(26px,5vw,42px)/1.05 Impact,Arial,sans-serif;margin-top:20px;letter-spacing:.3px}.dialog-content p{font-size:14px;line-height:1.9;color:#a5a59c;margin:18px 0 30px;white-space:pre-line}.dialog-content .button{font-size:11px}.boss-screen{position:fixed;inset:0;z-index:200;background:#f4f6f8;color:#243042;padding:60px 8vw;font-family:Arial,sans-serif}.boss-screen[hidden]{display:none}.boss-header{border-bottom:1px solid #ddd;font-size:14px;padding-bottom:20px;margin-bottom:40px}.boss-screen h2{font-size:32px;margin-bottom:15px}.boss-screen p{font-size:14px;color:#888}.boss-screen table{border-collapse:collapse;width:100%;margin-top:40px;font-size:14px}.boss-screen td,.boss-screen th{padding:20px;text-align:left;border:1px solid #ddd}.boss-screen th{background:#e5eaf0}.boss-screen button{color:#5c6774;margin-top:30px;font-size:12px}
@keyframes line-in{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:0}}@keyframes audio-bars{to{height:13px}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
@media(max-height:700px) and (min-width:761px){.hero-stage{padding:35px 0}.hero-photo{height:330px}.hero h1{font-size:8.9vw}.hero-codex{margin-top:20px}.archive-heading{margin-top:28px}.meme-photo{height:33svh}.ending h2{font-size:30svh}}
@media(max-width:760px){.site-header{height:70px;gap:14px;flex-wrap:wrap;align-content:center}.brand{font-size:24px}.codex-credit{font-size:7px;gap:4px;letter-spacing:0}.codex-credit i{display:none}.site-header nav{display:none}.sound-button{padding:9px;font-size:8px;gap:7px;margin-left:auto}.sound-bars{gap:2px}.hero{padding-top:70px;min-height:100svh}.hero-stage{grid-template-columns:1fr;gap:44px;padding:42px 0 28px}.hero h1{font-size:clamp(65px,17vw,125px);line-height:.95;letter-spacing:-.025em}.hero-description{font-size:11px;margin-top:17px}.hero-actions{gap:12px;margin-top:23px}.button{font-size:9px;min-height:44px;padding:12px 17px;gap:14px}.button svg{width:17px;height:17px}.hero-codex{margin-top:21px;font-size:7px;line-height:1.7}.hero-media{margin-left:22px;margin-right:4px}.hero-photo{height:clamp(245px,65vw,440px)}.paper-note{font-size:12px;padding:15px 18px;top:-14px;right:-6px}.terminal-note{font-size:10px;padding:14px 16px;left:-24px;bottom:28px}.terminal-note>span{font-size:11px}.hero-media figcaption{font-size:7px;letter-spacing:.3px}.hero-media figcaption span:last-child{display:none}.hero-meta{font-size:7px;height:44px;gap:8px;letter-spacing:0}.hero-meta a{font-size:7px;max-width:125px;line-height:1.5;text-align:right}.hero-meta a>span{margin-left:5px;font-size:13px}.hero-meta>span{max-width:165px;line-height:1.5}.live-dot{flex-shrink:0}.ticker{height:48px}.ticker span{font-size:18px;letter-spacing:1px}.scene-sticky{padding:32px var(--gutter)}.chapter{font-size:9px;gap:10px;letter-spacing:.6px}.chapter:before{width:16px}.chapter>span{display:none}.descent{height:230svh}.descent-type{top:24%}.descent h2{font-size:23vw;letter-spacing:-.01em}.descent-type p{font-size:11px;margin-top:24px;max-width:250px;line-height:1.6}.cat-orbit{width:70vw;right:-2%;bottom:13%}.void-message p{font-size:20vw}.void-message .mono{font-size:7px;letter-spacing:1.4px}.void-sub{font-size:10px}.scene-bottom{font-size:8px;bottom:28px}.archive{height:330svh}.archive-heading{display:block;margin:42px 0 27px}.archive h2{font-size:10.3vw}.archive-heading>span{margin-top:20px;padding-bottom:0;font-size:8px;letter-spacing:1.3px}.archive-heading svg{width:16px;height:16px}.filmstrip{gap:20px}.meme-frame{width:80vw}.meme-photo{height:43svh;max-height:420px}.photo-caption{font-size:32px;left:18px;bottom:22px;letter-spacing:-1.5px}.file-id{font-size:7px}.file-id>span{font-size:7px;letter-spacing:0}.meme-caption{padding:15px 0 18px}.meme-caption h3{font-size:25px}.meme-caption>span{font-size:10px}.codex-photo{padding:20px}.codex-photo strong{font-size:9.3vw;letter-spacing:-.6px}.prompt-fragment,.prompt-output{font-size:7px;letter-spacing:0}.archive-footer{gap:15px;font-size:7px;padding-top:16px;letter-spacing:0}.archive-footer>span:first-child{max-width:120px}.ending{min-height:100svh;padding-top:32px}.ending-body{padding:55px 0}.ending h2{font-size:55vw}.ending-body>p{font-size:9px;letter-spacing:.8px}.ending-actions{gap:10px;margin-top:30px}.ending-actions .button{min-width:0;padding:13px 13px;font-size:8px;gap:8px}.wasted{font-size:7px;margin-top:24px;letter-spacing:.3px}.ending-body .ending-credit{font-size:7px}.ending footer{height:70px;gap:10px}.ending footer>span{font-size:7px;letter-spacing:0;max-width:130px}.ending footer>button{font-size:7px;max-width:70px}.cursor-ring{display:none}.dialog-content{padding:30px}.dialog-header{font-size:7px;padding:14px 18px}.toast{font-size:11px;text-align:center}.boss-screen{padding:30px 20px}.boss-screen td,.boss-screen th{padding:12px 8px;font-size:10px}}
@media(pointer:coarse){.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-scene{height:auto}.scene-sticky{position:relative;min-height:100svh;height:auto;overflow:visible}.descent .scene-sticky{height:100svh;overflow:hidden}.descent-type{transform:none!important;opacity:1!important}.cat-orbit{transform:none!important;opacity:.65!important}.void-message{display:none}.archive .filmstrip{transform:none!important;width:100%;flex-wrap:wrap;gap:35px}.meme-frame{width:100%}.archive-footer{margin-top:30px}.ticker-track{transform:none}.ending h2{transform:none!important}.cursor-ring{display:none}}

[data-mood="empty"] .meme-photo img{object-position:center 72%}
[data-mood="empty"] .meme-photo img{height:140%;object-position:center bottom;transform:translateY(-25%)}
[data-mood="empty"]:hover .meme-photo img{transform:translateY(-25%) scale(1.05)}