/* Background order: the animated 3D canvas and glow remain behind all content. */
html { scroll-padding-top:118px; text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body {
  position:relative!important; isolation:isolate!important;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:400; line-height:1.65; font-synthesis:none; font-kerning:normal;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body::before { z-index:-2!important; pointer-events:none!important; }
#bg { position:fixed!important; inset:0!important; z-index:-1!important; pointer-events:none!important; transform:translateZ(0); }
header { position:fixed!important; z-index:1000!important; isolation:isolate; }
main { position:relative!important; z-index:10!important; isolation:isolate; }
main > section { position:relative; z-index:10; isolation:isolate; scroll-margin-top:118px; }
footer { position:relative!important; z-index:10!important; isolation:isolate; }
.wrap { position:relative; z-index:1; width:min(100%,1100px); margin-inline:auto; padding-inline:clamp(14px,2.5vw,24px); }
/* Dark scrim protects headings from the bright rotating K while preserving the animation. */
main > section:not(#hero)::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(14,7,11,.46),rgba(14,7,11,.22));
}
main > section > .wrap { z-index:1; }
/* Smooth, consistent Vietnamese typography. Minecraft font is not forced onto every glyph. */
h1,h2,h3,h4,h5,h6,section .sep,.settings-heading,.acct-dialog h3,.owner-title {
  font-family:"Bricolage Grotesque","Be Vietnam Pro",system-ui,sans-serif!important;
  font-style:normal; font-synthesis:none; letter-spacing:normal; line-height:1.2;
  text-rendering:optimizeLegibility; overflow-wrap:break-word; word-break:normal;
}
h1,h2,h3,h4,h5,h6 { font-weight:700; }
body,p,li,label,input,textarea,select,button,small,summary {
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-synthesis:none; letter-spacing:normal; text-rendering:optimizeLegibility; word-break:normal;
}
/* Pixel font is reserved for the short brand text; Vietnamese copy uses complete glyph coverage. */
header nav .logo span { font-family:"Minecraft","Be Vietnam Pro",system-ui,sans-serif!important; font-weight:400; letter-spacing:0; line-height:1.25; }
#hero h1 { font-family:"Bricolage Grotesque","Be Vietnam Pro",system-ui,sans-serif!important; font-weight:800; letter-spacing:-.018em; line-height:1.08; overflow-wrap:normal; text-shadow:0 3px 18px rgba(0,0,0,.38); }
main > section:not(#hero) .wrap > h2,
main > section:not(#hero) .wrap > h3,
main > section:not(#hero) .sub { position:relative; z-index:1; text-shadow:0 2px 12px rgba(0,0,0,.76); }
.sub { line-height:1.7; max-width:66ch; overflow-wrap:break-word; }
/* Keep the page's Liquid Glass style but increase text/card contrast. Leave video-liquid-off unchanged. */
.glass:not(.video-liquid-off) {
  background-color:rgba(25,12,19,.78)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%); backdrop-filter:blur(20px) saturate(145%);
  border-color:rgba(255,229,127,.24);
}
#skin .skin { position:relative; z-index:1; isolation:isolate; }
#skin .stage {
 position:relative; z-index:0; isolation:isolate; border:1px solid rgba(255,229,127,.22);
 border-radius:18px; background:radial-gradient(ellipse at 50% 35%,rgba(125,45,57,.22),transparent 65%),rgba(13,7,11,.68); overflow:hidden;
}
#connect .wrap > .glass,#events #evBox,#events #updatesBox,#download .grid,#pricing .grid,#team .glass,#links-out .partner-grid { position:relative; z-index:1; }
button,.btn,input,textarea,select { -webkit-tap-highlight-color:transparent; }
button,.btn { line-height:1.35; }
input,textarea,select { font-size:16px; line-height:1.45; }
:focus-visible { outline:2px solid var(--sun,#FFE57F); outline-offset:3px; }
@media(max-width:760px) {
 html { scroll-padding-top:94px; } main > section { scroll-margin-top:94px; }
 .wrap { padding-inline:14px; } section { padding-block:60px; }
 #hero { min-height:88svh; padding-top:100px; }
 #hero h1 { font-size:clamp(40px,12vw,76px); line-height:1.08; }
 #hero p { font-size:16px; line-height:1.65; }
 .glass:not(.video-liquid-off) { background-color:rgba(25,12,19,.84)!important; }
 #skin .stage { min-height:250px; }
}
@media(max-width:420px) { #hero h1 { font-size:clamp(36px,11.5vw,54px); } .sub { font-size:14px; } .glass:not(.video-liquid-off) { border-radius:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { scroll-behavior:auto!important; } }
@media(prefers-reduced-transparency:reduce) { .glass:not(.video-liquid-off) { -webkit-backdrop-filter:none; backdrop-filter:none; background-color:rgba(25,12,19,.94)!important; } }


/* KittyDy0 cohesive Liquid Glass layer. The decorative Three.js canvas stays behind readable content. */
:root{--kd0-glass-bg:rgba(25,12,19,.78);--kd0-glass-edge:rgba(255,229,127,.22);--kd0-glass-highlight:rgba(255,255,255,.24);--kd0-glass-shadow:0 16px 42px rgba(0,0,0,.32)}
.glass:not(.video-liquid-off){position:relative;background-color:var(--kd0-glass-bg)!important;border:1px solid var(--kd0-glass-edge);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 26px rgba(255,255,255,.025),var(--kd0-glass-shadow);}
.glass:not(.video-liquid-off)::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 32%,transparent 72%,rgba(255,183,3,.035));opacity:.9}
.glass:not(.video-liquid-off)>*{position:relative;z-index:1}
.glass:not(.video-liquid-off)::before{z-index:2;pointer-events:none}
header nav,.settings-panel,#siteSettings,.hubPanel,.hubDock,.acct-dialog,.owner-panel,.owner-modal{border:1px solid rgba(255,229,127,.28)!important;background:rgba(31,15,24,.82)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important;backdrop-filter:blur(24px) saturate(165%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 28px rgba(255,255,255,.035),0 24px 64px rgba(0,0,0,.48)!important}
header nav{isolation:isolate;overflow:visible}
.settings-panel,#siteSettings,.hubPanel,.acct-dialog,.owner-panel,.owner-modal{z-index:2147482000!important}
.glass.skin,.glass.ev,.glass.file,.glass.price,.glass.pay,.partner-card,.owner-entry,.note,.tabs,.pane{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 35px rgba(0,0,0,.3)}
.btn,button.btn,header nav .btn,.settings-toggle,.settings-item button{border:1px solid rgba(255,229,127,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover,button.btn:hover,header nav .btn:hover,.settings-toggle:hover,.settings-item button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 12px 28px rgba(0,0,0,.32),0 0 18px rgba(255,183,3,.12)}
.btn:active,button.btn:active,.settings-toggle:active{transform:translateY(0) scale(.985)}
.btn.pri,button.btn.pri{border-color:rgba(255,245,190,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(255,183,3,.18)}
input,textarea,select{background-color:rgba(13,7,11,.55);border-color:rgba(255,255,255,.18);color:var(--tx);border-radius:12px}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(255,229,127,.78);outline-offset:2px;border-color:rgba(255,229,127,.55)}
.post-dismiss{position:absolute;top:10px;right:10px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(19,9,15,.72);color:#fff;font:600 20px/1 "Be Vietnam Pro",system-ui,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 14px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.post-dismiss:hover{background:rgba(230,57,70,.86);border-color:rgba(255,255,255,.5);transform:scale(1.04)}
.ev,.empty-posts{padding-right:54px}
.skin-source-link{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:var(--sun);font-size:12px;text-decoration:none;border-bottom:1px dashed rgba(255,229,127,.35)}
.skin-source-link:hover{color:#fff2bd;border-bottom-color:currentColor}
#skin .stage{position:relative;z-index:0;isolation:isolate;overflow:hidden;border:1px solid rgba(255,229,127,.22);border-radius:18px;background:radial-gradient(ellipse at 50% 35%,rgba(125,45,57,.22),transparent 65%),rgba(13,7,11,.68)}
#skin .skin{position:relative;z-index:1;isolation:isolate}
#skin .stage img{max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.34))}
main > section:not(#hero) .wrap > h2,main > section:not(#hero) .wrap > h3,main > section:not(#hero) .sub{position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.76)}
@media(max-width:760px){.glass:not(.video-liquid-off){background-color:rgba(25,12,19,.86)!important}#skin .stage{min-height:250px}.post-dismiss{top:8px;right:8px;width:28px;height:28px}.ev,.empty-posts{padding-right:46px}}
@media(prefers-reduced-motion:reduce){.btn,button.btn,.settings-toggle,.glass{transition:none!important}.btn:hover,button.btn:hover,.settings-toggle:hover,.post-dismiss:hover{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.glass:not(.video-liquid-off),header nav,.settings-panel,#siteSettings,.hubPanel,.hubDock,.acct-dialog,.owner-panel,.owner-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(30,13,22,.96)!important}}