/* chronocairn-v214-native-hud-text-and-centered-menu */
:root{--menu-violet:#b735ff;--menu-violet-soft:#e986ff;--menu-gold:#d8bd72;--menu-cream:#f4ebcf;--cc-ui-scale:.7}
#chronocairnMainMenu{position:fixed;inset:0;z-index:100000;overflow:hidden;background:#05040a;color:var(--menu-cream);font-family:var(--chronocairn-font,Georgia,"Times New Roman",serif);transition:opacity .45s ease,visibility .45s ease}
#chronocairnMainMenu.hidden{opacity:0;visibility:hidden;pointer-events:none}
.cc-menu-bg,.cc-loader-bg{position:absolute;inset:-2%;background:linear-gradient(180deg,rgba(5,4,12,.12),rgba(5,4,12,.42) 58%,rgba(4,3,10,.76)),url("../../assets/ui/chronocairn-main-menu.webp") center/cover no-repeat;filter:saturate(.92) contrast(1.08);transform:scale(1.035);animation:ccMenuDrift 22s ease-in-out infinite alternate}
.cc-menu-vignette,.cc-loader-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 0 28%,rgba(4,3,10,.24) 60%,rgba(2,2,7,.82) 100%);pointer-events:none}
.cc-menu-frame,.cc-loader-frame{position:absolute;inset:16px;border:1px solid rgba(212,115,255,.42);box-shadow:inset 0 0 30px rgba(112,35,170,.12),0 0 20px rgba(0,0,0,.55);pointer-events:none}
.cc-menu-brand{position:absolute;top:clamp(34px,7vh,84px);left:50%;transform:translateX(-50%) scale(var(--cc-ui-scale));transform-origin:center top;text-align:center;text-shadow:0 3px 18px #000,0 0 26px rgba(183,53,255,.72)}
.cc-menu-brand h1{margin:0;font-size:clamp(42px,6vw,84px);font-weight:900;letter-spacing:.12em;color:#f5e5ff}
.cc-menu-brand p{margin:8px 0 0;color:#d9bdff;letter-spacing:.32em;text-transform:uppercase;font-size:clamp(10px,1vw,14px)}
.cc-menu-panel{position:absolute;left:50%;bottom:clamp(48px,9vh,105px);transform:translateX(-50%) scale(var(--cc-ui-scale));transform-origin:center bottom;width:min(460px,84vw);padding:18px;background:linear-gradient(180deg,rgba(13,8,25,.7),rgba(6,5,14,.88));border:1px solid rgba(213,108,255,.48);box-shadow:0 18px 55px rgba(0,0,0,.62),inset 0 0 30px rgba(103,30,153,.15);backdrop-filter:blur(7px)}
.cc-menu-buttons{display:grid;gap:12px}
.cc-menu-button{height:58px;border:1px solid rgba(203,105,255,.55);color:#f4eafa;background:linear-gradient(90deg,rgba(24,12,40,.72),rgba(11,7,22,.94),rgba(24,12,40,.72));letter-spacing:.18em;text-transform:uppercase;cursor:pointer;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);transition:.16s ease}
.cc-menu-button:hover,.cc-menu-button:focus-visible{outline:none;transform:scale(1.025);color:#fff;background:linear-gradient(90deg,rgba(83,21,129,.84),rgba(29,12,47,.98),rgba(83,21,129,.84));filter:drop-shadow(0 0 10px rgba(190,57,255,.56))}
.cc-menu-button.primary{color:#fff5d0;border-color:rgba(230,196,111,.68)}
.cc-save-panel{display:none}.cc-save-panel.open{display:block}.cc-menu-main.hidden{display:none}
.cc-save-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#f2ddff;letter-spacing:.12em;text-transform:uppercase}
.cc-save-list{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:4px}
.cc-save-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;text-align:left;background:rgba(8,7,18,.9);border:1px solid rgba(186,89,232,.45);color:#eee5f3;cursor:pointer}
.cc-save-card:hover{border-color:#c45cff;background:rgba(28,14,40,.92)}
.cc-save-card strong{display:block;color:#f7e8ff;font-size:15px}.cc-save-card small{display:block;margin-top:5px;color:#9d91a6;font-size:11px}.cc-save-card span{color:var(--menu-gold);font-size:12px}
.cc-no-save{padding:26px 14px;text-align:center;border:1px dashed rgba(193,111,229,.35);color:#9d91a6}
.cc-back{margin-top:12px;width:100%;height:44px}.cc-version{margin-top:14px;text-align:center;color:rgba(237,221,255,.44);font-size:10px;letter-spacing:.14em}
#game.cc-game-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}

#chronocairnBootLoader{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;overflow:hidden;background:#05040a;color:#f4ebcf;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
#chronocairnBootLoader.open{opacity:1;visibility:visible;pointer-events:auto}
.cc-loader-bg{filter:saturate(.62) contrast(1.14) brightness(.46);animation-duration:16s}
.cc-loader-card{position:relative;width:min(560px,86vw);padding:38px 38px 30px;transform:scale(var(--cc-ui-scale));transform-origin:center center;text-align:center;background:linear-gradient(180deg,rgba(12,8,24,.88),rgba(5,4,13,.96));border:1px solid rgba(207,105,255,.62);box-shadow:0 24px 90px rgba(0,0,0,.82),inset 0 0 45px rgba(124,39,182,.14);backdrop-filter:blur(9px)}
.cc-loader-card h2{margin:12px 0 3px;color:#f4e5ff;font-size:clamp(30px,5vw,50px);font-weight:900;letter-spacing:.13em;text-shadow:0 0 24px rgba(190,74,255,.5)}
.cc-loader-card p{min-height:24px;margin:10px 0 20px;color:#d9b8ea;font-size:14px;letter-spacing:.12em}
.cc-loader-sigil{position:relative;width:88px;height:88px;margin:0 auto;display:grid;place-items:center;color:#f3d9ff;font-size:25px}
.cc-loader-sigil::before,.cc-loader-sigil::after,.cc-loader-sigil i{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(209,102,255,.68)}
.cc-loader-sigil::before{border-left-color:transparent;border-bottom-color:transparent;animation:ccLoaderSpin 2.2s linear infinite}
.cc-loader-sigil::after{inset:10px;border-color:rgba(230,194,111,.48);border-right-color:transparent;animation:ccLoaderSpin 1.5s linear infinite reverse}
.cc-loader-sigil i{inset:23px;border-color:rgba(220,151,255,.35);animation:ccLoaderPulse 1.4s ease-in-out infinite}
.cc-loader-sigil b{font-weight:400;text-shadow:0 0 18px #cb5cff}
.cc-loader-track{height:8px;padding:1px;background:#07050d;border:1px solid rgba(160,75,205,.58);box-shadow:inset 0 0 10px #000}
.cc-loader-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#7431a4,#d06cff,#f0c675);box-shadow:0 0 16px rgba(202,79,255,.78);transition:width .3s ease}
.cc-loader-meta{display:flex;justify-content:space-between;margin-top:9px;color:rgba(235,216,244,.55);font-size:10px;letter-spacing:.16em}
@keyframes ccLoaderSpin{to{transform:rotate(360deg)}}@keyframes ccLoaderPulse{50%{transform:scale(.8);opacity:.4}}
@keyframes ccMenuDrift{from{transform:scale(1.035) translate3d(-.4%,-.3%,0)}to{transform:scale(1.07) translate3d(.4%,.3%,0)}}
@media(max-width:650px){.cc-menu-frame,.cc-loader-frame{inset:8px}.cc-menu-brand h1{font-size:40px}.cc-menu-brand p{letter-spacing:.18em}.cc-menu-panel{bottom:28px}.cc-menu-button{height:52px}.cc-loader-card{padding:28px 22px 24px}}
@media(prefers-reduced-motion:reduce){.cc-menu-bg,.cc-loader-bg,.cc-loader-sigil::before,.cc-loader-sigil::after,.cc-loader-sigil i{animation:none}}