.carbon-game{--ink:#f7f5e9;--muted:#b9c8c1;--lime:#b9e769;--mint:#71d2a0;--deep:#071b20;position:relative;min-height:760px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 15% 8%,#244e48 0,#0c2c31 38%,#06191e 74%);color:var(--ink);box-shadow:0 20px 55px rgba(8,38,37,.25)}
.carbon-game *{box-sizing:border-box}.carbon-game button,.carbon-game a{-webkit-tap-highlight-color:transparent}.carbon-game [hidden]{display:none!important}
.carbon-header{display:flex;position:relative;z-index:10;align-items:center;justify-content:space-between;gap:14px;padding:15px 21px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(4,22,25,.48);backdrop-filter:blur(10px)}
.carbon-back{color:rgba(255,255,255,.76);font-size:.84rem;font-weight:800}.carbon-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.carbon-quiet-button{min-height:35px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);cursor:pointer;font:inherit;font-size:.71rem;font-weight:800}.carbon-quiet-button:hover,.carbon-quiet-button:focus-visible{border-color:var(--lime);background:rgba(185,231,105,.12);color:white}
.carbon-kicker{margin:0;color:var(--lime);font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.carbon-intro{display:flex;min-height:700px;align-items:center;justify-content:center;flex-direction:column;padding:42px 24px 58px;text-align:center}
.carbon-intro h1{margin:8px 0 16px;color:white;font-family:Georgia,serif;font-size:clamp(3rem,7.5vw,6.2rem);font-weight:500;letter-spacing:-.052em;line-height:.86}.carbon-intro h1 span{color:var(--lime);font-style:italic}.carbon-intro-lead{max-width:760px;margin:0;color:rgba(255,255,255,.76);font-size:1.02rem;line-height:1.58}
.carbon-atom{display:grid;position:relative;place-items:center;border-radius:50%;background:radial-gradient(circle at 33% 27%,#ecffb7,#a8dd48 48%,#4f8c35);box-shadow:0 0 0 9px rgba(185,231,105,.09),0 13px 32px rgba(0,0,0,.25)}.carbon-atom span{color:#173119;font-weight:950}.carbon-atom i{position:absolute;width:7px;height:7px;border-radius:50%;background:#dfffa5;box-shadow:0 0 10px #dfffa5;animation:carbon-orbit 3s linear infinite}.carbon-atom i:first-of-type{animation-delay:-1.5s}.carbon-atom-hero{width:76px;height:76px;margin-bottom:15px}.carbon-atom-hero span{font-size:2rem}
@keyframes carbon-orbit{from{transform:rotate(0deg) translateX(53px) rotate(0deg)}to{transform:rotate(360deg) translateX(53px) rotate(-360deg)}}
.sphere-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;width:min(970px,100%);margin:27px 0}.sphere-route article{display:grid;min-height:108px;align-content:center;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;text-align:left}.sphere-route article b{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:rgba(0,0,0,.22);font-size:.66rem}.sphere-route article span{margin-top:7px;color:white;font-weight:900}.sphere-route article small{margin-top:2px;color:rgba(255,255,255,.62);font-size:.68rem}.sphere-route>i{color:rgba(255,255,255,.35);font-style:normal}.sphere-air{background:linear-gradient(135deg,rgba(82,157,180,.29),rgba(82,157,180,.08))}.sphere-life{background:linear-gradient(135deg,rgba(83,164,89,.3),rgba(83,164,89,.08))}.sphere-rock{background:linear-gradient(135deg,rgba(184,124,73,.3),rgba(184,124,73,.08))}.sphere-water{background:linear-gradient(135deg,rgba(44,126,178,.34),rgba(44,126,178,.08))}
.carbon-primary,.carbon-secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:16px;padding:12px 23px;border-radius:999px;cursor:pointer;font:inherit;font-weight:900}.carbon-primary{border:0;background:var(--lime);color:#17331c;box-shadow:0 9px 25px rgba(185,231,105,.18)}.carbon-primary:hover,.carbon-primary:focus-visible{background:#d3f78f;text-decoration:none}.carbon-secondary{border:1px solid rgba(255,255,255,.25);background:transparent;color:white}.carbon-secondary:hover,.carbon-secondary:focus-visible{border-color:var(--lime);text-decoration:none}.carbon-small-note{margin:12px 0 0;color:rgba(255,255,255,.5);font-size:.7rem}
.carbon-play{padding:17px 19px 29px}.carbon-hud{display:grid;grid-template-columns:auto minmax(130px,1fr) auto auto;align-items:center;gap:14px;max-width:1160px;margin:0 auto 12px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(3,20,24,.64)}.carbon-hud>div:not(.carbon-progress-track){display:flex;flex-direction:column}.carbon-hud span{color:rgba(255,255,255,.5);font-size:.55rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.carbon-hud strong{color:#efffcf;font-size:.83rem}.carbon-progress-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}.carbon-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72d3a1,#caed73);transition:width .35s ease}
.carbon-play-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.65fr);gap:13px;max-width:1160px;margin:auto}.carbon-canvas-wrap{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#102f38;box-shadow:inset 0 0 50px rgba(0,0,0,.18)}.carbon-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.carbon-toast{position:absolute;left:50%;bottom:17px;width:max-content;max-width:calc(100% - 26px);padding:9px 14px;border:1px solid #e7a86f;border-radius:999px;background:rgba(72,39,20,.94);color:#ffecd7;font-size:.76rem;font-weight:800;text-align:center;transform:translateX(-50%)}.carbon-toast.is-good{border-color:#7bd5aa;background:rgba(13,66,51,.95);color:#e2ffed}
.carbon-mission-panel{display:flex;min-width:0;flex-direction:column;padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(3,21,25,.81)}.carbon-mission-panel h2{margin:7px 0 10px;color:white;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:500;line-height:1}.carbon-mission-panel>p:not(.carbon-kicker):not(.carbon-control-note){margin:0;color:rgba(255,255,255,.72);font-size:.85rem;line-height:1.55}.carbon-collect{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px;padding:9px 11px;border:1px solid rgba(185,231,105,.22);border-radius:10px;background:rgba(185,231,105,.07)}.carbon-collect span{color:rgba(255,255,255,.57);font-size:.6rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.carbon-collect strong{color:var(--lime);font-size:.83rem}
.carbon-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);justify-content:center;gap:7px;margin:4px 0}.carbon-dpad button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.08);color:white;cursor:pointer;font-size:1.05rem;user-select:none;touch-action:none}.carbon-dpad button:hover,.carbon-dpad button:focus-visible,.carbon-dpad button.is-held{border-color:var(--lime);background:rgba(185,231,105,.19)}.carbon-dpad [data-direction=up]{grid-column:2}.carbon-dpad [data-direction=left]{grid-column:1;grid-row:2}.carbon-dpad [data-direction=down]{grid-column:2;grid-row:2}.carbon-dpad [data-direction=right]{grid-column:3;grid-row:2}.carbon-control-note{margin:8px 0 0!important;color:rgba(255,255,255,.44)!important;font-size:.67rem!important;line-height:1.4!important;text-align:center}.carbon-goal{margin-top:auto;padding-top:15px}.carbon-goal span{color:var(--lime);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.carbon-goal p{margin:4px 0 0;color:rgba(255,255,255,.64);font-size:.75rem;line-height:1.45}
.carbon-check{display:grid;min-height:700px;padding:30px;place-items:center}.carbon-check-card{width:min(750px,100%);padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(4,25,29,.92);box-shadow:0 22px 65px rgba(0,0,0,.25)}.carbon-check-card h2{margin:8px 0 10px;color:white;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500}.carbon-check-card>p:not(.carbon-kicker){margin:0;color:rgba(255,255,255,.75);font-size:1rem}.carbon-check-options{display:grid;gap:9px;margin:22px 0}.carbon-check-option{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:white;cursor:pointer;font:inherit;font-size:.88rem;font-weight:700;text-align:left}.carbon-check-option:hover:not(:disabled),.carbon-check-option:focus-visible{border-color:var(--lime);background:rgba(185,231,105,.1)}.carbon-check-option.is-correct{border-color:#75d4a4;background:rgba(74,147,115,.2)}.carbon-check-option.is-wrong{border-color:#df8a6b;background:rgba(165,79,58,.2)}.carbon-check-feedback{display:grid;gap:3px;margin-bottom:17px;padding:13px;border-radius:10px;background:rgba(74,147,115,.18)}.carbon-check-feedback.is-wrong{background:rgba(165,79,58,.18)}.carbon-check-feedback strong{color:white}.carbon-check-feedback span{color:rgba(255,255,255,.7);font-size:.8rem;line-height:1.45}
.carbon-finish{display:flex;min-height:700px;align-items:center;justify-content:center;flex-direction:column;padding:42px 24px 60px;text-align:center}.carbon-badge{display:grid;position:relative;width:140px;height:140px;margin-bottom:20px;place-items:center;border:4px double #bfe66e;border-radius:50%;background:radial-gradient(circle,#5aa56a 0 28%,#0e4245 29% 52%,#b6dc67 53% 57%,#0a282d 58%);box-shadow:0 0 0 8px rgba(185,231,105,.08),0 13px 37px rgba(0,0,0,.28)}.carbon-badge.is-locked{filter:grayscale(1);opacity:.45}.carbon-badge span{position:absolute;top:21px;color:#173d2d;font-size:1.25rem;font-weight:950}.carbon-badge strong{margin-top:29px;color:white;font-family:Georgia,serif;font-size:1.85rem}.carbon-finish h2{margin:7px 0 10px;color:white;font-family:Georgia,serif;font-size:clamp(2.7rem,7vw,4.9rem);font-weight:500}.carbon-finish>p:not(.carbon-kicker):not(.carbon-small-note){max-width:650px;margin:0;color:rgba(255,255,255,.72)}.carbon-final-score{display:flex;align-items:center;flex-direction:column;margin:23px 0}.carbon-final-score span{color:var(--lime);font-size:3.6rem;font-weight:950;line-height:1}.carbon-final-score small{color:rgba(255,255,255,.55)}.carbon-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.carbon-sources{position:fixed;z-index:1000;inset:0;display:grid;padding:18px;overflow-y:auto;place-items:center;background:rgba(1,12,15,.88);backdrop-filter:blur(9px)}.carbon-sources-card{position:relative;width:min(720px,100%);max-height:calc(100dvh - 36px);padding:32px;overflow-y:auto;border:1px solid #3c655f;border-radius:19px;background:#0b2a2e}.carbon-sources-card h2{margin:6px 0 12px;color:white;font-family:Georgia,serif;font-size:2.2rem}.carbon-sources-card p,.carbon-sources-card li{color:rgba(255,255,255,.73);font-size:.87rem;line-height:1.55}.carbon-sources-card li{margin-bottom:8px}.carbon-source-links{display:grid;gap:7px;margin-top:18px}.carbon-source-links a{padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.06);color:#d9f49d;font-size:.78rem;font-weight:750}.carbon-sources-close{position:absolute;right:13px;top:13px;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:transparent;color:white;cursor:pointer;font-size:1.35rem}.carbon-game:fullscreen{width:100vw;min-height:100dvh;border-radius:0;overflow-y:auto}
@media(max-width:780px){main.container:has(.carbon-game){width:100%;padding-inline:0}.carbon-game{min-height:calc(100dvh - 145px);border-radius:0}.carbon-header{padding:9px 10px}.carbon-quiet-button{min-height:33px;padding:6px 8px;font-size:.63rem}.carbon-intro{min-height:calc(100dvh - 182px);padding:28px 13px 44px}.carbon-atom-hero{width:58px;height:58px}.carbon-atom-hero span{font-size:1.5rem}@keyframes carbon-orbit{from{transform:rotate(0deg) translateX(40px) rotate(0deg)}to{transform:rotate(360deg) translateX(40px) rotate(-360deg)}}.carbon-intro h1{font-size:clamp(2.75rem,14vw,4.6rem)}.carbon-intro-lead{font-size:.86rem}.sphere-route{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.sphere-route>i{display:none}.sphere-route article{min-height:88px;padding:11px}.carbon-play{padding:7px}.carbon-hud{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 9px}.carbon-hud>div:last-child{display:none}.carbon-play-layout{grid-template-columns:1fr}.carbon-canvas-wrap{border-radius:11px}.carbon-mission-panel{padding:14px;border-radius:12px}.carbon-mission-panel h2{font-size:1.75rem}.carbon-mission-panel>p:not(.carbon-kicker):not(.carbon-control-note){font-size:.79rem}.carbon-collect{margin:10px 0 6px}.carbon-dpad{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,49px);gap:6px}.carbon-goal{margin-top:9px;padding-top:8px}.carbon-check{min-height:calc(100dvh - 182px);padding:9px}.carbon-check-card{padding:22px 15px;border-radius:13px}.carbon-check-card>p:not(.carbon-kicker){font-size:.88rem}.carbon-check-option{padding:12px;font-size:.8rem}.carbon-finish{min-height:calc(100dvh - 182px);padding:32px 14px 45px}.carbon-sources{padding:7px}.carbon-sources-card{max-height:calc(100dvh - 14px);padding:27px 17px;border-radius:12px}}
@media(max-height:580px) and (orientation:landscape){.carbon-header{padding-block:6px}.carbon-intro{min-height:460px;padding-block:18px}.carbon-atom-hero{display:none}.sphere-route{margin:13px 0}.sphere-route article{min-height:76px}.carbon-play{padding:6px}.carbon-hud{margin-bottom:6px}.carbon-play-layout{grid-template-columns:1.7fr .8fr}.carbon-mission-panel{padding:11px}.carbon-mission-panel h2{font-size:1.4rem}.carbon-mission-panel>p:not(.carbon-kicker):not(.carbon-control-note){font-size:.7rem}.carbon-collect{margin:7px 0 4px;padding:5px 8px}.carbon-dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,36px);gap:4px}.carbon-control-note{display:none}.carbon-goal{padding-top:5px}.carbon-check,.carbon-finish{min-height:450px}}
@media(prefers-reduced-motion:reduce){.carbon-game *,.carbon-game *:before,.carbon-game *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.carbon-identity{width:min(390px,100%);margin:0 0 12px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(2,20,23,.42);text-align:left}.carbon-identity label{display:block;margin-bottom:5px;color:#efffcf;font-size:.72rem;font-weight:850}.carbon-identity input{width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.09);color:white;font:inherit}.carbon-identity input::placeholder{color:rgba(255,255,255,.4)}.carbon-identity small{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:.63rem}.carbon-identity p{margin:7px 0 0;color:#ffc6aa;font-size:.7rem;font-weight:750}
.carbon-proof{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:20px;padding:18px;border:1px solid rgba(185,231,105,.2);border-radius:18px;background:rgba(3,25,28,.62)}.carbon-proof .carbon-badge{margin-bottom:0}.carbon-badge span{top:14px}.carbon-badge strong{margin-top:6px}.carbon-badge small{position:absolute;bottom:17px;color:#f3ffd9;font:800 .62rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.carbon-proof dl{display:grid;gap:7px;min-width:210px;margin:0;text-align:left}.carbon-proof dl div{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.carbon-proof dt{color:rgba(255,255,255,.46);font-size:.56rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.carbon-proof dd{margin:2px 0 0;color:#efffcf;font-size:.86rem;font-weight:850}