@font-face{font-family:'MinecraftFull';src:url('./font/MinecraftFull-1.20.ttf') format('truetype');font-display:swap}
:root{
 --minecraft-font:'MinecraftFull',ui-monospace,monospace;
 --mc-bg:#29202f;--mc-panel:#3a2b45;--mc-panel-2:#493653;--mc-border:#17121d;
 --mc-top:#6b536f;--mc-bottom:#211923;--mc-light:#ecedf0;
 --mc-text:#f4f1f6;--mc-muted:#cfc7d5;--mc-green:#69c94d;--mc-green-dark:#3d8b2e;
 --minecraft-background-color:#29202f;--minecraft-foreground-color:#3a2b45;--minecraft-border-color:#17121d;
 --minecraft-border-top-color:#6b536f;--minecraft-border-bottom-color:#211923;--minecraft-text-color:#222;
 --minecraft-text-accent-color:#58a83f;--minecraft-text-secondary-color:#f4f4f4;--minecraft-text-subtle-color:#c7c9cc;
 --minecraft-button-color:#d0d1d4;--minecraft-button-hover-color:#b1b2b5;--minecraft-button-inset-border-color:#e9eaec;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:280px;background:#180f22;color:var(--mc-text);font-family:var(--minecraft-font);overflow-x:hidden}
button,input,a{font:inherit}button{cursor:pointer}
button{all:unset;font-family:var(--minecraft-font);font-size:clamp(.85rem,1.1vw,1.05rem);color:var(--minecraft-text-color);background-color:var(--minecraft-button-color);box-shadow:0 -12px 0 0 #58585a inset,0 -16px 0 0 var(--minecraft-button-inset-border-color) inset,0 0 0 4px var(--minecraft-button-inset-border-color) inset,0 0 0 4px var(--minecraft-border-color);border-bottom:unset;padding:12px 9px 24px 12px;margin-left:4px;margin-bottom:4px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:box-shadow .2s ease,padding .2s ease,margin-top .2s ease;background-clip:padding-box;box-sizing:border-box}
button:hover{background-color:var(--minecraft-button-hover-color)}
button:active{box-shadow:0 0 0 4px #ecedee inset,0 0 0 4px #1e1e1f;padding:12px 9px 12px 12px;margin-top:12px}
button:disabled{color:#fff;background-color:#3c8527;box-shadow:0 0 0 4px #639d52 inset,0 0 0 4px #1e1e1f;padding:12px 9px 12px 12px;margin-top:12px}
button::after{content:'';position:absolute;bottom:0;width:0;height:4px;background-color:#ecedee;transition:width .3s ease}
button:disabled::after{width:38%}
img{max-width:100%}
p{color:var(--mc-muted);line-height:1.55;font-size:clamp(.88rem,1vw,1.05rem);margin:.65rem 0}
a{color:#69c54d;text-underline-offset:3px}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.2;margin:.35rem 0 1rem;filter:drop-shadow(4px 4px 0 #0008)}
h1{font-size:clamp(1.55rem,2.6vw,2.4rem)}h2{font-size:clamp(1.25rem,2vw,1.8rem)}h3{font-size:clamp(1rem,1.4vw,1.35rem)}
hr{width:100%;border:0;border-top:4px solid var(--mc-bottom);border-bottom:4px solid var(--mc-top);margin:clamp(1.1rem,2vw,1.75rem) 0}
.minecraft-box{outline:4px solid var(--mc-border);background:var(--mc-panel);box-shadow:0 4px 0 var(--mc-top) inset,0 -4px 0 var(--mc-bottom) inset}
.minecraft-inset-box{background:var(--mc-bg);box-shadow:0 12px 0 #18191a inset,0 0 0 4px var(--mc-border);padding:clamp(.8rem,1.5vw,1.4rem)}
.minecraft-title-box{color:#222;background:#e7e9eb;box-shadow:0 -12px 0 #b4b6b9 inset,0 0 0 4px var(--mc-border);padding:.8rem 1rem;margin-bottom:.8rem;filter:drop-shadow(4px 4px 0 #0008)}
#particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}
.background{position:fixed;inset:0;z-index:-4;overflow:hidden;background:linear-gradient(180deg,#100918 0%,#100918 24%,#17101f 28%,#21142b 39%,#2d1a3a 58%,#3d234e 79%,#4c2b61 100%)}
.background:before{content:'';position:absolute;inset:0;opacity:.58;background:radial-gradient(ellipse at 50% 112%,rgba(195,122,235,.38) 0,rgba(119,62,150,.18) 38%,transparent 70%),repeating-linear-gradient(0deg,rgba(0,0,0,.018) 0 3px,transparent 3px 6px)}
.background:after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(231,207,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(231,207,255,.018) 1px,transparent 1px);background-size:32px 32px,32px 32px}
.site-container{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:clamp(1rem,1.8vw,1.6rem);padding:clamp(.75rem,1.5vw,1.25rem) 0}
.hero{width:min(96vw,1540px);margin:clamp(.4rem,1.2vw,1rem) auto 0;display:flex;align-items:stretch;gap:0}
.model-wrapper{width:min(420px,40%);min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:0}
.model-wrapper canvas{display:block;max-width:100%;height:auto!important;touch-action:none}
.description{flex:1;min-width:0;padding:clamp(1rem,2.4vw,2rem)}
.description p{max-width:820px}
.page-content{width:min(96vw,1540px);margin:0 auto 3rem;padding:clamp(.7rem,1.5vw,1.2rem);align-self:center}
.page-buttons{display:flex;justify-content:center;align-items:stretch;align-self:stretch;width:100%;gap:0}
.page-button{flex:1 1 0;min-width:0;height:clamp(48px,4vw,58px);min-height:48px;padding:12px 12px 22px!important;font-size:clamp(.8rem,1.25vw,1.15rem);margin-left:4px;margin-bottom:4px}
.page-button:first-child{margin-left:4px}.page-button:disabled{pointer-events:none}
#page-container{min-height:250px}
footer{width:min(96vw,1540px);margin:0 auto 2rem;text-align:center}footer p{text-align:center;font-size:.72rem;color:#9b9da0}
@media(max-width:800px){
 .hero{width:94vw;flex-direction:column}.model-wrapper{width:100%;min-height:360px}.description{text-align:center}.description p{text-align:left}
 .page-content{width:94vw}.page-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.page-button{margin-left:0;margin-bottom:0;width:100%;height:52px;min-height:52px;padding:10px 10px 20px!important}.page-button:first-child{margin-left:0}
}
@media(max-width:420px){.hero,.page-content{width:calc(100% - 16px)}.model-wrapper{min-height:300px}.page-buttons{grid-template-columns:1fr}.page-button{height:50px;min-height:50px}}