@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f6f0df;font-synthesis:none;--ember:#df6a26;--ember-bright:#ffb450;--iron:#151719;--gold:#d3a85d;--blood:#8d211a;background:#070809;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#070809}button,input,select{font:inherit}button{color:inherit}#game{background:radial-gradient(circle at 50% 35%,#252018,#070809 70%);width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:20;visibility:hidden;opacity:0;pointer-events:none;place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.screen.active{visibility:visible;opacity:1;pointer-events:auto}.hidden{display:none!important}#loading{z-index:100;background:#08090a;place-content:center;justify-items:center;gap:22px;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}#loading.ready{opacity:0;visibility:hidden}.loader-emblem,.crest{aspect-ratio:1;color:#eac68c;border:1px solid #997343;place-items:center;width:64px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;display:grid;transform:rotate(45deg)}.loader-emblem:first-line,.crest{transform:rotate(45deg)}.loader-line{background:#2e2922;width:210px;height:1px;overflow:hidden}.loader-line i{background:linear-gradient(90deg, transparent, var(--ember-bright), transparent);width:40%;height:100%;animation:1.6s ease-in-out infinite load;display:block}#loading span{color:#8d8375;letter-spacing:.34em;font-size:10px}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(360%)}}#landing{background:linear-gradient(90deg,#040505c2,#07080826 65%,#0405055c),radial-gradient(circle at 62% 42%,#0000,#00000061)}.landing-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18vw 5vw #020303}.landing-content{text-shadow:0 4px 30px #000;width:min(700px,84vw);position:absolute;top:50%;left:clamp(30px,8vw,160px);transform:translateY(-50%)}.eyebrow{color:#c7a66d;letter-spacing:.36em;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:#9e7542;width:42px;height:1px;display:inline-block}h1{letter-spacing:-.055em;margin:19px 0 0;font-family:Cormorant Garamond,Georgia,serif;line-height:.72}h1 small{color:#e4d8c5;font-size:clamp(48px,6.6vw,110px);font-weight:500;display:block}h1 strong{color:#f8f2e8;filter:drop-shadow(0 8px 14px #000);font-size:clamp(80px,10vw,174px);font-weight:700;display:block}.subtitle{color:#c99152;letter-spacing:.72em;margin:20px 0 0 8px;font-family:Cormorant Garamond,serif;font-size:18px}.pitch{color:#c9c2b7;margin:30px 0 36px;font-family:Cormorant Garamond,serif;font-size:clamp(18px,1.5vw,25px);line-height:1.45}.landing-actions{gap:13px;display:flex}button{cursor:pointer;background:#0c0d0ec7;border:1px solid #504739;padding:13px 18px;transition:background .2s,border .2s,transform .2s}button:hover{background:#2a1f14e6;border-color:#b98a4a}button:active{transform:scale(.98)}.primary-button{text-align:left;text-transform:uppercase;background:linear-gradient(110deg,#9c451e,#c16427 54%,#8b3a1b);border-color:#be7a35;min-width:230px;position:relative;overflow:hidden;box-shadow:0 12px 45px #8d361047}.primary-button:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff2e,#0000 65%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.primary-button:hover:after{transform:translate(100%)}.primary-button b,.secondary-button b{z-index:1;letter-spacing:.14em;font-size:13px;display:block;position:relative}.primary-button span,.secondary-button span{z-index:1;color:#e3bf9a;letter-spacing:.08em;margin-top:5px;font-size:9px;display:block;position:relative}.secondary-button{text-align:left;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:230px}.secondary-button span{color:#918b82}.primary-button.compact{text-align:center;min-width:190px}.landing-note{color:#77736d;letter-spacing:.07em;text-transform:uppercase;margin-top:31px;font-size:9px}kbd{color:#c6beb4;background:#0006;border:1px solid #5c554d;border-bottom-width:2px;border-radius:3px;place-items:center;min-width:27px;margin-right:5px;padding:4px 6px;font:600 9px Manrope;display:inline-grid}.landing-note i{width:16px;display:inline-block}.build-mark{color:#4c4b48;letter-spacing:.18em;font-size:8px;position:absolute;bottom:23px;right:28px}.panel,.briefing-card,.ending-card{background:linear-gradient(145deg,#141515fa,#070808fa);border:1px solid #4d4234;width:min(520px,100vw - 32px);padding:48px;position:relative;box-shadow:0 28px 100px #000}.panel:before,.briefing-card:before{content:"";pointer-events:none;border:1px solid #b7894a24;position:absolute;inset:7px}.panel h2,.briefing-card h2,.ending-card h2{margin:7px 0 12px;font:700 54px/1 Cormorant Garamond,serif}.panel>p{color:#958e84;font-size:13px;line-height:1.6}.close-button{z-index:2;color:#80786f;background:0 0;border:0;font-size:25px;position:absolute;top:16px;right:16px}#lobby,#pause{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020303c7}.lobby-panel label{color:#9f968b;letter-spacing:.13em;text-transform:uppercase;gap:7px;margin-top:28px;font-size:10px;display:grid}input,select{color:#f1e6d6;background:#0b0c0c;border:1px solid #50483e;outline:0;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#c18344;box-shadow:0 0 0 2px #c1834424}.lobby-actions{gap:12px;margin-top:20px;display:grid}.join-row{grid-template-columns:1fr auto;display:grid}.join-row input{text-transform:uppercase;letter-spacing:.3em}.join-row button{border-left:0}.status-line{min-height:20px;color:#d9894b!important}#briefing{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle,#18140f73,#030404eb)}.briefing-card{width:min(740px,100vw - 32px);padding:50px 60px}.mission-number{color:#62584c;letter-spacing:.3em;font-size:9px;position:absolute;top:32px;right:32px}.briefing-card>p{color:#aba397;max-width:540px;line-height:1.7}.mission-objectives{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.mission-objectives div{border-top:1px solid #6d5639;min-height:128px;padding-top:13px}.mission-objectives span{color:#8d633c;font:600 12px Cormorant Garamond}.mission-objectives p{color:#777168;font-size:10px;line-height:1.5}.mission-objectives b{color:#d9cec0;margin-bottom:6px;font-size:11px;display:block}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}.top-hud{top:max(22px, env(safe-area-inset-top));text-align:center;width:min(600px,100vw - 40px);position:absolute;left:50%;transform:translate(-50%)}.objective-block span{color:#c28b50;letter-spacing:.26em;font-size:8px}.objective-block strong{text-shadow:0 2px 8px #000;margin:5px 0 9px;font-family:Cormorant Garamond,serif;font-size:19px;display:block}.objective-progress{background:#ffffff21;width:300px;max-width:75vw;height:2px;margin:auto}.objective-progress i{background:linear-gradient(90deg,#a63e1d,#f2a443);width:0;height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #e86a2c}.battle-count{color:#8b8985;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:8px;display:flex}.battle-count b{color:#d8d1c6;margin-right:3px;font-size:10px}.battle-count i{background:#55504a;width:1px;height:10px}.bars{left:30px;bottom:max(30px, env(safe-area-inset-bottom));filter:drop-shadow(0 3px 10px #000);align-items:center;gap:13px;display:flex;position:absolute}.crest{background:#0c0d0ecc;width:42px;font-size:13px}.bar-stack{gap:5px;width:min(280px,36vw);display:grid}.health-bar,.stamina-bar{background:#040505b8;border:1px solid #ffffff1a;height:11px;position:relative;overflow:hidden;transform:skew(-17deg)}.stamina-bar{width:80%;height:5px}.health-bar i,.stamina-bar i{background:linear-gradient(90deg,#81261e,#dc4e2d);width:100%;height:100%;transition:width .2s;display:block}.stamina-bar i{background:linear-gradient(90deg,#8b7433,#e0bd54)}.health-bar span{color:#fff;font-size:8px;position:absolute;top:-2px;right:6px;transform:skew(17deg)}#weapon-card{right:30px;bottom:max(30px, env(safe-area-inset-bottom));text-align:right;background:linear-gradient(90deg,#0000,#050606bf);border-right:2px solid #bd7340;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute}.weapon-icon{color:#d9a86e;font-size:25px}#weapon-card b{font:600 15px Cormorant Garamond;display:block}#weapon-card small{color:#77746f;font-size:8px}#crosshair{opacity:.72;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#efe8dc;position:absolute;box-shadow:0 0 3px #000}#crosshair i:first-child,#crosshair i:nth-child(2){width:1px;height:7px;left:14px}#crosshair i:first-child{top:0}#crosshair i:nth-child(2){bottom:0}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:7px;height:1px;top:14px}#crosshair i:nth-child(3){left:0}#crosshair i:nth-child(4){right:0}#damage-vignette{opacity:0;background:radial-gradient(circle,#0000 40%,#6d0000a6);transition:opacity .1s;position:absolute;inset:0}#interaction{background:#000000a6;align-items:center;gap:8px;padding:8px 12px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}#interaction:not(.hidden){display:flex!important}#interaction span{font:600 12px Cormorant Garamond}#kill-feed{text-align:right;gap:5px;width:260px;display:grid;position:absolute;top:100px;right:26px}.feed-line{color:#bcb4aa;text-shadow:0 1px 5px #000;font-size:9px;animation:4.5s forwards feed}.feed-line b{color:#df8950}@keyframes feed{0%{opacity:0;transform:translate(8px)}10%,75%{opacity:1;transform:none}to{opacity:0}}#settings-toggle,#chat-toggle{z-index:2;pointer-events:auto;background:#00000059;border-color:#ffffff1f;width:35px;padding:7px;position:absolute;top:20px;right:20px}#chat-toggle{right:62px}#room-badge{border-left:2px solid #d17b3e;padding-left:11px;position:absolute;top:22px;left:25px}#room-badge span,#room-badge small{color:#76716b;letter-spacing:.14em;font-size:7px;display:block}#room-badge b{color:#e4c9a5;letter-spacing:.22em;font-size:13px;display:block}#chat{pointer-events:auto;width:min(330px,100vw - 40px);position:absolute;bottom:95px;right:20px}#chat-messages{background:linear-gradient(#0000,#0000008c);flex-direction:column;justify-content:end;gap:5px;max-height:190px;padding:12px;display:flex;overflow:hidden}.chat-line{text-shadow:0 2px 4px #000;font-size:10px}.chat-line b{color:#dca160}#chat-form input{padding:9px 11px;font-size:10px}.setting-row{color:#aaa097;grid-template-columns:120px 1fr;align-items:center;gap:15px;margin:20px 0;font-size:11px;display:grid}input[type=range]{accent-color:#c05c28;padding:0}.pause-panel>button{text-align:center;width:100%;margin-top:8px}#ending{background:radial-gradient(circle,#a14f1c33,#020303e8)}.ending-rays{background:repeating-conic-gradient(from 0deg, #de974709 0 5deg, transparent 5deg 16deg);animation:50s linear infinite rotate;position:absolute;inset:-50%}@keyframes rotate{to{transform:rotate(360deg)}}.ending-card{text-align:center}.ending-card .eyebrow{justify-content:center}.ending-card p{color:#a99c8e;line-height:1.8}.ending-card button{text-align:center;margin-top:15px}#cinematic-bars{z-index:9;pointer-events:none;position:fixed;inset:0}#cinematic-bars i{background:#050606;height:0;transition:height .8s;position:absolute;left:0;right:0}#cinematic-bars i:first-child{top:0}#cinematic-bars i:last-child{bottom:0}#cinematic-bars.active i{height:7vh}#mobile-controls{z-index:15;pointer-events:none;position:fixed;inset:0}#joystick{pointer-events:auto;background:#00000024;border:1px solid #ffffff2e;border-radius:50%;width:110px;height:110px;position:absolute;bottom:26px;left:22px}#joystick i{background:#e0aa644d;border:1px solid #ffffff40;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#mobile-controls button{pointer-events:auto;border-radius:50%;width:72px;height:72px;padding:0;font-size:10px;font-weight:700;position:absolute}#mobile-attack{bottom:31px;right:21px;background:#7e2d158c!important;border-color:#a94c29!important}#mobile-block{bottom:65px;right:103px;width:58px!important;height:58px!important}#mobile-dodge{bottom:115px;right:35px;width:48px!important;height:48px!important;font-size:20px!important}@media (max-width:760px){.landing-content{width:calc(100vw - 48px);left:24px}.pitch br{display:none}.landing-actions{flex-direction:column}.primary-button,.secondary-button{width:100%;min-width:0}.landing-note,.build-mark{display:none}.briefing-card{padding:38px 28px}.briefing-card h2{font-size:42px}.mission-objectives{grid-template-columns:1fr;gap:4px;max-height:265px;overflow:auto}.mission-objectives div{min-height:70px}.bars{bottom:150px;left:18px}.bar-stack{width:180px}#weapon-card{bottom:151px;right:16px}#kill-feed,.battle-count{display:none}.panel{padding:40px 28px}}@media (pointer:coarse){#mobile-controls.game-active{display:block!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
