:root{--bg:#0b0d10;--panel:#f4f0e80c;--panel2:color-mix(in srgb, #f4f0e8 8%, #0b0d10);--line:#f4f0e820;--gold:#d6a84f;--text:#f4f0e8;--muted:color-mix(in srgb, #f4f0e8 75%, #0b0d10);--green:#d6a84f}body{background:radial-gradient(ellipse at 80% 5%,color-mix(in srgb, #d6a84f 35%, #0b0d10),transparent 45%),radial-gradient(ellipse at 25% 65%,#d6a84f0a,transparent 50%),#0b0d10;background-attachment:fixed}.sidebar{background:#0b0d10b8;backdrop-filter:blur(30px);border-right:1px solid #f4f0e816}.topbar{background:#0b0d1070;backdrop-filter:blur(25px)}.panel,.stat,.reward{background:linear-gradient(130deg,#f4f0e809,#f4f0e809);backdrop-filter:blur(24px);border:1px solid #f4f0e825;box-shadow:inset 0 1px #f4f0e818,0 18px 40px #0b0d1044;border-radius:22px}.btn{border-radius:13px;box-shadow:0 5px 0 #0b0d10,inset 0 1px #f4f0e830;transition:transform .18s,box-shadow .18s;background:linear-gradient(color-mix(in srgb, #f4f0e8 8%, #0b0d10),color-mix(in srgb, #f4f0e8 8%, #0b0d10))}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #0b0d10,0 10px 30px #d6a84f22}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #0b0d10}.btn.primary{background:linear-gradient(160deg,#d6a84f,#d6a84f);box-shadow:0 6px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10),inset 0 2px #f4f0e855;color:#0b0d10}.nav a.active{background:linear-gradient(120deg,#d6a84f35,#d6a84f09);box-shadow:inset 0 1px #f4f0e822;border:1px solid #d6a84f44}.hero{border-radius:26px;box-shadow:0 25px 70px #0b0d1066,inset 0 1px #f4f0e844}.stat strong{color:var(--gold);text-shadow:0 4px 20px #d6a84f33}.badge{border-radius:8px}.patch{border-radius:20px;transform:rotate(-8deg);background:linear-gradient(140deg,#d6a84f,color-mix(in srgb, #d6a84f 35%, #0b0d10));color:#0b0d10;border:3px solid #d6a84f;box-shadow:0 7px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10),0 15px 25px #0b0d1088}.option{border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb, #f4f0e8 8%, #0b0d10),color-mix(in srgb, #f4f0e8 8%, #0b0d10));box-shadow:0 5px 0 #0b0d10,inset 0 1px #f4f0e822;transition:.2s}.option:hover{transform:translateY(-3px);border-color:#d6a84f;box-shadow:0 8px 0 #0b0d10,0 0 25px #d6a84f15}.game-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:18px 24px;background:#f4f0e80b;border:1px solid #f4f0e825;border-radius:20px;backdrop-filter:blur(20px)}.game-banner strong{color:#d6a84f}.game-hero{min-height:390px}.game-hero h2{font-size:52px}.game-orb{position:absolute!important;right:6%;top:65px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4f0e855,transparent 40%),linear-gradient(140deg,#d6a84f,#d6a84f 40%,color-mix(in srgb, #d6a84f 35%, #0b0d10));box-shadow:inset -18px -20px 30px #0b0d1088,inset 8px 8px 15px #f4f0e855,0 0 0 18px #d6a84f12,0 0 0 40px #d6a84f07,0 30px 60px #0b0d1099;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.game-orb img{position:static;width:100px;height:100px;filter:brightness(.15)}.game-orb:after{content:'3×';position:absolute;bottom:-10px;right:0;background:#d6a84f;color:#0b0d10;border-radius:12px;padding:5px 18px;font-size:25px;font-weight:bold;box-shadow:0 5px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10)}.mission{display:flex;align-items:center;gap:16px;padding:22px;border-bottom:1px solid var(--line)}.mission .num{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(#d6a84f,color-mix(in srgb, #d6a84f 35%, #0b0d10));border-radius:13px;box-shadow:0 5px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10);color:#0b0d10;font-weight:bold}.mission>div{flex:1}.mission h3{margin-bottom:5px}.mission p{font-size:12px}.game-map{display:flex;justify-content:space-around;align-items:center;padding:35px 10px;background:linear-gradient(0deg,transparent 49%,#d6a84f44 50%,transparent 51%)}.game-map .patch:nth-child(even){transform:translateY(-15px) rotate(8deg)}.reward img{transition:transform .4s}.reward:hover img{transform:scale(1.04)}.reward:hover{border-color:#d6a84f88}.positive{color:#d6a84f}progress::-webkit-progress-value{background:linear-gradient(90deg,#d6a84f,#d6a84f)}@keyframes float{50%{transform:translateY(-16px) rotate(5deg)}}@media(max-width:1000px){.game-orb{width:130px;height:130px;right:5%;top:70px}.game-orb img{width:60px;height:60px}.game-hero h2{font-size:37px;max-width:280px}}@media(max-width:650px){.game-orb{position:relative!important;right:auto;top:auto;margin:40px auto 20px}.game-hero{display:block}.game-banner{font-size:11px}.game-hero h2{font-size:38px}.mission{padding:15px 0;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.value-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.value-loop article{padding:28px;border-radius:24px;border:1px solid #f4f0e830;background:linear-gradient(145deg,#f4f0e810,#0b0d10aa);box-shadow:inset 0 1px #f4f0e844,0 16px 35px #0b0d1066;backdrop-filter:blur(24px);animation:enter .7s both}.value-loop article:nth-child(2){animation-delay:.15s}.value-loop article:nth-child(3){animation-delay:.3s}.value-loop b{display:grid;place-items:center;width:45px;height:45px;color:#0b0d10;background:linear-gradient(#f4f0e8,#d6a84f);border-radius:14px;box-shadow:0 6px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10);margin-bottom:22px}.value-loop h3{font-size:23px;margin-bottom:14px}.value-loop p{font-size:13px;line-height:1.7}.game-hero h2{font-size:45px}.game-orb{animation:float 5s ease-in-out infinite,glow 3s infinite}.btn.primary{background:linear-gradient(145deg,#d6a84f,#d6a84f);box-shadow:0 6px 0 color-mix(in srgb, #d6a84f 35%, #0b0d10),inset 0 2px #f4f0e899}.reward{transition:transform .3s}.reward:hover{transform:translateY(-8px) rotate(-1deg)}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes glow{50%{filter:drop-shadow(0 0 25px #d6a84f55)}}@media(max-width:800px){.value-loop{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}