@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url("/_/r/1770b936eefb4ff6.ttf") format("truetype");}:root{color-scheme:dark;--bg:#0d1117;--panel:rgba(13,17,23,.62);--panel-2:rgba(22,31,43,.86);--line:#30363d;--ink:#f0f6fc;--muted:#8b949e;--hot:#33f078;--accent:#bd5fff;--soft:#58a6ff;--warn:#d29922;--layout-width:1280px;--layout-content:960px;--layout-gap:20px;--layout-sidebar:300px;--footer-bg:rgba(1,4,9,.84);--heading-bg:var(--panel);--retro-shadow:0 0 0 #004134,0 1px 0 #00483B,0 2px 0 #003528,0 3px 3px rgba(0,0,0,0.9);--title-shadow:1px 1px 0 rgba(0,0,0,.95),2px 2px 0 rgba(0,0,0,.85),0 3px 5px rgba(0,0,0,.95);--mono:"MS Gothic","Osaka-Mono","Consolas","Courier New",monospace;--sans:"Inter","Segoe UI","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;}*{box-sizing:border-box;}html{min-height:100%;overflow-x:hidden;scrollbar-gutter:stable;scroll-behavior:smooth;background:#050505;}body{min-height:100%;margin:0;overflow-x:hidden;color:var(--ink);background:transparent;font-family:var(--sans);}a{color:var(--accent);text-decoration:none;transition:color .4s ease,border-color .4s ease,background-color .4s ease;}a:hover,a:focus-visible{color:var(--hot);}button{font:inherit;}#bg{z-index:0;position:fixed;top:0;bottom:0;left:0;right:0;background:url("/_/r/c9b9db612e83d365.png");image-rendering:pixelated;background-size:400%;animation:90s background-scroll linear alternate infinite;color:transparent;opacity:0.3;pointer-events:none;user-select:none;}@keyframes background-scroll{0%{background-position:55% 75%;}100%{background-position:85% 0%;}}.site-shell{display:flex;flex-direction:column;position:relative;z-index:1;width:min(var(--layout-width),calc(100% - 28px));min-height:calc(100vh - 18px);margin:0 auto;padding:22px 0 14px;}.site-top{display:block;min-height:96px;padding:18px 22px 16px;}.brand-block{min-width:0;}.home-site-heading{margin:0;font:inherit;}.brand{min-width:0;color:var(--accent);font-family:"Press Start 2P",var(--mono);font-size:clamp(26px,4vw,46px);font-weight:400;line-height:1.24;letter-spacing:0;text-shadow:var(--title-shadow);transition:color .4s ease;}.hacker-title,.visitor-counter{display:inline-block;cursor:pointer;outline:none;}.hacker-title:hover,.hacker-title:focus-visible{color:var(--hot);text-shadow:var(--title-shadow);}.visitor-counter:hover,.visitor-counter:focus-visible{color:var(--hot);text-shadow:var(--retro-shadow);}.glitch-area{position:relative;display:inline-block;overflow:visible;animation:glitch-base-wobble 1s linear infinite;}.glitch-area::selection{background:rgba(94,106,210,.2);}.glitch-area::before,.glitch-area::after{content:attr(data-glitch-text);position:absolute;top:0;left:0;z-index:1;display:inline-block;width:100%;color:#777;white-space:nowrap;pointer-events:none;}.glitch-area::before{clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:glitch-slice-top-shift 1s linear infinite;}.glitch-area::after{clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);animation:glitch-slice-bottom-shift 1.5s linear infinite;}@keyframes glitch-base-wobble{2%,60%,63%,78%,81%{opacity:1;transform:none;}62%{transform:translate(-2px,0) skew(21deg);}80%{opacity:.4;transform:translate(2px,0) skew(-15deg);}}@keyframes glitch-slice-top-shift{2%,4%,60%,64%{transform:none;}62%{transform:translate(13px,-1px) skew(-13deg);}}@keyframes glitch-slice-bottom-shift{2%,4%,60%,64%{transform:none;}62%{transform:translate(-22px,5px) skew(21deg);}}.visitor-counter{color:var(--accent);display:inline-flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;padding:2px 4px;font-family:var(--mono);font-weight:800;letter-spacing:.12em;line-height:1.2;text-shadow:var(--retro-shadow);transition:color .4s ease;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.site-tagline{display:block;width:fit-content;max-width:min(100%,620px);margin:10px 0 0;}.site-tagline-image{display:block;width:auto;max-width:100%;height:auto;opacity:.94;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.9));}.site-tagline-svg{display:block;width:auto;max-width:100%;height:auto;opacity:.94;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.9));}.visitor-panel{align-self:stretch;min-width:0;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);}.visitor-panel h2{margin:0;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);background:var(--heading-bg);font-size:16px;font-weight:700;letter-spacing:0;text-transform:uppercase;}.visitor-panel dl{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:0;padding:10px;font-size:12px;}.visitor-panel dt{color:var(--muted);text-transform:uppercase;}.visitor-panel dd{margin:0;color:var(--ink);text-align:right;}.main-grid{display:grid;flex:1;grid-template-columns:minmax(0,var(--layout-content)) var(--layout-sidebar);gap:var(--layout-gap);align-items:start;margin-top:14px;}.panel{min-width:0;border:1px solid var(--line);background:var(--panel);}.panel h2,.panel h3{margin:0;padding:9px 11px;border-bottom:1px solid var(--line);color:var(--muted);background:var(--heading-bg);font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:0;text-transform:uppercase;}.pad{padding:11px;}.list,.rank{display:grid;gap:7px;margin:0;padding:0;list-style:none;}.list li,.rank li,.notice li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:35px;align-items:center;border-bottom:1px solid rgba(48,54,61,.62);color:var(--ink);font-size:13px;}.list li:last-child,.rank li:last-child,.notice li:last-child{border-bottom:0;}.list li a{min-width:0;color:var(--accent);overflow-wrap:anywhere;transition:color .4s ease;}.list li a:hover,.list li a:focus-visible{color:var(--hot);}.list small,.rank small,.notice time{color:var(--muted);font-family:var(--mono);font-size:11px;white-space:nowrap;}.list small,.notice time{margin-right:16px;}.content-stack{display:grid;min-width:0;gap:12px;}.notice-viewport{display:block;max-height:128px;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--accent) #010409;direction:ltr;writing-mode:horizontal-tb;}.notice{display:block;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;direction:ltr;writing-mode:horizontal-tb;}.notice li{display:inline-grid;grid-template-columns:max-content max-content;width:max-content;min-width:100%;}.notice li span{white-space:nowrap;overflow-wrap:normal;}.article-scroll{display:block;max-height:329px;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--accent) #010409;direction:ltr;writing-mode:horizontal-tb;}.list li.latest-article-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;min-height:66px;align-items:center;}.latest-article-thumb{display:block;width:64px;min-width:64px;min-height:48px;overflow:hidden;border:1px solid rgba(240,246,252,.16);background:rgba(1,4,9,.72);}.latest-article-thumb img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;}.latest-article-main{display:grid;min-width:0;gap:4px;}.latest-article-title{display:block;min-width:0;overflow-wrap:anywhere;}.article-scroll .latest-article-meta{justify-content:flex-start;margin:0;font-size:10px;}.article-scroll .latest-article-meta a{display:inline-flex;min-height:24px;align-items:center;color:var(--muted);overflow-wrap:normal;text-decoration:none;}.article-scroll .latest-article-meta a:hover,.article-scroll .latest-article-meta a:focus-visible{color:var(--hot);}.notice li + li,.article-scroll li + li{margin-top:7px;}.notice-viewport:hover,.article-scroll:hover{scrollbar-color:var(--hot) #010409;}.notice::-webkit-scrollbar{width:0;height:0;display:none;}.notice-viewport::-webkit-scrollbar{width:10px;height:10px;}.article-scroll::-webkit-scrollbar{width:10px;height:10px;}.notice-viewport::-webkit-scrollbar-track,.article-scroll::-webkit-scrollbar-track{background:#010409;}.notice-viewport::-webkit-scrollbar-thumb,.article-scroll::-webkit-scrollbar-thumb{border:2px solid #010409;background:var(--accent);}.notice-viewport:hover::-webkit-scrollbar-thumb,.article-scroll:hover::-webkit-scrollbar-thumb{background:var(--hot);}.rank{counter-reset:popular;}.rank li{grid-template-columns:28px minmax(0,1fr) auto;counter-increment:popular;}.rank li::before{display:grid;place-items:center;width:22px;height:22px;color:#010409;background:var(--warn);font-family:var(--mono);font-size:11px;font-weight:700;content:counter(popular);}.rank li:nth-child(1)::before{color:#1f1300;background:#ffdf5d;}.rank li:nth-child(2)::before{color:#010409;background:#c9d1d9;}.rank li:nth-child(3)::before{color:#1f1300;background:#f0883e;}.rank li:nth-child(n+4)::before{color:var(--ink);background:#010409;box-shadow:inset 0 0 0 1px rgba(240,246,252,.18);}.right-stack{display:grid;gap:12px;align-self:start;}.right-col,.visitor-panel{align-self:start;}.rank{overflow:hidden;}.rank li a{color:var(--accent);transition:color .4s ease;}.rank li a:hover,.rank li a:focus-visible{color:var(--hot);}.site-footer{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;margin-top:18px;padding:13px 78px 13px 16px;border:1px solid var(--line);color:var(--muted);background:var(--footer-bg);font-family:var(--mono);font-size:12px;}.footer-nav{display:block;gap:0;text-align:right;}.site-footer a{display:inline-flex;min-height:24px;align-items:center;color:var(--accent);}.site-footer a:hover,.site-footer a:focus-visible{color:var(--hot);}.footer-nav a{user-select:text;-webkit-user-drag:none;}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--hot);}.footer-nav a + a::before{content:"|";display:inline-block;margin:0 .7ch;color:var(--muted);pointer-events:none;user-select:none;}.progress-wrap{position:fixed;right:18px;bottom:18px;height:60px;width:60px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.42);z-index:9999;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 200ms linear;}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0);}.progress-wrap::before{position:absolute;content:"";background:url("/_/r/9c088204390f4682.gif") no-repeat;background-size:contain;text-align:center;line-height:46px;font-size:24px;color:var(--hot);left:50%;top:50%;transform:translate(-50%,-50%);height:46px;width:46px;cursor:pointer;display:inline-block;z-index:1;transition:all 200ms linear;}.progress-wrap:hover::before{opacity:1;color:var(--warn);}.progress-wrap svg path{fill:none;}.progress-wrap svg.progress-circle path{stroke:var(--hot);stroke-width:4;box-sizing:border-box;transition:all 200ms linear;}.hatena-block{right:24.4px;}@media (max-width:1080px){.main-grid{grid-template-columns:1fr;}.right-stack{grid-template-columns:1fr;}}@media (max-width:680px){.site-shell{width:min(100% - 18px,var(--layout-width));padding-top:10px;}.site-top{overflow:hidden;padding:16px;}.brand{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(20px,6.4vw,28px);}.visitor-panel{align-self:auto;width:100%;}.visitor-panel dl{grid-template-columns:74px minmax(0,1fr);}.visitor-panel dd{min-width:0;overflow:hidden;}.progress-wrap{right:12px;bottom:12px;transform:translateY(15px) scale(.84);transform-origin:right bottom;}.progress-wrap.active-progress{transform:translateY(0) scale(.84);}.hatena-block{right:auto;left:min(326px,calc(100vw - 58px));transform:scale(.9);transform-origin:right bottom;}}