:root{color-scheme:dark;--bg:#02060b;--panel:rgba(7,17,28,.7);--text:#eef5fa;--muted:#8292a0;--faint:#42505d;--blue:#95c8eb;--line:rgba(203,226,240,.14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{min-height:100svh;overflow:hidden;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}a{color:inherit}.abyss{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(23,58,80,.17),transparent 34%),linear-gradient(180deg,#06111c 0%,#02070c 58%,#010306 100%)}.abyss:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 150px 40px rgba(0,0,0,.74)}.particles,.trail{position:absolute;inset:0;pointer-events:none}.particles{z-index:-1}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(220,238,248,.5);opacity:var(--opacity);animation:float-up var(--duration) linear infinite;animation-delay:var(--delay)}@keyframes float-up{from{transform:translate3d(0,8vh,0)}to{transform:translate3d(var(--drift),-110vh,0)}}.masthead{position:absolute;z-index:4;top:max(28px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left))}.series,.theme-label,.depth-label,.distance,.hint,.back-link,.status,.wiki-control label,.mobile-history span{letter-spacing:.14em;text-transform:uppercase}.series{margin:0 0 8px;color:var(--muted);font-size:10px}.masthead h1{margin:0;font-family:Georgia,"Times New Roman","Noto Serif JP",serif;font-size:clamp(23px,2.4vw,34px);font-weight:400}.theme-label{margin:8px 0 0;color:var(--faint);font-size:9px}.wiki-control{position:absolute;z-index:6;top:max(30px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px}.wiki-control label{color:var(--faint);font-size:8px}.wiki-control select{max-width:220px;border:1px solid var(--line);border-radius:0;background:rgba(2,8,14,.8);color:var(--text);padding:7px 28px 7px 9px;font:10px inherit}.drift-stage{position:absolute;z-index:2;inset:50% auto auto 50%;width:min(74vw,880px);height:min(60vh,610px);transform:translate(-50%,-48%);perspective:1200px}.article-card{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 32%,rgba(55,100,128,.2),transparent 45%),var(--panel);box-shadow:0 35px 100px rgba(0,0,0,.5);transition:opacity 900ms ease,transform 1200ms cubic-bezier(.2,.7,.15,1),filter 900ms ease}.article-card.is-loading{opacity:.5}.article-card.is-sinking{opacity:0;transform:translate3d(0,24px,-260px) scale(.82);filter:blur(7px)}.article-card.is-surfacing{animation:surface 1150ms cubic-bezier(.15,.72,.16,1) both}.article-card.is-emerging{animation:emerge 1150ms cubic-bezier(.15,.72,.16,1) both}@keyframes surface{from{opacity:0;transform:translate3d(0,14px,-250px) scale(.84);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes emerge{from{opacity:0;transform:translate3d(0,-8px,90px) scale(1.035);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.article-image-wrap,.article-image,.article-shade{position:absolute;inset:0}.article-image-wrap{overflow:hidden}.article-image{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.55) contrast(.95) brightness(.7);transform:scale(1.03)}.article-shade{background:linear-gradient(180deg,rgba(1,6,11,.14),rgba(1,6,11,.62) 58%,rgba(1,5,9,.94)),linear-gradient(90deg,rgba(1,6,11,.36),transparent 52%)}.article-copy{position:absolute;z-index:1;left:clamp(28px,5vw,68px);right:clamp(28px,5vw,68px);bottom:clamp(32px,6vh,70px)}.depth-label{margin:0 0 16px;color:var(--blue);font-size:10px}.article-copy h2{margin:0;max-width:16ch;font-family:Georgia,"Times New Roman","Noto Serif JP",serif;font-size:clamp(34px,5.1vw,74px);font-weight:400;line-height:1.03}.article-extract{margin:22px 0 0;max-width:62ch;color:rgba(230,240,246,.76);font-family:Georgia,"Times New Roman","Noto Serif JP",serif;font-size:clamp(13px,1.25vw,17px);line-height:1.8}.article-link{display:inline-block;margin-top:20px;color:var(--blue);font-size:11px;text-decoration:none}.trail{z-index:1}.trail-item{position:absolute;left:50%;top:50%;max-width:28vw;color:rgba(175,196,208,var(--trail-opacity));font-family:Georgia,"Times New Roman","Noto Serif JP",serif;font-size:clamp(13px,1.45vw,20px);white-space:nowrap;transform:translate(calc(-50% + var(--trail-x)),calc(-50% + var(--trail-y))) scale(var(--trail-scale));filter:blur(var(--trail-blur))}.drift-meta{position:absolute;z-index:4;right:max(28px,env(safe-area-inset-right));top:max(31px,env(safe-area-inset-top));text-align:right}.status{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.status-dot.is-error{background:#a27d78}.distance{margin:9px 0 0;color:var(--faint);font-size:8px}.progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.025)}.progress span{display:block;width:0;height:100%;background:rgba(149,200,235,.48)}.progress span.is-running{animation:progress 10s linear forwards}@keyframes progress{to{width:100%}}.hint,.back-link{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));margin:0;color:var(--faint);font-size:8px}.hint{left:max(28px,env(safe-area-inset-left))}.back-link{right:max(28px,env(safe-area-inset-right));text-decoration:none}.mobile-history{display:none}
@media(max-width:720px){.abyss{min-height:560px}.masthead{top:max(18px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.series,.theme-label,.distance,.hint{display:none}.masthead h1{font-size:19px}.wiki-control{top:max(54px,calc(env(safe-area-inset-top) + 36px));left:16px;transform:none}.wiki-control select{max-width:190px}.drift-meta{top:max(22px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.status{font-size:8px}.drift-stage{width:calc(100vw - 24px);height:min(59vh,510px);transform:translate(-50%,-40%)}.article-copy{left:22px;right:22px;bottom:28px}.article-copy h2{max-width:12ch;font-size:clamp(32px,10vw,48px)}.article-extract{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:13px;line-height:1.65}.trail{display:none}.mobile-history{display:block;position:absolute;z-index:5;left:16px;right:16px;bottom:max(48px,calc(env(safe-area-inset-bottom) + 42px));padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);background:linear-gradient(90deg,rgba(5,14,23,.78),transparent)}.mobile-history span{display:block;margin-bottom:5px;color:var(--faint);font-size:7px}.mobile-history strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,"Times New Roman","Noto Serif JP",serif;font-size:13px;font-weight:400}.back-link{right:auto;left:16px;bottom:max(17px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.particle,.article-card,.progress span.is-running{animation:none;transition:none}}