:root{font-family:"Exo 2",Arial Narrow,Arial,sans-serif;color:#fff;background:#080d31;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{position:relative;width:100%;height:100%;background:#07134a;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 12%,#155bd1 0,#0b327c 28%,#071849 70%,#050b2d)}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,#fff1 1px,transparent 1px),linear-gradient(40deg,#fff1 1px,transparent 1px);background-size:68px 68px;opacity:.25;pointer-events:none}.brand{position:relative;z-index:2;display:grid;justify-items:center;margin-top:3.1vh;line-height:1;filter:drop-shadow(0 3px 5px #0009)}.brand-mark{color:#f47b19;font-size:clamp(34px,4vw,64px);font-weight:900;line-height:.45;transform:rotate(180deg)}.brand strong{font-size:clamp(22px,2.6vw,45px);font-weight:900;letter-spacing:-2px}.brand small{margin-top:4px;font-size:clamp(6px,.55vw,10px);font-weight:800;letter-spacing:.1em}h1,h2,p{margin:0;text-align:center}h2{position:relative;z-index:2;margin:2vh 0 3vh;color:#fff;font-size:clamp(30px,4vw,66px);font-weight:900;text-shadow:0 4px 0 #143976,0 0 16px #00d8ff}.cta,.secondary{position:relative;z-index:2;min-width:230px;padding:15px 34px;border-radius:99px;color:#fff;background:linear-gradient(#13dbff,#0667ee);border:2px solid #83f6ff;box-shadow:inset 0 2px #fff8,0 0 20px #00c7ffb3,0 6px #04358b;font-size:clamp(16px,1.6vw,28px);font-weight:900;line-height:1.05;transition:transform .15s,filter .15s}.cta:active,.secondary:active{transform:translateY(4px) scale(.98);filter:brightness(1.15)}.cta.orange{background:linear-gradient(180deg,#ffb039,#ef4d1a);border-color:#fff5ce;box-shadow:inset 0 2px #fff9,0 0 18px #ff9616,0 6px #b22d16}.secondary{min-width:0;background:#0c3d8f;border-color:#32c7ff;box-shadow:0 4px #051f5a;font-size:clamp(11px,1.1vw,18px)}.skyline{position:absolute;top:14%;right:0;bottom:0;left:0;opacity:.9;background:linear-gradient(transparent 48%,#09265d 49%),repeating-linear-gradient(90deg,transparent 0 5%,#11448d 5.2% 7%,transparent 7.2% 12%),linear-gradient(90deg,#071643,#1966c3 50%,#071643);clip-path:polygon(0 55%,4% 38%,7% 54%,10% 18%,14% 51%,19% 32%,23% 58%,29% 25%,34% 53%,39% 8%,45% 54%,51% 36%,57% 58%,64% 19%,70% 54%,76% 30%,82% 56%,87% 14%,93% 55%,97% 34%,100% 58%,100% 100%,0 100%)}.attract{justify-content:center;background:radial-gradient(circle at 50% 20%,#2077d2,#072563 42%,#051441 80%)}.attract-content{z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:-4vh}.attract .brand{margin-bottom:2vh}.attract h1{display:grid;line-height:.78;font-size:clamp(56px,8vw,135px);font-weight:900;font-style:italic;transform:rotate(-3deg);text-shadow:0 6px #084190,0 10px #03143d,0 0 15px #7af5ff}.attract h1 span{color:#e9ffff;-webkit-text-stroke:2px #1266c5}.attract h1 em{color:#ff941f;-webkit-text-stroke:2px #c23517;font-style:normal}.attract p{margin:3vh 0 2.5vh;font-size:clamp(13px,1.35vw,23px);font-weight:700;text-shadow:0 2px #00347c}.fiber-sweep{position:absolute;z-index:1;bottom:14%;width:125%;height:4px;transform:rotate(-6deg);background:#dcffff;box-shadow:0 0 4px 2px #fff,0 0 18px 7px #00b7ff,0 0 35px 14px #8b2dff;animation:fiber 2.8s infinite alternate}@keyframes fiber{0%{filter:hue-rotate(0deg);transform:rotate(-6deg) translate(-4%)}to{filter:hue-rotate(40deg);transform:rotate(-3deg) translate(4%)}}.attract-icons{position:absolute;z-index:2;bottom:2.5vh;display:flex;width:min(800px,70%);justify-content:space-between;color:#6bfbff;text-shadow:0 0 12px #00c9ff}.attract-icons span{display:grid;justify-items:center;gap:4px;font-size:clamp(23px,2.2vw,40px)}.attract-icons b{font-size:clamp(8px,.8vw,13px);color:#fff}.howto{padding-top:1px}.how-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(180px,260px));gap:18px;margin-bottom:3.2vh}.how-cards article{position:relative;min-height:230px;padding:22px;border:2px solid #198edc;border-radius:20px;background:linear-gradient(145deg,#07255cdd,#051543dd);box-shadow:inset 0 0 22px #008eff2b;text-align:center}.how-cards article>b{position:absolute;left:14px;top:14px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#f46c25;box-shadow:0 0 12px #ffad39;font-size:22px}.how-cards p{margin-left:28px;font-size:clamp(13px,1.1vw,18px);font-weight:700}.demo-tile{width:100px;height:100px;margin:24px auto 0}.demo-line{width:75%;height:18px;margin:57px auto;border-radius:10px;background:#eaffff;box-shadow:0 0 6px #fff,0 0 16px #00eaff,0 0 28px #168bff}.demo-house{margin-top:30px;color:#ff9e35;font-size:100px;filter:drop-shadow(0 0 10px #ff9418)}.level-map h2{margin-bottom:1vh}.map-city{position:absolute;top:18%;right:0;bottom:26%;left:0;opacity:.7}.level-cards{position:relative;z-index:2;display:flex;width:min(1200px,92%);justify-content:space-between;align-items:end;gap:12px;margin-top:11vh}.level-cards:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;bottom:27%;height:4px;background:#dafcff;box-shadow:0 0 10px #00ceff,0 0 20px #ffae32}.level-cards article{display:grid;min-width:130px;flex:1;overflow:hidden;border:2px solid #00c7ff;border-radius:15px;background:#08265fbf;text-align:center;box-shadow:0 0 16px #0af6}.level-cards article.unlocked{border-color:#d9ffff;background:#146bc7}.level-art{display:grid;height:105px;place-items:center;background:linear-gradient(145deg,#8feeff,#126ee1);font-size:70px;text-shadow:0 0 12px white}.level-art.gaming{background:linear-gradient(145deg,#5420b4,#e35eff)}.level-art.entertainment{background:linear-gradient(145deg,#1492e3,#8356e8)}.level-art.business,.level-art.city{background:linear-gradient(145deg,#197acf,#b4edff)}.level-cards small{margin-top:10px;font-weight:800}.level-cards strong{font-size:clamp(13px,1.4vw,24px)}.level-cards em{margin:3px 0 10px;color:#ff8a29;font-weight:800;font-style:normal}.level-map>p{position:relative;z-index:2;margin:3vh;font-size:clamp(13px,1.5vw,23px);font-weight:900;color:#71ecff}.game{display:block}.game-hud{position:absolute;z-index:5;top:2.2%;left:2%;right:2%;display:flex;align-items:start;justify-content:space-between}.timer,.points{display:flex;align-items:center;gap:8px;padding:8px 13px;border:2px solid #18baf0;border-radius:14px;background:#062153e6;box-shadow:0 0 13px #008dff77}.timer svg,.points svg{color:#ffe17d}.timer span,.points span{font-size:10px;font-weight:800}.timer b,.points b{font-size:clamp(16px,1.8vw,29px)}.timer button{margin-left:8px;padding:5px;border-radius:7px;color:#fff;background:#1678df}.timer button svg{display:block;width:21px;color:#fff}.level-chip{padding:9px 23px;border-radius:99px;background:linear-gradient(#268fff,#0a4ed0);box-shadow:0 0 12px #00d6ff;font-size:clamp(11px,1.15vw,18px);font-weight:900}.scene{position:absolute;top:0;right:0;bottom:42%;left:0;overflow:hidden;background:linear-gradient(180deg,#10418e99,#159de633),radial-gradient(circle at 50% 0,#95dfff,#245aae 50%,#16356a)}.theme-gaming .scene{background:linear-gradient(180deg,#48208788,#c538ff44),#171437}.theme-entertainment .scene{background:linear-gradient(180deg,#ffca8f99,#344e9d33),#265492}.theme-business .scene{background:linear-gradient(180deg,#28a5ff66,#193f7888),#10244a}.theme-city .scene{background:linear-gradient(180deg,#dd8dcc55,#1b61bb88),#10285a}.scene-buildings{position:absolute;left:12%;right:12%;bottom:-5%;color:#fff;font-size:clamp(130px,18vw,310px);text-align:center;letter-spacing:.12em;text-shadow:0 0 18px #0cf,0 -10px 50px #f3b137}.scene-caption{position:absolute;z-index:1;bottom:10px;left:50%;transform:translate(-50%);padding:6px 18px;border-radius:99px;color:#e3ffff;background:#031742cc;font-size:clamp(10px,1vw,16px);font-weight:700;white-space:nowrap}.underground{position:absolute;z-index:3;top:58%;right:0;bottom:0;left:0;display:grid;grid-template-columns:16% 1fr 16%;align-items:center;gap:1.3%;padding:3.5% 2%;background:repeating-linear-gradient(20deg,#231c28 0,#231c28 3px,#171723 3px,#171723 17px);border-top:7px solid #594b4c;box-shadow:inset 0 8px #0c0d16}.source-card{display:grid;min-height:76px;place-items:center;border:2px solid #73cfff;border-radius:13px;background:linear-gradient(145deg,#194d9d,#0e245b);box-shadow:inset 0 0 20px #60d9ff44,0 0 12px #00aeff;font-size:clamp(15px,1.5vw,26px);font-weight:900}.board{display:grid;gap:4px;width:100%;max-height:100%;aspect-ratio:1.85 / 1}.tile{position:relative;min-width:0;min-height:0;overflow:hidden;border:2px solid #4a5266;border-radius:7px;background:linear-gradient(145deg,#4d5365,#171c2d);box-shadow:inset 2px 2px #ffffff25,inset -3px -3px #0008;touch-action:manipulation}.tile:active{filter:brightness(1.4)}.pipe{position:absolute;top:0;right:0;bottom:0;left:0}.pipe-core{position:absolute;left:38%;top:38%;width:24%;height:24%;border-radius:50%;background:#74809b;box-shadow:inset 2px 2px #d8e9ff66,inset -2px -2px #1a2439}.pipe-arm{position:absolute;z-index:1;background:#74809b;box-shadow:inset 2px 2px #d8e9ff66,inset -2px -2px #1a2439}.pipe-arm.north{top:0;left:38%;width:24%;height:49%}.pipe-arm.south{bottom:0;left:38%;width:24%;height:49%}.pipe-arm.west{left:0;top:38%;width:49%;height:24%}.pipe-arm.east{right:0;top:38%;width:49%;height:24%}.tile.connected .pipe-arm,.tile.connected .pipe-core{background:#dfffff;box-shadow:0 0 5px #fff,0 0 12px #0df,0 0 22px #148bff,inset 1px 1px #fff}.targets{display:grid;gap:8px}.target{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:0 5px;padding:8px;border:2px solid #168fe3;border-radius:12px;background:#061d50e6;opacity:.75}.target i{grid-row:span 2;font-size:clamp(22px,2.3vw,38px);font-style:normal;color:#c7f7ff}.target strong{font-size:clamp(10px,1vw,16px)}.target small{color:#4ffe9e;font-size:clamp(8px,.75vw,13px);font-weight:800}.target.on{opacity:1;border-color:#6effae;box-shadow:0 0 14px #36ff85}.target.on i{color:#ffce4a;text-shadow:0 0 12px #ffe179}.pause-overlay{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:25px;background:#020a28cc}.pause-overlay h2{font-size:65px}.result{justify-content:flex-start}.result .skyline{top:20%;right:0;bottom:0;left:0}.result-main{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .8fr;width:min(1050px,88%);margin-top:8vh;gap:6vw;align-items:center}.result h2{margin:0;font-size:clamp(45px,6vw,98px);line-height:.82;text-align:left}.result h2 em{color:#ff9a2c;font-style:normal;text-shadow:0 4px #be3518,0 0 12px #ffcb3b}.result-stats{display:flex;gap:22px;margin-top:35px}.result-stats span{display:grid;gap:2px;color:#ffc13d;font-size:28px}.result-stats b{color:#fff;font-size:clamp(18px,2vw,31px)}.result-stats small{color:#a9e7ff;font-size:9px;font-weight:800}.ranking{padding:18px;border:2px solid #bb5dff;border-radius:17px;background:#100f4fe6;box-shadow:0 0 20px #a33aff66}.ranking h3{margin:0 0 10px;color:#ffce55;font-size:clamp(13px,1.3vw,19px)}.ranking p{display:grid;grid-template-columns:26px 1fr auto;gap:7px;margin:4px 0;text-align:left;font-size:clamp(11px,1.1vw,16px)}.ranking p b{color:#ffad3b}.result-actions{position:relative;z-index:2;display:flex;gap:18px;margin-top:6vh}.nickname{justify-content:center}.nickname .brand{position:absolute;top:2%}.nickname-card{position:relative;z-index:2;display:grid;justify-items:center;gap:18px;width:min(500px,85%);padding:42px;border:2px solid #22ceff;border-radius:25px;background:linear-gradient(145deg,#0e3f8eee,#061744ee);box-shadow:0 0 25px #00b8ff77}.nickname-card h2{margin:0;font-size:40px}.nickname-card p{font-weight:600}.nickname-card input{width:100%;padding:15px;border:2px solid #73eaff;border-radius:10px;color:#fff;background:#06183d;text-align:center;font-size:27px;font-weight:800;outline:none}.nickname-card .secondary{width:100%}.admin{position:absolute;z-index:50;top:2%;right:2%;display:grid;gap:14px;width:min(420px,90%);padding:26px;border:2px solid #61dcff;border-radius:20px;background:#071646fa;box-shadow:0 0 30px #00b9ff88}.admin h2{display:flex;align-items:center;gap:8px;margin:0;font-size:25px}.admin label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-weight:700}.admin input[type=number],.admin select{width:110px;padding:5px;border:1px solid #65dfff;border-radius:5px;color:#fff;background:#08245a}.admin p{color:#8eddfc;font-size:11px}.close{position:absolute;top:8px;right:8px;padding:4px;color:#fff;background:transparent}@media(max-aspect-ratio:1/1){.app-shell{min-width:177.78vh;left:50%;transform:translate(-50%)}}@media(max-width:900px){.how-cards article{min-height:170px;padding:12px}.demo-line{margin:34px auto}.demo-house{margin-top:15px;font-size:70px}.level-cards{margin-top:7vh}.level-art{height:75px;font-size:47px}.result-main{margin-top:4vh}.underground{gap:6px;padding:2%}}.versus-entry{position:relative;z-index:2;min-width:150px;margin-top:16px;padding:9px 28px;border:2px solid #f4a4ff;border-radius:99px;color:#fff;background:linear-gradient(180deg,#a83ce5,#51209d);box-shadow:0 0 18px #bd4dff,0 5px #29105f;font-size:clamp(15px,1.4vw,24px);font-weight:900}.versus-entry:active{transform:translateY(3px)}.ranking-entry{position:relative;z-index:2;min-width:150px;margin-top:12px;padding:8px 22px;border:1px solid #71eaff;border-radius:99px;color:#cfffff;background:#092a6dcc;box-shadow:0 0 12px #00cfff77;font-size:clamp(11px,1vw,17px);font-weight:900}.ranking-entry:active{transform:translateY(3px)}.versus-howto{justify-content:center}.versus-howto h2{margin-bottom:1vh}.versus-lead{position:relative;z-index:2;margin-bottom:3vh;color:#bdf8ff;font-size:clamp(15px,1.5vw,25px);font-weight:800}.versus-rules{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(170px,240px));gap:18px}.versus-rules article{position:relative;min-height:145px;padding:32px 16px 16px;border:2px solid #d45cff;border-radius:18px;background:linear-gradient(145deg,#35116ddd,#111348dd);box-shadow:0 0 18px #c840ff55}.versus-rules article>b{position:absolute;top:10px;left:12px;color:#ffca55;font-size:25px}.versus-rules p{font-size:clamp(13px,1.1vw,18px);font-weight:700}.versus-howto .result-actions{margin-top:4vh}.versus-screen{display:block;background:#050b2d}.versus-topbar{position:relative;z-index:8;display:flex;height:7vh;min-height:42px;align-items:center;justify-content:space-between;padding:0 2%;border-bottom:2px solid #c04dff;background:#080e3eee;box-shadow:0 0 18px #9a36ff88;color:#dfffff}.versus-topbar strong{color:#ffbc3f;font-size:clamp(14px,1.4vw,23px)}.versus-topbar span{font-size:clamp(12px,1.2vw,20px);font-weight:900}.versus-topbar b{color:#fff;font-size:clamp(16px,1.6vw,26px)}.versus-grid{display:grid;grid-template-columns:1fr 1fr;height:93vh}.versus-side{position:relative;min-width:0;overflow:hidden;border-right:2px solid #b640e8}.versus-side:last-child{border-right:0;border-left:2px solid #19bde8}.versus-side>h3{position:absolute;z-index:7;top:1%;left:50%;transform:translate(-50%);margin:0;padding:4px 12px;border-radius:99px;color:#fff;background:#10165ed9;font-size:clamp(10px,1vw,17px);white-space:nowrap}.versus-side>h3 em{color:#ffd04e;font-style:normal}.versus-side .game{position:relative;inset:auto;width:100%;height:100%;min-height:0;background:transparent}.versus-side .game-hud{top:5%;left:2%;right:2%}.versus-side .level-chip{display:none}.versus-side .scene{top:0;right:0;bottom:47%;left:0}.versus-side .underground{top:53%;right:0;bottom:0;left:0;padding:clamp(8px,1.2vh,16px) 2%}.versus-side .network-progress{transform:scale(.72);transform-origin:top center}.versus-round-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#fff;background:#070b35aa;font-size:clamp(24px,4vw,64px);font-weight:900;text-align:center;text-shadow:0 0 18px #ffb62e}.versus-result{justify-content:center}.versus-result-card{position:relative;z-index:2;width:min(720px,88%);padding:34px;border:2px solid #d45cff;border-radius:24px;background:#0c155de8;box-shadow:0 0 28px #a437ff88;text-align:center}.versus-result-card h2{margin:0 0 24px;color:#ffad35}.versus-result-card p{margin-top:22px;color:#c5f9ff;font-size:17px;font-weight:700}.versus-final-scores{display:grid;grid-template-columns:1fr 1fr;gap:18px}.versus-final-scores div{display:grid;gap:8px;padding:18px;border:1px solid #21cfff;border-radius:14px;background:#071744cc}.versus-final-scores strong{color:#8cefff;font-size:14px}.versus-final-scores b{color:#fff;font-size:clamp(25px,4vw,48px)}@media(max-width:700px){.versus-rules{grid-template-columns:1fr;width:min(360px,88%)}.versus-rules article{min-height:86px}.versus-grid{grid-template-columns:1fr 1fr}.versus-side>h3{font-size:10px}.versus-side .timer,.versus-side .points{padding:4px;gap:3px}.versus-side .timer span,.versus-side .points span{font-size:8px}.versus-side .timer b,.versus-side .points b{font-size:14px}.versus-side .timer svg,.versus-side .points svg{width:14px}.versus-final-scores{gap:8px}.versus-result-card{padding:20px 12px}}.ranking-admin{width:100%;min-width:0;padding:12px;border:1px solid #2dceff;border-radius:12px;background:#061642cc}.ranking-admin h3{margin:0 0 8px;color:#ffcf55;font-size:13px}.ranking-admin>p{color:#a9e7ff;font-size:12px}.ranking-table-wrap{max-width:100%;overflow-x:auto}.ranking-admin table{width:100%;border-collapse:collapse;color:#e9ffff;font-size:10px;white-space:nowrap}.ranking-admin th{padding:5px 6px;color:#7eeaff;background:#123475;text-align:left}.ranking-admin td{padding:5px 6px;border-top:1px solid #23518a}.ranking-admin td:nth-child(1),.ranking-admin td:nth-child(3),.ranking-admin td:nth-child(4),.ranking-admin td:nth-child(5){text-align:center}.ranking-admin td:nth-child(3){color:#ffbd45;font-weight:900}.ranking-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4vh 4vw;background:#020722d9}.ranking-overlay .ranking-admin{position:relative;width:min(1000px,94vw);max-height:88vh;overflow:auto;padding:clamp(18px,3vw,34px);border:2px solid #40ddff;background:linear-gradient(145deg,#09245fee,#050c32f5);box-shadow:0 0 30px #00cfff88}.ranking-overlay .ranking-admin h3{font-size:clamp(16px,1.8vw,25px)}.ranking-overlay .ranking-admin .close{position:absolute;top:12px;right:12px}.ranking-overlay .ranking-admin table{font-size:clamp(11px,1vw,16px)}.ranking-overlay .ranking-admin th,.ranking-overlay .ranking-admin td{padding:9px 10px}.public-ranking-overlay{z-index:120}.tile.terrain{cursor:default;border-color:#332c2b;background:radial-gradient(circle at 65% 35%,#5a4940 0 4%,transparent 5%),radial-gradient(circle at 20% 75%,#4c3a34 0 5%,transparent 6%),#201c21;box-shadow:inset 0 0 18px #0009}.scene-caption b{margin-left:10px;color:#80ffb4}.connection-overlay{position:absolute;z-index:12;left:50%;top:49%;transform:translate(-50%,-50%);padding:18px 30px;border:2px solid #fff;border-radius:99px;color:#fff;background:#0754beeb;box-shadow:0 0 14px #fff,0 0 35px #00dcff;font-size:clamp(20px,3vw,48px);font-weight:900;white-space:nowrap;animation:connection-pop .65s cubic-bezier(.2,.8,.25,1.15) both}@keyframes connection-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.72);filter:brightness(.75)}68%{opacity:1;transform:translate(-50%,-53%) scale(1.06);filter:brightness(1.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.source-card b{color:#7ceeff}.tile.source-tile,.tile.destination-tile{border-color:#73eeff}.tile-marker{position:absolute;z-index:3;display:grid;place-items:center;top:50%;left:50%;width:58%;height:58%;transform:translate(-50%,-50%);border-radius:50%;font-weight:900;pointer-events:none}.source-marker{color:#fff;background:linear-gradient(145deg,#f89124,#d63a19);box-shadow:0 0 9px #ff9c25;font-size:clamp(9px,1vw,17px)}.destination-marker{color:#fff7be;background:#0c5dbf;box-shadow:0 0 9px #4befff;font-size:clamp(16px,1.7vw,28px)}.tile.connected .destination-marker{background:#169e62;box-shadow:0 0 14px #7affae}.tutorial-hint:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid #ffe668;border-radius:8px;animation:tutorial-pulse 1s infinite alternate;pointer-events:none}.tap-hint{position:absolute;z-index:4;left:50%;top:-21px;transform:translate(-50%);padding:3px 7px;border-radius:6px;color:#06265c;background:#ffe772;font-size:clamp(7px,.65vw,11px);font-weight:900;animation:tutorial-pulse 1s infinite alternate}.result-message{margin:10px 0;color:#91eeff;text-align:left;font-weight:800}@keyframes tutorial-pulse{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.game .scene{top:0;right:0;bottom:43%;left:0;overflow:hidden;border-bottom:8px solid #6a574d;background:linear-gradient(180deg,#2b86d0,#1762ae 58%,#12457f)}.scene-cloud{position:absolute;width:25%;height:18%;border-radius:99px;background:#c9efff33;filter:blur(12px)}.cloud-one{left:8%;top:18%}.cloud-two{right:10%;top:10%;width:19%}.scene-hills{position:absolute;inset:auto -5% 0;height:39%;background:linear-gradient(150deg,transparent 38%,#1f6b69 39% 56%,transparent 57%),linear-gradient(28deg,transparent 38%,#184e62 39% 55%,transparent 56%),linear-gradient(#2a846e,#1e5d60);clip-path:polygon(0 70%,10% 38%,19% 68%,34% 28%,45% 70%,58% 42%,70% 68%,83% 20%,100% 68%,100% 100%,0 100%);opacity:.9}.scene-environment{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.scene-tree{position:absolute;bottom:3%;width:38px;height:76px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 27%,#92d95c 0 16%,#307653 17% 48%,transparent 49%),linear-gradient(90deg,transparent 44%,#4a3424 45% 58%,transparent 59%);filter:drop-shadow(0 8px 5px #071e4188)}.tree-one{left:17%}.tree-two{right:17%;transform:scale(.78)}.scene-destination{position:absolute;left:50%;bottom:7%;display:grid;justify-items:center;min-width:170px;padding:16px 20px 12px;transform:translate(-50%);border:3px solid #dffeff;border-radius:17px 17px 9px 9px;background:linear-gradient(145deg,#f7ebcb,#e6a668);box-shadow:0 0 0 7px #b9612b,0 8px #56362a,0 0 25px #ffcf61a8;color:#143c70;text-align:center}.scene-destination:before{content:"";position:absolute;left:15%;right:15%;top:-43px;height:54px;background:linear-gradient(135deg,transparent 49%,#d7462c 50% 54%,transparent 55%),linear-gradient(45deg,transparent 49%,#d7462c 50% 54%,transparent 55%);filter:drop-shadow(0 -3px #fff8)}.scene-destination span{font-size:clamp(38px,5vw,72px);line-height:.8;text-shadow:0 0 11px #fff}.scene-destination b{margin-top:9px;font-size:clamp(13px,1.35vw,22px)}.scene-destination small{color:#0c9565;font-weight:900}.scene-destination.theme-gaming{background:linear-gradient(145deg,#23185b,#711bc2);color:#fff;border-color:#d58bff;box-shadow:0 0 0 7px #3d177d,0 8px #20123c,0 0 25px #b031ffbb}.scene-destination.theme-entertainment{background:linear-gradient(145deg,#f5d4af,#8f4f40)}.scene-destination.theme-business{background:linear-gradient(145deg,#e7faff,#398bd3)}.scene-destination.theme-city{background:linear-gradient(145deg,#ecf8ff,#64b6ea)}.scene-riser{position:absolute;left:50%;bottom:-31px;width:12px;height:50px;transform:translate(-50%);background:#eaffff;box-shadow:0 0 7px #fff,0 0 17px #00dfff}.underground{top:57%;right:0;bottom:0;left:0;grid-template-columns:minmax(142px,.72fr) minmax(0,3fr) minmax(142px,.72fr);gap:clamp(12px,1.4vw,28px);align-items:stretch;min-height:0;overflow:hidden;padding:clamp(14px,2vh,28px) clamp(20px,2vw,42px);border-top:8px solid #6a574d}.source-card{position:relative;align-self:center;min-height:92px}.source-link{position:absolute;z-index:-1;top:50%;right:-45px;width:48px;height:12px;transform:translateY(-50%);background:#eaffff;box-shadow:0 0 6px #fff,0 0 17px #00dfff}.board-wrap{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden}.board{width:auto;height:100%;max-width:100%;max-height:100%;justify-self:center;align-self:center;gap:clamp(3px,.35vw,7px)}.board .tile{min-width:0;min-height:0;touch-action:none;-webkit-touch-callout:none}.board{touch-action:none;-webkit-touch-callout:none}.targets{align-self:center;max-height:100%;overflow:auto}.target{min-width:0}@media(max-width:900px){.underground{grid-template-columns:minmax(96px,.65fr) minmax(0,3fr) minmax(96px,.65fr);gap:8px;padding:10px}.source-card{min-height:58px;font-size:11px}.source-link{right:-17px;width:20px;height:7px}.scene-destination{min-width:110px;padding:10px}.scene-destination:before{top:-29px;height:35px}.scene-destination span{font-size:36px}.scene-destination b,.scene-destination small{font-size:9px}.scene-tree{transform:scale(.6)}.tree-two{transform:scale(.48)}}.board-wrap{position:relative;overflow:hidden}.board-frame{position:relative;height:100%;max-width:100%;max-height:100%}.board-frame .board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none}.source-marker{width:38%;height:38%;color:#e6ffff;background:#0d5ed6;box-shadow:0 0 10px #00dfff;font-size:clamp(7px,.65vw,11px);letter-spacing:.04em}.network-progress{--fiber-progress: 0%;position:absolute;z-index:6;top:12%;left:50%;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;width:min(860px,72%);min-height:clamp(66px,8.5vh,100px);transform:translate(-50%);padding:9px 15px;border:2px solid #37dfff;border-radius:22px;background:linear-gradient(90deg,#061a4ee8,#0c4592dc 50%,#061a4ee8);box-shadow:inset 0 0 24px #00bfff36,0 0 22px #00c8ff70}.network-node,.network-target{display:flex;align-items:center;gap:9px;min-width:max-content;color:#e9ffff}.network-node>span,.network-target>span{display:grid;width:clamp(34px,3.5vw,54px);height:clamp(34px,3.5vw,54px);place-items:center;border:2px solid #86f7ff;border-radius:50%;background:#075ec7;box-shadow:0 0 13px #00dfff;font-size:clamp(20px,2.3vw,36px)}.network-node>span{color:#ffb13f;border-color:#ffe2a2;background:#c94a1b;box-shadow:0 0 13px #ff941d}.network-node b,.network-target b{display:block;font-size:clamp(11px,1.35vw,21px);font-weight:900;line-height:1}.network-node small,.network-target small{display:block;margin-top:3px;color:#8fefff;font-size:clamp(7px,.75vw,11px);font-weight:900;letter-spacing:.07em}.network-target{justify-self:end}.network-progress.multiple .network-target>span{color:#ffe77d}.network-track{position:relative;height:8px;margin:0 clamp(12px,2vw,30px);overflow:hidden;border-radius:99px;background:#123c7a;box-shadow:inset 0 1px 4px #00132d}.network-track:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--fiber-progress);border-radius:inherit;background:linear-gradient(90deg,#65f7ff,#fff,#74eaff);box-shadow:0 0 5px #fff,0 0 14px #00dfff,0 0 26px #1678ff;transition:width .45s ease-out}.network-track span{position:absolute;z-index:1;top:50%;left:var(--fiber-progress);color:#fff4ba;font-size:17px;line-height:1;opacity:0;transform:translate(-50%,-50%);transition:left .45s ease-out,opacity .25s;text-shadow:0 0 9px #fff,0 0 16px #00ddff}.network-progress.started .network-track span,.network-progress.complete .network-track span{opacity:1}.network-progress.complete .network-target>span{border-color:#a7ffbd;background:#169e62;box-shadow:0 0 15px #40ff96}.network-progress.complete .network-target small{color:#9dffc1}.network-node{display:grid;grid-template-columns:auto auto;column-gap:9px}.network-node>span{grid-row:span 2}.network-node small{margin-top:0}.game .scene{top:0;right:0;bottom:47%;left:0}.underground{top:53%;right:0;bottom:0;left:0;grid-template-columns:minmax(0,1fr);padding:clamp(14px,2vh,28px) clamp(30px,5vw,110px)}.board-wrap{overflow:hidden}@media(max-width:900px){.network-progress{top:11%;width:78%;min-height:57px;padding:7px 10px;border-radius:15px}.network-track{height:6px;margin:0 10px}.network-node,.network-target{gap:5px}.network-node>span,.network-target>span{width:31px;height:31px;font-size:19px}.network-node b,.network-target b{font-size:9px}.network-node small,.network-target small{font-size:6px}.underground{top:53%;right:0;bottom:0;left:0;grid-template-columns:minmax(0,1fr);padding:10px 6%}}.screen-backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 12%,#155bd1,#071849 70%,#050b2d);pointer-events:none}.screen-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06184125,#06184142 54%,#061841a8)}.screen-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}.attract .screen-backdrop:after,.level-map .screen-backdrop:after{background:linear-gradient(180deg,#03123842,#0618413b 45%,#061841c9)}.result .screen-backdrop:after{background:linear-gradient(180deg,#06184135,#06184166 60%,#061841c4)}.fiber-trails-art{position:absolute;z-index:1;inset:auto 0 8%;width:100%;height:36%;object-fit:cover;mix-blend-mode:screen;opacity:.7;pointer-events:none}.attract-icons{width:min(1000px,78%)}.attract-icons>span{display:grid;justify-items:center;gap:4px}.asset-icon-slot{position:relative;display:inline-grid;width:1em;height:1em;place-items:center;vertical-align:middle}.asset-icon-slot>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.asset-icon-slot.has-art>.asset-icon-fallback{display:none}.asset-icon-fallback{line-height:1}.demo-tile{position:relative}.attract-icons .asset-icon-slot{width:clamp(34px,3vw,54px);height:clamp(34px,3vw,54px);font-size:clamp(23px,2.2vw,40px)}.level-map{background:#071849}.level-map .screen-backdrop img{object-position:center 58%}.level-art{position:relative}.level-art .asset-icon-slot{width:72px;height:72px}.scene{background:linear-gradient(180deg,#0a2056,#12457f)}.scene-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06163e38,transparent 40%,#07184138);pointer-events:none}.scene-caption{z-index:2}.game-hud{z-index:5}.network-node>.network-node-icon{grid-row:span 2;width:clamp(34px,3.5vw,54px);height:clamp(34px,3.5vw,54px);border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 10px #ff9b22)}.network-target .asset-icon-slot{width:clamp(34px,3.5vw,54px);height:clamp(34px,3.5vw,54px);flex:0 0 auto;border:0;background:transparent;box-shadow:none;font-size:clamp(20px,2.3vw,36px)}.network-progress.complete .network-target .asset-icon-slot{filter:drop-shadow(0 0 9px #40ff96)}.earth-cut-edge{position:absolute;z-index:1;top:0;left:0;width:100%;height:clamp(30px,6vh,72px);object-fit:fill;pointer-events:none}.rock-scatter-art{position:absolute;z-index:1;inset:auto 0 0;width:100%;height:26%;object-fit:cover;opacity:.5;pointer-events:none}.board-wrap{z-index:2}.tile{isolation:isolate}.tile.art-loaded{border:0;border-radius:7px;background:transparent;box-shadow:none}.terrain-art,.terrain-frame-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.terrain-art{z-index:0}.terrain-frame-art{z-index:1}.tile.terrain{border-color:#332c2b;background:#201c21}.tile.terrain .pipe{display:none}.tile-marker.asset-icon-slot{z-index:3;display:grid;background:none;border-radius:50%;box-shadow:none}.tile-marker.asset-icon-slot>img{border-radius:50%}.tile-marker.asset-icon-slot .asset-icon-fallback{display:grid;width:100%;height:100%;place-items:center;border-radius:50%;color:#fff;background:#0d5ed6;box-shadow:0 0 10px #00dfff;font-size:clamp(7px,.65vw,11px)}.tile-marker.destination-marker.asset-icon-slot .asset-icon-fallback{color:#fff7be;background:#0c5dbf;font-size:clamp(16px,1.7vw,28px)}.tile-marker.destination-marker.asset-icon-slot.has-art .asset-icon-fallback{display:none}.tile-marker.source-marker.asset-icon-slot{width:38%;height:38%}.tile-marker.destination-marker.asset-icon-slot{width:58%;height:58%}.result{background:#071849}.result-status-art{position:absolute;z-index:2;left:0;top:-72px;width:clamp(48px,5vw,76px);height:clamp(48px,5vw,76px);font-size:64px}.result-status-art .asset-icon-fallback{color:#8dffad;text-shadow:0 0 12px #00eaff}.victory-particles-art,.timeout-vignette-art{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.victory-particles-art{mix-blend-mode:screen;animation:victory-particles-reveal 1.2s ease-out both}.timeout-vignette-art{opacity:.75;animation:timeout-reveal .6s ease-out both}.result.victory .screen-backdrop img{animation:city-illuminate 1.4s ease-out both}.result.victory .result-main{animation:result-arrive .65s cubic-bezier(.2,.8,.25,1.1) both}@keyframes victory-particles-reveal{0%{opacity:0;transform:scale(1.08)}to{opacity:.9;transform:scale(1)}}@keyframes timeout-reveal{0%{opacity:0}to{opacity:.75}}@keyframes city-illuminate{0%{filter:brightness(.7) saturate(.8);transform:scale(1.025)}to{filter:brightness(1.18) saturate(1.15);transform:scale(1)}}@keyframes result-arrive{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-main{z-index:2}.result-stats span>.asset-icon-slot{width:42px;height:42px;object-fit:contain;font-size:32px}.ranking{position:relative;overflow:hidden}.level-art{overflow:hidden}.level-cards article,.how-cards article,.ranking,.nickname-card{background-image:linear-gradient(145deg,#07255cdd,#051543dd)}.demo-tile{display:grid;width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px);margin:26px auto 0;place-items:center;overflow:hidden;border:2px solid #248bd6;border-radius:13px;background:radial-gradient(circle at 50% 50%,#153f76,#061735);box-shadow:inset 0 0 18px #00bfff2b,0 0 14px #008dff2b}.demo-tile .pipe{position:relative;width:100%;height:100%}.how-cards article{min-width:0}.how-cards p{min-height:3.4em}.howto>.cta{margin-bottom:3vh}.level-map .level-cards{width:min(1320px,94%);align-items:stretch;margin-top:7vh}.level-map .level-cards article{min-width:0;grid-template-columns:minmax(0,1fr)}.level-map .level-art{flex:0 0 auto;height:clamp(88px,11vh,128px)}.level-map .level-art .asset-icon-slot{width:clamp(58px,6vw,84px);height:clamp(58px,6vw,84px)}.level-map .level-cards small{margin:10px 6px 4px}.level-map .level-cards strong{display:grid;width:100%;min-width:0;min-height:2.3em;align-content:center;padding:0;font-size:clamp(12px,1vw,18px);line-height:1.05}.level-map .level-cards strong>span{display:block;width:100%;padding:0 8px;text-align:center;white-space:normal;overflow-wrap:anywhere}.level-map .level-cards em{margin-top:auto;padding:4px 4px 12px}.fiber-piece{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;transform-box:fill-box;transition:transform .18s cubic-bezier(.2,.85,.35,1.2)}.fiber-jacket{fill:none;stroke:#04152e;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.fiber-sheath{fill:none;stroke:#0878d1;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.fiber-core{fill:none;stroke:#70f5ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #9effff)}.fiber-flow{fill:none;stroke:#efffff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 70;stroke-dashoffset:54;opacity:0;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #00eaff);animation:fiber-flow .48s ease-out both}@keyframes fiber-flow{0%{stroke-dashoffset:54;opacity:0}18%{opacity:1}to{stroke-dashoffset:-8;opacity:0}}.fiber-port-shell,.fiber-hub-shell{fill:#061a35;stroke:#24b9ff;stroke-width:3}.fiber-port,.fiber-hub{fill:#b8ffff;stroke:#168bff;stroke-width:1.5}.pipe.active .fiber-core{stroke:#d9ffff;stroke-width:5;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #00eaff) drop-shadow(0 0 12px #087cff)}.pipe.active .fiber-port-shell,.pipe.active .fiber-hub-shell{stroke:#a9ffff;filter:drop-shadow(0 0 5px #00cfff)}.tile.connected .fiber-core{stroke:#e5ffff}.tile.connected .destination-marker.asset-icon-slot{animation:destination-pop .45s cubic-bezier(.2,.9,.3,1.25) both}@keyframes destination-pop{0%{transform:translate(-50%,-50%) scale(.65);filter:brightness(1)}65%{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.65) drop-shadow(0 0 12px #8dffad)}to{transform:translate(-50%,-50%) scale(1);filter:brightness(1) drop-shadow(0 0 8px #40ff96)}}.board{gap:clamp(2px,.2vw,4px)}@media(max-width:1100px){.level-map .level-cards{width:96%;gap:8px}.level-map .level-cards strong{font-size:clamp(11px,1.35vw,16px)}}@media(max-width:900px){.network-node>.network-node-icon{width:31px;height:31px}.network-target .asset-icon-slot{width:31px;height:31px;font-size:19px}.result-status-art{top:-52px}.level-map .level-cards{margin-top:5vh}.level-map .level-art{height:75px}.level-map .level-cards small{margin-top:6px}.level-map .level-cards em{padding-bottom:8px}}.source-terminal{position:absolute;z-index:4;top:8%;right:8%;bottom:8%;left:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;border:2px solid #43dfff;border-radius:10px;background:linear-gradient(145deg,#103e77f2,#061832f5);box-shadow:0 0 0 2px #06152dbb,0 0 10px #00bfff70;pointer-events:none}.source-terminal-icon{display:block;width:72%;height:68%;flex:0 0 auto;filter:drop-shadow(0 0 4px #00bfff)}.source-terminal-icon>img{object-fit:contain}.source-terminal>small{color:#ffe0a0;font-size:clamp(7px,.58vw,12px);font-weight:900;line-height:1;letter-spacing:.06em}.last-pipe-pulse{position:absolute;z-index:5;transform:translate(-50%,-50%);border:3px solid #ff9e2f;border-radius:10px;box-shadow:0 0 0 2px #311a0dbb,0 0 12px #ff9e2f,inset 0 0 12px #ff9e2f3b;pointer-events:none;transition:top .2s ease-out,left .2s ease-out;animation:last-pipe-pulse .85s ease-in-out infinite alternate}@keyframes last-pipe-pulse{0%{opacity:.58;box-shadow:0 0 0 2px #311a0dbb,0 0 7px #ff9e2f,inset 0 0 7px #ff9e2f26}to{opacity:1;box-shadow:0 0 0 2px #311a0dbb,0 0 15px #ff9e2f,inset 0 0 15px #ff9e2f55}}@media(max-width:900px){.source-terminal>small{font-size:6px}}@media(prefers-reduced-motion:reduce){.fiber-piece,.last-pipe-pulse{transition:none!important}.fiber-flow,.destination-marker.asset-icon-slot,.connection-overlay,.victory-particles-art,.timeout-vignette-art,.result.victory .screen-backdrop img,.result.victory .result-main{animation-duration:.01ms!important;animation-iteration-count:1!important}}.save-error{width:100%;margin:-6px 0 0;color:#ff9a9a;font-size:13px;font-weight:700;text-align:center}