:root{--red-1: #420000;--red-2: #7a0000;--red-3: #b30606;--yellow-1: #f3bf1d;--yellow-2: #ffd84f;--paper: #f0d9a6;--ink: #190b07}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,#b3060666,#420000b3),repeating-linear-gradient(45deg,#00000024 0,#00000024 6px,#ffd84f14 6px,#ffd84f14 12px),var(--red-1);color:var(--paper);font-family:"PT Serif",serif}.page{position:relative;min-height:100vh;padding:2rem 1.2rem 3rem;overflow-x:hidden;overflow-y:visible}.noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background-image:radial-gradient(var(--yellow-2) .6px,transparent .6px);background-size:3px 3px}.hero,.footer{position:relative;z-index:20}.tops-wrap{position:relative;z-index:2}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.6rem;animation:rise .8s ease}.hero h1{margin:0;font-family:"Press Start 2P",cursive;font-size:clamp(2.2rem,8vw,5rem);color:var(--yellow-2);letter-spacing:.14em;text-shadow:0 0 0 #000,4px 4px 0 var(--red-1),8px 8px 0 rgba(0,0,0,.4)}.online-counter-wrap{position:relative;display:block;margin-top:1.2rem;z-index:60}.online-counter{display:inline-flex;align-items:center;gap:.55rem;border:3px solid var(--yellow-1);background:linear-gradient(180deg,#8f1a02,#660600);color:var(--yellow-2);font-family:"Press Start 2P",cursive;font-size:clamp(.68rem,2vw,.88rem);letter-spacing:.03em;padding:.7rem 1rem;cursor:pointer;box-shadow:0 7px #00000059;transition:transform .15s ease,box-shadow .15s ease}.online-counter:hover{transform:translateY(-2px)}.online-counter:active{transform:translateY(3px);box-shadow:0 3px #00000059}.signal-light{width:.62rem;height:.62rem;background:#8aff61;border:1px solid #183f08;box-shadow:0 0 8px #8aff61bf}.mc-tab-list{position:absolute;top:calc(100% + .65rem);left:50%;transform:translate(-50%,10px);width:min(460px,92vw);border:2px solid #b2b2b2;background:#0c0c0ce6;color:#f1f1f1;font-family:"Press Start 2P",cursive;padding:.6rem;text-align:left;box-shadow:0 0 0 2px #000000bf,0 12px 24px #00000073;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:30}.online-counter-wrap:hover .mc-tab-list,.online-counter-wrap.is-open .mc-tab-list{opacity:1;pointer-events:auto;transform:translate(-50%)}.mc-tab-title{padding:.5rem .45rem .58rem;text-align:center;border-bottom:1px solid #6f6f6f;color:#f8f8f8;font-size:.66rem;line-height:1.45}.mc-tab-list ul{list-style:none;margin:.55rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.6rem;row-gap:.36rem}.mc-tab-list li{padding:.32rem .45rem;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#f1f1f1;text-shadow:1px 1px 0 #000;font-size:.62rem;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mc-tab-empty{margin:.8rem .2rem .45rem;font-size:.65rem;line-height:1.5;color:#dfdfdf;text-align:center}.mc-tab-updated{margin:.7rem .15rem .15rem;font-size:.56rem;color:#b8b8b8;text-align:center;line-height:1.45}.server-ip{display:block;margin:1rem auto 0;border:3px solid var(--yellow-1);background:linear-gradient(180deg,#8c1200,#5d0000);color:var(--yellow-2);font-family:"Press Start 2P",cursive;font-size:clamp(.8rem,2.4vw,1.1rem);padding:.9rem 1.4rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px #00000059}.server-ip:hover{transform:translateY(-2px)}.server-ip:active{transform:translateY(3px);box-shadow:0 3px #00000059}.copy-hint{margin:.8rem 0 0;font-size:.95rem;color:#ffde8c}.tops-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:1200px;margin:0 auto}.top-card{border:4px solid var(--yellow-1);background:linear-gradient(180deg,#4b0000e0,#2d0000e0);padding:1rem;box-shadow:0 8px 20px #0006;animation:rise .8s ease}.title-row{margin-bottom:1rem}.title-row h2{margin:0 0 .55rem;font-size:1rem;color:var(--yellow-2);font-family:"Press Start 2P",cursive;line-height:1.35}.updated{font-size:.9rem;color:#f8d06a}table{width:100%;border-collapse:collapse;font-size:.95rem}thead th{text-align:left;color:#ffe9ad;border-bottom:2px solid rgba(255,216,79,.5);padding-bottom:.45rem}tbody td{padding:.55rem 0;border-bottom:1px dashed rgba(255,216,79,.22)}.error{color:#ffd4d4}.footer{text-align:center;margin-top:2rem}.footer a{color:var(--yellow-2);font-family:"Press Start 2P",cursive;font-size:.9rem;text-decoration:none;border-bottom:2px solid transparent}.footer a:hover{border-bottom-color:var(--yellow-2)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.tops-wrap,.mc-tab-list ul{grid-template-columns:1fr}}