.research-app{background:radial-gradient(circle at 50% 20%,#24314b,#090d16 62%,#030509);place-items:center;min-height:100vh;display:grid;overflow:hidden}.game-phone{background:#122b52;width:min(591px,100vw,46.1719vh);height:min(1280px,100vh);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff20,0 20px 80px #000}.loading-panel{color:#dcecff;place-items:center;display:grid}.technology-screen{background:#17335f url(/research-calculator/assets/research/science_bg01.webp) top/105% repeat-y}.technology-screen:before{content:"";pointer-events:none;background:linear-gradient(#17233ee8 0 8.8%,#0000 17% 87%,#151a2de8 94%);position:absolute;inset:0}.technology-header{z-index:5;background:linear-gradient(#17223ae8,#1f3c64d9);border-bottom:2px solid #14294a;justify-content:center;align-items:flex-end;height:9.4%;padding:0 3.4% 2.6%;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 5px 14px #02081299}.technology-header h1{letter-spacing:-1px;text-shadow:0 4px 1px #080d17,2px 0 1px #28354a,-2px 0 1px #28354a,0 -2px 1px #28354a;margin:0;font:900 clamp(22px,6.2vw,38px)/1 Arial Black,Arial,sans-serif}.diamond-counter{background:#10131bd9;border:2px solid #333949;border-radius:5px;align-items:center;width:25%;height:32%;padding-left:25%;display:flex;position:absolute;bottom:25%;right:3.2%;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0009}.diamond-counter i{aspect-ratio:1;background:linear-gradient(135deg,#ff8668 0 18%,#f23437 20% 62%,#9d0e20 64%);border-radius:15% 48% 20% 42%;width:28%;position:absolute;left:-2%;transform:rotate(30deg);box-shadow:inset 2px 2px #ffd2c699,0 2px 3px #0008}.diamond-counter b{text-align:center;text-shadow:0 2px #000;flex:1;font-size:clamp(13px,3.7vw,23px)}.generation-toggle{z-index:8;background:#0e1c34cc;border-radius:8px;grid-template-columns:1fr 1fr;height:4.2%;padding:3px;display:grid;position:absolute;top:10.1%;left:4%;right:4%;box-shadow:inset 0 0 0 1px #5a7ba0}.generation-toggle button{color:#9eb6d1;cursor:pointer;background:0 0;border:0;border-radius:6px;font:900 clamp(10px,2.7vw,16px)/1 Arial}.generation-toggle button.active{color:#fff;text-shadow:0 1px #21545d;background:linear-gradient(#64d6d4,#3098a4);box-shadow:inset 0 0 0 1px #a7ffff,0 2px 5px #0007}.technology-grid{z-index:3;scrollbar-width:thin;scrollbar-color:#8bdfff66 transparent;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;align-content:start;gap:2.3% 2.1%;padding:0 0 5%;display:grid;position:absolute;inset:15% 3.8% 9.4%;overflow-y:auto}.technology-card{aspect-ratio:186/221;filter:drop-shadow(0 4px 3px #06101cbb);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.technology-card>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.technology-card>strong{z-index:3;color:#fff;text-shadow:0 3px #030303,2px 0 #030303,-2px 0 #030303,0 -2px #030303;font:900 clamp(15px,4.7vw,29px)/1 Arial Black,Arial,sans-serif;position:absolute;bottom:16%;left:4%;right:4%}.technology-card>strong:first-letter{letter-spacing:-1px}.technology-card>b{z-index:3;color:#fff;text-shadow:0 2px #050505,1px 0 #050505,-1px 0 #050505;white-space:nowrap;font:900 clamp(11px,3vw,18px)/1 Arial Black,Arial,sans-serif;position:absolute;bottom:4%;left:2%;right:2%}.technology-card.locked>img{filter:grayscale(.72)brightness(.5)}.category-lock{z-index:5;color:#ff5f61;text-shadow:0 2px #000;background:#07101ca6;flex-direction:column;justify-content:center;align-items:center;padding:5%;font-family:Arial,sans-serif;font-weight:900;display:flex;position:absolute;inset:7% 4% 23%}.technology-card.locked>strong{color:#ff5659}.technology-footer{z-index:6;background:linear-gradient(#22283af5,#141827);border-top:2px solid #35405a;justify-content:center;align-items:center;gap:4%;height:9.3%;padding:1.2% 18%;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #080b148f}.technology-footer b{text-shadow:0 2px #000;font-size:clamp(11px,3vw,18px)}.queue-hex{aspect-ratio:1;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:linear-gradient(#61c9f0,#2f5d96);place-items:center;width:28%;font-size:clamp(18px,5vw,30px);display:grid}.queue-fast{aspect-ratio:1;background:linear-gradient(#70d8d3,#379a9f);border-radius:6px;place-items:center;width:18%;font-size:clamp(20px,6vw,36px);display:grid}.technology-screen>.round-back{z-index:8;bottom:1.3%;left:2.7%}.screen-settings{z-index:8;color:#a9d7ee;cursor:pointer;background:#172941e8;border:1px solid #6da4c9;border-radius:5px;padding:1.4% 2%;font:800 clamp(8px,2vw,12px)/1 Arial;position:absolute;bottom:1.8%;right:3%}.research-overlay{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020611c2;place-items:center;padding:5.5%;display:grid;position:absolute;inset:0}.settings-sheet,.calculator-sheet{color:#263546;background:#c9d8e8 url(/research-calculator/assets/research/science_bg_tanchuang.webp) 50%/100% 100% no-repeat;width:100%;max-height:90%;padding:7% 5% 5%;font-family:Arial,sans-serif;position:relative;overflow:auto;box-shadow:0 12px 40px #000e}.settings-sheet h2,.calculator-sheet h2{text-align:center;color:#fff;text-shadow:0 3px #263748,2px 0 #263748,-2px 0 #263748;margin:0 8% 5%;font:900 clamp(18px,5.5vw,32px)/1 Arial Black,Arial}.sheet-close{z-index:3;color:#fff;text-shadow:0 2px #566b7d;cursor:pointer;background:0 0;border:0;font:900 clamp(26px,8vw,46px)/1 Arial;position:absolute;top:2%;right:3%}.settings-sheet label{background:#bdcddd;border-radius:5px;margin:3% 0;padding:3%;font-weight:800;display:block}.settings-sheet label b{float:right;color:#26843f}.settings-sheet input{accent-color:#43aba7;width:100%;margin-top:3%;display:block}.settings-sheet input[type=number]{border:1px solid #879db1;border-radius:4px;padding:2%}.settings-sheet p{color:#52677b;font-size:clamp(10px,2.7vw,15px)}.universal-science{width:min(591px,100vw,46.1719vh);height:min(1280px,100vh);position:relative;overflow:hidden}.universal-science .science-node{transform:translate(-50%,-12%)}.universal-science .science-node:hover{transform:translate(-50%,-12%)scale(1.04)}.universal-science .science-node:not(.unlocked){filter:grayscale(.78)brightness(.82)}.universal-science .science-node-shade{opacity:.34}.game-toast{z-index:60;color:#fff;text-align:center;cursor:pointer;background:#111827e8;border:1px solid #a5bdd1;border-radius:5px;padding:3%;position:absolute;top:42%;left:10%;right:10%;box-shadow:0 5px 18px #000c}.max-research,.requirement-warning{text-align:center;border-radius:4px;margin:3% -2%;padding:3%;font-weight:900}.max-research{color:#645014;background:#d6c870}.requirement-warning{color:#fff;background:#8c3333dd}.science-detail-actions button:disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed}.building-requirement{text-align:center;color:#52677b;margin-top:2%;font-size:clamp(9px,2.4vw,14px);font-weight:800}.calculator-actions{gap:3%;margin-bottom:3%;display:flex}.calculator-actions button{color:#fff;text-shadow:0 1px #255;cursor:pointer;background:linear-gradient(#6dd8ca,#3daaa6);border:1px solid #cffffb;border-radius:6px;flex:1;padding:2.5%;font-weight:900}.calculator-inputs{grid-template-columns:repeat(3,1fr);gap:2%;display:grid}.calculator-inputs label{background:#b9cbdc;border-radius:5px;padding:3%;font-size:clamp(8px,2vw,12px);font-weight:800}.calculator-inputs input{border:1px solid #8da3b8;border-radius:4px;width:75%;margin-top:4%;padding:4%}.calculator-inputs b{color:#317f5a;margin-left:2%}.plan-summary{background:#b7c7d7;border-radius:5px;grid-template-columns:1fr 1fr;gap:2%;margin-top:4%;padding:3%;display:grid}.plan-summary p{justify-content:space-between;margin:0;padding:2%;font-size:clamp(9px,2.3vw,14px);display:flex}.plan-summary b{color:#11627f}.plan-resources{grid-template-columns:1fr 1fr;gap:2%;margin-top:3%;display:grid}.plan-resources div{background:#bdcddd;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;align-items:center;padding:2%;display:grid}.plan-resources img{object-fit:contain;grid-row:1/3;width:30px;height:30px}.plan-resources span{color:#52677b;font-size:10px}.plan-resources b{font-size:13px}.planned-list{max-height:260px;margin-top:4%;overflow:auto}.planned-list button{color:#27384a;text-align:left;cursor:pointer;background:#c4d3df;border:1px solid #91a8ba;border-radius:5px;grid-template-columns:42px 1fr auto;align-items:center;gap:3%;width:100%;margin:1% 0;padding:2%;display:grid}.planned-list img{object-fit:contain;width:40px;height:40px}@media (width<=590px){.research-app{place-items:stretch stretch}.game-phone,.universal-science{width:100vw;height:100dvh}.technology-grid{gap:2.2% 2%}}.game-phone{container-type:inline-size}.technology-header h1{font-size:clamp(22px,6.2cqw,38px)}.diamond-counter b{font-size:clamp(13px,3.7cqw,23px)}.generation-toggle button{font-size:clamp(10px,2.7cqw,16px)}.technology-card>strong{font-size:clamp(15px,5.2cqw,29px)}.technology-card>b{white-space:normal;font-size:clamp(10px,2.8cqw,17px);line-height:.9;bottom:3%}.category-lock span{font-size:clamp(24px,8cqw,48px)}.category-lock small{font-size:clamp(8px,2.2cqw,13px)}.technology-footer b{font-size:clamp(11px,3cqw,18px)}.queue-hex{font-size:clamp(18px,5cqw,30px)}.queue-fast{font-size:clamp(20px,6cqw,36px)}.screen-settings{font-size:clamp(8px,2cqw,12px)}.universal-science .science-topbar h1{font-size:clamp(20px,5.3cqw,32px)}.universal-science .science-medals strong{font-size:clamp(12px,3.4cqw,21px)}.universal-science .science-node>span{font-size:clamp(13px,4.2cqw,26px)}.universal-science .science-slot b{font-size:clamp(12px,3.4cqw,21px)}.settings-check{align-items:center;gap:3%;display:flex!important}.settings-check input{width:auto!important;margin:0!important}.settings-check span{font-weight:900}.reset-progress{color:#fff;cursor:pointer;background:#7c3d45;border:1px solid #b56b6b;border-radius:5px;width:100%;padding:3%;font-weight:900}.reset-progress.armed{background:#ba3030;box-shadow:0 0 0 3px #ffadad}.research-app{--game-font:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;--game-outline:#202b3b}.game-phone,.game-phone button,.calculator-sheet,.settings-sheet{font-family:var(--game-font)}.technology-header{align-items:flex-end;padding-bottom:2.4%}.technology-header h1{text-align:center;width:100%;font-family:var(--game-font);letter-spacing:-1.3px;text-shadow:0 4px 1px #080d17,2px 0 1px var(--game-outline),-2px 0 1px var(--game-outline),0 -2px 1px var(--game-outline);font-weight:900}.generation-toggle button,.technology-card>strong,.technology-card>b{font-family:var(--game-font);font-weight:900}.generation-toggle button{text-shadow:0 2px 1px #071525,1px 0 #071525,-1px 0 #071525}.technology-card>strong{letter-spacing:-1px;bottom:15%}.technology-card>b{letter-spacing:-.45px;text-shadow:0 2px 1px #050505,1px 0 1px #050505,-1px 0 1px #050505;line-height:1.02;bottom:3.2%}.technology-footer{background:linear-gradient(#252b3df7,#171b2a 23%,#111522);border-top:2px solid #38445e;justify-content:flex-start;gap:1.2%;height:9.6%;padding:1.1% 2.4%}.technology-footer button{cursor:pointer;background:0 0;border:0}.technology-back{aspect-ratio:1;color:#fff5d8;text-shadow:0 2px #000;flex:0 0 13%;box-shadow:inset 0 0 0 2px #454a59,0 4px 9px #000b;font:900 clamp(26px,7cqw,44px)/.9 var(--game-font)!important;background:radial-gradient(circle at 40% 32%,#3b3e4b,#222530 72%)!important;border-radius:50%!important}.technology-queue{color:#fff;flex:1;justify-content:center;align-items:center;gap:5%;height:100%;display:flex;padding:0!important}.technology-queue b{text-shadow:0 2px 1px #000,1px 0 #000,-1px 0 #000;font-size:clamp(10px,2.7cqw,16px)}.queue-hex{aspect-ratio:1;filter:drop-shadow(0 3px 2px #070a11);background:linear-gradient(145deg,#7599c5,#3b5881);flex:0 0 43%;width:auto;height:92%;position:relative}.queue-hex:before{content:"";clip-path:inherit;background:#37547d;position:absolute;inset:8%;box-shadow:inset 0 0 0 3px #77bce4}.queue-hex i{z-index:1;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);background:linear-gradient(135deg,#f2f5f7,#aab7c3);position:absolute;inset:27%}.queue-hex.queue-heart{z-index:1;color:#ff5b59;text-shadow:0 2px #6e1217;font-size:clamp(18px,5cqw,30px)}.queue-hex.queue-heart:before{z-index:-1}.queue-fast{aspect-ratio:1;width:auto;font:900 clamp(15px,4.5cqw,28px)/1 var(--game-font);background:linear-gradient(#68d7d4,#34979e);border-radius:6px;flex:0 0 7%;box-shadow:inset 0 0 0 2px #a1ffff,0 3px 5px #0009}.science-topbar{justify-content:flex-start}.science-topbar h1{font-family:var(--game-font);letter-spacing:-.7px;font-weight:900;bottom:17%;left:15%;right:15%}.science-tree-scroll{bottom:9.7%}.science-bottom-bar{background:linear-gradient(#272c3df8,#171b29 25%,#111420);gap:1.1%;height:9.7%;padding:1% 2.2%}.science-back{width:auto;font-family:var(--game-font);flex:0 0 12%}.science-queue{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:3%;min-width:0;height:100%;padding:0;display:flex}.science-queue-hex{aspect-ratio:1;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);filter:drop-shadow(0 3px 2px #050810);background:linear-gradient(145deg,#7fb1db,#3a5e8e);flex:0 0 45%;place-items:center;height:94%;display:grid;position:relative}.science-queue-hex:before{content:"";clip-path:inherit;background:#36577f;position:absolute;inset:9%}.science-queue-hex img{z-index:1;object-fit:contain;width:64%;height:64%;position:relative}.science-queue-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.science-queue-copy b,.science-queue-copy small{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 1px #000,1px 0 #000,-1px 0 #000;max-width:100%;overflow:hidden}.science-queue-copy b{font-size:clamp(9px,2.45cqw,15px)}.science-queue-copy small{color:#d6e2ee;font-size:clamp(6px,1.75cqw,10px)}.science-heart{z-index:0;color:#ff5a58;text-shadow:0 2px #72151a;font-size:clamp(17px,5cqw,30px)}.science-heart:before{z-index:-1}.science-boost{aspect-ratio:1;color:#fff;font:900 clamp(15px,4cqw,25px)/1 var(--game-font);text-shadow:0 1px #245a60;cursor:pointer;background:linear-gradient(#70d8d3,#379a9f);border:0;border-radius:6px;flex:0 0 6.5%;box-shadow:inset 0 0 0 2px #a7ffff,0 3px 5px #0008}.settings-sheet,.calculator-sheet{font-family:var(--game-font);color:#2b3949;padding:7.5% 5.5% 5.5%}.settings-sheet h2,.calculator-sheet h2{font-family:var(--game-font);letter-spacing:-1px;text-shadow:0 3px 1px #27384a,2px 0 1px #27384a,-2px 0 1px #27384a,0 -2px 1px #27384a;margin-bottom:4%}.calculator-actions button{min-height:44px;font-family:var(--game-font);text-shadow:0 2px 1px #27555a,1px 0 #27555a,-1px 0 #27555a;border-radius:7px;font-size:clamp(11px,3cqw,18px);box-shadow:inset 0 0 0 2px #b5fff7,0 4px #2c7779,0 6px 8px #0005}.calculator-inputs{gap:1.6%}.calculator-inputs label{background:#b8cadc;padding:3.2%;font-size:clamp(7px,2.05cqw,12px);line-height:1.1}.calculator-inputs input{height:32px;font-family:var(--game-font);color:#26384b;background:#dbe7f1;margin-top:6%;font-weight:900}.plan-summary{background:#b8c9da;margin-top:4%;padding:3.2%;box-shadow:inset 0 1px #e9f5ff80}.plan-summary p{font-size:clamp(8px,2.25cqw,13px);font-weight:800}.plan-summary b{color:#096c8d;font-family:var(--game-font)}.plan-resources div{background:#bdcedd;box-shadow:inset 0 1px #edf7ff66}.plan-resources span{font-size:clamp(7px,1.8cqw,11px)}.plan-resources b{font-family:var(--game-font);font-size:clamp(9px,2.4cqw,14px)}.plan-gains{background:linear-gradient(#b7c9d9,#afc2d4);border-radius:6px;margin-top:3%;padding:2.8%;box-shadow:inset 0 1px #eef8ff99}.plan-gains h3{color:#34495e;text-shadow:0 1px #f5fbff;margin:0 0 2%;font-size:clamp(11px,3cqw,18px)}.plan-gains>div{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.plan-gains p{background:#c8d6e2;border-radius:4px;justify-content:space-between;gap:6px;margin:0;padding:5px 6px;font-size:clamp(8px,2.05cqw,12px);display:flex}.plan-gains p span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.plan-gains p b{color:#208543;text-shadow:0 1px #e8ffed;flex:none}.planned-list{scrollbar-color:#8b9299 #eef4f8;max-height:220px;margin-top:3%;padding-right:2%}.planned-list button{min-height:54px;font-family:var(--game-font);background:#c2d2df;margin:1.4% 0;padding:2.2%;font-size:clamp(9px,2.5cqw,15px)}.planned-list b{color:#1b8054}.technology-footer{justify-content:center;gap:2.2%;padding:1.05% 3%}.calculator-tool{color:#eaf7ff;flex:1;grid-template-columns:38% 1fr;align-items:center;gap:3%;height:82%;display:grid;box-shadow:inset 0 1px #8dbce255,0 3px 6px #0009;background:linear-gradient(#243b59,#15263d)!important;border:1px solid #415a78!important;border-radius:7px!important;padding:1.4%!important}.calculator-tool.primary{box-shadow:inset 0 1px #b5ffff80,0 0 10px #25b9cf40;background:linear-gradient(#347e92,#24546d)!important;border-color:#66d7d7!important}.calculator-tool span{aspect-ratio:1;color:#64dbe0;height:100%;font:900 clamp(16px,5cqw,30px)/1 var(--game-font);text-shadow:0 2px #000;background:#101c2d;border-radius:6px;place-items:center;display:grid}.calculator-tool b{text-align:left;text-shadow:0 2px #000;font-size:clamp(8px,2.25cqw,13px);line-height:1.05}.science-bottom-bar{gap:1.4%;padding:1.05% 2.2%}.science-back{flex:0 0 12%}.science-tool{color:#f2f8ff;text-align:left;cursor:pointer;background:linear-gradient(#253c59,#15263b);border:1px solid #405976;border-radius:7px;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:34% 1fr;align-items:center;column-gap:4%;min-width:0;height:82%;padding:1.5%;display:grid;box-shadow:inset 0 1px #96c3e355,0 3px 6px #0009}.science-tool.primary{background:linear-gradient(#347b91,#214e68);border-color:#62d5d5;box-shadow:inset 0 1px #c2ffff80,0 0 10px #24c6d843}.science-tool>span{aspect-ratio:1;color:#62dce1;width:100%;font:900 clamp(15px,4.4cqw,27px)/1 var(--game-font);text-align:center;text-shadow:0 2px #000;background:#101d2e;border-radius:6px;grid-row:1/3;place-items:center;display:grid}.science-tool>b{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #000;align-self:end;min-width:0;font-size:clamp(8px,2.2cqw,13px);overflow:hidden}.science-tool>small{text-overflow:ellipsis;white-space:nowrap;color:#b9ccdc;align-self:start;min-width:0;font-size:clamp(6px,1.6cqw,9px);overflow:hidden}.research-app{background:0 0;min-height:0;padding:16px 0 32px;display:block;overflow:visible}.research-app .game-phone,.research-app .universal-science{border-radius:14px;width:min(591px,100%);height:auto;min-height:0;margin:0 auto;overflow:visible}.research-app .loading-panel{min-height:60vh}.technology-screen{flex-direction:column;display:flex}.technology-screen .technology-header{border-radius:14px 14px 0 0;flex:none;height:20cqw;position:relative}.technology-screen .generation-toggle{flex:none;height:9cqw;margin:2cqw 4% 3cqw;position:relative;top:auto;left:auto;right:auto}.technology-screen .technology-grid{gap:2.4cqw 2cqw;margin:0 3.8%;padding:0 0 6cqw;position:relative;inset:auto;overflow:visible}.technology-screen .technology-footer{border-radius:0 0 14px 14px;flex:none;height:20cqw;position:sticky;bottom:0}.universal-science .science-bottom-bar{z-index:20;position:sticky;bottom:0}.universal-science .science-topbar{z-index:20;position:sticky;top:0}@media (width<=590px){.research-app{padding:0}.research-app .game-phone,.research-app .universal-science{border-radius:0;width:100%;height:auto}}.research-app .science-screen{color:#fff;background:#142b52 url(/research-calculator/assets/research-ui/science_bg01.webp) top/100% repeat-y}.research-app .science-screen:before{content:"";pointer-events:none;background:linear-gradient(#07152a33 0,#10284b00 42%,#1b14303d 100%);position:absolute;inset:0}.research-app .science-topbar{z-index:20;background:linear-gradient(#15233c 0%,#162c4d 72%,#244d78 100%);border-bottom:2px solid #142b4d;flex:none;align-items:flex-end;height:72px;padding:0 3.3% 17px;display:flex;position:sticky;top:0;left:auto;right:auto;box-shadow:0 5px 14px #030a16a6,inset 0 -1px #48749d66}.research-app .science-topbar h1{color:#f8fbff;text-align:center;font:900 clamp(20px,5.3cqw,32px)/1 var(--game-font);letter-spacing:-.7px;text-shadow:0 3px 1px #050a12,2px 0 1px #1b2738,-2px 0 1px #1b2738,0 -2px 1px #1b2738;margin:0;position:absolute;bottom:14px;left:15%;right:15%}.research-app .science-list-button{z-index:2;cursor:pointer;background:linear-gradient(#518f86,#2a6863);border:2px solid #7197a8;border-radius:8px;align-content:center;gap:4px;width:44px;height:44px;padding:9px;display:grid;position:relative}.research-app .science-list-button i{background:#e9fcff;border-radius:3px;height:3px;display:block;box-shadow:0 1px #173b3a}.research-app .science-tree-scroll{z-index:2;scrollbar-width:thin;scrollbar-color:#78d9ff88 transparent;background:#142b52;flex:none;height:auto;position:relative;inset:auto;overflow:visible}.research-app .science-tree{background-image:linear-gradient(#10274a0d,#142f5b0d),url(/research-calculator/assets/research-ui/science_bg02.webp);background-position:top;background-repeat:repeat-y;background-size:128%;width:100%;min-height:100%;position:relative}.research-app .science-tree:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 5%,#70aee628,#0000 30%),repeating-linear-gradient(0deg,#0000 0 175px,#6ccfff0a 176px);position:absolute;inset:0}.research-app .science-connectors{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.research-app .science-connectors path{fill:none;stroke:#172a44;stroke-width:7px;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #000b)}.research-app .science-connectors path.active{stroke:#47caff;filter:drop-shadow(0 0 5px #46d7ff)drop-shadow(0 2px #123c65)}.research-app .science-node{z-index:3;aspect-ratio:1;cursor:pointer;filter:grayscale(.78)brightness(.62);background:0 0;border:0;width:20.5%;padding:0;transition:filter .18s,transform .12s;position:absolute;transform:translate(-50%,-12%)}.research-app .science-node:hover{transform:translate(-50%,-12%)scale(1.04)}.research-app .science-node.unlocked{filter:none}.research-app .science-node.maxed{filter:drop-shadow(0 0 8px #67dfff)}.research-app .science-node-frame{object-fit:contain;width:108%;height:108%;position:absolute;inset:-4%}.research-app .science-node-icon{z-index:2;object-fit:contain;filter:drop-shadow(0 2px 2px #0008);width:60%;height:58%;position:absolute;top:15%;left:20%}.research-app .science-node-shade{z-index:3;object-fit:contain;opacity:.34;width:64%;height:64%;position:absolute;top:12%;left:18%}.research-app .science-node>span{z-index:4;color:#fff;font:900 clamp(13px,4.2cqw,26px)/1 var(--game-font);text-shadow:0 3px 2px #000,2px 0 #000,-2px 0 #000,0 -2px #000;position:absolute;bottom:8%;left:5%;right:5%}.research-app .science-node.maxed>span{color:#fff25a}.research-app .science-loading{z-index:25;color:#d9eeff;background:#102a50;place-items:center;display:grid;position:absolute;inset:72px 0}.research-app .load-failed{color:#fff;text-align:center;background:#321822;gap:12px;padding:28px}.research-app .load-failed strong{font-size:20px}.research-app .load-failed span{color:#ffd6dc;font:700 13px/1.4 Arial,sans-serif}.research-app .load-failed button{color:#fff;cursor:pointer;background:#319da2;border:1px solid #bff;border-radius:7px;padding:10px 18px;font-weight:900}.research-app .science-bottom-bar{z-index:20;background:linear-gradient(#272c3df8,#171b29 25%,#111420);border-top:2px solid #364059;flex:none;align-items:center;gap:1.4%;height:72px;padding:7px 2.2%;display:flex;position:sticky;bottom:0;left:auto;right:auto;box-shadow:0 -8px 18px #0008}.research-app .science-back{color:#fff8dc;width:54px;height:54px;font:900 34px/1 var(--game-font);text-shadow:0 2px #000;cursor:pointer;background:radial-gradient(circle at 43% 35%,#373b48,#20232d 70%);border:0;border-radius:50%;flex:0 0 54px;box-shadow:inset 0 0 0 2px #424754,0 3px 8px #000}.research-app .science-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050bb5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.research-app .science-detail{color:#263546;background:#c9d8e8 url(/research-calculator/assets/research-ui/science_bg_tanchuang.webp) 50%/100% 100% no-repeat;width:min(540px,100%);max-height:min(860px,90dvh);padding:30px 26px 24px;position:relative;overflow:auto;box-shadow:0 12px 36px #000d}.research-app .science-detail h2{color:#fff;text-align:center;font:900 clamp(19px,5.5cqw,33px)/1 var(--game-font);text-shadow:0 3px 1px #27384a,2px 0 1px #27384a,-2px 0 1px #27384a,0 -2px 1px #27384a;margin:0 10% 20px}.research-app .science-detail-close{z-index:3;color:#edf6fb;text-shadow:0 2px #586d80;cursor:pointer;background:0 0;border:0;font:900 36px/1 Arial;position:absolute;top:14px;right:4%}.research-app .science-detail-intro{align-items:center;gap:5%;min-height:104px;padding:2% 1% 3%;display:flex}.research-app .science-detail-intro p{font-size:clamp(11px,3cqw,18px);font-weight:800}.research-app .science-detail-icon{aspect-ratio:1;flex:0 0 25%;position:relative}.research-app .science-detail-icon:before{content:"";background:url(/research-calculator/assets/research-ui/science_icon_frame04.webp) 50%/contain no-repeat;position:absolute;inset:-10%}.research-app .science-detail-icon img{object-fit:contain;width:76%;height:76%;position:absolute;inset:12%}.research-app .science-detail-icon b{z-index:2;color:#fff;text-align:center;text-shadow:0 2px #000;background:#26364d;border-radius:10px;padding:1%;position:absolute;bottom:-2%;left:0;right:0}.research-app .science-level-line{background:#c6d4e0;border-block:2px solid #9aabb9;margin:1% -26px;padding:10px 34px;font-size:clamp(13px,3.5cqw,21px);font-weight:900}.research-app .science-level-line em,.research-app .science-level-line strong{color:#52b325;font-style:normal}.research-app .science-effect-list{background:#c3d0dc;border-radius:4px;padding:14px}.research-app .science-effect-list p{justify-content:space-between;gap:3%;margin:8px 0;font-size:clamp(10px,2.6cqw,16px);font-weight:700;display:flex}.research-app .science-detail h3{margin:16px 0 6px;font-size:clamp(13px,3.4cqw,21px)}.research-app .science-cost-grid{background:#bfd0df;border-radius:4px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.research-app .science-cost-grid div{grid-template-rows:1fr 1fr;grid-template-columns:24% 1fr;align-items:center;column-gap:4%;display:grid}.research-app .science-cost-grid img{object-fit:contain;grid-row:1/3;width:100%;height:42px}.research-app .science-cost-grid span{color:#526477;font-size:clamp(8px,2cqw,12px)}.research-app .science-default-time{text-align:center;color:#405266;margin:16px 0 10px;font-weight:800}.research-app .science-detail-actions{grid-template-columns:1fr 1fr;gap:5%;display:grid}.research-app .science-detail-actions button{color:#fff;font:900 clamp(14px,4cqw,24px)/1 var(--game-font);text-shadow:0 2px #4c3e24;cursor:pointer;border:0;border-radius:8px;padding:12px;box-shadow:inset 0 0 0 2px #ffffff70,0 4px #516174,0 6px 8px #0004}.research-app .science-detail-actions .finish{background:linear-gradient(#ffca47,#ec8c18)}.research-app .science-detail-actions .research{background:linear-gradient(#71d7cc,#3baaa5)}.research-app .science-detail-actions small{margin-top:5px;font:800 .65em Arial,sans-serif;display:block}@media (width<=590px){.research-app .science-tree-scroll{height:auto}.research-app .science-topbar{height:64px;padding-bottom:14px}.research-app .science-bottom-bar{height:68px}.research-app .science-back{flex-basis:50px;width:50px;height:50px}}.technology-header h1.atl-title{text-shadow:none;letter-spacing:0;flex-direction:column;align-items:center;gap:.6cqw;display:flex}.atl-title small{font:700 clamp(10px,2.6cqw,15px)/1 var(--game-font);letter-spacing:.5em;text-transform:uppercase;color:#7fe7ff;text-shadow:0 0 10px #2fd4ff99;padding-left:.5em}.atl-title span{font:900 clamp(20px,5.6cqw,34px)/1 var(--game-font);letter-spacing:.02em;text-transform:uppercase;color:#0000;filter:drop-shadow(0 2px #1a0f04)drop-shadow(0 0 12px #2fd4ff55);background:linear-gradient(#fff6d6 0%,#f2c75c 45%,#b9822a 100%);-webkit-background-clip:text;background-clip:text}.atl-title:after{content:"";background:linear-gradient(90deg,#0000,#5fe0ff,#f2c75c,#5fe0ff,#0000);width:46%;height:2px;margin-top:.8cqw;box-shadow:0 0 8px #5fe0ff}.calculator-tool{transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0,#1f5f80 0%,#0f2b44 55%,#0a1a2c 100%)!important;border:1px solid #3c8fb0!important;border-radius:10px!important;box-shadow:inset 0 1px #9fe6ff66,inset 0 -3px #04101c,0 4px 10px #000a,0 0 0 1px #0a1a2c!important}.calculator-tool:before{content:"";background:linear-gradient(115deg,#0000 30%,#fff2 45%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.calculator-tool:hover:before{transform:translate(120%)}.calculator-tool:hover{filter:brightness(1.12);box-shadow:inset 0 1px #9fe6ff88,0 0 14px #2fd4ff55,0 4px 10px #000a!important}.calculator-tool:active{transform:translateY(2px)scale(.98)}.calculator-tool.primary{background:radial-gradient(120% 90% at 50% 0,#c08a2e 0%,#6e4514 60%,#3a230a 100%)!important;border-color:#f2c75c!important;box-shadow:inset 0 1px #ffe9a888,inset 0 -3px #1e1205,0 0 14px #f2c75c55,0 4px 10px #000a!important}.calculator-tool span{color:#7fe7ff;border:1px solid #5fe0ff66;box-shadow:inset 0 0 8px #2fd4ff44;background:radial-gradient(circle at 35% 30%,#1d4a66,#071423)!important}.calculator-tool span svg{filter:drop-shadow(0 0 4px #2fd4ffaa);width:58%;height:58%}.calculator-tool.primary span{color:#ffe39a;border-color:#ffe39a99;box-shadow:inset 0 0 8px #f2c75c55}.calculator-tool.primary span svg{filter:drop-shadow(0 0 4px #f2c75caa)}.calculator-tool b{font-family:var(--game-font);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:.4cqw;display:flex}.calculator-tool b em{opacity:.7;text-transform:none;letter-spacing:0;font-size:.75em;font-style:normal}@media (prefers-reduced-motion:reduce){.calculator-tool,.calculator-tool:before{transition:none}}.research-app{color:var(--foreground);font-family:var(--font-sans);padding:24px 16px 40px}.research-app .game-phone{width:min(100%,960px);box-shadow:none;--game-font:var(--font-sans);border-radius:0}.research-app .technology-screen{background:0 0}.research-app .technology-screen:before{display:none}.research-app .technology-header{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0 24px}.research-app .atl-title{gap:12px;max-width:100%;margin-inline:auto}.research-app .atl-title small{font:600 26px/1 var(--arena-power-font);letter-spacing:0;color:var(--gold);text-shadow:0 2px 0 var(--abyss);align-items:center;gap:12px;padding:0;display:flex}.research-app .atl-title small:before,.research-app .atl-title small:after{content:"";background:var(--arena-gold-lettering);width:42px;height:1px}.research-app .atl-title span{max-width:100%;font:700 64px/.95 var(--arena-power-font);letter-spacing:0;text-wrap:balance;background:var(--arena-ice-lettering);color:#0000;filter:drop-shadow(0 2px 0 var(--arena-metal-dark)) drop-shadow(0 4px 2px var(--abyss));-webkit-background-clip:text;background-clip:text}.research-app .atl-title:after{background:var(--arena-gold-lettering);width:120px;height:2px;box-shadow:none;margin-top:4px;display:block}.research-app .generation-toggle{background:var(--surface-2);border:1px solid var(--border);width:min(100%,400px);height:44px;box-shadow:none;border-radius:6px;margin:0 auto 24px;padding:3px}.research-app .generation-toggle button{height:auto;min-height:36px;font:600 14px/1 var(--font-sans);letter-spacing:0;text-shadow:none;color:var(--muted-foreground);border-radius:4px}.research-app .generation-toggle button.active{background:var(--primary);color:var(--primary-foreground);box-shadow:none}.research-app .technology-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding-bottom:24px}.research-app .technology-card{white-space:normal;filter:none;background:0 0;border-radius:8px;height:auto;padding:0;display:block}.research-app .technology-card:hover{filter:brightness(1.08);background:0 0}.research-app .science-node{white-space:normal;border-radius:0;height:auto;display:block}.research-app .technology-card>strong{letter-spacing:0;font-size:24px}.research-app .technology-card>b{letter-spacing:0;font-size:14px;line-height:1.1}.research-app .technology-footer,.research-app .science-bottom-bar{height:auto;min-height:64px;box-shadow:none;background:0 0;border-top:0;border-radius:0;gap:12px;padding:12px 0}.research-app .science-bottom-bar{padding-bottom:max(12px,env(safe-area-inset-bottom,0px));grid-template-columns:40px repeat(4,minmax(0,1fr));display:grid}.research-app .technology-footer{position:relative}.research-app button:not(.technology-card):not(.science-node){font-family:var(--font-sans);letter-spacing:0;text-shadow:none;white-space:normal;border-radius:6px;font-weight:600;transition:background-color .15s,color .15s}.research-app .calculator-tool,.research-app .science-tool{min-width:0;height:40px;min-height:40px;color:var(--secondary-foreground);filter:none;justify-content:center;align-items:center;gap:8px;display:flex;transform:none;border:1px solid var(--border)!important;background:var(--secondary)!important;box-shadow:none!important;padding:8px 12px!important}.research-app .calculator-tool.primary,.research-app .science-tool.primary{color:var(--primary-foreground);background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:none!important}.research-app .calculator-tool:before{display:none}.research-app .calculator-tool:hover,.research-app .science-tool:hover{filter:none;transform:none;background:var(--accent)!important}.research-app .calculator-tool b,.research-app .science-tool b{text-align:center;text-shadow:none;text-transform:none;letter-spacing:0;white-space:normal;align-self:center;font-size:14px;line-height:1.1;overflow:visible}.research-app .calculator-tool svg,.research-app .science-tool svg{filter:none;flex:none;width:18px;height:18px}.research-app .science-tool small{display:none}.research-app .science-screen{width:min(100%,750px)}.research-app .science-topbar{background:var(--background);box-shadow:none;border-bottom:1px solid var(--border);align-items:center;height:64px;padding:10px 0}.research-app .science-topbar h1{font:700 26px/1.1 var(--font-display);letter-spacing:0;color:var(--foreground);text-shadow:none;bottom:18px}.research-app .science-list-button,.research-app .science-back{background:var(--secondary);border:1px solid var(--border);width:40px;height:40px;color:var(--foreground);box-shadow:none;flex:0 0 40px;justify-content:center;align-items:center;padding:8px;display:flex}.research-app .science-list-button svg,.research-app .science-back svg{width:20px;height:20px}.research-app.research-modal-root{--game-font:var(--font-sans);display:contents}.research-app .research-overlay,.research-app .science-modal-backdrop{z-index:80;background:color-mix(in oklab,var(--abyss) 85%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;position:fixed;inset:0}.research-app .settings-sheet,.research-app .calculator-sheet,.research-app .science-detail{width:min(600px,100%);max-height:90dvh;color:var(--foreground);background:var(--surface-1);border:1px solid var(--border);box-shadow:none;font-family:var(--font-sans);border-radius:8px;padding:28px 24px}.research-app .settings-sheet h2,.research-app .calculator-sheet h2,.research-app .science-detail h2{text-align:left;color:var(--foreground);font:700 24px/1.2 var(--font-display);letter-spacing:0;text-shadow:none;margin:0 36px 24px 0}.research-app .sheet-close,.research-app .science-detail-close{width:36px;height:36px;color:var(--muted-foreground);text-shadow:none;background:0 0;padding:8px;top:12px;right:12px}.research-app .settings-sheet label{background:0 0;border-radius:0;margin:0 0 12px;padding:12px 0;font-size:14px;font-weight:500}.research-app .settings-sheet label b{color:var(--primary)}.research-app .settings-sheet input{accent-color:var(--primary)}.research-app .settings-sheet input[type=number],.research-app .calculator-inputs input{background:var(--surface-2);border:1px solid var(--input);min-height:40px;color:var(--foreground);border-radius:4px;padding:8px}.research-app .settings-sheet p{color:var(--muted-foreground);font-size:13px}.research-app .calculator-actions button,.research-app .science-detail-actions button{background:var(--primary);height:auto;min-height:40px;color:var(--primary-foreground);border:1px solid var(--primary);box-shadow:none;text-shadow:none;padding:10px 12px;font-size:14px}.research-app .science-detail-actions .finish{background:var(--primary);color:var(--primary-foreground)}.research-app .science-detail-actions .research{background:var(--secondary);color:var(--secondary-foreground)}.research-app .reset-progress{background:var(--secondary);height:auto;min-height:40px;color:var(--destructive);border:1px solid var(--border);box-shadow:none}.research-app .reset-progress.armed{background:var(--destructive);color:var(--destructive-foreground);box-shadow:none}.research-app .calculator-inputs label,.research-app .plan-summary,.research-app .plan-resources div,.research-app .plan-gains,.research-app .plan-gains p,.research-app .science-effect-list,.research-app .science-cost-grid,.research-app .science-level-line{background:var(--surface-2);color:var(--foreground);box-shadow:none;border-color:var(--border)}.research-app .calculator-inputs{gap:12px}.research-app .calculator-inputs label{font-size:12px}.research-app .calculator-inputs b,.research-app .plan-summary b,.research-app .plan-gains p b,.research-app .science-level-line strong,.research-app .science-level-line em{color:var(--primary)}.research-app .plan-summary p,.research-app .science-effect-list p{font-size:13px}.research-app .plan-gains h3,.research-app .science-detail h3{color:var(--foreground);text-shadow:none;font-size:16px}.research-app .plan-gains p,.research-app .plan-resources span,.research-app .science-cost-grid span{color:var(--muted-foreground);font-size:12px}.research-app .plan-resources b{font-size:14px}.research-app .planned-list button{background:var(--surface-2);height:auto;color:var(--foreground);border:1px solid var(--border);font-size:14px}.research-app .planned-list b{color:var(--primary)}.research-app .requirement-warning{background:var(--surface-2);color:var(--gold);font-size:13px;font-weight:500}.research-app .building-requirement,.research-app .science-default-time{color:var(--muted-foreground);font-size:13px}.research-app .game-toast{background:var(--surface-1);width:min(480px,100% - 32px);color:var(--foreground);border:1px solid var(--border);box-shadow:none;margin:auto;padding:12px;position:fixed;inset:auto 16px 24px}@media (width<=760px){.research-app .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.research-app .atl-title span{font-size:48px}.research-app .technology-card>b{font-size:12px}.research-app .technology-card>strong{font-size:22px}}@media (width<=440px){.research-app{padding:20px 12px 32px}.research-app .calculator-tool,.research-app .science-tool{gap:6px;padding:8px!important}.research-app .calculator-tool b,.research-app .science-tool b{font-size:12px}.research-app .technology-footer,.research-app .science-bottom-bar{gap:8px}.research-app .science-bottom-bar{flex-wrap:wrap}.research-app .settings-sheet,.research-app .calculator-sheet,.research-app .science-detail{padding:24px 16px}.research-app .calculator-inputs{grid-template-columns:1fr}.research-app .calculator-inputs input{width:85%}.research-app .science-level-line{margin:0;padding:12px}.research-app .plan-gains>div{grid-template-columns:1fr}}.research-app .research-progress-tools{border-block:1px solid var(--border);margin-bottom:16px;padding-block:16px}.research-app .research-level-control{min-width:0;font-size:14px;display:block}.research-app .research-level-control>span{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.research-app .research-level-control b{color:var(--primary);font-variant-numeric:tabular-nums;flex:none}.research-app .research-level-control>div{grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:16px;display:grid}.research-app .research-level-control input[type=range]{width:100%;height:32px;accent-color:var(--primary)}.research-app .research-level-control input[type=number],.research-app .research-progress-search input{background:var(--surface-2);border:1px solid var(--input);width:100%;min-height:40px;color:var(--foreground);border-radius:4px;padding:8px}.research-app .research-level-shortcuts{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.research-app .research-level-shortcuts:last-child{margin-bottom:0}.research-app .research-level-shortcuts button{gap:6px;height:auto;min-height:40px;font-size:13px}.research-app .research-progress-search{color:var(--muted-foreground);align-items:center;gap:10px;margin-bottom:16px;display:flex}.research-app .research-progress-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-block:16px;display:flex}.research-app .research-progress-row>img{object-fit:contain;flex:none;width:44px;height:44px}.research-app .research-progress-row .research-level-control{flex:1}.research-app .research-progress-done{width:100%;margin-top:20px}@media (width<=440px){.research-app .research-progress-row,.research-app .research-level-control>div{gap:10px}}@media (width<=600px){.research-app .science-bottom-bar{grid-template-columns:40px repeat(4,minmax(0,1fr));align-items:center;gap:6px}.research-app .science-bottom-bar .science-tool{flex-direction:column;gap:4px;width:100%;min-width:0;height:56px;min-height:56px;padding:6px 2px!important}.research-app .science-bottom-bar .science-back{height:56px;min-height:56px}.research-app .science-bottom-bar .science-tool b{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:11px;line-height:1.2;overflow:hidden}.research-app .science-bottom-bar .science-tool svg{flex-shrink:0;width:18px;height:18px}}