@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#04060c;--ink:#e6ecfa;--muted:#8592b3;--faint:#56607d;--line:#5ee7ff24;--line2:#5ee7ff4d;--sky:#05070f;--sky2:#0d1428;--gold:#ffb547;--gold2:#ff8a3d;--fog:#4fbf8f;--danger:#ff4d64;--rock:#232a3d;--ether:#7a6cff;--cyan:#5ee7ff;--wood:#e0a06a;--stone:#b9c5de;--moss:#43d39a;--other:#ff7a4d;--streak:#9fd8ff;--tribe:#4d9bff;--ally:#33e0c2;--nap:#b78bff;--shadow:#000;--btnink:#04060c;--glow:0 0 18px #5ee7ff59;--cut:10px;--ease:cubic-bezier(.22, 1, .36, 1);--display:"Chakra Petch", "Rajdhani", system-ui, sans-serif;--ui:"Manrope", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);font:14.5px/1.5 var(--ui);-webkit-font-smoothing:antialiased;background:radial-gradient(1000px 600px at 80% -10%,#5ee7ff14,#0000 60%),radial-gradient(900px 700px at 0 110%,#4fbf8f14,#0000 60%),#04060c;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}a{color:var(--cyan);text-underline-offset:3px;text-decoration-color:#5ee7ff59}a:hover{color:#b9f6ff}h1,h2,h3{font-family:var(--display);letter-spacing:.06em;margin:0;font-weight:600}::selection{background:#5ee7ff59}*{scrollbar-width:thin;scrollbar-color:#5ee7ff40 transparent}.cut,.card,.auth-card,.row,.inspector,button.main,button.ghost,.busy,.warnbox,.ub-unit,.hud,.map-tools .hbtn,.toast,.res>div{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.logo{align-items:center;gap:.55em;line-height:1;display:inline-flex}.logo-text{flex-direction:column;gap:.3em;display:flex}.wordmark{font-family:var(--display);letter-spacing:.45em;color:#f2f8ff;text-shadow:0 0 18px #5ee7ff8c,0 0 2px #5ee7ffe6;margin-right:-.45em;font-weight:700}.logo-tag{font-family:var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--cyan);opacity:.8;font-size:.3em}.emblem{filter:drop-shadow(0 0 8px #5ee7ff8c);overflow:visible}.emblem.animated .em-ring{transform-origin:32px 32px;animation:14s linear infinite spin}.emblem.animated .em-core{transform-origin:32px 30px;animation:2.8s ease-in-out infinite pulse}.emblem.animated .em-scan{animation:3.5s ease-in-out infinite scan}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(.9)}}@keyframes scan{0%,to{opacity:0;transform:translateY(-10px)}50%{opacity:.9;transform:translateY(10px)}}@keyframes shine{0%,to{background-position:100% 0}50%{background-position:0 0}}button.main{isolation:isolate;--cut:8px;color:#eafcff;cursor:pointer;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px #5ee7ff99;transition:background .2s, box-shadow .2s, transform .15s var(--ease);background:linear-gradient(#5ee7ff52,#5ee7ff1f);border:0;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5ee7ffa6,inset 0 0 18px #5ee7ff26}button.main:after{content:"";z-index:-1;transition:transform .6s var(--ease);background:linear-gradient(100deg,#0000 35%,#c8faff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}button.main:hover:not(:disabled){background:linear-gradient(#5ee7ff80,#5ee7ff33);box-shadow:inset 0 0 0 1px #5ee7ff,inset 0 0 24px #5ee7ff4d}button.main:hover:not(:disabled):after{transform:translate(120%)}button.main:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.38;cursor:not-allowed}.hbtn,button.ghost,button.mini{border:1px solid var(--line2);color:var(--ink);cursor:pointer;background:#5ee7ff0a;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.hbtn:hover,button.ghost:hover:not(:disabled),button.mini:hover:not(:disabled){border-color:var(--cyan);color:#fff;box-shadow:var(--glow);background:#5ee7ff1f}.hbtn{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;padding:.28rem .8rem;font-size:.8rem;font-weight:600}button.ghost{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;padding:.5rem .95rem;font-size:.82rem;font-weight:600}button.mini{color:var(--muted);padding:.1rem .55rem;font-size:.78rem;font-weight:600}button.mini.on{border-color:var(--gold);color:var(--gold);background:#ffb5471a}a.hbtn{color:var(--ink);text-decoration:none;display:inline-block}.field input,.act input,.send input,.stack textarea,.stack input,.inline-form select,.in-qty input,.target-pick select,.switcher select,.admin-form select{border:1px solid var(--line2);color:var(--ink);background:#00000073;border-radius:0;transition:border-color .2s,box-shadow .2s}.field input:focus,.act input:focus,.send input:focus,.stack textarea:focus,.stack input:focus,.in-qty input:focus,.inline-form select:focus,.target-pick select:focus,.switcher select:focus{border-color:var(--cyan);box-shadow:var(--glow);outline:none}select option{color:var(--ink);background:#0a0f1d}.backdrop{z-index:0;pointer-events:none;background:#03050b;position:fixed;inset:0;overflow:hidden}.bd-sky{background:radial-gradient(70% 45% at 50% 100%,#4fbf8f59,#0000 70%),radial-gradient(50% 40% at 80% 20%,#5ee7ff1a,#0000 70%),linear-gradient(#02030a 0%,#070b19 55%,#0b1d25 100%);position:absolute;inset:0}.bd-stars{opacity:.5;background-repeat:repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 60%);mask-image:linear-gradient(#000 20%,#0000 60%)}.bd-stars.s1{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 140px 80px,#bfe9ff,#0000),radial-gradient(1px 1px at 260px 160px,#fff,#0000),radial-gradient(1px 1px at 320px 40px,#fff,#0000);background-size:360px 260px;animation:6s ease-in-out infinite twinkle}.bd-stars.s2{background-image:radial-gradient(1.5px 1.5px at 60px 120px,#9ff0ff,#0000),radial-gradient(1px 1px at 400px 60px,#fff,#0000);background-size:520px 380px;animation:8s ease-in-out -3s infinite twinkle}@keyframes twinkle{50%{opacity:.15}}.bd-grid{transform-origin:50% 0;background-image:linear-gradient(#5ee7ff38 1px,#0000 1px),linear-gradient(90deg,#5ee7ff38 1px,#0000 1px);background-size:60px 60px;height:60%;animation:4s linear infinite gridMove;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(500px)rotateX(70deg);-webkit-mask-image:linear-gradient(#0000,#000 30% 60%,#0000);mask-image:linear-gradient(#0000,#000 30% 60%,#0000)}@keyframes gridMove{to{background-position:0 60px,0 0}}.bd-beam{opacity:.5;background:linear-gradient(90deg,#0000,#5ee7ff99,#0000);height:2px;animation:9s ease-in-out infinite sweep;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #5ee7ff80}@keyframes sweep{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.bd-island{filter:drop-shadow(0 30px 40px #000000b3);position:absolute}.bd-island.i1{width:min(28vw,360px);animation:8s ease-in-out infinite bob;top:20vh;left:5vw}.bd-island.i2{opacity:.8;width:min(16vw,210px);animation:10s ease-in-out -3s infinite bob;top:12vh;right:8vw}.bd-island.i3{opacity:.5;filter:blur(1px);width:min(10vw,130px);animation:7s ease-in-out -5s infinite bob;top:56vh;right:27vw}.bd-thrust{transform-origin:100px 92px;animation:2.2s ease-in-out infinite thrust}.bd-blink{animation:1.8s steps(2,end) infinite blink}@keyframes bob{50%{translate:0 -16px}}@keyframes thrust{50%{opacity:.4;transform:scale(.8,.6)}}@keyframes blink{50%{opacity:.2}}.bd-fog{filter:blur(20px);background:radial-gradient(40% 60% at 25% 60%,#4fbf8f73,#0000 70%),radial-gradient(35% 55% at 70% 70%,#3caa8c66,#0000 70%);height:34vh;animation:30s linear infinite fogRoll;position:absolute;bottom:-8vh;left:-50%;right:-50%}.bd-fog.f2{opacity:.7;height:26vh;animation-duration:44s;animation-direction:reverse;bottom:-12vh}@keyframes fogRoll{to{transform:translate(25%)}}.bd-vignette{background:radial-gradient(120% 90% at 50% 40%,#0000 50%,#000000bf);position:absolute;inset:0}.bd-scan{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.card,.auth-card,.game-header,.game-grid>aside,.toast,.map-tools .hbtn,.hud,.inspector,.unitbar{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#0e1426db,#060912e6)}.card,.auth-card,.inspector,.hud{box-shadow:inset 0 0 0 1px var(--line)}.card{z-index:1;--cut:16px;animation:rise .7s var(--ease) both;padding:1.6rem;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.card:after,.auth-card:after{content:"";pointer-events:none;background:linear-gradient(var(--cyan), var(--cyan)) top right / 18px 1px no-repeat, linear-gradient(var(--cyan), var(--cyan)) top right / 1px 18px no-repeat, linear-gradient(var(--cyan), var(--cyan)) bottom left / 18px 1px no-repeat, linear-gradient(var(--cyan), var(--cyan)) bottom left / 1px 18px no-repeat;opacity:.8;position:absolute;inset:0}.auth{place-items:center;min-height:100vh;padding:1.5rem 16px;display:grid;position:relative}.auth-card{z-index:1;--cut:18px;width:100%;max-width:400px;animation:rise .8s var(--ease) both;padding:2rem 1.8rem 1.6rem;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);background-size:200% 100%;height:2px;animation:4s linear infinite shine;position:absolute;top:0;left:0;right:0}.auth-card .brand{justify-content:center;margin:0 0 .5rem;display:flex}.auth-card .tagline{color:var(--muted);text-align:center;margin:.4rem 0 1.5rem;font-size:.88rem}.auth-card h2{text-align:center;color:var(--cyan);text-transform:uppercase;letter-spacing:.25em;margin-bottom:1.1rem;font-size:.95rem}.field{flex-direction:column;gap:.3rem;margin-bottom:.95rem;display:flex}.field label{font-family:var(--display);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}.field input{padding:.65rem .8rem}.field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.field .err,.form-err{color:#ff8796;font-size:.86rem}.form-err{border-left:2px solid var(--danger);background:#ff4d641a;margin:0 0 .9rem;padding:.5rem .7rem}.auth-card button.main{width:100%;margin-top:.4rem;padding:.8rem}.auth-card .switch{text-align:center;color:var(--muted);margin:1.2rem 0 0;font-size:.88rem}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.game-header{z-index:5;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.5rem 1rem;display:flex;position:relative}.game-header:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);background-repeat:no-repeat;background-size:50% 100%;height:1px;animation:6s linear infinite headerScan;position:absolute;bottom:-1px;left:0;right:0}@keyframes headerScan{0%{background-position:-50% 0}to{background-position:150% 0}}.game-header h1{margin-right:.4rem;font-size:1.1rem;line-height:1}.game-header .spacer{flex:1}.game-header .who{color:var(--muted);font-size:.8rem;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase}.game-header .who b{color:var(--ink)}.wind,.clock,.warn,.shield{font-family:var(--display);letter-spacing:.05em;white-space:nowrap;border:1px solid var(--line);background:#5ee7ff08;align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.wind,.clock{color:#b9c6e6;font-variant-numeric:tabular-nums}.wind svg{width:16px;height:16px;color:var(--cyan);filter:drop-shadow(0 0 3px var(--cyan));transition:transform 1.2s var(--ease)}.warn{border-color:var(--danger);color:#ffd6dc;background:#ff4d642e;animation:1.4s ease-in-out infinite alarm;box-shadow:0 0 14px #ff4d6466}@keyframes alarm{50%{background:#ff4d6414;box-shadow:0 0 2px #ff4d6433}}.shield{color:#b8ffe0;background:#43d39a1a;border-color:#43d39a99}.res{font-variant-numeric:tabular-nums;flex-wrap:nowrap;gap:.4rem;display:flex}.res>div{--cut:7px;min-width:118px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--display);background:linear-gradient(#5ee7ff0f,#00000059);align-items:center;gap:.5rem;padding:.28rem .6rem .38rem .4rem;display:flex;position:relative;overflow:hidden}.res-body{flex-direction:column;line-height:1.15;display:flex}.res small{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.res small em{color:var(--moss);letter-spacing:.04em;margin-left:.25rem;font-style:normal}.res b{letter-spacing:.03em;font-size:1rem;font-weight:700}.res b span{color:var(--faint);font-size:.7rem;font-weight:600}.res .near b{color:#ffd39a}.res .full b{color:#ff8796;text-shadow:0 0 8px #ff4d6499}.res .full{box-shadow:inset 0 0 0 1px #ff4d648c}.res .fill{height:2px;transition:width 1s linear;position:absolute;bottom:0;left:0}.res .wood .fill{background:var(--wood);box-shadow:0 0 6px var(--wood)}.res .stone .fill{background:var(--stone);box-shadow:0 0 6px var(--stone)}.res .ether .fill{background:var(--ether);box-shadow:0 0 6px var(--ether)}.ri{background:radial-gradient(circle,#ffffff0f,#0000 70%);flex:none;place-items:center;width:26px;height:26px;display:grid}.ri svg{width:17px;height:17px}.ri.wood{color:var(--wood);filter:drop-shadow(0 0 4px #e0a06a99)}.ri.stone{color:var(--stone);filter:drop-shadow(0 0 4px #b9c5de80)}.ri.ether{color:var(--ether);filter:drop-shadow(0 0 5px #7a6cffe6);animation:3s ease-in-out infinite pulse}.d{vertical-align:.05em;width:.55em;height:.55em;margin-right:.1em;display:inline-block;transform:rotate(45deg)}.d.wood{background:var(--wood)}.d.stone{background:var(--stone)}.d.ether{background:var(--ether);box-shadow:0 0 5px var(--ether)}.switcher select{font-family:var(--display);letter-spacing:.04em;padding:.22rem .55rem;font-weight:600}.game-empty{text-align:center;min-height:calc(100vh - 52px);color:var(--muted);place-items:center;padding:1.5rem 16px;display:grid;position:relative}.game-empty p{max-width:42ch;margin:.4rem auto 0}.loading{min-height:100vh;color:var(--muted);font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;align-content:center;place-items:center;gap:1rem;font-size:.8rem;display:grid;position:relative}.loading:before{content:"";border:1px solid #5ee7ff33;border-top-color:var(--cyan);width:44px;height:44px;box-shadow:var(--glow);border-radius:50%;animation:.8s linear infinite spin}.worlds{text-align:left;width:100%;max-width:540px;color:var(--ink)}.worlds>h2{text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);margin-bottom:.6rem;font-size:1.1rem}.worlds .row{margin:.6rem 0}.worlds h3.section{color:var(--faint);letter-spacing:.3em;text-transform:uppercase;margin:1.4rem 0 .3rem;font-size:.7rem}.game-shell{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.game-grid{flex:1;grid-template-columns:58px minmax(0,1fr) 390px;min-height:0;display:grid}.game-grid>aside{z-index:3;border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative}.game-grid .panel{min-height:0;animation:panelIn .35s var(--ease) both;flex:1;padding:.4rem 1rem 1.8rem;overflow-y:auto}@keyframes panelIn{0%{opacity:0;transform:translate(10px)}}.game-grid .panel h2{text-transform:uppercase;letter-spacing:.1em;margin:.9rem 0 .3rem;font-size:1.15rem}.map-area{background:#04060c;min-height:0;position:relative;overflow:hidden}.mapwrap{position:absolute;inset:0}.mapwrap canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mapwrap canvas:active{cursor:grabbing}.map-vignette{pointer-events:none;background:radial-gradient(130% 100% at 50% 45%,#0000 55%,#000000b3),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.map-tools{z-index:2;gap:.4rem;display:flex;position:absolute;top:14px;right:14px}.map-tools .hbtn{--cut:6px;min-width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 1px var(--line2);border:0;padding:0 .8rem}.map-tools .hbtn[aria-pressed=true]{color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan), var(--glow)}.map-loading{height:100%;min-height:50vh}.hud{z-index:2;pointer-events:none;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);--cut:8px;padding:.55rem .8rem;font-size:.72rem;position:absolute}.hud.compass{align-items:center;gap:.65rem;display:flex;top:14px;left:14px}.hud.compass svg{width:52px;height:52px;overflow:visible}.hud.compass .needle{transition:transform 1.5s var(--ease);transform-origin:30px 30px}.hud.compass b{color:var(--ink);letter-spacing:.1em;font-size:.95rem;display:block}.hud.fogmeter{min-width:180px;bottom:14px;left:14px}.hud.fogmeter .bar{background:#ffffff14;height:4px;margin-top:.35rem;overflow:hidden}.hud.fogmeter .bar i{height:100%;box-shadow:0 0 8px var(--fog);background:linear-gradient(90deg,#1f6b52,#4fbf8f,#b8ffe0);transition:width 1s;display:block}.hud.fogmeter b{color:#9ff0c9;font-size:.9rem}.map-hint{z-index:2;pointer-events:none;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#b9dcf0b3;white-space:nowrap;background:#04081273;padding:.2rem .6rem;font-size:.66rem;animation:7s both hintLife;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes hintLife{0%{opacity:0}8%,75%{opacity:1}to{opacity:0}}.storm-banner{z-index:2;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;background:#1e2450d9;border:1px solid #a0beff99;padding:.45rem 1.2rem;font-weight:700;animation:2.4s ease-in-out infinite alarm;position:absolute;top:54px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #8caaff73}.inspector{z-index:7;--cut:14px;width:320px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 #5ee7ff66;animation:cardIn .28s var(--ease) both;outline:none;padding:.9rem 1rem 1rem;position:absolute;overflow-y:auto}.inspector.docked{animation-name:dockIn;bottom:14px;right:14px}@keyframes cardIn{0%{opacity:0;scale:.94}}@keyframes dockIn{0%{opacity:0;translate:0 16px}}.in-head{align-items:center;gap:.7rem;display:flex}.in-icon{width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--line2);background:radial-gradient(circle at 50% 70%,#5ee7ff2e,#00000080 70%);flex:none;place-items:center;display:grid}.in-icon canvas{width:56px;height:56px}.in-icon svg{width:40px;height:40px}.in-icon svg.portrait{width:56px;height:56px}.in-title{flex:1;min-width:0}.in-title small{font-family:var(--display);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);font-size:.65rem;display:block}.in-title h3{text-transform:uppercase;letter-spacing:.08em;color:#fff;font-size:1.05rem}.in-badge{font-family:var(--display);letter-spacing:.08em;color:var(--gold);text-transform:uppercase;white-space:nowrap;border:1px solid #ffb54780;align-self:flex-start;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.in-close{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 .2rem;font-size:1.3rem;line-height:1}.in-close:hover{color:#fff}.in-desc{color:var(--muted);margin:.6rem 0 .7rem;font-size:.84rem}.in-effect,.in-alt{border-left:2px solid var(--cyan);background:#5ee7ff0d;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem;margin:.4rem 0;padding:.4rem .6rem;font-size:.82rem;display:flex}.in-effect span,.in-alt span{color:var(--muted);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.in-effect b,.in-alt b{font-family:var(--display);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:.95rem}.in-effect em{color:var(--cyan);text-shadow:0 0 8px #5ee7ff80;font-style:normal}.in-alt em{color:var(--muted);font-size:.8rem;font-style:normal}.in-alt p{flex-basis:100%;margin:.2rem 0 0;font-size:.78rem}.in-alt.risky{border-left-color:var(--gold);background:#ffb54712}.in-alt.risky p{color:#ffd39a}.in-alt.danger{border-left-color:var(--danger);background:#ff4d641a}.in-alt.danger p,.in-alt.danger b{color:#ff9aa6}.in-cost{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.3rem .85rem;margin:.6rem 0 .3rem;font-size:.85rem;display:flex}.in-cost .short{color:#ff8796;font-weight:700}.in-time{color:var(--cyan)}.in-weight{color:var(--muted)}.in-action{width:100%;margin-top:.6rem;padding:.7rem}.in-blocked{color:#ffb3bd;text-align:center;margin:.45rem 0 0;font-size:.8rem}.in-progress{box-shadow:inset 0 0 0 1px var(--line2);background:#5ee7ff12;margin:.4rem 0;padding:.55rem .7rem .7rem;font-size:.84rem;position:relative}.in-progress b{color:var(--cyan);font-family:var(--display)}.in-progress i{background:linear-gradient(90deg, var(--cyan), #b9f6ff);height:3px;box-shadow:0 0 8px var(--cyan);transition:width 1s linear;position:absolute;bottom:0;left:0}.in-title small em{color:var(--gold);font-style:normal}.in-look{border-left:2px solid var(--line2);background:#ffffff08;align-items:center;gap:.7rem;margin:.4rem 0;padding:.45rem .6rem;display:flex}.in-look canvas{background:radial-gradient(circle at 50% 75%,#5ee7ff26,#0000 70%);flex:none}.in-look span{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.66rem;display:block}.in-look b{font-family:var(--display);letter-spacing:.04em;font-size:.92rem}.in-look p{color:var(--faint);margin:.1rem 0 0;font-size:.76rem}.in-look.soon{border-left-color:var(--gold);background:linear-gradient(90deg,#ffb54724,#ffb54705);animation:2.2s ease-in-out infinite lookPulse}.in-look.soon span,.in-look.soon b,.in-look.top b{color:var(--gold)}@keyframes lookPulse{50%{background-color:#ffb54714}}.in-stats{background:var(--line);grid-template-columns:repeat(5,1fr);gap:1px;margin:.2rem 0 .7rem;display:grid}.in-stats div{text-align:center;background:#070b16;padding:.35rem .2rem}.in-stats dt{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.6rem}.in-stats dd{font-family:var(--display);margin:0;font-size:.95rem;font-weight:700}.in-qty{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.in-qty input{text-align:center;width:4.6rem;font-family:var(--display);padding:.3rem .45rem;font-weight:700}.unitbar{z-index:6;border-top:1px solid var(--line);flex:none;align-items:stretch;gap:.7rem;padding:.45rem 1rem;display:flex;position:relative}.unitbar:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);background-repeat:no-repeat;background-size:50% 100%;height:1px;animation:7s linear -3s infinite headerScan;position:absolute;top:-1px;left:0;right:0}.ub-power{border-right:1px solid var(--line);font-family:var(--display);flex-direction:column;justify-content:center;gap:.15rem;padding-right:.8rem;display:flex}.ub-stat{font-variant-numeric:tabular-nums;align-items:baseline;gap:.45rem;display:flex}.ub-stat small{letter-spacing:.15em;min-width:2rem;font-size:.65rem}.ub-stat.atk small{color:#ff8f7a}.ub-stat.def small{color:#8fd2ff}.ub-stat b{font-size:1rem}.ub-units{flex:1;gap:.4rem;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ub-units li{flex:1 0 auto;display:flex}.ub-unit{--cut:9px;cursor:pointer;text-align:left;min-width:0;color:inherit;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s, box-shadow .2s, transform .2s var(--ease);background:linear-gradient(#5ee7ff0f,#5ee7ff03);border:0;flex:1;align-items:center;gap:.55rem;padding:.3rem .7rem .3rem .35rem;display:flex;position:relative}.ub-unit:hover{box-shadow:inset 0 0 0 1px var(--line2), var(--glow);background:linear-gradient(#5ee7ff24,#5ee7ff08);transform:translateY(-2px)}.ub-unit.on{box-shadow:inset 0 0 0 1px var(--cyan), inset 0 0 20px #5ee7ff26}.ub-unit.locked{opacity:.45}.ub-key{font-family:var(--display);color:var(--faint);font-size:.6rem;position:absolute;top:3px;right:6px}.ub-icon{--p:0;width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line2);background:radial-gradient(circle at 50% 60%,#5ee7ff24,#0009 70%);flex:none;place-items:center;display:grid;position:relative}.ub-icon svg{filter:drop-shadow(0 0 3px #5ee7ff59);width:30px;height:30px}.ub-unit.locked .ub-icon svg{filter:grayscale()brightness(.7)}.ub-lock{background:repeating-linear-gradient(45deg,#00000080 0 3px,#0000 3px 6px);position:absolute;inset:0}.ub-unit.training .ub-icon:after{content:"";pointer-events:none;background:conic-gradient(var(--gold) calc(var(--p) * 360deg), #ffb54726 0);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ub-text{grid-template-columns:auto auto auto;justify-content:start;align-items:baseline;column-gap:.4rem;line-height:1.2;display:grid}.ub-name{font-family:var(--display);color:var(--muted);white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:.66rem;font-weight:600}.ub-text b{font-family:var(--display);font-variant-numeric:tabular-nums;color:#fff;font-size:1.15rem;font-weight:700}.ub-all{font-family:var(--display);color:var(--muted);font-size:.78rem;font-weight:600}.ub-q{font-family:var(--display);color:var(--gold);font-size:.75rem;font-weight:700}.ub-out{color:var(--cyan);grid-column:1/-1;font-size:.66rem;font-weight:700}.ub-queue{border:0;border-left:1px solid var(--line);width:240px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;flex:none;justify-content:center;gap:.3rem;padding:0 0 0 .8rem;display:flex}.ub-queue:hover .ub-job,.ub-queue.on .ub-job{background:#5ee7ff14}.ub-queue:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.ub-job small{color:var(--muted)}.ub-job{color:var(--muted);background:#00000059;justify-content:space-between;gap:.5rem;padding:.16rem .5rem .24rem;font-size:.76rem;display:flex;position:relative;overflow:hidden}.ub-job b{color:var(--ink)}.ub-job.idle{color:var(--faint);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.ub-time{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}.ub-job i{background:var(--gold);height:2px;box-shadow:0 0 6px var(--gold);transition:width 1s linear;position:absolute;bottom:0;left:0}.toast{z-index:8;--cut:8px;font-family:var(--display);letter-spacing:.06em;opacity:0;max-width:90%;transition:opacity .3s var(--ease), transform .45s var(--ease);pointer-events:none;padding:.55rem 1.2rem;font-weight:600;position:absolute;bottom:22px;left:50%;transform:translate(-50%,24px);box-shadow:inset 0 0 0 1px #ffb5478c}.toast:before{content:"▸";color:var(--gold);margin-right:.5rem}.toast.on{opacity:1;transform:translate(-50%)}.altcol{z-index:2;border-right:1px solid var(--line);background:linear-gradient(#04060d,#0a1022 60%,#0d1a24);min-height:300px;position:relative;overflow:hidden}.altcol:before{content:"";background:repeating-linear-gradient(0deg,#5ee7ff1f 0 1px,#0000 1px 10%);position:absolute;inset:0}.altcol .fogfill{transition:height 1.2s var(--ease);background:linear-gradient(#78ffbe99,#288c69cc 12%,#0c3328);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #4fbf8f80}.altcol .fogfill:before{content:"";background:#b8ffe0;height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #b8ffe0}.altcol .tick{background:#b9c5de80;width:10px;height:1px;margin-left:-5px;position:absolute;left:50%}.altcol .tick.player{background:var(--other);box-shadow:0 0 4px var(--other)}.altcol .target{border-top:1px dashed var(--cyan);height:0;position:absolute;left:0;right:0}.altcol .me{--cut:5px;height:20px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:var(--cyan);color:#02141a;font-family:var(--display);text-align:center;box-shadow:0 0 16px var(--cyan);margin-bottom:-10px;font-size:.74rem;font-weight:700;line-height:20px;transition:bottom .9s linear;position:absolute;left:5px;right:5px}.altcol .cap{text-align:center;width:100%;font-family:var(--display);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.6rem;position:absolute;top:8px}nav[role=tablist]{z-index:4;border-bottom:1px solid var(--line);gap:0;padding:0 .25rem;display:flex;position:relative}nav[role=tablist] button{cursor:pointer;min-width:0;color:var(--muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;flex:1 1 0;padding:.75rem .2rem .65rem;font-size:.74rem;font-weight:600;transition:color .2s;position:relative}nav[role=tablist] button:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 8px var(--cyan);transition:transform .3s var(--ease);position:absolute;bottom:-1px;left:20%;right:20%;transform:scaleX(0)}nav[role=tablist] button:hover{color:var(--ink)}nav[role=tablist] svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px;transition:transform .2s var(--ease), filter .2s;margin:0 auto;display:block}nav[role=tablist] button:hover svg{transform:translateY(-1px)}nav[role=tablist] button[aria-selected=true] svg{filter:drop-shadow(0 0 5px #5ee7ffb3)}.tab-tip{z-index:10;white-space:nowrap;pointer-events:none;opacity:0;letter-spacing:.14em;color:var(--cyan);text-shadow:none;border:1px solid var(--line2);transition:opacity .15s, transform .2s var(--ease);background:#040812f2;padding:.25rem .6rem;font-size:.68rem;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-4px);box-shadow:0 6px 18px #00000080}nav[role=tablist] button:hover .tab-tip,nav[role=tablist] button:focus-visible .tab-tip{opacity:1;transform:translate(-50%)}nav[role=tablist] button:first-child .tab-tip{left:0;transform:translateY(-4px)}nav[role=tablist] button:first-child:hover .tab-tip,nav[role=tablist] button:first-child:focus-visible .tab-tip{transform:translate(0)}nav[role=tablist] button:last-child .tab-tip{left:auto;right:0;transform:translateY(-4px)}nav[role=tablist] button:last-child:hover .tab-tip,nav[role=tablist] button:last-child:focus-visible .tab-tip{transform:translate(0)}nav[role=tablist] button[aria-selected=true]{color:var(--cyan);text-shadow:0 0 8px #5ee7ff80}nav[role=tablist] button[aria-selected=true]:after{transform:scaleX(1)}nav[role=tablist] b{background:var(--danger);color:#fff;min-width:1.1rem;height:1.1rem;box-shadow:0 0 8px var(--danger);place-items:center;padding:0 .25rem;font-size:.66rem;display:inline-grid;position:absolute;top:5px;left:calc(50% + 6px)}.panel h3{text-transform:uppercase;letter-spacing:.1em;color:#f2f6ff;margin:1rem 0 0;font-size:.92rem}.row h3,.rh h3{margin-top:0}.row{box-shadow:inset 0 0 0 1px var(--line);animation:rise .4s var(--ease) both;background:linear-gradient(#5ee7ff0d,#5ee7ff03);margin:.55rem 0;padding:.8rem .9rem;transition:box-shadow .25s,background .25s;position:relative}.row:nth-child(2){animation-delay:30ms}.row:nth-child(3){animation-delay:60ms}.row:nth-child(4){animation-delay:90ms}.row:nth-child(5){animation-delay:.12s}.row:nth-child(n+6){animation-delay:.15s}.row:hover{box-shadow:inset 0 0 0 1px var(--line2);background:linear-gradient(#5ee7ff14,#5ee7ff05)}.rh{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.lvl{font-family:var(--display);color:var(--gold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffb54766;padding:.05rem .45rem;font-size:.7rem;font-weight:700}.row p{color:var(--muted);margin:.3rem 0 .5rem;font-size:.84rem}.cost{font-variant-numeric:tabular-nums;color:#c2cde8;flex-wrap:wrap;gap:.3rem .9rem;margin:.3rem 0 .6rem;font-size:.82rem;display:flex}.cost .short{color:#ff8796;font-weight:700}.stats{color:var(--muted);font-size:.8rem}.req{color:var(--faint);font-size:.82rem;font-style:italic}.act{align-items:center;gap:.5rem;display:flex}.act input{width:6rem;padding:.45rem .6rem}.busy{--cut:8px;font-variant-numeric:tabular-nums;background:#ffb54712;flex-direction:column;gap:.45rem;margin:.8rem 0 .3rem;padding:.65rem .85rem;font-size:.86rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffb54766}progress{appearance:none;background:#00000080;border:0;width:100%;height:4px}progress::-webkit-progress-bar{background:#00000080}progress::-webkit-progress-value{background:var(--gold);box-shadow:0 0 8px var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.gauge{background:#00000080;height:4px;margin:.4rem 0 .6rem;overflow:hidden}.gauge i{background:var(--moss);height:100%;box-shadow:0 0 8px var(--moss);transition:width .8s var(--ease);display:block}.gauge.over i{background:var(--gold);box-shadow:0 0 8px var(--gold)}.status{margin-bottom:.4rem}.status .meta,.panel .meta{color:var(--muted);margin:.25rem 0 .55rem;font-size:.84rem}.stale{color:#ffd39a;border-left:2px solid var(--gold);background:#ffb54714;padding:.35rem .6rem;font-size:.8rem}.fog-warn{color:#ff8796;margin:.5rem 0 0;font-size:.84rem;font-weight:700}.target-pick{margin-top:.8rem}.target-pick select{width:100%;padding:.55rem .6rem}.island-name{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.warnbox{--cut:8px;color:#ffe0e4;box-shadow:inset 0 0 0 1px var(--danger);background:#ff4d642e;margin:.6rem 0;padding:.55rem .8rem;font-weight:600}.combine{cursor:pointer;border-left:2px solid var(--gold);background:#ffb5470f;align-items:flex-start;gap:.6rem;margin:.6rem 0;padding:.55rem .7rem;display:flex}.combine input{accent-color:var(--gold);margin-top:.2rem}.combine span{font-family:var(--display);letter-spacing:.04em;color:#ffe0a8;font-size:.82rem}.combine small{font-family:var(--ui);color:var(--muted);letter-spacing:0;margin-top:.15rem;font-size:.76rem;display:block}.combine-list{color:var(--muted);margin:.2rem 0 .4rem;padding:0;font-size:.8rem;list-style:none}.combine-list li{border-left:1px solid var(--line2);padding:.15rem 0 .15rem .7rem}.combine-list b{color:var(--ink);font-family:var(--display);margin-right:.3rem;font-weight:600}.send{gap:.45rem;margin:.6rem 0;display:grid}.send label{grid-template-columns:1fr 5.5rem auto;align-items:center;gap:.5rem;display:grid}.send small{color:var(--muted)}.send input{width:100%;padding:.35rem .5rem}.act2{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.fl{font-variant-numeric:tabular-nums;border-left:2px solid var(--cyan);background:#5ee7ff0d;justify-content:space-between;gap:.8rem;margin:.35rem 0;padding:.5rem .75rem;font-size:.85rem;display:flex}.fl.inc{border-left-color:var(--danger);color:#ffe0e4;background:#ff4d6426;animation:2s ease-in-out infinite alarm}.reps{flex-direction:column;gap:.3rem;display:flex}.rep{--tone:var(--line2);box-shadow:inset 2px 0 0 var(--tone);background:#ffffff06;position:relative}.rep.win{--tone:var(--moss)}.rep.loss{--tone:var(--danger)}.rep.info{--tone:var(--cyan)}.rep.open{box-shadow:inset 2px 0 0 var(--tone), inset 0 0 0 1px var(--line);background:#5ee7ff0a}.rep-head{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:1.6rem 1fr auto;align-items:start;gap:.55rem;padding:.5rem .65rem;display:grid}button.rep-head{cursor:pointer}button.rep-head:hover{background:#5ee7ff0d}button.rep-head:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.rep-head svg{fill:none;width:1.6rem;height:1.6rem;stroke:var(--tone);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;background:#ffffff0a;padding:.3rem}.rep.info .rep-head svg{stroke:var(--muted)}.rep-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.rep-text b{color:var(--ink);overflow-wrap:anywhere;font-size:.86rem;line-height:1.3}.rep-text span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem;line-height:1.4}.rep:not(.open) .rep-text span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rep-head time{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:.1rem;font-size:.72rem}button.rep-head time:after{content:"▾";color:var(--muted);margin-left:.35rem;transition:transform .2s;display:inline-block;transform:rotate(-90deg)}.rep.open button.rep-head time:after{transform:none}.rep .rd{margin:0 .65rem;padding-bottom:.6rem}.rep.unread .rep-text b:after,.mail.unread .mail-head b:after{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 6px var(--cyan);vertical-align:.1em;margin-left:.4rem;display:inline-block;transform:rotate(45deg)}.archipelago{margin:.3rem 0 .6rem}table.ranking{border-collapse:separate;border-spacing:0 2px;font-variant-numeric:tabular-nums;width:100%;margin:.4rem 0;font-size:.85rem}table.ranking th,table.ranking td{text-align:left;padding:.4rem .5rem}table.ranking td{background:#5ee7ff08}table.ranking th{color:var(--faint);font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;font-size:.66rem;font-weight:600}table.ranking td:last-child,table.ranking th:last-child{text-align:right}table.ranking tr.me td{color:#d9fbff;background:#5ee7ff1f;font-weight:700}table.ranking tbody tr:first-child td:first-child{color:var(--gold);font-weight:700}.members{margin:.3rem 0;padding:0;list-style:none}.members li{border-left:2px solid var(--line2);background:#5ee7ff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.25rem 0;padding:.45rem .65rem;display:flex}.members small{color:var(--muted)}.member-actions{flex-wrap:wrap;gap:.3rem;display:flex}.inline-form{flex-wrap:wrap;margin:.5rem 0}.inline-form input{flex:1;width:auto;min-width:8rem}.inline-form .picker{flex:1;min-width:8rem}.picker{position:relative}.picker input{width:100%}.picker-list{z-index:30;box-shadow:inset 0 0 0 1px var(--line2), 0 12px 28px #0000008c;background:#0a1020;margin:0;padding:.2rem;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0}.picker-list li{cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .45rem;font-size:.86rem;display:flex}.picker-list li[aria-selected=true]{background:#5ee7ff1f}.picker-list small{color:var(--muted);margin-left:auto}.inline-form select,.stack textarea,.stack input{padding:.45rem .6rem}.stack{flex-direction:column;gap:.35rem;margin:.5rem 0;display:flex}.stack textarea{resize:vertical;width:100%}.tribe-desc p{white-space:pre-wrap;margin:.3rem 0}.tribe-exit{margin-top:1.2rem}.chat{border:1px solid var(--line);background:#0006;max-height:260px;padding:.5rem .7rem;font-size:.85rem;overflow-y:auto}.chat p{overflow-wrap:anywhere;animation:rise .25s var(--ease) both;margin:.25rem 0}.chat .when{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.74rem}.mail{border-bottom:1px solid var(--line)}.mail-head{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:.55rem .3rem;transition:background .2s;display:flex}.mail-head:hover{background:#5ee7ff0d}.mail-head small{color:var(--muted)}.mail-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .4rem}.banner{z-index:4;font-family:var(--display);letter-spacing:.06em;text-align:center;color:#1a1206;background:var(--gold);margin:0;padding:.5rem 1rem;font-weight:600;position:relative;box-shadow:0 0 24px #ffb54766}.banner a{color:#1a1206;font-weight:700}.results{justify-content:center;min-height:100vh;padding:2rem 16px;display:flex;position:relative}.results .card{align-self:flex-start;width:100%;max-width:780px}.results h1{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);text-shadow:0 0 16px #5ee7ff80;font-size:1.8rem}.results .winner{font-size:1.1rem}.admin{min-height:100vh}.admin-body{gap:1rem;max-width:1100px;margin:0 auto;padding:1rem 16px;display:grid}.admin-body .card{animation:none}.table-scroll{overflow-x:auto}.admin-actions{flex-wrap:wrap;gap:.3rem;display:flex;text-align:left!important}.admin-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:.4rem 1rem;display:grid}.admin-form select{padding:.6rem}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-header{flex-wrap:nowrap;min-height:58px}.game-header .spacer{min-width:.5rem}@media (width<=1500px){.ro-body em,.um-name{display:none}}@media (width<=1800px){:is(.game-header:has(.switcher) .res small,.game-header:has(.switcher) .ro-body em){display:none}.game-header:has(.switcher) .res>div{min-width:0}.game-header:has(.switcher) .um-name{display:none}}.switcher select{max-width:170px}@media (width<=1280px){.game-header{flex-wrap:wrap}}.readouts{border-left:1px solid var(--line);align-items:stretch;display:flex}.readout{border-right:1px solid var(--line);font-family:var(--display);white-space:nowrap;align-items:center;gap:.45rem;padding:.1rem .65rem;display:flex}.readout .ro-icon{width:26px;height:26px;color:var(--cyan);flex:none;place-items:center;display:grid}.readout .ro-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #5ee7ff73);width:24px;height:24px}.ro-body{flex-direction:column;line-height:1.12;display:flex}.ro-body small{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.ro-body b{letter-spacing:.04em;color:#f2f6ff;font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;font-size:.98rem;font-weight:700;display:flex}.ro-body em{color:var(--faint);letter-spacing:.03em;font-size:.66rem;font-style:normal}.ro-bar{background:#ffffff1a;width:46px;height:3px;display:inline-block}.ro-bar i{background:var(--fog);height:100%;box-shadow:0 0 6px var(--fog);display:block}.dial circle:first-child{stroke:#5ee7ff59}.dial path{stroke:#96b4ff66}.dial path.n{stroke:var(--gold)}.dial .needle{transform-origin:16px 16px;transition:transform 1.5s var(--ease)}.dial .needle path{stroke:var(--cyan);stroke-width:2px}.dial .needle path:last-child{fill:var(--cyan);stroke:none}.dial .hub{fill:var(--gold);stroke:none}.readout .fogicon{color:var(--fog)}.readout .ro-icon:has(.fogicon){color:var(--fog)}.readout .ro-icon:has(.fogicon) svg{filter:drop-shadow(0 0 4px #4fbf8f99);animation:4s ease-in-out infinite fogWave}@keyframes fogWave{50%{transform:translate(2px)}}.readout.warn .ro-icon,.readout.warn b{color:var(--gold)}.readout.warn .ro-icon svg{filter:drop-shadow(0 0 5px #ffb547b3)}.readout.alert{box-shadow:inset 0 -2px 0 var(--danger);background:#ff4d6424;animation:1.4s ease-in-out infinite alarm}.readout.alert b,.readout.alert .ro-icon{color:#ff8796}.readout.alert small{color:#ffb3bd}.readout.good b{color:#9ff0c9}.readout.good small{color:var(--moss)}.game-header>.readout{border-left:1px solid var(--line)}.usermenu{position:relative}.um-btn{border:1px solid var(--line2);cursor:pointer;color:inherit;background:#5ee7ff0a;align-items:center;gap:.55rem;padding:.25rem .6rem .25rem .3rem;transition:border-color .2s,box-shadow .2s;display:flex}.um-btn:hover,.um-btn[aria-expanded=true]{border-color:var(--cyan);box-shadow:var(--glow)}.um-avatar{width:30px;height:30px;font-family:var(--display);color:#02141a;background:linear-gradient(135deg, #b9f6ff, var(--cyan));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;font-weight:700;display:grid}.um-name{text-align:left;line-height:1.1;font-family:var(--display);flex-direction:column;display:flex}.um-name small{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.56rem}.um-name b{letter-spacing:.05em;font-size:.85rem}.um-caret{color:var(--muted);font-size:.7rem}.um-list{z-index:20;min-width:190px;box-shadow:inset 0 0 0 1px var(--line2), 0 16px 40px #0009;animation:cardIn .2s var(--ease) both;background:#060a16f7;flex-direction:column;padding:.3rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.um-list button,.um-list a{text-align:left;cursor:pointer;color:var(--ink);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:.55rem .7rem;font-size:.8rem;text-decoration:none;display:block}.um-list button:hover,.um-list a:hover{color:var(--cyan);background:#5ee7ff1a}.um-list .danger:hover{color:#ff8796;background:#ff4d641f}.map-frame{pointer-events:none;z-index:1;position:absolute;inset:10px}.map-frame i{border:0 solid #5ee7ff8c;width:22px;height:22px;position:absolute}.map-frame i:first-child{border-width:1px 0 0 1px;top:0;left:0}.map-frame i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.map-frame i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.map-frame i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.map-coords{z-index:2;pointer-events:none;font-family:var(--display);letter-spacing:.16em;color:#96bee6b3;white-space:pre;font-size:.68rem;position:absolute;bottom:16px;left:18px}.minimap{z-index:2;width:210px;box-shadow:inset 0 0 0 1px var(--line2), 0 10px 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040812cc;padding:4px;position:absolute;bottom:16px;right:16px}.minimap:before{content:"MAPA ŚWIATA";font-family:var(--display);letter-spacing:.2em;color:var(--muted);font-size:.58rem;position:absolute;top:-16px;left:6px}.minimap canvas{cursor:crosshair;background:radial-gradient(circle,#4fbf8f1a,#0000 70%),#050811;width:100%;height:100%;display:block}.inspector.docked{bottom:170px}.avatar{flex:none;display:block;overflow:visible}.who-link{color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:inline-flex}.who-link:hover b,.who-link:hover>span{color:var(--cyan)}.modal-veil{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02040ab3;place-items:center;padding:16px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.player-card{--accent:var(--cyan);--cut:16px;width:min(380px,100%);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 2px 0 var(--accent);animation:cardIn .25s var(--ease) both;background:linear-gradient(#10182cf7,#060912fa);padding:1.4rem 1.4rem 1.1rem;position:relative}.player-card .in-close{position:absolute;top:.6rem;right:.8rem}.pc-head{align-items:center;gap:1rem;display:flex}.pc-head small{font-family:var(--display);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.pc-head h3{letter-spacing:.06em;color:var(--accent);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 50%, transparent);font-size:1.4rem}.pc-tribe{font-family:var(--display);color:var(--ink);font-size:.8rem}.pc-motto{border-left:2px solid var(--accent);color:#dfe6f8;background:#ffffff08;margin:1rem 0 .8rem;padding:.5rem .8rem;font-style:italic}.pc-stats{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 .6rem;display:grid}.pc-stats div{text-align:center;background:#070b16;padding:.5rem}.pc-stats dt{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:.6rem}.pc-stats dd{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:700}.um-btn .avatar{margin:-2px 0}.profile{min-height:100vh;position:relative}.profile-body{z-index:1;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1.2rem;max-width:1100px;margin:0 auto;padding:1.4rem 16px 3rem;display:grid;position:relative}.profile-preview{--accent:var(--cyan);text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 2px 0 var(--accent);flex-direction:column;align-items:center;gap:.5rem;display:flex;position:sticky;top:1.2rem}.profile-preview .avatar{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 45%, transparent));margin:.4rem 0}.profile-preview h2{color:var(--accent);letter-spacing:.08em;font-size:1.5rem}.profile-preview .pc-motto{width:100%;margin:.3rem 0}.profile-forms{flex-direction:column;gap:1.2rem;display:flex}.profile-section h2{text-transform:uppercase;letter-spacing:.16em;margin-bottom:.9rem;font-size:1.1rem}.ps-kicker{font-family:var(--display);letter-spacing:.3em;color:var(--cyan);margin-bottom:.2rem;font-size:.62rem;display:block}.seg{box-shadow:inset 0 0 0 1px var(--line2);margin-bottom:1rem;display:inline-flex}.seg button{color:var(--muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.45rem 1rem;font-size:.78rem}.seg button[aria-selected=true]{color:#02141a;background:var(--cyan)}.emblems{grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:.9rem;display:grid}.emblem-pick{border:1px solid var(--line);cursor:pointer;color:var(--muted);font-family:var(--display);letter-spacing:.08em;transition:border-color .2s, background .2s, transform .2s var(--ease);background:#5ee7ff08;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .2rem;font-size:.68rem;display:flex}.emblem-pick:hover:not(:disabled){border-color:var(--line2);transform:translateY(-2px)}.emblem-pick.on{border-color:var(--cyan);color:var(--ink);box-shadow:var(--glow);background:#5ee7ff1a}.swatches{flex-wrap:wrap;gap:.45rem;display:flex}.swatch{cursor:pointer;background:var(--c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.75;width:30px;height:30px;transition:opacity .2s, transform .2s var(--ease);border:0;padding:0}.swatch:hover{opacity:1;transform:scale(1.1)}.swatch.on{opacity:1;filter:drop-shadow(0 0 6px var(--c));outline:none;transform:scale(1.15)}.mini.reset{margin-top:.9rem}.form-ok{color:#b8ffe0;border-left:2px solid var(--moss);background:#43d39a1a;margin:.6rem 0 0;padding:.45rem .7rem;font-size:.86rem}.profile-section .form-err{margin:.6rem 0 0}.profile-section .field textarea{border:1px solid var(--line2);color:var(--ink);resize:vertical;font:inherit;background:#00000073;padding:.6rem .8rem}.profile-section .field textarea:focus{border-color:var(--cyan);box-shadow:var(--glow);outline:none}.field .count{color:var(--faint);font-size:.72rem;font-family:var(--display);align-self:flex-end}.field .label{font-family:var(--display);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}.sub-form{border-top:1px solid var(--line);padding:.9rem 0}.sub-form:first-of-type{border-top:0;padding-top:0}.sub-form h3{text-transform:uppercase;letter-spacing:.14em;color:#f2f6ff;margin:0 0 .6rem;font-size:.85rem}.sub-form .field{max-width:380px}.sessions{margin:0 0 .9rem;padding:0;list-style:none}.sessions li{border-left:2px solid var(--line2);background:#5ee7ff08;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin:.3rem 0;padding:.55rem .7rem;display:flex}.sessions li.current{border-left-color:var(--cyan);background:#5ee7ff14}.sessions .dev{font-family:var(--display);letter-spacing:.04em;font-weight:600}.sessions .when{color:var(--muted);font-size:.82rem}.sessions .tag{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line2);margin-left:auto;padding:.05rem .45rem;font-size:.66rem}.cropper{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.file-pick{border:1px dashed var(--line2);cursor:pointer;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);padding:.55rem 1rem;font-size:.8rem;display:inline-flex;position:relative}.file-pick:hover{border-color:var(--cyan);background:#5ee7ff0f}.file-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.crop-stage{width:220px;height:220px;position:relative}.crop-stage canvas{cursor:grab;touch-action:none;width:220px;height:220px;display:block}.crop-stage canvas:active{cursor:grabbing}.crop-mask{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crop-mask path:first-child{fill:#04060cb3}.crop-mask path:last-child{stroke:var(--cyan);stroke-width:.6px}.zoom{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.7rem;font-size:.72rem;display:flex}.zoom input{accent-color:var(--cyan);width:160px}table.ranking .who-link span{line-height:1.2}.members .who-link{min-width:0}@media (width<=960px){.game-shell{height:auto;min-height:100vh;overflow:visible}.game-grid{grid-template-columns:40px minmax(0,1fr)}.map-area{height:min(80vw,64vh)}.game-grid>aside{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.game-grid .panel{padding:.4rem 16px 1.5rem}.altcol .me{left:3px;right:3px}.game-header{gap:.4rem .5rem;padding:.5rem 16px}.game-header .clock{font-size:.7rem}.minimap{width:120px;bottom:10px;right:10px}.minimap:before,.map-coords{display:none}.readouts{border-left:0;flex-wrap:wrap}.readout{padding:.15rem .5rem}.res>div{flex:1;min-width:0}.um-name{display:none}.hud.compass{padding:.3rem .45rem}.hud.compass svg{width:38px;height:38px}.hud.compass div{display:none}.map-hint{max-width:90%;font-size:.6rem;bottom:10px}.unitbar{flex-wrap:wrap;gap:.45rem;padding:.4rem 16px;position:sticky;bottom:0}.ub-power{border-right:0;flex-direction:row;gap:1rem;padding-right:0}.ub-units{flex-basis:100%;order:2}.ub-units li{flex:none}.ub-key,.ub-queue{display:none}.inspector.docked{width:min(340px,100% - 24px);max-height:60vh;position:fixed;bottom:118px;left:50%;right:auto;transform:translate(-50%)}.inspector:not(.docked){max-height:60vh;position:fixed;bottom:118px;top:auto!important;left:50%!important;transform:translate(-50%)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=960px){.profile-body{grid-template-columns:1fr}.profile-preview{position:relative;top:0}.emblems{grid-template-columns:repeat(3,1fr)}}html{scroll-behavior:smooth}.landing{background:#03050b;min-height:100vh;position:relative;overflow-x:clip}.landing>:not(.ln-bg){z-index:1;position:relative}.landing [data-reveal]{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transform:translateY(32px)}.landing [data-reveal].in{opacity:1;filter:none;transform:none}.landing .kicker,.ln-section>header small,.live-copy small,.story-step small{font-family:var(--display);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan);font-size:.72rem}.ln-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ln-bg .blob{filter:blur(90px);opacity:.35;mix-blend-mode:screen;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.ln-bg .b1{background:radial-gradient(closest-side,#1b4f8f,#0000);animation:26s ease-in-out infinite alternate mesh1;top:-15vmax;left:-20vmax}.ln-bg .b2{background:radial-gradient(closest-side,#0f6b5c,#0000);animation:32s ease-in-out infinite alternate mesh2;top:30vh;right:-25vmax}.ln-bg .b3{opacity:.25;background:radial-gradient(closest-side,#3b2a8f,#0000);animation:38s ease-in-out -10s infinite alternate-reverse mesh1;bottom:-30vmax;left:20vw}@keyframes mesh1{to{transform:translate(18vw,12vh)scale(1.2)}}@keyframes mesh2{to{transform:translate(-16vw,-14vh)scale(.9)}}.ln-bg .grain{opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.landing-nav{align-items:center;gap:.6rem;padding:1rem max(16px,50vw - 620px);transition:background .3s,padding .3s,box-shadow .3s;display:flex;top:0;z-index:30!important;position:sticky!important}.landing-nav.solid{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 1px 0 var(--line);background:#040710b8;padding-top:.55rem;padding-bottom:.55rem}.landing-nav .spacer{flex:1}.landing-nav .hbtn{white-space:nowrap}.ln-logo{text-decoration:none}.ln-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04081266;gap:.2rem;margin-left:1.4rem;padding:.25rem;display:flex}.ln-links a{color:var(--muted);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;padding:.35rem .85rem;font-size:.74rem;text-decoration:none;transition:color .2s,background .2s;position:relative}.ln-links a:hover{color:var(--ink);background:#5ee7ff14}.hbtn.primary{color:#02141a;background:var(--cyan);border-color:var(--cyan)}.hbtn.primary:hover{color:#02141a;background:#9ff3ff}.hero{align-items:center;min-height:100vh;margin-top:-64px;padding:110px max(16px,50vw - 620px) 90px;display:flex;position:relative;overflow:hidden}.hero-scene{opacity:.85;width:100%;height:100%;display:block;position:absolute;inset:0}.hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#03050beb 0%,#03050ba6 40%,#03050b40 70%,#03050b99),linear-gradient(#0000 70%,#03050b);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:3rem;width:100%;display:grid;position:relative}.hero-badge{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#c9f6ff;border:1px solid var(--line2);animation:rise .8s var(--ease) both;background:linear-gradient(90deg,#5ee7ff24,#5ee7ff05);align-items:center;gap:.55rem;padding:.35rem .85rem;font-size:.72rem;display:inline-flex}.hero-badge i{background:var(--moss);width:7px;height:7px;box-shadow:0 0 10px var(--moss);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.hero h1{letter-spacing:-.01em;color:#f4f8ff;margin:1.2rem 0 1rem;font-size:clamp(2.6rem,5.8vw,5rem);font-weight:700;line-height:1.02}.split{display:block}.split .word{white-space:nowrap;display:inline-block}.split .word>span{opacity:0;filter:blur(8px);animation:letterIn .8s var(--ease) forwards;display:inline-block;transform:translateY(.6em)rotate(6deg)}@keyframes letterIn{to{opacity:1;filter:none;transform:none}}.split.accent .word>span{background:linear-gradient(100deg, #8ff5c6, var(--cyan) 40%, #a17dff 80%);color:#0000;animation:letterIn .8s var(--ease) forwards, shine 6s linear 1.5s infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.hero .lead{color:#c8d3ef;max-width:52ch;animation:rise 1s var(--ease) .7s both;margin:0 0 1.8rem;font-size:1.1rem;line-height:1.6}.hero .cta{animation:rise 1s var(--ease) .85s both;justify-content:flex-start}.hero-proof{color:var(--muted);animation:rise 1s var(--ease) 1s both;flex-wrap:wrap;gap:.5rem 1.6rem;margin:1.8rem 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.hero-proof b{font-family:var(--display);color:#f2f6ff;margin-right:.3rem}.hero-device{perspective:1600px;animation:deviceIn 1.4s var(--ease) .3s both}@keyframes deviceIn{0%{opacity:0;transform:translate(60px)rotateY(-18deg)scale(.94)}}.cta{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.cta-main,.cta-alt{--cut:12px;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:background .2s, box-shadow .25s, transform .25s var(--ease);align-items:center;gap:.7rem;padding:1rem 2.1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cta-main{color:#02141a;background:linear-gradient(110deg, #c9f8ff, var(--cyan) 45%, #7ee8c3);background-size:200% 100%;animation:5s linear infinite shine;box-shadow:0 0 40px #5ee7ff80}.cta-main:after{content:"";animation:ctaShine 3.6s var(--ease) 1.4s infinite;background:linear-gradient(100deg,#0000 30%,#ffffffbf 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}@keyframes ctaShine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.cta-main span{transition:transform .25s var(--ease)}.cta-main:hover{color:#02141a;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 60px #5ee7ffcc}.cta-main:hover span{transform:translate(5px)}.cta-alt{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0408128c}.cta-alt:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--cyan);background:#5ee7ff24}.scroll-cue{z-index:2;border:1px solid var(--line2);border-radius:14px;width:26px;height:42px;margin-left:-13px;position:absolute;bottom:26px;left:50%}.scroll-cue i{background:var(--cyan);border-radius:2px;width:3px;height:8px;margin-left:-1.5px;animation:1.8s ease-in-out infinite cue;position:absolute;top:8px;left:50%}@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(16px)}}.tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .4s var(--ease);position:relative}.screen{background:#05070d;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5ee7ff59,0 40px 120px #000000b3,0 0 80px #5ee7ff2e}.screen-bar{border-bottom:1px solid var(--line);background:linear-gradient(#111829,#0a0f1c);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.screen-bar i{background:#2a3350;border-radius:50%;width:9px;height:9px}.screen-bar i:first-child{background:#ff5f57}.screen-bar i:nth-child(2){background:#febc2e}.screen-bar i:nth-child(3){background:#28c840}.screen-bar span{font-family:var(--display);letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-left:10px;font-size:.66rem}.screen img{width:100%;height:auto;display:block}.screen-glare{pointer-events:none;background:radial-gradient(500px circle at var(--gx,50%) var(--gy,0%), #ffffff1a, transparent 45%);mix-blend-mode:screen;position:absolute;inset:0}.hero-device .screen{transform:translateZ(40px)}.chip{z-index:2;white-space:nowrap;font-family:var(--display);letter-spacing:.04em;color:#eaf6ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line2), 0 16px 40px #00000080;background:#080d1cd9;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.8rem;animation:6s ease-in-out infinite chipFloat;display:inline-flex;position:absolute;transform:translateZ(90px)}.chip i{width:8px;height:8px;transform:rotate(45deg)}.chip i.ok{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.chip i.bad{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:1.2s ease-in-out infinite pulse}.chip i.gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.chip.c1{top:22%;left:-28px}.chip.c2{animation-delay:-2s;top:8%;right:-24px}.chip.c3{animation-delay:-4s;bottom:-18px;right:10%}@keyframes chipFloat{50%{translate:0 -12px}}.ticker{border-block:1px solid var(--line);background:linear-gradient(90deg,#5ee7ff0f,#a17dff0f);padding:.9rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.ticker>div{width:max-content;animation:40s linear infinite marquee;display:flex}.ticker span{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:#cfe2ff;white-space:nowrap;align-items:center;gap:2.2rem;padding-right:2.2rem;font-size:.95rem;display:inline-flex}.ticker span i{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);transform:rotate(45deg)}@keyframes marquee{to{transform:translate(-50%)}}.ln-section{max-width:1240px;margin:0 auto;padding:7rem 16px 1rem}.ln-section>header{text-align:center;max-width:760px;margin:0 auto 3rem}.ln-section>header h2{color:#f4f8ff;letter-spacing:-.01em;margin:.7rem 0 .8rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.ln-section>header p{color:var(--muted);margin:0;font-size:1.06rem}.story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;display:grid}.story-steps{flex-direction:column;display:flex}.story-step{border-left:2px solid var(--line);opacity:.28;min-height:72vh;transition:opacity .5s var(--ease), border-color .5s;flex-direction:column;justify-content:center;padding-left:1.6rem;display:flex}.story-step.on{opacity:1;border-left-color:var(--cyan)}.story-step h3{color:#f4f8ff;margin:.6rem 0 .8rem;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.15}.story-step p{color:#c3cde8;max-width:46ch;margin:0;font-size:1.04rem;line-height:1.65}.story-mobile-shot{margin-top:1.4rem;display:none}.story-stage{perspective:1600px;flex-direction:column;justify-content:center;align-self:start;height:72vh;display:flex;position:sticky;top:14vh}.story-stack{aspect-ratio:16/9.3;position:relative}.story-shot{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);position:absolute;inset:0;transform:translateY(24px)scale(.97)}.story-shot.on{opacity:1;transform:none}.story-dots{justify-content:center;gap:.5rem;margin-top:1.4rem;display:flex}.story-dots i{background:var(--line2);width:28px;height:3px;transition:background .4s, width .4s var(--ease)}.story-dots i.on{background:var(--cyan);width:54px;box-shadow:0 0 10px var(--cyan)}.spot{position:relative;overflow:hidden}.spot:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #5ee7ff29, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.spot:hover:before{opacity:1}.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:1rem;display:grid}.bento-card{--cut:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:box-shadow .3s, opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);background:linear-gradient(#10182ed9,#060912eb);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex}.bento-card:hover{box-shadow:inset 0 0 0 1px var(--line2), inset 0 2px 0 var(--cyan)}.bento-card.wide{grid-column:span 2}.bento-card.tall{grid-row:span 2}.bento-text{z-index:2;position:relative}.bento-card h3{color:#f4f8ff;margin:0 0 .4rem;font-size:1.25rem}.bento-card p{color:var(--muted);max-width:38ch;margin:0;font-size:.92rem}.bento-icon{fill:none;width:52px;height:52px;stroke:var(--cyan);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #5ee7ff99);margin-bottom:auto}.bento-card.tall .bento-icon{width:90px;height:90px;margin-bottom:1.4rem;animation:5s ease-in-out infinite floaty}@keyframes floaty{50%{transform:translateY(-10px)}}.bento-card:not(.has-shot){justify-content:space-between}.bento-shot{object-fit:cover;object-position:center 85%;opacity:.5;width:100%;height:100%;transition:transform 1.2s var(--ease), opacity .5s;position:absolute;inset:0;transform:scale(1.06);-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.bento-card:hover .bento-shot{opacity:.65;transform:scale(1.12)}.bento-card.has-shot:after{content:"";z-index:1;background:linear-gradient(#0000 35%,#03050beb);position:absolute;inset:0}.stats-band{border-block:1px solid var(--line);background:linear-gradient(90deg,#0000,#5ee7ff0f,#0000);grid-template-columns:repeat(4,1fr);max-width:1240px;margin:7rem auto 0;padding:2rem 16px;display:grid}.stats-band div{text-align:center}.stats-band b{font-family:var(--display);color:#f2f8ff;text-shadow:0 0 24px #5ee7ff73;font-size:clamp(2rem,4.4vw,3.4rem);display:block}.stats-band small{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.rules{--cut:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line2);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:linear-gradient(#0e1426e6,#060912f0)}.rules-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.rules-tabs button{cursor:pointer;color:var(--muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:.5rem;padding:.95rem .8rem;font-size:.78rem;transition:color .2s,background .2s;display:flex;position:relative}.rules-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rules-tabs button:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 8px var(--cyan);transition:transform .3s var(--ease);position:absolute;bottom:-1px;left:15%;right:15%;transform:scaleX(0)}.rules-tabs button:hover{color:var(--ink);background:#5ee7ff0a}.rules-tabs button[aria-selected=true]{color:var(--cyan)}.rules-tabs button[aria-selected=true]:after{transform:scaleX(1)}.rules-panel{animation:panelIn .4s var(--ease) both;padding:2rem}.rule-body{grid-template-columns:1fr 1fr;align-items:start;gap:2.2rem;display:grid}.rule-text h3{text-transform:uppercase;letter-spacing:.1em;color:#f2f8ff;margin:0 0 .8rem;font-size:1.3rem}.rule-text p{color:#c3cde8;margin:0 0 .8rem}.rule-demo{box-shadow:inset 0 0 0 1px var(--line);background:#00000059;padding:1.2rem}.rs-slider{margin-bottom:.9rem;display:block}.rs-slider span{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:.3rem;font-size:.72rem;display:flex}.rs-slider b{color:var(--cyan);letter-spacing:.04em;font-size:.95rem}.rs-slider input{width:100%;accent-color:var(--cyan)}.rs-bars{align-items:flex-end;gap:3px;height:110px;margin:.4rem 0 1rem;display:flex}.rs-bars i{background:#5ee7ff1f;flex:1;transition:background .3s,box-shadow .3s}.rs-bars i.on{background:linear-gradient(180deg, var(--cyan), #5ee7ff59);box-shadow:0 0 8px #5ee7ff66}.rs-readout{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:.4rem 0;display:grid}.rs-readout div{background:#070b16;padding:.6rem .7rem}.rs-readout dt{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.rs-readout dd{font-family:var(--display);color:#f2f8ff;margin:.15rem 0 0;font-size:1.3rem;font-weight:700}.rs-note{color:var(--faint);margin:.5rem 0 0;font-size:.78rem}.rs-verdict{border-left:2px solid var(--moss);color:#b8ffe0;background:#43d39a14;margin:.8rem 0 0;padding:.55rem .8rem;font-size:.9rem;font-weight:600}.rs-verdict.warn{border-left-color:var(--gold);color:#ffd39a;background:#ffb54714}.rs-verdict.bad{border-left-color:var(--danger);color:#ffb3bd;background:#ff4d641a}.alt-demo{grid-template-columns:1fr 84px;gap:1.2rem;display:grid}.alt-gauge{height:290px;box-shadow:inset 0 0 0 1px var(--line2);background:linear-gradient(#050816,#121a3a 60%,#13303a);position:relative;overflow:hidden}.alt-gauge:before{content:"";background:repeating-linear-gradient(0deg,#5ee7ff1f 0 1px,#0000 1px 10%);position:absolute;inset:0}.alt-gauge .fogfill{transition:height .5s var(--ease);background:linear-gradient(#78ffbe99,#288c69d9 14%,#0c3328);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #4fbf8f80}.alt-gauge .isle{background:var(--cyan);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:46px;height:22px;box-shadow:0 0 16px var(--cyan);filter:drop-shadow(0 0 8px var(--cyan));transition:bottom .6s var(--ease);margin:0 0 -11px -23px;position:absolute;left:50%}.alt-gauge .fogmark{font-family:var(--display);letter-spacing:.08em;color:#b8ffe0;transition:bottom .5s var(--ease);margin-bottom:4px;font-size:.6rem;position:absolute;right:4px}.wind-demo svg{width:100%;height:auto;margin-bottom:.8rem;display:block}.wind-demo .wl{stroke:#5ee7ff2e;stroke-width:1px}.wind-demo .wl.dim{stroke:#5ee7ff14}.wind-demo .isl{stroke-width:1.5px}.wind-demo .isl.hi{fill:#5ee7ff40;stroke:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}.wind-demo .isl.lo{fill:#ff7a4d33;stroke:var(--other)}.wind-demo text{fill:var(--muted);font:600 10px var(--display);text-anchor:middle;letter-spacing:.08em}.wind-demo .drift{offset-path:path("M-20 250 L420 -10");animation:6s linear infinite driftPath}.wind-demo .drift.slow{offset-path:path("M60 260 L420 50");animation-duration:14s}@keyframes driftPath{0%{offset-distance:0%}to{offset-distance:100%}}.wind-demo .drift{offset-rotate:0deg}.wind-demo .windarrow path{stroke:var(--gold);stroke-width:2.5px;fill:none}.wind-demo .windarrow .head{fill:var(--gold);stroke:none}.wind-demo .windarrow text{fill:var(--gold);text-anchor:start}.battle{box-shadow:inset 0 0 0 1px var(--line);text-align:center;background:#00000059;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:.6rem 0 0;padding:.8rem 1rem;display:grid}.battle small{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.battle b{font-family:var(--display);font-size:1.8rem;transition:color .3s;display:block}.battle .vs{font-family:var(--display);color:var(--faint);letter-spacing:.2em;font-weight:700}.battle.win div:first-child b{color:#8ff5c6;text-shadow:0 0 14px #43d39a99}.battle.loss div:last-child b{color:#ff8796;text-shadow:0 0 14px #ff4d6499}.anchor-demo .chains{justify-content:center;gap:1rem;margin:.4rem 0 1rem;display:flex}.anchor-demo .chains i{width:46px;height:28px;transition:border-color .4s, box-shadow .4s, transform .4s var(--ease);border:2px solid #ffb54740;border-radius:14px}.anchor-demo .chains i.on{border-color:var(--gold);transform:rotate(-12deg);box-shadow:0 0 14px #ffb547b3,inset 0 0 8px #ffb54766}.anchor-demo .chains.captured i{animation:1s ease-in-out infinite chainPulse}@keyframes chainPulse{50%{box-shadow:0 0 26px #ffb547}}.archi{height:90px;margin-bottom:1rem;position:relative}.archi span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:64px;height:38px;transition:left 1.2s var(--ease), background .8s;margin-top:-19px;position:absolute;top:50%}.archi .main-isle{background:var(--cyan);box-shadow:0 0 16px var(--cyan);left:calc(30% - 32px)}.archi .new-isle{background:var(--other);left:calc(78% - 32px)}.archi.joined .new-isle{background:#5ee7ffb3;left:calc(30% + 22px)}.end-demo svg{width:100%;height:auto;display:block}.end-demo .axis{stroke:var(--line2);fill:none}.end-demo .fogarea{fill:#4fbf8f38}.end-demo .fogline{stroke:#8ff5c6;stroke-width:2px;fill:none;filter:drop-shadow(0 0 4px #4fbf8f);stroke-dasharray:500;stroke-dashoffset:500px;animation:drawLine 2.4s var(--ease) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.end-demo .night{fill:#788cff14}.end-demo .isles{fill:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan))}.end-demo text{fill:var(--muted);font:600 10px var(--display);letter-spacing:.1em}.end-demo .lbl{fill:#8ff5c6}.units-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.unit-card{--cut:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:box-shadow .3s, opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);background:linear-gradient(#0e1426db,#060912eb);padding:1.6rem}.unit-card:hover{box-shadow:inset 0 0 0 1px var(--line2), inset 0 2px 0 var(--cyan)}.uc-icon{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform .4s var(--ease);background:radial-gradient(circle at 50% 60%,#5ee7ff29,#0000 70%);place-items:center;display:grid}.unit-card:hover .uc-icon{transform:rotate(-8deg)scale(1.08)}.uc-icon svg{filter:drop-shadow(0 0 4px #5ee7ff80);width:42px;height:42px}.uc-portrait{width:96px;height:115px;box-shadow:inset 0 0 0 1px var(--line2), 0 10px 24px #0006;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .4s var(--ease)}.unit-card:hover .uc-portrait{transform:translateY(-3px)scale(1.04)}.uc-portrait svg{width:100%;height:100%;display:block}.unit-card h3{text-transform:uppercase;letter-spacing:.1em;color:#f2f8ff;margin:.9rem 0 .3rem;font-size:1.05rem}.unit-card p{color:var(--muted);min-height:2.6em;margin:0 0 .9rem;font-size:.9rem}.unit-card dl{gap:.35rem;margin:0;display:grid}.unit-card dl div{grid-template-columns:70px 1fr;align-items:center;gap:.6rem;display:grid}.unit-card dt{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.unit-card dd{background:#ffffff0d;height:14px;margin:0;position:relative}.unit-card dd i{background:linear-gradient(90deg, #5ee7ff66, var(--cyan));transform-origin:0;transition:transform 1.1s var(--ease) .3s;position:absolute;inset:0 auto 0 0;transform:scaleX(0);box-shadow:0 0 8px #5ee7ff66}.unit-card.in dd i{transform:scaleX(1)}.unit-card dd span{font-family:var(--display);color:var(--ink);font-size:.7rem;position:absolute;top:-1px;right:4px}.showcase{box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(at 20% 80%,#5ee7ff1f,#0000 60%),linear-gradient(#0e1426db,#060912eb);grid-template-columns:auto 1fr;align-items:center;gap:3rem;padding:2.4rem;display:grid}.sc-stage{background:radial-gradient(circle at 50% 80%,#5ee7ff38,#0000 60%),radial-gradient(at 50% 94%,#4fbf8f4d,#0000 50%);width:420px;height:340px;position:relative}.sc-tier{box-shadow:inset 0 0 0 1px var(--line2);animation:rise .4s var(--ease) both;background:#040812cc;padding:.45rem .8rem;position:absolute;top:0;left:0}.sc-tier small{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.6rem;display:block}.sc-tier b{font-family:var(--display);color:var(--gold);letter-spacing:.08em}.sc-steps{gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.sc-steps i{background:var(--line2);flex:1;height:3px;transition:background .4s}.sc-steps i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.sc-side h3{color:#f2f8ff;margin:.6rem 0;font-size:2rem}.sc-side p{color:#c3cde8}.sc-list{flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;display:flex}.sc-list button{border:1px solid var(--line);cursor:pointer;color:var(--muted);font-family:var(--display);letter-spacing:.08em;background:#5ee7ff0a;padding:.45rem .8rem;font-size:.74rem;transition:all .2s}.sc-list button:hover{color:var(--ink);border-color:var(--line2)}.sc-list button.on{color:#02141a;background:var(--cyan);border-color:var(--cyan)}.live-cta{max-width:1240px;min-height:520px;box-shadow:inset 0 0 0 1px var(--line2);background:#04070f;grid-template-columns:1fr 1fr;align-items:center;margin:8rem auto 2rem;display:grid;position:relative;overflow:hidden}.live-shot{position:absolute;inset:0}.live-shot img{object-fit:cover;opacity:.55;width:100%;height:100%;animation:30s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.18)translate(-3%,-2%)}}.live-shot:after{content:"";background:linear-gradient(90deg,#03050b33,#03050be0 55%),radial-gradient(at 80%,#5ee7ff26,#0000 60%);position:absolute;inset:0}.live-copy{grid-column:2;padding:3rem;position:relative}.live-copy h2{color:#f4f8ff;margin:.7rem 0 1.2rem;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.1}.live-copy p{color:#c3cde8;margin:1.2rem 0 1.6rem}.live-copy .cta{justify-content:flex-start}.countdown{background:var(--line);gap:1px;width:max-content;display:flex}.countdown div{background:#040812d9;padding:.8rem 1.2rem}.countdown b{font-family:var(--display);color:var(--gold);text-shadow:0 0 20px #ffb54780;font-variant-numeric:tabular-nums;font-size:2.4rem;line-height:1;display:block}.countdown small{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.faq{max-width:820px;margin:0 auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--display);letter-spacing:.04em;color:#f2f8ff;padding:1.2rem 2.4rem 1.2rem 0;font-size:1.05rem;list-style:none;transition:color .2s;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cyan);transition:transform .3s var(--ease);font-size:1.4rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq summary:hover{color:var(--cyan)}.faq details p{color:var(--muted);animation:rise .35s var(--ease) both;margin:0 0 1.2rem}.landing-foot{border-top:1px solid var(--line);max-width:1240px;color:var(--faint);flex-wrap:wrap;align-items:center;gap:1.2rem;margin:5rem auto 0;padding:1.8rem 16px 5rem;font-size:.82rem;display:flex}.landing-foot .spacer{flex:1}.landing-foot a{color:var(--muted);text-decoration:none}.landing-foot a:hover{color:var(--cyan)}.sticky-cta{--cut:10px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#02141a;background:linear-gradient(110deg, #c9f8ff, var(--cyan));clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));opacity:0;pointer-events:none;transition:opacity .4s var(--ease), transform .4s var(--ease);gap:.6rem;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex;bottom:22px;right:22px;transform:translateY(20px);box-shadow:0 0 30px #5ee7ff99;z-index:40!important;position:fixed!important}.sticky-cta.show{opacity:1;pointer-events:auto;transform:none}.sticky-cta:hover{color:#02141a;box-shadow:0 0 46px #5ee7ffe6}@media (width<=1080px){.ln-links{display:none}.hero-grid{grid-template-columns:1fr}.hero-device{max-width:720px}.chip.c1{left:6px}.chip.c2{right:6px}.story{grid-template-columns:1fr}.story-stage{display:none}.story-step{opacity:1;min-height:0;padding:2rem 0 2rem 1.2rem}.story-mobile-shot{display:block}.bento{grid-template-columns:1fr 1fr}.bento-card.tall{grid-row:auto}.rule-body{grid-template-columns:1fr}.units-grid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr;justify-items:center}.live-cta{grid-template-columns:1fr}.live-copy{grid-column:1}}@media (width<=640px){.landing-nav .logo-text{display:none}.landing-nav .hbtn{padding:.28rem .6rem;font-size:.72rem}.hero{padding-top:96px}.hero-scene{opacity:.3}.chip{padding:.4rem .6rem;font-size:.66rem}.bento{grid-template-columns:1fr;grid-auto-rows:210px}.bento-card.wide,.bento-card.tall{grid-area:auto}.stats-band{grid-template-columns:1fr 1fr;row-gap:1.2rem}.units-grid{grid-template-columns:1fr}.rules-panel{padding:1.2rem}.rules-tabs button{flex-basis:33%;padding:.7rem .3rem;font-size:.64rem}.alt-demo{grid-template-columns:1fr 60px}.sc-stage,.sc-stage canvas{width:300px!important;height:250px!important}.live-copy{padding:2rem 1.2rem}.countdown b{font-size:1.8rem}.ln-section{padding-top:4.5rem}.sticky-cta{justify-content:center;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.landing [data-reveal],.split .word>span{opacity:1;filter:none;transform:none}}.notices{z-index:6;pointer-events:none;flex-direction:column;gap:.5rem;width:300px;display:flex;position:absolute;top:64px;right:14px}.notice{--cut:10px;pointer-events:auto;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line2), inset 3px 0 0 var(--cyan);animation:noticeIn .45s var(--ease) both;background:linear-gradient(#10182cf2,#060912f5);grid-template-columns:44px 1fr auto;align-items:center;gap:.65rem;padding:.6rem .7rem .75rem;display:grid;position:relative;overflow:hidden}.notice.training{box-shadow:inset 0 0 0 1px var(--line2), inset 3px 0 0 var(--gold)}@keyframes noticeIn{0%{opacity:0;transform:translate(40px)}}.nt-icon{background:radial-gradient(circle at 50% 70%,#5ee7ff2e,#0000 70%);place-items:center;width:44px;height:44px;display:grid}.nt-icon svg{width:34px;height:34px}.nt-body{flex-direction:column;min-width:0;line-height:1.25;display:flex}.nt-body small{font-family:var(--display);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;color:var(--cyan);font-size:.56rem}.notice.training .nt-body small{color:var(--gold)}.nt-body b{font-family:var(--display);color:#f2f6ff;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.nt-island{color:var(--muted);font-size:.76rem}.nt-look{color:var(--gold);font-size:.74rem;font-weight:700}.nt-actions{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.nt-actions .in-close{font-size:1.1rem}.nt-timer{background:var(--cyan);transform-origin:0;opacity:.6;width:100%;height:2px;animation:linear both ntTimer;position:absolute;bottom:0;left:0}.notice.training .nt-timer{background:var(--gold)}@keyframes ntTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=960px){.notices{width:min(300px,100% - 24px);top:54px;left:50%;right:auto;transform:translate(-50%)}}.switcher{position:relative}.sw-btn{border:1px solid var(--line2);color:inherit;cursor:pointer;background:#5ee7ff0d;align-items:center;gap:.6rem;padding:.22rem .7rem;transition:border-color .2s,box-shadow .2s;display:flex}.sw-btn:hover,.sw-btn[aria-expanded=true]{border-color:var(--cyan);box-shadow:var(--glow)}.sw-label{text-align:left;line-height:1.1;font-family:var(--display);flex-direction:column;display:flex}.sw-label small{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-size:.56rem}.sw-label b{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.88rem;overflow:hidden}.mega{--cut:16px;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(1000px,100vw - 32px);max-height:calc(100vh - 110px);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line2), inset 0 2px 0 var(--cyan), 0 30px 80px #0009;animation:megaIn .3s var(--ease) both;background:linear-gradient(#0e1428f7,#050812fa);padding:1.1rem 1.2rem 1.3rem;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto}@keyframes megaIn{0%{opacity:0;transform:translateY(-10px)}}.mega-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem;padding-bottom:.9rem;display:flex}.mega-head small{font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);font-size:.6rem}.mega-head h3{text-transform:uppercase;letter-spacing:.1em;color:#f2f6ff;margin:.2rem 0 0;font-size:1.25rem}.mega-head h3 em{letter-spacing:.12em;color:var(--gold);vertical-align:.2em;border:1px solid #ffb54773;margin-left:.8rem;padding:.1rem .45rem;font-size:.7rem;font-style:normal}.mega-totals{background:var(--line);gap:1px;margin:0;display:flex}.mega-totals div{background:#070b16;padding:.35rem .75rem}.mega-totals dt{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:.56rem}.mega-totals dd{font-family:var(--display);margin:0;font-size:.95rem;font-weight:700}.mega-totals .wood dd{color:var(--wood)}.mega-totals .stone dd{color:var(--stone)}.mega-totals .ether dd{color:var(--ether)}.mega-totals .atk dd{color:#ff8f7a}.mega-totals .def dd{color:#8fd2ff}.mega-loading{margin:.5rem 0}.mega-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.7rem;display:grid}.mega-cell{animation:rise .4s var(--ease) both}.isl-card{--cut:10px;text-align:left;width:100%;color:inherit;cursor:pointer;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line);transition:background .2s, box-shadow .2s, transform .25s var(--ease);background:linear-gradient(#5ee7ff0f,#5ee7ff03);border:0;flex-direction:column;gap:.55rem;padding:.7rem .8rem .8rem;display:flex;position:relative}.isl-card:hover{box-shadow:inset 0 0 0 1px var(--line2), var(--glow);background:linear-gradient(#5ee7ff1f,#5ee7ff05);transform:translateY(-3px)}.isl-card.current{box-shadow:inset 0 0 0 1px var(--cyan), inset 0 0 24px #5ee7ff1f}.isl-card.fogged{box-shadow:inset 0 0 0 1px #ff4d6499,inset 0 0 24px #ff4d641a}.ic-top{align-items:center;gap:.6rem;display:flex}.ic-top canvas{flex:none;margin:-4px -6px -6px -8px}.ic-ph{width:70px;height:50px}.ic-name{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ic-name b{font-family:var(--display);letter-spacing:.04em;color:#f2f6ff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.ic-tags{flex-wrap:wrap;gap:.25rem;display:flex}.ic-tags em{font-style:normal;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line2);padding:.02rem .35rem;font-size:.56rem}.ic-tags em.here{color:#02141a;background:var(--cyan);border-color:var(--cyan)}.ic-tags em.bad{color:#ffb3bd;border-color:#ff4d6499}.ic-tags em.warn{color:var(--gold);border-color:#ffb54780}.ic-alt{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.62rem;display:grid}.ic-alt>i{background:#ffffff0f;height:6px;display:block;position:relative}.ic-alt .fog{background:linear-gradient(90deg, #1f6b52, var(--fog));opacity:.8;display:block;position:absolute;inset:0 auto 0 0}.ic-alt .me{background:var(--cyan);width:4px;height:12px;box-shadow:0 0 6px var(--cyan);margin-left:-2px;display:block;position:absolute;top:-3px}.ic-alt b{color:var(--ink);letter-spacing:.02em;font-size:.85rem}.ic-res{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.ic-res span{font-family:var(--display);background:#00000059;padding:.15rem .4rem .25rem;font-size:.78rem;position:relative;overflow:hidden}.ic-res span i{height:2px;position:absolute;bottom:0;left:0}.ic-res .wood i{background:var(--wood)}.ic-res .stone i{background:var(--stone)}.ic-res .ether i{background:var(--ether)}.ic-res .wood b{color:var(--wood)}.ic-res .stone b{color:var(--stone)}.ic-res .ether b{color:#c3b6ff}.ic-army{font-family:var(--display);color:var(--muted);gap:.8rem;font-size:.74rem;display:flex}.ic-army b{color:var(--ink)}.ic-army .atk{color:#ff8f7a}.ic-army .def{color:#8fd2ff}.ic-jobs{border-top:1px solid var(--line);flex-direction:column;gap:.2rem;padding-top:.45rem;font-size:.78rem;display:flex}.ic-jobs span{color:#d7e0f5;align-items:center;gap:.4rem;display:flex}.ic-jobs span.none{color:var(--faint)}.ic-jobs time{font-family:var(--display);color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto}.ic-jobs .dot{background:var(--faint);flex:none;width:6px;height:6px;transform:rotate(45deg)}.ic-jobs .dot.b{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.ic-jobs .dot.t{background:var(--gold);box-shadow:0 0 6px var(--gold)}.ic-jobs.idle .none{color:var(--gold)}.ic-jobs.idle .dot{background:var(--gold);animation:1.6s ease-in-out infinite pulse}@media (width<=960px){.mega{width:auto;max-height:calc(100vh - 80px);position:fixed;top:60px;left:12px;right:12px}.mega-totals{flex-wrap:wrap}}.game-header{z-index:30}.isl-card>*{align-self:stretch;width:100%}.ic-units{grid-template-columns:repeat(6,1fr);gap:3px;margin:0;padding:0;list-style:none;display:grid}.ic-units li{box-shadow:inset 0 0 0 1px var(--line);background:#00000059;flex-direction:column;align-items:center;gap:1px;padding:.2rem 0 .25rem;display:flex}.ic-units svg{filter:drop-shadow(0 0 2px #5ee7ff66);width:20px;height:20px}.ic-units b{font-family:var(--display);color:#f2f6ff;font-variant-numeric:tabular-nums;font-size:.74rem}.ic-units li.zero{opacity:.35}.ic-units li.zero svg{filter:grayscale()}.rd{border-top:1px solid var(--line);animation:rise .3s var(--ease) both;margin-top:.6rem;padding-top:.6rem;font-size:.82rem}.rd h4{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:.7rem 0 .3rem;font-size:.68rem}.rd-sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.rd-sides>div{flex-direction:column;min-width:0;display:flex}.rd-sides>div:last-child{text-align:right}.rd-sides small{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:.58rem}.rd-sides b{font-family:var(--display);overflow-wrap:anywhere}.rd-verdict{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;padding:.15rem .45rem;font-size:.62rem}.rd-verdict.atk{color:#ff8f7a;border-color:#ff8f7a80}.rd-verdict.def{color:#8fd2ff;border-color:#8fd2ff80}.rd-kv{background:var(--line);flex-wrap:wrap;gap:1px;margin:.4rem 0;display:flex}.rd-kv div{background:#070b16;flex:120px;padding:.35rem .5rem}.rd-kv dt{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.56rem}.rd-kv dd{font-family:var(--display);color:var(--ink);margin:.1rem 0 0;font-weight:600}.rd-kv dd small{color:var(--muted);font-weight:400}.rd-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.rd-table th,.rd-table td{text-align:right;border-bottom:1px solid var(--line);padding:.25rem .4rem}.rd-table th:first-child,.rd-table td:first-child{text-align:left}.rd-table th{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.58rem;font-weight:600}.rd-table td.bad{color:#ff8796}.rd-table td.good{color:#9ff0c9}.rd-empty{color:var(--faint);margin:.2rem 0;font-style:italic}.rd-res{border-left:2px solid var(--gold);background:#ffb5470f;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin:.6rem 0 .2rem;padding:.4rem .55rem;display:flex}.rd-res span{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.62rem}.rd-res b{font-family:var(--display)}.rd-res b small{color:var(--muted);font-weight:400}.rd-res .wood{color:var(--wood)}.rd-res .stone{color:var(--stone)}.rd-res .ether{color:#c3b6ff}.rd-res em{color:var(--muted);margin-left:auto;font-size:.74rem;font-style:normal}.rd-when{color:var(--faint);margin:.5rem 0 0;font-size:.72rem}.p-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.8rem;margin:1.15rem 0 .5rem;padding-bottom:.35rem;display:flex}.panel .p-head h3{font-family:var(--display);letter-spacing:.16em;margin:0;font-size:.82rem}.p-note{color:var(--faint);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.72rem}.p-filters{box-shadow:inset 0 0 0 1px var(--line);background:#5ee7ff08;gap:.25rem;margin:0 0 .55rem;padding:.2rem;display:flex}.p-filters button{color:var(--muted);font:600 .74rem var(--ui);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.32rem .4rem;transition:color .2s,background .2s;display:inline-flex}.p-filters button:hover{color:var(--ink)}.p-filters button[aria-selected=true]{color:var(--btnink);background:var(--cyan);box-shadow:0 0 12px #5ee7ff59}.p-filters b{min-width:1rem;color:var(--cyan);background:#5ee7ff29;padding:0 .25rem;font-size:.66rem}.p-filters button[aria-selected=true] b{color:var(--btnink);background:#04060c33}.p-list{flex-direction:column;gap:.45rem;display:flex}.p-card{--cut:9px;box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));transition:box-shadow .25s, background .25s, transform .25s var(--ease);animation:rise .35s var(--ease) both;background:linear-gradient(110deg,#5ee7ff0d,#5ee7ff03 60%);grid-template-columns:58px 1fr auto;align-items:start;gap:.7rem;padding:.65rem .7rem;display:grid;position:relative}.p-card:before{content:"";background:var(--line2);width:2px;transition:background .25s,box-shadow .25s;position:absolute;top:0;bottom:0;left:0}.p-card:hover{box-shadow:inset 0 0 0 1px var(--line2);background:linear-gradient(110deg,#5ee7ff17,#5ee7ff05 60%)}.p-card.ready:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.p-card.working{background:linear-gradient(110deg,#ffb5471a,#ffb54704 60%);box-shadow:inset 0 0 0 1px #ffb54773}.p-card.working:before{background:var(--gold);box-shadow:0 0 10px var(--gold)}.p-card.locked{opacity:.62;grid-template-columns:58px 1fr}.p-card.locked .p-art{filter:grayscale()}.p-list>.p-card:nth-child(2){animation-delay:30ms}.p-list>.p-card:nth-child(3){animation-delay:60ms}.p-list>.p-card:nth-child(4){animation-delay:90ms}.p-list>.p-card:nth-child(n+5){animation-delay:.12s}.p-art{width:58px;height:58px;box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(circle at 50% 65%,#5ee7ff29,#0000 70%),#04060c8c;place-items:center;display:grid;position:relative}.p-art.unit svg{width:34px;height:34px;color:var(--cyan);filter:drop-shadow(0 0 6px #5ee7ff80)}.p-lvl{text-align:center;min-width:1.35rem;font:700 .7rem/1.35rem var(--display);color:var(--btnink);background:var(--gold);font-variant-numeric:tabular-nums;padding:0 .3rem;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 10px #ffb54780}.p-lvl.max{background:var(--moss);box-shadow:0 0 10px #43d39a80}.p-art.unit .p-lvl{color:var(--cyan);box-shadow:inset 0 0 0 1px var(--line2);background:#04060ce6}.p-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.p-title{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.p-title h4{font:600 .95rem/1.2 var(--display);letter-spacing:.03em;color:#f2f6ff;margin:0}.p-tier{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.p-effect,.p-desc{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.p-effect span{color:#c2cde8;font-variant-numeric:tabular-nums}.p-effect b{color:var(--moss);font-variant-numeric:tabular-nums}.p-look{color:var(--gold);margin:0;font-size:.72rem}.p-look:before{content:"◆ ";font-size:.6rem}.cchips{flex-wrap:wrap;gap:.25rem;display:flex}.cchip{font-variant-numeric:tabular-nums;color:#c2cde8;white-space:nowrap;background:#04060c80;align-items:center;gap:.3rem;padding:.08rem .42rem;font-size:.74rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #5ee7ff1a}.cchip>i{width:6px;height:6px;transform:rotate(45deg)}.cchip.wood>i{background:var(--wood)}.cchip.stone>i{background:var(--stone)}.cchip.ether>i{background:var(--ether);box-shadow:0 0 5px var(--ether)}.cchip.short{color:#ff8796;background:#ff4d6414;box-shadow:inset 0 0 0 1px #ff4d6466}.cchip em{opacity:.85;font-size:.66rem;font-style:normal}.cchip.time,.cchip.alt{color:var(--muted)}.cchip.alt.warn{color:var(--gold);box-shadow:inset 0 0 0 1px #ffb54766}.cchip.alt.bad{color:#ff8796;background:#ff4d6414;box-shadow:inset 0 0 0 1px #ff4d6473}.p-act{flex-direction:column;align-self:center;align-items:flex-end;gap:.3rem;max-width:7.5rem;display:flex}.p-act button.main{white-space:nowrap;padding:.45rem .8rem;font-size:.78rem}.p-status{font:600 .68rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--moss);text-align:right}.p-status.work{color:var(--gold);animation:2s ease-in-out infinite pulse}.p-why{color:var(--faint);text-align:right;margin:0;font-size:.7rem;line-height:1.3}.p-body .p-why{text-align:left}.p-foot{color:var(--faint);margin:.7rem 0 0;font-size:.72rem}.p-bar{background:#ffb54726;height:3px;display:block;overflow:hidden}.p-bar>i{background:linear-gradient(90deg, var(--gold2), var(--gold));height:100%;box-shadow:0 0 8px var(--gold);transition:width 1s linear;display:block}.p-job{--cut:9px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:linear-gradient(110deg,#ffb5471f,#ffb54705);grid-template-columns:48px 1fr auto;align-items:center;gap:.7rem;margin:.8rem 0 0;padding:.55rem .7rem;display:grid;box-shadow:inset 0 0 0 1px #ffb54766}.p-job-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.p-job small{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.64rem}.p-job b{font:600 .9rem var(--display)}.p-job time,.p-qitem time{font:700 .9rem var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.p-queue{flex-direction:column;gap:.3rem;display:flex}.p-qitem{box-shadow:inset 0 0 0 1px var(--line);background:#5ee7ff08;grid-template-columns:22px 1fr auto;align-items:center;gap:.25rem .55rem;padding:.4rem .6rem;font-size:.82rem;display:grid}.p-qitem svg{width:22px;height:22px;color:var(--muted)}.p-qitem.on{background:linear-gradient(110deg,#ffb5471a,#ffb54704);box-shadow:inset 0 0 0 1px #ffb54766}.p-qitem.on svg{color:var(--gold)}.p-qitem time{color:var(--muted);font-size:.76rem}.p-qitem.on time{color:var(--gold)}.p-qitem .p-bar{grid-column:1/-1}.p-stats{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.p-stats>span{grid-template-columns:auto 1fr;align-items:center;gap:.1rem .3rem;display:grid}.p-stats small{font:700 .6rem var(--display);letter-spacing:.08em;color:var(--faint)}.p-stats b{color:#c2cde8;font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:.76rem;line-height:1}.p-stats i{background:#5ee7ff1a;height:3px;display:block}.p-stats i>i{background:var(--cyan);height:100%;box-shadow:0 0 5px #5ee7ff99}.p-qty{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.p-qty input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;width:4.4rem;padding:.22rem .4rem}.p-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.p-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.p-qty button.mini{min-width:1.7rem}.vitals{grid-template-columns:1fr 1fr;gap:.45rem;margin:.7rem 0 0;display:grid}.vital{--cut:8px;box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background:#5ee7ff0a;flex-direction:column;gap:.25rem;padding:.55rem .65rem;display:flex}.vital small{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.vital>b{font:600 1.3rem/1.1 var(--display);color:#f2f6ff;font-variant-numeric:tabular-nums}.vital>b em{color:var(--muted);margin-left:.25rem;font-size:.8rem;font-style:normal}.vital>span{color:var(--muted);min-height:1em;font-size:.7rem}.vbar{background:#5ee7ff1a;height:4px;display:block;position:relative}.vbar .fog{background:repeating-linear-gradient(135deg,#4fbf8f8c 0 3px,#4fbf8f33 3px 6px);position:absolute;top:0;bottom:0;left:0}.vbar .me,.vbar .tgt{background:var(--cyan);width:2px;height:10px;box-shadow:0 0 6px var(--cyan);margin-left:-1px;position:absolute;top:-3px}.vbar .tgt{border-left:1px dashed var(--ink);box-shadow:none;background:0 0}.vbar .fill{background:var(--cyan);height:100%;display:block;box-shadow:0 0 6px #5ee7ff99}.vital.v-warn>b{color:var(--gold)}.vital.load.v-warn .fill{background:var(--gold);box-shadow:0 0 6px var(--gold)}.vital.v-bad{background:#ff4d6412;box-shadow:inset 0 0 0 1px #ff4d6480}.vital.v-bad>b{color:#ff8796}.vitals .fog-warn{color:#ffc2ca;background:#ff4d641a;grid-column:1/-1;margin:0;padding:.45rem .65rem;font-size:.78rem;box-shadow:inset 0 0 0 1px #ff4d6466}.p-exp{--cut:9px;background:linear-gradient(160deg,#4fbf8f14,#7a6cff0d);flex-direction:column;gap:.5rem;padding:.7rem;display:flex;box-shadow:inset 0 0 0 1px #4fbf8f4d}.p-exp-stats{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.p-exp-stats span{background:#04060c73;flex-direction:column;padding:.35rem .5rem;display:flex}.p-exp-stats small{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.6rem}.p-exp-stats b{font:600 1rem var(--display);font-variant-numeric:tabular-nums}.p-exp-stats .bad b{color:#ff8796}.p-exp-stats .ether b{color:#a99fff}.p-exp .p-qty button.main{flex:1;padding:.45rem .8rem;font-size:.8rem}.p-exp .p-why{text-align:left}@media (width<=520px){.p-card{grid-template-columns:48px 1fr}.p-card .p-art{width:48px;height:48px}.p-act{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;max-width:none}.p-stats{grid-template-columns:repeat(2,1fr)}}.cchip.time svg{width:11px;height:11px}.p-card.unit{grid-template-columns:64px 1fr}.p-art.unit{width:64px;height:77px;overflow:visible}.p-art.unit svg.portrait{filter:none;width:100%;height:100%}@media (width<=480px){.p-card.unit{grid-template-columns:52px 1fr}.p-card .p-art.unit{width:52px;height:62px}}.p-buy{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.4rem;padding-top:.5rem;display:flex}.p-buy button.main{white-space:nowrap;padding:.42rem .85rem;font-size:.78rem}.p-buy .p-why{text-align:right;flex-basis:100%}.p-qty input{height:1.75rem;padding:0 .3rem;font-size:.82rem}.p-qty button.mini{height:1.75rem;padding:0 .45rem}.p-buy .p-qty{flex-wrap:nowrap;min-width:0}.p-buy button.main{flex:none;margin-left:auto}.panel .p-qty input[type=number]{flex:none;width:3.4rem;min-width:0}.p-exp .p-qty input[type=number]{width:4.5rem}.p-qty button.mini{flex:none;min-width:1.75rem}.intel p{margin:.3rem 0}.intel-buildings{flex-wrap:wrap;gap:.25rem;margin:.35rem 0;padding:0;list-style:none;display:flex}.intel-buildings li{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:#5ee7ff0d;padding:.15rem .45rem;font-size:.78rem}.intel-buildings b{color:var(--ink);font-family:var(--display)}.pips{gap:3px;display:flex}.pips i{background:#5ee7ff1f;width:14px;height:4px}.pips i.on{background:var(--cyan);box-shadow:0 0 6px #5ee7ff99}.pips i.soon{background:var(--gold);animation:1.4s ease-in-out infinite pulse}.p-card.armory .weapons{flex-direction:column;grid-column:1/-1;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.weapons li{box-shadow:inset 2px 0 0 var(--line2);background:#04060c73;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.weapons li>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.weapons li b{color:var(--ink);font-size:.82rem}.weapons li small{color:var(--muted);font-size:.74rem;line-height:1.35}.weapons li.on{box-shadow:inset 2px 0 0 var(--gold), inset 0 0 0 1px #ffb54759;background:#ffb5470f}.weapons li.owned{box-shadow:inset 2px 0 0 var(--cyan)}.weapons li.locked{opacity:.55}.weapons li .p-why{white-space:nowrap;flex:none}.weapons li button.mini{flex:none}.challenges{flex-direction:column;gap:.35rem;margin-bottom:.6rem;display:flex}.challenge{box-shadow:inset 2px 0 0 var(--line2);background:#ffffff06;padding:.5rem .6rem}.challenge.done{box-shadow:inset 2px 0 0 var(--gold), inset 0 0 0 1px #ffb54759;background:#ffb5470f}.challenge.claimed{opacity:.6;box-shadow:inset 2px 0 0 var(--moss)}.ch-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.ch-head b{color:var(--ink);font-size:.85rem}.ch-count{font:600 .78rem var(--display);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ch-bar{background:#5ee7ff1a;height:4px;margin:.35rem 0;display:block}.ch-bar i{background:var(--cyan);height:100%;display:block;box-shadow:0 0 6px #5ee7ff80}.challenge.done .ch-bar i{background:var(--gold)}.ch-foot{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.ch-reward{color:var(--muted);font-size:.76rem}.ch-state{color:var(--faint);white-space:nowrap;font-size:.72rem}.chest{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.chest li{box-shadow:inset 2px 0 0 var(--ether,#8b7bff);background:#04060c73;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .55rem;display:flex}.chest li>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.chest li b{color:var(--ink);font-size:.82rem}.chest li small{color:var(--muted);font-size:.74rem}.chest li .p-why{text-align:right;flex:none;max-width:9rem}.chest li button.mini{flex:none}.res em.boost{color:var(--gold)}.boost-note{color:var(--gold);grid-column:1/-1;margin:.3rem 0 0;font-size:.8rem}.crash{border-left:2px solid var(--gold);background:#ffb5470f;justify-items:start;gap:.5rem;padding:1rem;display:grid}.crash small{color:var(--muted);word-break:break-word}.crash-full{text-align:center;border:0;align-content:center;justify-items:center;min-height:100vh}.scout-power{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;margin:.35rem 0 .5rem;display:flex}.scout-power .meta{flex-basis:100%}.queue-pop{--cut:14px;z-index:30;border:1px solid var(--line2);width:min(380px,100vw - 32px);max-height:min(70vh,560px);box-shadow:0 18px 40px #0000008c, var(--glow);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:#080c18f7;padding:.8rem 1rem 1rem;position:absolute;bottom:calc(100% + 8px);right:1rem;overflow-y:auto}.queue-pop header{justify-content:space-between;align-items:center;display:flex}.queue-pop h3{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.95rem}.queue-pop h4{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.8rem 0 .35rem;font-size:.72rem}.queue-pop h4 small{text-transform:none;letter-spacing:0;color:var(--faint)}.qp-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.1rem .3rem;font-size:1.3rem;line-height:1}.qp-close:hover{color:var(--ink)}.qp-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.qp-row{color:var(--muted);background:#00000059;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .6rem .5rem;font-size:.82rem;display:flex;position:relative;overflow:hidden}.qp-row b{color:var(--ink)}.qp-row small{color:var(--faint)}.qp-label{min-width:0}.qp-when{flex-direction:column;flex:none;align-items:flex-end;line-height:1.15;display:flex}.qp-row i{background:var(--gold);height:2px;box-shadow:0 0 6px var(--gold);transition:width 1s linear;position:absolute;bottom:0;left:0}.qp-idle{color:var(--faint);margin:0;font-size:.8rem}.radio{flex-direction:column;gap:.45rem;min-height:0;display:flex}.radio-stations{flex-wrap:wrap;gap:.3rem;display:flex}.radio-st{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;background:#00000059;padding:.22rem .55rem;font-size:.7rem;position:relative}.radio-st:hover{color:var(--ink);border-color:var(--line2)}.radio-st[aria-selected=true]{color:var(--btnink);background:var(--cyan);border-color:var(--cyan)}.radio-st.tribe:not([aria-selected=true]){color:var(--tribe)}.radio-st.named:not([aria-selected=true]){color:var(--gold)}.radio-st b{background:var(--danger);color:#fff;text-align:center;letter-spacing:0;border-radius:8px;min-width:16px;padding:0 4px;font-size:.62rem;line-height:16px;position:absolute;top:-7px;right:-7px}.radio-st.add{padding:.22rem .5rem}.radio-tune{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.radio-tune input{flex:1;min-width:0}.radio-tune .meta{flex-basis:100%;margin:0}.radio-lines{overscroll-behavior:contain;border:1px solid var(--line);background:#0006;flex:1;min-height:0;padding:.4rem .6rem;font-size:.82rem;overflow-y:auto}.radio-lines p{overflow-wrap:anywhere;margin:.2rem 0}.radio-lines .when{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.7rem}.radio-lines .tag{color:var(--tribe);margin-right:.2rem;font-size:.74rem}.radio-older{margin:0 auto .35rem;display:block}.radio-error{color:#ffd39a;margin:0;font-size:.76rem}.radio-send{gap:.35rem;display:flex}.radio-send input{flex:1;min-width:0}.radio-leave{align-self:flex-start}.radio-full .radio-lines{flex:none;height:min(52vh,460px)}.radio-dock{z-index:5;width:340px;box-shadow:inset 0 0 0 1px var(--line2), 0 10px 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040812db;flex-direction:column;display:flex;position:absolute;bottom:40px;left:14px}.radio-dock.open{height:300px}.radio-dock:not(.open){width:auto}.radio-dock .radio{flex:1;padding:0 .6rem .6rem}.radio-dock-head{color:var(--ink);cursor:pointer;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.74rem;display:flex}.radio-dock-head svg{fill:none;width:18px;height:18px;stroke:var(--cyan);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.radio-dock-head b{background:var(--danger);color:#fff;letter-spacing:0;border-radius:9px;min-width:18px;padding:0 5px;font-size:.66rem;line-height:18px}.radio-dock-head i{color:var(--muted);margin-left:auto;font-style:normal}.radio-dock .radio-lines{font-size:.78rem}@media (width<=960px){.radio-dock{display:none}}