*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#080500;color:#ffb000;font-family:IBM Plex Mono,Courier New,monospace;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;background:repeating-linear-gradient(transparent 0,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 3px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8999;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%)}#hdr{position:fixed;top:0;left:0;right:0;height:42px;background:#080500;border-bottom:1px solid #5a3200;display:flex;align-items:center;padding:0 18px;gap:18px;z-index:500}#logo{font-family:VT323,monospace;font-size:28px;letter-spacing:5px;color:#ffd060;text-shadow:0 0 14px rgba(255,200,0,.6);cursor:default}.hmeta{font-size:10px;color:#906000;letter-spacing:2px}.hright{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:10px;color:#906000}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffb000;animation:bl 2s infinite}@keyframes bl{0%,to{opacity:1}50%{opacity:.1}}.hbtn{background:none;border:1px solid #5a3200;color:#ffb000;font-family:IBM Plex Mono,monospace;font-size:10px;padding:4px 10px;cursor:pointer;letter-spacing:1px;transition:border-color .2s,box-shadow .2s}.hbtn:hover{border-color:#ffb000;box-shadow:0 0 8px #ffb0004d}#axis{position:fixed;top:42px;left:0;right:0;height:20px;background:#080500;border-bottom:1px solid #1c1000;font-size:9px;color:#5a3200;letter-spacing:3px;display:flex;align-items:center;padding-left:54px;z-index:490}#vp{position:fixed;top:62px;left:0;right:0;bottom:36px;overflow:hidden}#login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}#login-screen h2{font-family:VT323,monospace;font-size:36px;color:#ffd060;letter-spacing:5px;text-shadow:0 0 14px rgba(255,200,0,.5)}#login-screen p{font-size:10px;color:#5a3000;letter-spacing:1px;max-width:360px;text-align:center;line-height:1.8}#handle-input{background:#0e0800;border:1px solid #5a3200;color:#ffb000;font-family:IBM Plex Mono,monospace;font-size:13px;padding:10px 14px;width:320px;outline:none;letter-spacing:1px;-webkit-user-select:text;user-select:text}#handle-input:focus{border-color:#ffb000;box-shadow:0 0 10px #ffb00033}#handle-input::placeholder{color:#3a2000}#signin-btn{background:#0e0800;border:1px solid #ffb000;color:#ffb000;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:2px;padding:10px 32px;cursor:pointer;transition:box-shadow .2s,background .2s}#signin-btn:hover:not(:disabled){background:#160d00;box-shadow:0 0 16px #ffb0004d}#signin-btn:disabled{opacity:.5;cursor:default}#login-error{font-size:10px;color:#f40;letter-spacing:1px;min-height:14px}#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}#loading-screen p{font-size:11px;color:#5a3000;letter-spacing:2px}.spinner{width:28px;height:28px;border:2px solid #2a1400;border-top-color:#ffb000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#feed{position:absolute;top:0;left:0;right:0;transition:transform .38s cubic-bezier(.16,1,.3,1)}.row{display:flex;height:220px;margin-bottom:2px;transition:opacity .25s}.row.dim{opacity:.22}.row.lit{opacity:1}.rgutter{width:52px;flex-shrink:0;border-right:1px solid #1c1000;background:#080500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.rnum{font-family:VT323,monospace;font-size:22px;color:#4a2800;line-height:1}.row.lit .rnum{color:#ffb000;text-shadow:0 0 8px rgba(255,176,0,.4)}.rdot{width:4px;height:4px;border-radius:50%;background:#2a1400}.row.lit .rdot{background:#ffb000}.tscroll{flex:1;overflow:hidden;position:relative}.ttrack{display:flex;align-items:flex-start;height:100%;padding:6px 0;transition:transform .38s cubic-bezier(.16,1,.3,1);will-change:transform}.cslot{flex:0 0 316px;height:206px;margin-right:6px;position:relative;overflow:visible;cursor:pointer}.card-wrap{position:absolute;left:0;right:0;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .38s ease;transform-origin:top center}.card{width:100%;background:#0e0800;border:1px solid #221200;border-radius:1px;overflow:hidden;position:relative}.card.front{height:206px;padding:10px 13px 9px;display:flex;flex-direction:column;gap:6px}.card.peek{height:30px;padding:0 12px;display:flex;align-items:center;gap:8px;background:#0a0600;border-color:#1a0e00}.card.peek .cbody,.card.peek .card-stats,.card.peek .role-tag,.card.peek .card-bar{display:none}.cslot.center .card.front{border-color:#ffb000;background:#140c00;box-shadow:0 0 22px #ffb0002e,inset 0 0 50px #ffb00006}.cslot.center .card.front .dname{color:#ffd060}.cslot.center .card.front .cbody{color:#ffb000}.cslot.center .card.front .avatar{border-color:#ffb000;box-shadow:0 0 7px #ffb0004d}.cslot.center .card.front .card-bar{background:#ffb000;box-shadow:0 0 6px #ffb00066}.cslot.d1 .card.front{border-color:#281600}.cslot.d2 .card.front{border-color:#1c1000;opacity:.75}.cslot.d3 .card.front{border-color:#160c00;opacity:.5}.cslot.dfar .card.front{opacity:.28}.cslot:not(.center):hover .card.front{border-color:#6a3800!important;opacity:1!important}.card-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#3a2000}.role-tag{font-size:8px;color:#5a3000;letter-spacing:2px;flex-shrink:0}.card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.avatar{width:24px;height:24px;flex-shrink:0;background:#1c1000;border:1px solid #5a3000;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:13px;color:#ffb000;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.meta-text{flex:1;min-width:0}.dname{font-size:11px;font-weight:500;color:#906000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.handle{font-size:9px;color:#4a2800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ptime{font-size:9px;color:#4a2800;flex-shrink:0}.cbody{flex:1;font-size:11.5px;line-height:1.55;color:#906000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.card-stats{display:flex;gap:12px;flex-shrink:0}.stat{font-size:10px;color:#4a2800}.peek-label{font-size:8px;color:#4a2800;letter-spacing:1px;margin-left:auto}.tdots{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:5px;pointer-events:none;z-index:100}.tdot{width:4px;height:4px;border-radius:50%;background:#3a2000}.tdot.on{background:#ffb000;box-shadow:0 0 5px #ffb00080}#guide{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:600}.gpip{width:5px;height:5px;border-radius:50%;background:#2a1400;cursor:pointer;transition:background .2s}.gpip.on{background:#ffb000;box-shadow:0 0 6px #ffb00080}#ctx{position:fixed;top:68px;right:26px;font-size:9px;color:#5a3000;letter-spacing:2px;z-index:600}#hints{position:fixed;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:18px;font-size:9px;color:#4a2800;letter-spacing:2px;z-index:600;white-space:nowrap}.hint{display:flex;align-items:center;gap:5px}.hk{background:#1a0e00;border:1px solid #5a3000;padding:1px 5px;color:#ffb000;font-family:VT323,monospace;font-size:13px}