:root{--blue:#173f9d;--yellow:#ffe744;--red:#ef3b39;--ink:#17184a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:#173f9d;background-image:radial-gradient(circle at 12px 12px,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 38px 35px,rgba(255,231,68,.8) 0 1px,transparent 1.5px),linear-gradient(#173f9d,#102767);background-size:50px 50px,70px 70px,100% 100%;font-family:Verdana,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:#003bc4}.skip{position:fixed;left:-999px;top:8px;z-index:99;background:#fff;padding:8px}.skip:focus{left:8px}.page-shell{width:min(94%,820px);margin:18px auto 40px;background:#dff5ff;border:5px ridge #b4dfff;box-shadow:12px 14px 0 rgba(0,0,0,.35)}
.tiny-strip{display:flex;justify-content:space-between;padding:4px 8px;color:#fff;background:#09174e;font:bold 10px "Courier New",monospace}.logo-zone{min-height:180px;display:grid;grid-template-columns:145px 1fr 95px;align-items:center;gap:10px;padding:12px 22px;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 42%),repeating-linear-gradient(-10deg,#77d8ff 0 12px,#61c8ef 12px 24px);border-bottom:4px solid #09265f;overflow:hidden}.wordmark{text-align:center;transform:rotate(-1deg)}.welcome{margin:0;color:#16337e;font:900 17px "Arial Black",Impact,sans-serif;letter-spacing:.28em}h1{margin:-6px 0 -2px;color:#fff;font:900 clamp(46px,9vw,76px)/1 "Arial Black",Impact,sans-serif;letter-spacing:-5px;-webkit-text-stroke:3px #173f9d;text-shadow:4px 5px 0 #ef3b39,7px 8px 0 #ffe744}h1 span{font-size:.45em;letter-spacing:-2px}.slogan{margin:7px 0 0;color:#142862;font:bold italic 12px Verdana,sans-serif}.badge{display:grid;place-items:center;width:88px;height:88px;border:3px dashed #fff;border-radius:50%;background:var(--red);color:#fff;text-align:center;font:bold 10px Verdana;transform:rotate(8deg);box-shadow:3px 4px 0 #672020}.badge b{font-size:14px;line-height:1}
.mascot{position:relative;width:120px;height:130px;animation:bob 2.2s ease-in-out infinite}.mascot-face{position:absolute;inset:22px 5px 14px;display:grid;place-items:center;border:4px solid #142862;border-radius:46% 46% 38% 38%;background:var(--yellow);box-shadow:inset -8px -9px 0 #f5b938,5px 6px 0 rgba(0,0,0,.18)}.mascot-face b{color:var(--red);font:900 53px/1 "Arial Black";transform:rotate(-8deg)}.mascot-face i{position:absolute;top:25px;width:8px;height:12px;border-radius:50%;background:#142862}.mascot-face i:first-of-type{left:23px}.mascot-face i:last-of-type{right:23px}.antenna{position:absolute;left:57px;top:0;width:5px;height:28px;background:#142862;transform:rotate(-8deg)}.antenna:after{content:"";position:absolute;width:15px;height:15px;left:-5px;top:-4px;border-radius:50%;background:var(--red)}.mascot-feet:before,.mascot-feet:after{content:"";position:absolute;bottom:3px;width:38px;height:13px;border-radius:50%;background:#142862}.mascot-feet:before{left:13px;transform:rotate(-9deg)}.mascot-feet:after{right:13px;transform:rotate(9deg)}@keyframes bob{50%{transform:translateY(-6px) rotate(2deg)}}
.marquee{overflow:hidden;padding:5px 0;color:#fff;background:#ef3b39;border-block:2px solid #8e1515;font:bold 12px "Courier New",monospace;white-space:nowrap}.marquee-track{width:max-content;animation:crawl 18s linear infinite}@keyframes crawl{from{transform:translateX(820px)}to{transform:translateX(-100%)}}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;background:#173f9d}nav a{padding:9px 4px;border:3px outset #fff7a8;background:linear-gradient(#fff66c,#efb71c);color:#16285b;text-align:center;text-decoration:none;font:900 11px "Arial Black",Arial;text-shadow:1px 1px #fff}nav a:hover{color:#fff;background:linear-gradient(#ff7866,#d51f31);text-shadow:1px 1px #7e0a12}nav a:active{border-style:inset}
main{padding:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23dff5ff'/%3E%3Cpath d='M0 20L20 0' stroke='%23cdebf8'/%3E%3C/svg%3E")}.window{margin-bottom:18px;border:3px outset #c8d5e7;background:#f5f3ea;box-shadow:4px 5px 0 rgba(19,42,91,.2)}.window-title{display:flex;justify-content:space-between;padding:4px 7px;color:#fff;background:linear-gradient(90deg,#133a99,#69a8e7);font:bold 12px "Trebuchet MS"}.window-body{padding:17px}.window-body h2,.links-section h2{margin:0 0 9px;color:#ef3b39;font:900 24px "Trebuchet MS",Arial;text-shadow:1px 1px #fff,2px 2px #f5c43e}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.loud{color:#df1529;font-weight:900;text-align:center;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.2}}.construction{margin-top:16px;padding:7px;border-block:3px dashed #111;background:#ffe234;color:#111;text-align:center;font-weight:900}.news-box{position:relative;padding:12px;border:3px ridge #ffdc45;background:#fffbd0}.news-box h3{margin:0;padding:4px;color:#fff;background:#ef3b39;text-align:center;font-size:13px}.news-box ul{padding-left:20px;font-size:12px}.new-gif{position:absolute;right:-8px;bottom:-8px;padding:4px 7px;color:#fff;background:#31a542;border:2px outset #8fff95;font:900 11px Arial;transform:rotate(-8deg)}
.links-section{padding:8px 0 22px}.section-banner{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px;padding:8px;color:#ffe744;background:#38217f;border:3px ridge #bda2ff}.section-banner h2{margin:0;color:#fff;text-shadow:2px 2px #ef3b39}.center-note{text-align:center;font-style:italic}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-card{min-height:100px;display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;padding:10px;border:3px outset #fff;color:#17184a;background:#fff;text-decoration:none;box-shadow:3px 3px #8194ab}.service-card:hover{background:#fffbd0;transform:translate(-1px,-1px);box-shadow:5px 5px #6c7d92}.service-card:active{border-style:inset}.service-icon{display:grid;place-items:center;width:62px;height:62px;border:3px solid #172d70;border-radius:13px;color:#fff;background:#258bd1;box-shadow:inset -7px -7px rgba(0,0,0,.18)}.coral .service-icon{background:#ef5547}.cyan .service-icon{background:#1abfa8}.violet .service-icon{background:#8451cd}.gold .service-icon{background:#e6a91f}.service-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-card:first-child .service-icon svg path{fill:currentColor;stroke:none}.service-body{display:block}.service-body strong{display:block;color:#173f9d;font:900 18px "Trebuchet MS";text-decoration:underline}.service-body>span:not(.service-action){display:block;margin-top:3px;font-size:11px}.service-action{display:inline-block;margin-top:6px;padding:2px 6px;color:#fff;background:#ef3b39;font:bold 10px Verdana}
.green-title{background:linear-gradient(90deg,#267629,#70bd59)}.purple-title{background:linear-gradient(90deg,#512183,#b276d1)}.orange-title{background:linear-gradient(90deg,#b74513,#ff9e34)}.minecraft-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}.pixel-scene{position:relative;height:150px;overflow:hidden;border:4px inset #a9b1b7;background:#72c9f4;image-rendering:pixelated}.pixel-sun{position:absolute;top:13px;right:18px;width:34px;height:34px;background:#fff346;box-shadow:0 0 0 5px rgba(255,243,70,.3)}.pixel-cloud{position:absolute;width:58px;height:17px;background:#fff;box-shadow:16px -10px #fff,31px 0 #fff}.cloud-a{top:35px;left:24px}.cloud-b{top:64px;right:18px;transform:scale(.65)}.mountain{position:absolute;bottom:32px;left:47px;width:120px;height:80px;background:#7a8e8f;clip-path:polygon(50% 0,100% 100%,0 100%)}.ground{position:absolute;inset:auto 0 0;height:38px;background:linear-gradient(#41a63e 0 10px,#8a5c34 10px)}.server-address{display:flex;gap:5px;padding:6px;border:2px inset #aaa;background:#111}.server-address code{flex:1;padding:8px;color:#54ff54;font:bold 15px "Courier New"}.server-address button{border:3px outset #eee;background:#ddd;font:bold 11px Verdana;cursor:pointer}.server-address button:active{border-style:inset}.copy-message{font-size:11px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-column .window{height:100%}.contact-placeholder{padding:8px;color:#7c206e;border:2px dashed #bb55aa;background:#fff2fd;text-align:center}.contact-link{display:block;margin:5px 0;padding:7px;border:2px outset #fff;background:#d8f0ff;text-decoration:none}.contact-link strong{display:block}
footer{display:grid;grid-template-columns:160px 1fr 230px;align-items:center;gap:12px;padding:13px;color:#fff;background:#09174e;text-align:center;font-size:10px}.counter b{display:inline-block;margin-top:3px;padding:2px 5px;color:#55ff55;background:#000;border:2px inset #aaa;font:bold 14px "Courier New";letter-spacing:2px}.buttons88{display:flex;justify-content:end;gap:4px}.buttons88 span{display:grid;place-items:center;width:70px;height:31px;border:2px outset #ddd;color:#fff;background:linear-gradient(#6f6f6f 50%,#232323 50%);font:bold 8px Arial;line-height:1}.sparkle{position:fixed;z-index:999;width:6px;height:6px;pointer-events:none;background:#ffe744;transform:rotate(45deg);animation:vanish .65s linear forwards}@keyframes vanish{to{transform:translateY(14px) rotate(160deg) scale(0);opacity:0}}
@media(max-width:700px){.page-shell{width:96%;margin-top:8px;box-shadow:6px 7px 0 rgba(0,0,0,.35)}.logo-zone{grid-template-columns:95px 1fr;padding-inline:10px}.badge{display:none}.mascot{transform:scale(.72);transform-origin:left center}h1{font-size:44px;-webkit-text-stroke-width:2px;text-shadow:3px 3px #ef3b39,5px 5px #ffe744}.slogan{font-size:10px}nav{grid-template-columns:1fr 1fr}nav a:last-child{grid-column:1/-1}.intro-grid,.minecraft-grid,.two-column{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.pixel-scene{max-width:300px}footer{grid-template-columns:1fr}.buttons88{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.marquee-track{white-space:normal;width:auto;padding-inline:8px}}