:root{--sector-display:'Bahnschrift','Arial Narrow','Impact',sans-serif;--sector-body:'Segoe UI',Arial,sans-serif}
body{font-family:var(--sector-body)}button,input,textarea,select{font-family:inherit}header .brand{font-family:var(--sector-display);letter-spacing:.15em;font-weight:700}header nav a{letter-spacing:.07em}.header-tools button{border-radius:1px;box-shadow:inset 0 1px #dae3cf0b;background:linear-gradient(135deg,#28332b90,#101918e0);transition:background .25s,border-color .25s,transform .25s}.header-tools button:hover{transform:translateY(-2px);background:#39402fe0}.scene{transition:opacity .72s ease!important}.scene.active{transition:opacity 1.1s ease .12s!important}.scene .caption{transition:transform .8s ease,opacity .8s;transform:translateY(16px);opacity:0;pointer-events:none}.scene.active .caption{transform:none;opacity:1}.caption h2{font-family:var(--sector-display);font-weight:500;letter-spacing:-.025em}.caption{bottom:16vh;max-width:320px}.caption p{font-size:12px;max-width:280px;color:#c3c9bd}.sky-title{top:24%;left:0;width:100%;text-align:center}.sky-title h1{font-family:var(--sector-display);font-stretch:condensed;font-weight:900;font-size:clamp(80px,15vw,230px);letter-spacing:.09em;line-height:1.05;margin:12px 0;color:#d5d4bf;text-shadow:0 4px 40px #06101244;background-image:url('assets/sector-materials-v9.png');background-size:200% 100%;background-position:left;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px #0004)}.sky-title p{letter-spacing:.48em;font-size:10px;color:#d1d6c4}.sky-title>span{letter-spacing:.25em;font-size:9px}.scene[data-scene="0"] .sky-title{transition:opacity 1.4s,filter 1.4s,transform 1.4s;opacity:0;filter:blur(10px);transform:translateY(9px)}.scene[data-scene="0"].active .sky-title{opacity:1;filter:blur(0);transform:none;transition-duration:2.2s}.world-target{position:absolute;z-index:5;pointer-events:auto}.world-target button{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;width:100%;height:100%;min-height:44px;cursor:pointer;transition:filter .35s,box-shadow .35s,transform .35s;color:#302c20;font-family:var(--sector-display);font-size:var(--note-font,15px)}.paper-target{background-image:linear-gradient(#b99e5d33,#a18a5340),url('assets/sector-materials-v9.png');background-size:100% 100%,200% 100%;background-position:0 0,left center;border:0;clip-path:polygon(1% 1%,97% 0,100% 98%,73% 100%,2% 97%);transform:rotate(-1deg);box-shadow:inset 0 0 25px #35270a66;filter:brightness(.72)}.world-target:hover .paper-target,.paper-target:focus-visible{filter:brightness(1.25);transform:rotate(-1deg) translateY(-2px);box-shadow:inset 0 0 25px #e3cf9160}.world-target button small{font-size:.48em;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:.6em;margin-bottom:.8em}.world-target button strong{font-size:1em;letter-spacing:.04em}.world-target button span{font-size:.48em;letter-spacing:.06em;margin-top:1.2em}.paper-target:after{content:'';position:absolute;width:5px;height:5px;top:6%;left:48%;border-radius:50%;background:#211e15;box-shadow:1px 2px 3px #0008}.crate-target{border:1px solid #d8c39166!important;background:linear-gradient(135deg,#c7b47a0b,#c7b47a15);color:#e2d7b7!important;clip-path:polygon(0 0,95% 0,100% 10%,100% 100%,0 100%);text-shadow:0 2px 5px #000;box-shadow:0 0 18px #dac48a14,inset 0 0 15px #dac48a10}.crate-target:hover,.crate-target:focus-visible{background:#c6ad7240;box-shadow:0 0 26px #dab87844,inset 0 0 35px #e5cd8c22;border-color:#ecdcac!important;filter:brightness(1.2)}.world-target button:focus-visible{outline:3px solid #f5e2aa;outline-offset:5px}.world-target.docked{left:auto!important;right:7vw;top:auto!important;bottom:25vh;width:125px!important;height:155px!important;--note-font:20px!important}.world-target.docked:before{content:'ОТКРЫТЬ ДОСКУ';position:absolute;top:-23px;color:#e1d6bc;font-size:9px;letter-spacing:.08em}.world-target.docked:has(.crate-target):before{content:'КОНТЕЙНЕРЫ ТЕНИ'}#sector-dust{position:absolute;inset:0;z-index:6;pointer-events:none;width:100%;height:100%}
#board{background-color:#111b19;background-image:linear-gradient(#101b19e8,#101917ed),url('assets/sector-materials-v9.png');background-position:0 0,right center;background-size:100% 100%,200% 100%;border:1px solid #8e947967;box-shadow:0 30px 100px #000c,inset 0 0 0 6px #080f102e}#board[open]{animation:field-open .38s ease-out}#board .board-top{background:#101916f5;border-bottom:1px solid #baac7750}#board .board-top:before{content:'S /';font-family:var(--sector-display);font-size:22px;color:#d0bc8b;border-right:1px solid #b9a77844;padding-right:18px;margin-right:12px}#board-kicker{flex:1}#board h2,#board h3{font-family:var(--sector-display);font-weight:500;letter-spacing:-.025em}#board h2{font-size:clamp(32px,4vw,52px)}#board .portal-badge{font-family:var(--sector-display);letter-spacing:.16em}.portal-button,.button-row button,.portal-tabs button{transition:background .2s,box-shadow .2s,transform .2s;border-radius:1px}.portal-button.primary{background-image:linear-gradient(#bdac7940,#bdac7920),url('assets/sector-materials-v9.png');background-size:100% 100%,200% 100%;background-position:0 0,left;color:#242a21;box-shadow:0 2px 8px #0005}.portal-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px #0004}.idea-card{background-image:linear-gradient(#17201ee8,#17201ef5),url('assets/sector-materials-v9.png');background-size:100% 100%,200% 100%;background-position:0 0,left;border:1px solid #9e9b7c35;border-top:2px solid #aa9975;position:relative}.idea-card:after{content:'';width:30px;height:9px;background:#b0a07742;position:absolute;right:22px;top:-5px;transform:rotate(5deg)}.field input,.field textarea,.field select{box-shadow:inset 0 2px 8px #0003}.currency-symbol{background-image:linear-gradient(#10201bd9,#10201be8),url('assets/sector-materials-v9.png');background-size:100% 100%,200% 100%;background-position:0 0,right}footer,#mode-label{transition:opacity .6s}#stage[aria-busy="true"]~footer #location,#stage[aria-busy="true"]~footer #mode-label{opacity:.3}@keyframes field-open{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:700px){.caption{bottom:16vh;max-width:60vw}.caption h2{font-size:27px}.caption p{display:none}.sky-title{top:29%}.sky-title h1{font-size:20vw;letter-spacing:.035em}.sky-title p{font-size:8px;letter-spacing:.23em}.sky-title>span{font-size:7px}.world-target.docked{bottom:30vh}#board .board-top:before{font-size:17px;padding-right:8px;margin-right:0}#board-kicker{letter-spacing:.05em}.world-target:not(.docked) button{min-height:44px}}
.world-target:not(.docked):before{content:'';position:absolute;inset:-25px -40px;background:transparent}.crate-target strong{font-size:.7em!important}.crate-target small,.crate-target span{opacity:.75}.paper-target{color:#231e14}.reduced .scene,.reduced .sky-title,.reduced .caption{transition:none!important}.reduced #board[open]{animation:none}@media(prefers-reduced-motion:reduce){#board[open]{animation:none}.world-target button{transition:none}}