.home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b0805;color:#f8ede0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none}.home__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.home__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0000008c),linear-gradient(180deg,#00000047,#0000 22%,#0000 60%,#00000073);pointer-events:none}.home__intro{position:absolute;top:clamp(14px,3.5vw,46px);left:clamp(14px,3.5vw,52px);right:20px;z-index:6;margin:0;max-width:min(90vw,720px);font-size:clamp(15px,1.9vw,30px);line-height:1.35;color:#1c140c;font-weight:500;text-shadow:0 1px 2px rgba(255,240,210,.55);pointer-events:none}.home__embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.ember{position:absolute;top:-6vh;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff6d0,#ffce6a 35%,#ff8a2a 65%,#ff5a0000);box-shadow:0 0 8px 2px #ff9632bf;opacity:0;will-change:transform,opacity;animation-name:ember-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ember-fall{0%{transform:translateZ(0) scale(var(--s, 1));opacity:0}8%{opacity:var(--o, .9)}88%{opacity:var(--o, .9)}to{transform:translate3d(var(--drift, 0),112vh,0) scale(var(--s, 1));opacity:0}}.home__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.faction-btn{position:absolute;transform:translate(-50%,-50%);display:inline-block;padding:7px;border:none;border-radius:16px;background:linear-gradient(180deg,#7c828b,#474b52 46%,#23262b);box-shadow:0 8px 18px #0000008c,inset 0 1px #ffffff47,inset 0 -2px 3px #0009;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.faction-btn:hover,.faction-btn:focus-visible{transform:translate(-50%,calc(-50% - 7px)) scale(1.045);filter:brightness(1.07);box-shadow:0 16px 28px #0009,inset 0 1px #ffffff52,inset 0 -2px 3px #0009;outline:none}.faction-btn:active{transform:translate(-50%,calc(-50% - 2px)) scale(1.01)}.faction-btn__face{position:relative;display:flex;align-items:center;justify-content:center;min-width:clamp(140px,16vw,240px);padding:clamp(12px,1.6vw,22px) clamp(20px,2.4vw,40px);border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#ffffff6b,#fff0 42%),linear-gradient(180deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%);box-shadow:inset 0 2px 1px #ffffff73,inset 0 -3px 6px #00000059}.faction-btn__label{position:relative;z-index:2;font-size:clamp(17px,2.1vw,31px);font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45),0 2px 5px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.6)}.faction-btn__face:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skew(-18deg);pointer-events:none}.faction-btn:hover .faction-btn__face:after,.faction-btn:focus-visible .faction-btn__face:after{animation:btn-shine .85s ease}@keyframes btn-shine{0%{left:-80%}to{left:130%}}.faction-btn__corner{position:absolute;width:16px;height:16px;border:3px solid #cfd4dc;border-radius:3px;box-shadow:0 1px 2px #00000080}.faction-btn__corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:9px}.faction-btn__corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:9px}.faction-btn__corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:9px}.faction-btn__corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:9px}.faction-btn--gold .faction-btn__face{--c1: #ffe07a;--c2: #e6a92c;--c3: #a9761a}.faction-btn--rose .faction-btn__face{--c1: #f2705f;--c2: #d1332f;--c3: #931d22}.pos-trinh{top:55%;left:50%}.pos-tayson{top:84%;left:24%}.pos-nguyen{top:82%;left:78%}.home__sound{position:absolute;top:clamp(12px,2.5vw,26px);right:clamp(12px,2.5vw,26px);z-index:7;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#140e0880;color:#fde7c7;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .15s ease,transform .15s ease}.home__sound:hover{background:#281c0eb3;transform:scale(1.06)}@media(orientation:portrait){.home__bg{background-position:center 42%}.home__stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(16px,4.5vw,30px);padding:0 16px calc(6vh + 16px)}.faction-btn{position:static;transform:none;width:min(84vw,360px)}.faction-btn__face{width:100%;min-width:0;padding:16px 20px}.faction-btn__label{font-size:clamp(20px,6vw,30px)}.faction-btn:hover,.faction-btn:focus-visible{transform:translateY(-6px) scale(1.03)}.faction-btn:active{transform:translateY(-2px) scale(1.01)}.home__intro{right:64px;font-size:clamp(12px,3.4vw,19px);color:#fff4e2;text-shadow:0 2px 6px rgba(0,0,0,.8)}}@media(prefers-reduced-motion:reduce){.faction-btn:hover .faction-btn__face:after,.faction-btn:focus-visible .faction-btn__face:after{animation:none}}:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#0b1220;color:#e2e8f0}