:root{--grass: #67c03c;--grass-dark: #3f9d2d;--stone: #1f2529;--slate: #121719;--panel: rgba(16, 22, 24, .82);--text: #ebf2e7;--text-dim: #b1bfb4;--danger: #d96f4f;--danger-dark: #c14d2e;--dirt: #8b6914;--dirt-dark: #5c4313;--deepslate: #2a2e33;--gold: #ffd700;--water: #3c44aa;--obsidian: #0c0e11}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(1400px 600px at 75% -10%,rgba(103,192,60,.3),transparent 70%),radial-gradient(900px 450px at 10% 15%,rgba(48,92,68,.4),transparent 70%),linear-gradient(180deg,#0e1515,#1b2220 45%,#0f1613);background-image:radial-gradient(1400px 600px at 75% -10%,rgba(103,192,60,.3),transparent 70%),radial-gradient(900px 450px at 10% 15%,rgba(48,92,68,.4),transparent 70%),linear-gradient(180deg,#0e151599,#1b222099 45%,#0f161399),url(/assets/images/minecraft-bg.jpg);background-size:auto,auto,auto,cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll,scroll,scroll,fixed;overflow-x:hidden;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(63,157,45,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(63,157,45,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}#particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}a{color:#9adf83}.app{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column}.site-main{flex:1 0 auto;width:100%}.nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem clamp(1rem,4vw,2.2rem);background:#070a08c7;border-bottom:1px solid rgba(103,192,60,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-brand{display:inline-flex;align-items:center;gap:.5rem;font-family:"Press Start 2P",Trebuchet MS,sans-serif;font-size:.95rem;letter-spacing:.06em;color:#e8fce1;text-decoration:none;text-shadow:0 2px 0 rgba(24,32,24,.95)}.nav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-left:auto}.nav-link{color:var(--text-dim);text-decoration:none;font-weight:600;font-size:.9rem;padding:.45rem .7rem;border-radius:7px;border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease}.nav-link:hover{color:var(--text);background:#3f9d2d14}.nav-link.active{color:#d9ffd4;border-color:#67c03c59;background:#3f9d2d1f}.nav-link--cta{color:#d9ffd4;border-color:#67c03c66;background:linear-gradient(180deg,#324b37e6,#192820e6)}.container{width:min(960px,92vw);margin:0 auto;padding:clamp(1.4rem,3vw,2.6rem) clamp(.8rem,2vw,1.4rem) 3rem}.card{position:relative;border:2px solid rgba(103,192,60,.35);background:var(--panel);border-radius:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:clamp(1.4rem,2.8vw,2.6rem);box-shadow:0 22px 70px #0009,inset 0 1px #ffffff0d;overflow:hidden;animation:rise-in .5s ease-out}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(103,192,60,.08),transparent 50%);pointer-events:none}.card+.card{margin-top:1.2rem}.card-corner{position:absolute;width:14px;height:14px;border-color:#67c03c80;border-style:solid;z-index:3;pointer-events:none}.card-corner--tl{top:8px;left:8px;border-width:2px 0 0 2px}.card-corner--tr{top:8px;right:8px;border-width:2px 2px 0 0}.card-corner--bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.card-corner--br{bottom:8px;right:8px;border-width:0 2px 2px 0}.topline{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.18em;color:var(--text-dim);padding:.25rem .6rem;border:1px solid rgba(103,192,60,.2);border-radius:4px;background:#3f9d2d14}h1{margin:1.2rem 0 .8rem;font-family:"Press Start 2P",Trebuchet MS,Arial Black,sans-serif;letter-spacing:.08em;line-height:1.3;font-size:clamp(1.1rem,3.6vw,2.6rem);color:#e8fce1;text-shadow:0 3px 0 rgba(24,32,24,.95),0 0 30px rgba(103,192,60,.3),0 0 60px rgba(103,192,60,.15);animation:enchant-glow 3s ease-in-out infinite}h2{font-family:"Press Start 2P",Trebuchet MS,sans-serif;font-size:clamp(.95rem,2.4vw,1.3rem);letter-spacing:.05em;color:#e8fce1;margin:0 0 1rem;text-shadow:0 2px 0 rgba(24,32,24,.9)}.page-subtitle,.subtitle{margin:0 0 1.6rem;color:var(--text-dim);font-size:clamp(1.01rem,2vw,1.2rem);line-height:1.55}.prose{color:#d7e3d6;line-height:1.7;font-size:1rem}.prose p{margin:0 0 1rem}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.3rem}.prose li{margin-bottom:.5rem}.prose strong{color:#f1f8ef}.prose code{background:#0c0e11d9;border:1px solid rgba(103,192,60,.25);border-radius:5px;padding:.1rem .4rem;font-family:"Press Start 2P",monospace;font-size:.78em;color:#d9ffd4}.placeholder-note{margin-bottom:1.4rem;color:#9cb1a3;font-size:.85rem;padding:.6rem .8rem;border:1px dashed rgba(103,192,60,.2);border-radius:6px}.status-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}.status{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(103,192,60,.4);background:#3f9d2d1a;padding:.4rem .7rem .4rem .5rem;border-radius:6px;font-size:.85rem;font-weight:500;transition:border-color .3s ease,background .3s ease}.status.offline{border-color:#d96f4f66;background:#c14d2e1a}.status.checking{border-color:#b4b4b44d;background:#78787814}.status-dot{width:8px;height:8px;border-radius:2px;background:var(--grass);box-shadow:0 0 10px #67c03cb3;animation:pulse 1.6s ease-in-out infinite}.status.offline .status-dot{background:var(--danger);box-shadow:0 0 10px #d96f4fb3;animation:none}.status.checking .status-dot{background:#888;box-shadow:0 0 6px #88888880;animation:pulse 1s ease-in-out infinite}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin-bottom:1.4rem}.info-tile{border:1px solid rgba(103,192,60,.18);border-radius:10px;background:#0c0e11cc;padding:.95rem 1rem;transition:border-color .3s ease,transform .2s ease}.info-tile:hover{border-color:#67c03c59;transform:translateY(-1px)}.tile-label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.1em;color:#8ca397;text-transform:uppercase}.tile-value{display:block;margin-top:.45rem;color:#f1f8ef;font-size:1.02rem;font-weight:500}.feature-tile h3{margin:.2rem 0 .4rem;font-size:1.02rem;color:#f1f8ef}.feature-tile p{margin:0;color:var(--text-dim);font-size:.92rem;line-height:1.55}.feature-icon{font-size:1.4rem;line-height:1}.ip-button{width:100%;min-height:54px;border:2px solid rgba(103,192,60,.4);background:linear-gradient(180deg,#324b37f2,#192820f2);color:#d9ffd4;border-radius:8px;padding:.9rem 1rem;font-size:clamp(1rem,2.4vw,1.2rem);font-family:"Press Start 2P",Trebuchet MS,Consolas,monospace;letter-spacing:.04em;line-height:1.5;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;text-align:center;margin-bottom:.6rem;touch-action:manipulation;position:relative;overflow:hidden}.ip-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #579e3f59;border-color:#67c03c99}.ip-button:active{transform:translateY(1px) scale(.99)}.ip-button.copied{border-color:#aae68ccc;background:linear-gradient(180deg,#5dad3df2,#438a2bf2);color:#0f1a0e}.hint{margin:0 0 1.2rem;color:#8da597;font-size:.88rem}.cta-row,.social-row{display:flex;flex-wrap:wrap;gap:.75rem}.social-row{margin-top:.75rem}.btn{border:2px solid rgba(103,192,60,.25);color:var(--text);text-decoration:none;padding:.65rem 1rem;min-height:46px;border-radius:8px;font-weight:600;font-size:.92rem;background:linear-gradient(180deg,#1e2923d9,#121c16d9);transition:border-color .18s ease,transform .1s ease,background .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;touch-action:manipulation;cursor:pointer}.btn:hover{transform:translateY(-1px);border-color:#67c03c73;background:linear-gradient(180deg,#28372de6,#18261ee6);box-shadow:0 6px 20px #579e3f26}.btn:active{transform:translateY(1px) scale(.98)}.btn--primary{border-color:#67c03c80;background:linear-gradient(180deg,#324b37f2,#192820f2);color:#d9ffd4}.footer{flex-shrink:0;background:#070a08bf;border-top:1px solid rgba(103,192,60,.15);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:#bdc9bf;font-size:.85rem}.footer a{color:#9adf83;text-decoration:none;font-weight:500}.footer a:hover{color:#b7f0a3;text-decoration:underline}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%) translateY(-12px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;border-radius:8px;border:1px solid rgba(103,192,60,.6);color:#ebffe9;background:#19371cf2;padding:.55rem .95rem;font-weight:600;font-size:.88rem;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 24px #0006}.toast.error{border-color:#e07a5ccc;background:#501c16f2;color:#ffe7df}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes pulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.85}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes enchant-glow{0%,to{text-shadow:0 3px 0 rgba(24,32,24,.95),0 0 30px rgba(103,192,60,.25),0 0 60px rgba(103,192,60,.1)}50%{text-shadow:0 3px 0 rgba(24,32,24,.95),0 0 40px rgba(103,192,60,.4),0 0 80px rgba(103,192,60,.2)}}@media (max-width: 700px){.container{width:100%;padding:1rem .8rem 2.4rem}.card{border-radius:14px;padding:1rem}.card-corner{width:10px;height:10px}.card-corner--tl{top:6px;left:6px}.card-corner--tr{top:6px;right:6px}.card-corner--bl{bottom:6px;left:6px}.card-corner--br{bottom:6px;right:6px}h1{font-size:clamp(.9rem,6vw,1.4rem)}.grid{grid-template-columns:1fr}.nav{gap:.5rem;padding:.6rem .9rem}.nav-brand{font-size:.8rem}.nav-links{width:100%;margin-left:0}.nav-link{font-size:.82rem;padding:.4rem .55rem}.status{width:100%;justify-content:center}.cta-row .btn,.social-row .btn{flex:1 1 100%}.footer{justify-content:center;text-align:center}}@media (max-width: 700px),(hover: none) and (pointer: coarse){body{background-attachment:scroll}}
