:root{--turq: #1fa6a0;--turq-light: #46c9c0;--turq-deep: #0e5e5c;--turq-night: #073a3b;--cobalt: #0f3d6e;--gold: #d4af37;--gold-light: #f0d77a;--gold-soft: #f5e6b8;--cream: #f6efdc;--red: #a8322a;--text: #f6efdc;--muted: #a9d3cf;--radius: 14px;--display: "Cinzel", Georgia, serif;--tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23d4af37' stroke-opacity='0.16' stroke-width='1.2'%3E%3Crect x='14' y='14' width='16' height='16'/%3E%3Crect x='14' y='14' width='16' height='16' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22H8M36 22H44M22 0V8M22 36V44'/%3E%3C/g%3E%3C/svg%3E");--kilim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12'%3E%3Crect width='32' height='12' fill='%230e5e5c'/%3E%3Cpath d='M0 6 8 0 16 6 8 12Z' fill='%23d4af37'/%3E%3Cpath d='M16 6 24 0 32 6 24 12Z' fill='%23a8322a'/%3E%3Cpath d='M4 6 8 3 12 6 8 9Z' fill='%231fa6a0'/%3E%3Cpath d='M20 6 24 3 28 6 24 9Z' fill='%23f6efdc'/%3E%3C/svg%3E");--corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M3 31V10Q3 3 10 3H31'/%3E%3Cpath d='M9 25V14Q9 9 14 9H25'/%3E%3Cpath d='M14 20Q14 14 20 14Q24 14 23 18Q22 21 19 20'/%3E%3C/g%3E%3Ccircle cx='3' cy='3' r='2.6' fill='%23f0d77a'/%3E%3C/svg%3E");font-family:Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--turq-night);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{height:100%}h1,h2,h3,h4{font-family:var(--display)}.muted{color:var(--muted)}.small{font-size:.85rem}button{font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(212,175,55,.55);background:linear-gradient(180deg,#13706d,var(--turq-deep));border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px #ffffff26}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{position:relative;background:linear-gradient(180deg,var(--turq-light),var(--turq) 45%,#11807b);color:#fff;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.45);border:2px solid var(--gold);box-shadow:inset 0 1px #ffffff59,0 3px #7a5d12,0 6px 14px #00000059}button.primary:after{content:"";position:absolute;inset:3px;border:1px dashed rgba(245,230,184,.7);border-radius:7px;pointer-events:none}button.danger{background:linear-gradient(180deg,#c2453c,var(--red));border:2px solid var(--gold)}button.big{padding:14px 40px;font-size:1.2rem;font-family:var(--display)}.start{height:100%;overflow-y:auto;background:var(--tile),radial-gradient(ellipse at 50% 0%,rgba(70,201,192,.55),transparent 60%),linear-gradient(180deg,#0e5e5c,#073a3b 60%,#04282a);display:flex;justify-content:center;padding:24px 16px 40px}.start-inner{max-width:1000px;width:100%;text-align:center}.start h1{margin:12px 0 0;font-size:clamp(2.4rem,9vw,4.4rem);font-weight:800;letter-spacing:.18em;color:var(--gold-light);text-shadow:0 3px 0 #6b4f10,0 0 34px rgba(212,175,55,.45)}.start h1:after{content:"";display:block;height:12px;margin:12px auto 0;width:min(460px,80%);background:var(--kilim) repeat-x;background-size:auto 12px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.start h2{margin:10px 0 0;font-weight:600;letter-spacing:.1em;color:var(--gold-soft)}.start h3{color:var(--gold-light);letter-spacing:.08em}.slogan{color:var(--muted);font-style:italic}.name-label{display:inline-flex;flex-direction:column;gap:6px;margin:8px 0 4px;color:var(--gold-soft);font-size:.9rem}.name-label input{font:inherit;font-size:1.15rem;padding:10px 16px;border-radius:10px;border:2px solid var(--gold);outline:1px dashed rgba(240,215,122,.5);outline-offset:-6px;background:#04282ab3;color:var(--cream);text-align:center;-webkit-user-select:text;user-select:text}.tribes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:14px 0 24px}.tribe-card{position:relative;text-align:left;padding:20px 20px 16px 24px;background:var(--tile),linear-gradient(170deg,#0e5e5ce6,#04282af2);border:2px solid rgba(212,175,55,.45);border-radius:var(--radius);outline:1px dashed rgba(240,215,122,.35);outline-offset:-8px;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.tribe-card:before,.tribe-card:after{content:"";position:absolute;width:30px;height:30px;background:var(--corner) no-repeat center / contain;opacity:.55;pointer-events:none}.tribe-card:before{top:5px;left:12px}.tribe-card:after{top:5px;right:5px;transform:scaleX(-1)}.tribe-card.selected{border-color:var(--gold-light);outline-color:#f0d77acc;transform:translateY(-4px);box-shadow:0 10px 28px #00000080,0 0 0 2px var(--gold),0 0 26px #46c9c073}.tribe-card.selected:before,.tribe-card.selected:after{opacity:1}.tribe-banner{position:absolute;inset:0 auto 0 0;width:8px;background:var(--tribe);border-right:2px solid var(--gold)}.tribe-name{font-family:var(--display);font-size:1.6rem;font-weight:800;color:var(--gold-soft)}.tribe-style{color:var(--turq-light);font-weight:700}.tribe-card p{margin:8px 0;font-size:.9rem;color:var(--muted)}.tribe-card ul{margin:0 0 8px;padding-left:18px;font-size:.9rem}.tribe-card li::marker{content:"✦ ";color:var(--gold)}.tribe-sig,.tribe-elite{font-size:.8rem;color:var(--muted);margin-top:4px}.game{position:relative;height:100%}#viewport{position:absolute;inset:0}#viewport canvas{display:block;touch-action:none}.hud-top{position:absolute;top:0;left:0;right:0;padding:max(8px,env(safe-area-inset-top)) 12px 8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--tile),linear-gradient(180deg,#0e5e5cfa,#073a3beb);pointer-events:none}.hud-top:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:var(--kilim) repeat-x;background-size:auto 12px;border-top:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold)}.player{display:flex;align-items:center;gap:10px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.2rem;background:var(--tribe);border:3px solid var(--gold);box-shadow:0 0 0 2px var(--turq-night),0 0 0 3px var(--gold-light)}.pname{font-family:var(--display);font-weight:800;color:var(--gold-soft)}.ptier{font-size:.78rem;color:var(--turq-light);font-weight:600}.power{margin-left:6px;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#c2453c,var(--red));border:1.5px solid var(--gold);font-size:.85rem;font-weight:700}.resources{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.res{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center;padding:3px 10px 3px 4px;border-radius:999px;background:#04282abf;border:1.5px solid rgba(212,175,55,.6);min-width:84px}.res .ico{grid-row:span 2;font-size:1rem;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#46c9c059,#0e5e5ce6);border:1px solid var(--gold)}.res .val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--cream)}.res .rate{font-size:.68rem;color:#9ff0c2}.res .rate.neg{color:#ff8a80}.res.full .val{color:var(--gold-light)}.queues{position:absolute;left:12px;top:104px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.queue{width:240px;padding:8px 12px;border-radius:10px;background:var(--tile),linear-gradient(160deg,#0e5e5cf2,#073a3bf2);border:1.5px solid var(--gold);outline:1px dashed rgba(240,215,122,.4);outline-offset:-5px;font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}.queue .bar{width:100%;height:7px;border-radius:4px;background:#0006;border:1px solid rgba(212,175,55,.5);overflow:hidden}.queue .bar div{height:100%;background:linear-gradient(90deg,var(--turq),var(--turq-light),var(--gold-light))}.nav{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(7,1fr);padding:8px 6px max(6px,env(safe-area-inset-bottom));gap:4px;background:var(--tile),linear-gradient(0deg,#073a3bfc,#0e5e5cf2)}.nav:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:var(--kilim) repeat-x;background-size:auto 12px;border-top:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold)}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:1.2rem;line-height:1;border:none;background:transparent;box-shadow:none}.nav button span{font-family:var(--display);font-size:.68rem;font-weight:600;color:var(--gold-soft);letter-spacing:.04em}.nav button:hover span{color:var(--gold-light)}.panel{position:absolute;right:12px;top:108px;bottom:84px;width:min(390px,calc(100% - 24px));overflow-y:auto;padding:0 20px 20px;background:var(--tile),linear-gradient(160deg,#146e6af7,#073a3bf7);border:2px solid var(--gold);border-radius:var(--radius);outline:1.5px dashed rgba(240,215,122,.55);outline-offset:-8px;box-shadow:0 12px 34px #00000080}.panel:before{content:"";position:sticky;display:block;top:0;margin:0 -20px 16px;height:12px;background:var(--kilim) repeat-x;background-size:auto 12px;border-bottom:1.5px solid var(--gold);z-index:1}.panel.hidden{display:none}.panel-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-left:34px}.panel-head:before{content:"";position:absolute;left:-4px;top:-2px;width:32px;height:32px;background:var(--corner) no-repeat center / contain}.panel h3{margin:2px 0;color:var(--gold-light);font-size:1.35rem;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.35)}.panel h4{display:flex;align-items:center;gap:8px;margin:16px 0 8px;color:var(--gold-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.panel h4:before,.panel h4:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.panel p{font-size:.92rem;line-height:1.45}.close{flex:none;padding:0;border-radius:50%;width:34px;height:34px;border:2px solid var(--gold);background:linear-gradient(180deg,#c2453c,var(--red));font-weight:700}.cat{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.7);background:#00000040;text-transform:uppercase;letter-spacing:.08em}.cat-yonetim{background:#a8322a8c}.cat-askeri{background:#8e2a22a6}.cat-ekonomi{background:#1fa6a08c}.cat-kaynak{background:#7a5c3ab3}.cat-teknoloji{background:#0f3d6eb3}.cat-kultur{background:#6d4c9fa6}.note{padding:8px 12px;border-left:3px solid var(--gold);background:#00000038;border-radius:6px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0 12px}.stage{display:flex;flex-direction:column;align-items:center;padding:6px 2px;font-size:.74rem;font-weight:700;border-radius:8px;border:1px solid rgba(212,175,55,.35);background:#00000040;color:var(--muted);text-align:center}.stage small{font-weight:400;font-size:.66rem}.stage.done{color:var(--cream);border-color:var(--gold);background:linear-gradient(180deg,#1fa6a08c,#0e5e5c99)}.stage.current{box-shadow:0 0 0 2px var(--gold-light),0 0 14px #46c9c099}.effects{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#00000040;border:1px solid rgba(212,175,55,.35);margin-bottom:10px;font-size:.9rem}.effects .muted{display:inline-block;min-width:72px}.costs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.cost{padding:3px 10px;border-radius:999px;background:#0000004d;border:1px solid rgba(212,175,55,.45);font-size:.85rem;font-variant-numeric:tabular-nums}.cost.short{color:#ffb4a8;border-color:#ff8a80}.panel .primary{width:100%;padding:11px 12px}.reason{margin-top:8px;color:var(--gold-light);font-size:.85rem;text-align:center}.list{display:grid;gap:5px}.row{display:flex;justify-content:space-between;text-align:left;background:#00000038;border-color:#d4af3759}.row:hover{border-color:var(--gold)}.lvl{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lvl.ready{color:#9ff0c2;font-weight:700}.unit{margin-top:12px;padding:12px;border-radius:12px;background:#00000040;border:1px solid rgba(212,175,55,.4);outline:1px dashed rgba(240,215,122,.25);outline-offset:-5px}.unit-head{display:flex;justify-content:space-between;gap:8px}.stats{font-size:.8rem;color:var(--muted);margin-top:2px}.have{font-family:var(--display);font-size:1.5rem;font-weight:800;color:var(--gold-light)}.train-row{display:flex;gap:4px;align-items:center}.train-row button{padding:6px 8px}.train-row .primary{flex:1;width:auto}.count{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.toasts{position:absolute;left:50%;bottom:100px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:calc(100% - 32px)}.toast{padding:9px 16px;border-radius:10px;background:var(--tile),linear-gradient(160deg,#146e6af7,#073a3bf7);border:1.5px solid var(--gold);outline:1px dashed rgba(240,215,122,.45);outline-offset:-5px;font-size:.9rem;text-align:center;transition:opacity .4s}.toast.error{border-color:#ff8a80;background:linear-gradient(160deg,#a8322af7,#5a1914f7)}.toast.fade{opacity:0}@media(max-width:720px){.resources{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.res{min-width:0;padding:3px 2px;border-radius:12px;grid-template-columns:1fr;justify-items:center}.res .ico{grid-row:auto;width:24px;height:24px;font-size:.85rem}.res .val{font-size:.85rem}.queues{top:138px}.queue{width:210px}.panel{inset:auto 8px 82px;width:auto;max-height:56%}.tribe-card p,.tribe-sig{display:none}#start-btn{position:sticky;bottom:12px}}.login{display:grid;gap:10px;width:min(420px,100%);margin:26px auto 0;padding:26px 26px 18px;background:var(--tile),linear-gradient(160deg,#146e6af7,#073a3bf7);border:2px solid var(--gold);border-radius:var(--radius);outline:1.5px dashed rgba(240,215,122,.55);outline-offset:-8px;box-shadow:0 12px 34px #00000080}.login h3{margin:0 0 6px;color:var(--gold-light)}.login input,.link-form input{font:inherit;padding:11px 14px;border-radius:10px;border:1.5px solid rgba(212,175,55,.7);background:#04282abf;color:var(--cream);-webkit-user-select:text;user-select:text}.login input:focus,.link-form input:focus{outline:2px solid var(--turq-light)}.login-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.login .reason:empty{display:none}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem;margin:4px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}button.linkish{background:none;border:none;box-shadow:none;color:var(--muted);text-decoration:underline;font-size:.85rem}.import-box{display:grid;gap:10px;max-width:520px;margin:0 auto 16px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--gold);outline:1px dashed rgba(240,215,122,.45);outline-offset:-6px;background:#04282ab3}.account{display:grid;gap:8px}.account h4{margin-bottom:0}.link-form{display:grid;gap:8px}.net{margin-left:6px;padding:2px 9px 2px 20px;border-radius:999px;font-size:.72rem;font-weight:700;position:relative;background:#04282abf;border:1px solid rgba(212,175,55,.5)}.net:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#9ff0c2;box-shadow:0 0 6px #9ff0c2}.net-connecting:before,.net-reconnecting:before{background:var(--gold-light);box-shadow:0 0 6px var(--gold-light)}.net-offline:before{background:#b0b8b8;box-shadow:none}@media(max-width:720px){.net{display:none}}.world-bar{position:absolute;left:12px;bottom:92px;display:flex;gap:6px;z-index:2}.world-bar.hidden{display:none}.world-bar button{border:1.5px solid var(--gold);background:var(--tile),linear-gradient(160deg,#146e6af7,#073a3bf7);font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #0006}.badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.75rem;text-align:center}.forecast{margin:4px 0 10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(212,175,55,.5);font-size:.9rem}.forecast.win{background:#2e7d3259}.forecast.lose{background:#a8322a66}.have small{font-size:.8rem;color:var(--muted)}table.battle{width:100%;border-collapse:collapse;margin:8px 0;font-size:.85rem}table.battle th,table.battle td{padding:5px 6px;border-bottom:1px solid rgba(212,175,55,.25);text-align:center}table.battle th:first-child{text-align:left;color:var(--gold-light)}.loss{color:#ff8a80;font-weight:700}.report.unread .row{border-color:var(--gold-light);box-shadow:inset 3px 0 0 var(--gold-light)}.report-body{padding:6px 4px 10px}.panel>button:not(.primary):not(.close),.report-body>button{width:100%;margin-top:8px}.panel{z-index:3}@media(max-width:720px){.world-bar{inset:138px 8px auto auto;flex-direction:column;align-items:flex-end}}.atag{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--ac, var(--turq));border:1.5px solid var(--gold);color:#fff;font-family:var(--display);font-weight:800;font-size:.8em;letter-spacing:.06em;text-shadow:0 1px 1px rgba(0,0,0,.5)}.motto{font-style:italic;color:var(--gold-soft);margin:6px 0 10px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 12px}.tab{padding:7px 4px;font-size:.8rem;font-weight:700;white-space:nowrap;background:#00000040}.tab .badge{font-size:.68rem;min-width:1.4em;padding:0 .3em;margin-left:2px}.tab.on{background:linear-gradient(180deg,var(--turq-light),var(--turq));border-color:var(--gold);color:#fff}.member,.alliance-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#00000038;border:1px solid rgba(212,175,55,.3)}.alliance-row.col{flex-direction:column;align-items:stretch}.member.me{border-color:var(--gold-light);box-shadow:inset 3px 0 0 var(--gold-light)}.member-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.member-actions button{padding:4px 8px;font-size:.75rem}.rank{display:inline-block;padding:0 7px;border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(212,175,55,.6)}.rank-han{background:linear-gradient(180deg,#e2c15a,#b8902a);color:#2a1c05}.rank-bey{background:#1fa6a099}.rank-uye{background:#0000004d}.rel{font-weight:700}.rel-savas{color:#ff8a80}.rel-baris{color:#9ff0c2}.rel-saldirmazlik{color:var(--gold-light)}.rel-tarafsiz{color:var(--muted)}.chat{display:flex;flex-direction:column;gap:6px;height:min(52vh,520px);overflow-y:auto;padding:8px;border-radius:10px;background:#00000047;border:1px solid rgba(212,175,55,.3);-webkit-user-select:text;user-select:text}.msg{max-width:85%;padding:6px 10px;border-radius:10px 10px 10px 2px;background:#0e5e5cd9;border:1px solid rgba(212,175,55,.25);font-size:.88rem}.msg.mine{align-self:flex-end;border-radius:10px 10px 2px;background:#1fa6a08c}.msg.sys{align-self:center;max-width:95%;background:none;border:none;color:var(--gold-soft);font-size:.8rem;text-align:center}.chat-form{display:flex;gap:6px;margin-top:8px}.chat-form input{flex:1;font:inherit;padding:10px 12px;border-radius:10px;border:1.5px solid rgba(212,175,55,.7);background:#04282abf;color:var(--cream);-webkit-user-select:text;user-select:text}.chat-form .primary{width:auto}.proposal{padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#00000040;border:1px solid rgba(212,175,55,.35);border-left:4px solid var(--gold)}.proposal.savas{border-left-color:#e0685f}.proposal.baris{border-left-color:#9ff0c2}.vote-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.al-footer{display:grid;gap:6px;margin-top:16px}button.big-action{width:100%;padding:12px;font-size:1rem;font-weight:800}.gi{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.22em;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.nav .gi{width:26px;height:26px}.res .ico .gi{width:22px;height:22px}.emblem{width:132px;height:132px;display:block;margin:0 auto 6px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(70,201,192,.35));animation:emblem-in 1.2s ease-out both}@keyframes emblem-in{0%{opacity:0;transform:scale(.8) rotate(-20deg)}to{opacity:1;transform:none}}@media(max-width:600px){.emblem{width:96px;height:96px}}.sticky-foot{position:sticky;bottom:-20px;margin:12px -20px -20px;padding:10px 20px 20px;background:linear-gradient(180deg,#073a3bd9,#073a3bfa 30%);border-top:1.5px solid rgba(212,175,55,.6);box-shadow:0 -8px 16px #0000004d;z-index:2}.sticky-foot .forecast{margin:6px 0 10px}.sticky-foot .costs{margin-bottom:4px}.nav button{position:relative}.nav-badge{position:absolute;top:0;right:calc(50% - 22px);min-width:18px;padding:0 5px;border-radius:999px;background:var(--red);border:1.5px solid var(--gold-light);color:#fff;font:700 .68rem/16px system-ui,sans-serif}.nav-badge.hidden{display:none}.tabs.five{grid-template-columns:repeat(5,1fr)}.tabs.five .tab{font-size:.72rem;padding:7px 2px;white-space:normal;line-height:1.15}.pips{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.pips i{width:9px;height:9px;transform:rotate(45deg);border:1.5px solid var(--gold);background:#0000004d}.pips i.on{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 0 6px #f0d77ab3}.tech-path{position:relative;display:flex;flex-direction:column;gap:12px}.tech-path:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.2));border-radius:2px}.tech{position:relative;display:flex;gap:12px;align-items:flex-start}.tech-badge{flex:none;z-index:1;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--turq-light),var(--turq-deep));border:2.5px solid var(--gold);box-shadow:0 3px 8px #0006;font-family:var(--display);color:var(--gold-light)}.tech-badge .gi{width:22px;height:22px}.tech.locked .tech-badge{background:radial-gradient(circle,#4a5a5a,#1d2b2b);border-color:#7d7250}.tech.maxed .tech-badge{background:radial-gradient(circle at 40% 35%,#fff0b0,#b8902a)}.tech.active .tech-badge{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #46c9c059}}.tech-body{flex:1;padding:10px 12px;border-radius:12px;background:#00000040;border:1px solid rgba(212,175,55,.35)}.tech.locked .tech-body{opacity:.62}.tech.maxed .tech-body{border-color:var(--gold)}.tech-head{display:flex;justify-content:space-between;align-items:center}.tech-effect{margin:6px 0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tech-effect span{padding:1px 8px;border-radius:999px;background:#46c9c02e;border:1px solid rgba(70,201,192,.45);font-size:.78rem;color:#c8fff8}.tech-effect small{color:var(--muted);font-size:.72rem}.tech-body .primary{margin-top:6px;width:100%}.queue.inline{position:static;margin-top:6px}.cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.cmd-card{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 10px 8px 6px;border-radius:14px;background:linear-gradient(160deg,#146e6a99,#00000059);border:1.5px solid rgba(212,175,55,.6)}.cmd-card.efsanevi{background:linear-gradient(160deg,#a0781e73,#00000059);border-color:var(--gold-light)}.cmd-card:hover{transform:translateY(-1px);border-color:var(--gold-light)}.cmd-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cmd-info b{font-family:var(--display);color:var(--gold-soft)}.lvl-row{display:flex;align-items:center;gap:6px}.lvl-badge{padding:0 7px;border-radius:6px;background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#3a2610;font:800 .72rem/18px system-ui,sans-serif}.lvl-badge.big{font-size:.9rem;line-height:24px;padding:0 10px}.xp{height:5px;border-radius:3px;background:#00000073;overflow:hidden}.xp div{height:100%;background:linear-gradient(90deg,var(--turq-light),var(--gold-light))}.chip{align-self:flex-start;padding:0 8px;border-radius:999px;font-size:.7rem;line-height:18px;border:1px solid}.chip.ready{color:#9ff0c2;border-color:#9ff0c280}.chip.gov{color:var(--gold-light);border-color:var(--gold)}.chip.away{color:#ffc98a;border-color:#ffc98a99}.rarity{font-size:.68rem;padding:0 7px;border-radius:4px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rarity.efsanevi{background:linear-gradient(90deg,#b8902a,#f0d77a);color:#3a2610}.rarity.destansi{background:linear-gradient(90deg,#6a3aa0,#a070d8);color:#fff}.cmd-recruit{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;background:#00000040;border:1px dashed rgba(212,175,55,.4)}.portrait{flex:none;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45))}.portrait.dim{filter:grayscale(.55) brightness(.8) drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cmd-hero{display:flex;gap:14px;align-items:center;margin:4px 0 8px}.quote{font-style:italic;color:var(--gold-soft);border-left:3px solid var(--gold);padding-left:10px;margin:8px 0}.special{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#d4af3738,#00000040);border:1.5px solid var(--gold)}.special b{font-family:var(--display);color:var(--gold-light)}.cmd-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.cmd-actions button{flex:1}.panel-head .back{flex:none;width:34px;height:34px;border-radius:50%;font-size:1.4rem;line-height:1;margin-right:8px}.skill-trees{display:grid;grid-template-columns:1fr;gap:10px}.skill-tree{padding:8px;border-radius:12px;background:#00000038;border-top:3px solid var(--gold)}.skill-tree.savas{border-top-color:#d0473b}.skill-tree.hareket{border-top-color:var(--turq-light)}.skill-tree.yonetim{border-top-color:var(--gold-light)}.skill-tree h5{margin:0 0 6px;font-family:var(--display);color:var(--gold-soft);font-size:.95rem}.skill{position:relative;padding:6px 40px 6px 8px;border-radius:8px}.skill+.skill{border-top:1px solid rgba(255,255,255,.07)}.skill.has{background:#46c9c01a}.skill-head{display:flex;justify-content:space-between;align-items:center}.skill .plus{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border-radius:50%;font-size:1.2rem;font-weight:800;background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#3a2610;animation:pulse 1.6s ease-in-out infinite}.picker{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.pick{flex:none;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:12px;background:#0000004d;font-size:.8rem}.pick span{display:flex;flex-direction:column;text-align:left}.pick small{color:var(--muted)}.pick.on{border-color:var(--gold-light);background:linear-gradient(160deg,#d4af3759,#0000004d)}.rep-cmd{display:flex;gap:10px;align-items:center;margin-bottom:8px}.lvl-up{color:var(--gold-light)}@media(min-width:900px){.panel:has(.skill-trees){width:min(560px,calc(100% - 24px))}.skill-trees{grid-template-columns:repeat(3,1fr)}.skill{padding-right:8px;padding-bottom:38px}.skill .plus{top:auto;bottom:4px;transform:none}}.cmd-recruit .primary{width:auto;flex:none;padding:8px 14px}.cmd-info .rarity,.cmd-info .chip,.cmd-info .lvl-row{align-self:flex-start}.cmd-info b{line-height:1.15}.cmd-recruit .costs{margin:2px 0 0}.cmd-card .xp{width:100%}:root{--glass: rgba(6, 30, 32, .66);--glass-strong: rgba(5, 26, 28, .86);--edge: rgba(226, 190, 90, .85);--outline: 0 1px 0 #0b1a1a, 0 -1px 0 #0b1a1a, 1px 0 0 #0b1a1a, -1px 0 0 #0b1a1a, 0 2px 4px rgba(0, 0, 0, .6);--cta-top: #ffe89a;--cta-mid: #f2b52c;--cta-bot: #c7820f}.hud-top{background:linear-gradient(180deg,#031416c7,#03141659 70%,#03141600);padding:max(10px,env(safe-area-inset-top)) 14px 22px;align-items:flex-start;z-index:2}.hud-top:after{display:none}.hud-top button{pointer-events:auto}.player{gap:0;align-items:center}.medal{position:relative;flex:none;width:66px;height:66px;border-radius:50%;padding:4px;background:conic-gradient(from 20deg,#fff1b8,#c9982a,#fff1b8,#8a6414,#fff1b8,#c9982a,#fff1b8);box-shadow:0 4px 10px #0000008c,inset 0 0 0 1px #5a3c0acc;z-index:1}.medal:before{content:"";position:absolute;inset:-7px;z-index:-1;background:linear-gradient(135deg,#f0d77a,#9a7420);clip-path:polygon(50% 0%,61% 13%,85% 15%,87% 39%,100% 50%,87% 61%,85% 85%,61% 87%,50% 100%,39% 87%,15% 85%,13% 61%,0% 50%,13% 39%,15% 15%,39% 13%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.medal-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.7rem;color:#fff3c4;text-shadow:var(--outline);background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--tribe) 55%,white),var(--tribe) 55%,color-mix(in srgb,var(--tribe) 60%,black));box-shadow:inset 0 -4px 8px #00000073,inset 0 3px 6px #ffffff40;border:2px solid #3a2610}.medal-lvl{position:absolute;right:-6px;bottom:-4px;min-width:26px;height:26px;padding:0 4px;border-radius:13px;display:grid;place-items:center;font:800 .8rem/1 system-ui,sans-serif;color:#fff;text-shadow:var(--outline);background:linear-gradient(180deg,#e0594d,#9c241c);border:2px solid #f0d77a;box-shadow:0 2px 4px #00000080}.pinfo{margin-left:-14px;padding:4px 16px 5px 22px;border-radius:0 16px 16px 0;background:var(--glass);border:1.5px solid var(--edge);border-left:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-template-columns:auto auto;column-gap:10px;row-gap:2px;align-items:center}.pinfo .pname{font-size:1.05rem;color:#ffd86a;text-shadow:0 1px 0 #7a5410,0 2px 3px rgba(0,0,0,.8)}.ppower{justify-self:start;display:inline-flex;align-items:center;gap:4px;padding:1px 10px 1px 6px;border-radius:999px;font:800 .85rem system-ui,sans-serif;color:#fff;text-shadow:var(--outline);background:linear-gradient(180deg,#d24b40,#8e2018);border:1.5px solid #f0d77a}.pinfo .ptier{grid-column:1 / -1;font-size:.74rem;color:#9fe7e1;text-shadow:0 1px 2px #000}.pinfo .net{margin-left:4px}.resources{gap:10px 12px;align-items:center}.res{position:relative;display:flex;flex-direction:column;justify-content:center;height:34px;min-width:96px;padding:0 28px 0 32px;border-radius:999px;background:var(--glass);border:1.5px solid var(--edge);box-shadow:inset 0 1px #ffffff1f,0 3px 8px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.res .ico{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:none;display:grid;place-items:center}.res .ico .gi{width:38px;height:38px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7)) drop-shadow(0 0 6px rgba(255,220,140,.35))}.res .val{font:800 .98rem/1 system-ui,sans-serif;color:#fff;text-shadow:var(--outline)}.res .rate{font:700 .62rem/1.2 system-ui,sans-serif;text-shadow:0 1px 2px #000}.res.full .val{color:#ffd35a}.res-plus{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border-radius:50%;font:900 1rem/1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 1px #1d5a1a;background:radial-gradient(circle at 35% 30%,#b8ff9c,#3fae34 60%,#1d6a18);border:1.5px solid #e9ffd9;box-shadow:0 2px #134a10}.goods{display:flex;gap:12px}.res.good{min-width:78px;padding-right:12px;border-color:#d682becc}.dock-left{position:absolute;left:12px;top:132px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:2}.dock-left .queues{position:static}.queue{background:var(--glass-strong);border:1.5px solid var(--edge);outline:none;border-radius:12px;box-shadow:0 4px 10px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.queue b{color:#ffe38a;text-shadow:0 1px 2px #000}.goal{pointer-events:auto;display:flex;align-items:center;gap:10px;width:262px;padding:8px 10px;text-align:left;border-radius:14px;background:linear-gradient(135deg,#5a3a0eeb,#281806eb);border:2px solid #f0c860;box-shadow:0 4px #5a3a0a,0 8px 16px #0006;animation:goal-glow 2.4s ease-in-out infinite}.goal small{display:block;font-family:var(--display);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f0c860}.goal span:nth-child(2){flex:1;font-size:.82rem;font-weight:700;line-height:1.25;color:#fff6dc;text-shadow:0 1px 2px #000}.goal-ico .gi{width:30px;height:30px}.goal-go{font-size:1.6rem;font-weight:900;color:#f0c860}@keyframes goal-glow{50%{box-shadow:0 4px #5a3a0a,0 8px 16px #0006,0 0 18px #ffd25a8c}}.dock-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px;z-index:2}.dock-btn{position:relative;width:60px;height:60px;padding:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#7fe6dc,#1fa6a0 45%,#0a4f4c);border:3px solid #f0c860;box-shadow:0 4px #6b4c10,0 8px 14px #00000073,inset 0 3px 6px #ffffff59}.dock-btn .gi{width:34px;height:34px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.dock-btn>span{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);white-space:nowrap;font:800 .7rem/1 system-ui,sans-serif;color:#fff;text-shadow:var(--outline)}.dock-btn .nav-badge{top:-4px;right:-6px}.dock-btn:active{transform:translateY(2px);box-shadow:0 2px #6b4c10,0 4px 8px #00000073}.nav{left:50%;right:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(820px,calc(100% - 16px));padding:6px 8px 8px;border-radius:22px;background:linear-gradient(180deg,#146e6af0,#05282af5);border:2px solid #f0c860;box-shadow:0 -2px #ffffff14 inset,0 8px 20px #00000080;z-index:3}.nav:before{left:18px;right:18px;top:-8px;height:7px;border-radius:4px;background-size:auto 7px}.nav button{position:relative;gap:2px}.nav button .gi{width:34px;height:34px;transition:transform .15s;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.nav button:hover .gi{transform:translateY(-3px) scale(1.08)}.nav button span{font-size:.66rem;font-weight:800;color:#fff3c4;text-shadow:var(--outline)}button.primary{border-radius:12px;background:linear-gradient(180deg,#8ff0e6,#2cc0b7 22%,#14908a 70%,#0e6f6a);box-shadow:inset 0 2px #ffffff73,inset 0 -3px #0000002e,0 4px #0a4d4a,0 8px 14px #00000059;text-shadow:0 1px 0 #0a4d4a,0 2px 3px rgba(0,0,0,.45)}button.primary:after{border-color:#ffffff59}button.primary.big-action,button.big{color:#3a2006;font-family:var(--display);font-weight:800;font-size:1.02rem;letter-spacing:.03em;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,var(--cta-top) 0%,var(--cta-mid) 45%,var(--cta-bot) 100%);border:2px solid #fff3c4;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px #78460059,0 4px #8a5a0a,0 8px 16px #0006}button.primary.big-action:after,button.big:after{border-color:#78460059}button.primary.big-action .gi{filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}button.primary:disabled,button.primary.big-action:disabled{filter:grayscale(.6)}button.danger{box-shadow:inset 0 2px #ffffff4d,0 4px #5a1410,0 8px 14px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.5)}.panel{border:2.5px solid #f0c860;outline-color:#f0d77a66;box-shadow:0 0 0 1px #5a3a0a,0 16px 40px #0009;background:var(--tile),radial-gradient(120% 60% at 50% 0%,#1f8d88,#0b4a4a 60%,#062e30)}.panel-head{margin:0 -20px 10px;padding:10px 16px 12px 50px;background:linear-gradient(180deg,#0000000d,#00000047);border-bottom:1.5px solid rgba(240,200,96,.55)}.panel-head:before{left:12px;top:10px}.panel h3{color:#ffd86a;text-shadow:0 1px 0 #fff3c4,0 2px 0 #7a5410,0 3px 6px rgba(0,0,0,.5)}.panel h3 .gi{filter:none}.close{width:36px;height:36px;font-size:1.05rem;background:radial-gradient(circle at 35% 30%,#f08070,#c2453c 50%,#7a1a12);border:2.5px solid #f0c860;box-shadow:0 3px #5a1410,0 5px 10px #0006}.overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.ov{position:absolute;left:0;top:0;will-change:transform}.ov-timer{display:flex;align-items:center;gap:5px;padding:3px 10px 3px 4px;border-radius:999px;background:var(--glass-strong);border:1.5px solid #f0c860;box-shadow:0 3px 8px #00000080;font:800 .78rem/1 system-ui,sans-serif;color:#fff;text-shadow:var(--outline);white-space:nowrap}.ov-timer .gi{width:20px;height:20px;animation:hammer .8s ease-in-out infinite}.ov-timer .ov-bar{width:64px;height:6px;border-radius:3px;background:#0000008c;overflow:hidden}.ov-timer .ov-bar div{height:100%;background:linear-gradient(90deg,#5fd35a,#b8ff9c)}@keyframes hammer{50%{transform:rotate(-25deg)}}.ov-up{pointer-events:auto;width:34px;height:34px;padding:0;border:none;background:none;box-shadow:none;animation:bob 1.2s ease-in-out infinite}.ov-up .gi{width:34px;height:34px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}@keyframes bob{50%{margin-top:-8px}}.ov-float{display:flex;align-items:center;gap:3px;font:900 .95rem/1 system-ui,sans-serif;color:#c8ffb0;text-shadow:var(--outline);animation:float-up 2.2s ease-out forwards}.ov-float .gi{width:22px;height:22px}@keyframes float-up{0%{opacity:0;margin-top:8px}15%{opacity:1}to{opacity:0;margin-top:-46px}}@media(max-width:720px){.hud-top{padding:max(8px,env(safe-area-inset-top)) 10px 16px;gap:10px}.medal{width:56px;height:56px}.medal-face{font-size:1.4rem}.resources{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 6px;padding-left:8px}.res{min-width:0;flex:1 1 0;height:28px;padding:0 6px 0 20px;border-radius:999px;align-items:flex-start}.res .ico{left:-9px;width:30px;height:30px}.res .ico .gi{width:28px;height:28px}.res .val{font-size:.8rem}.res .rate,.res-plus{display:none}.goods{position:absolute;top:max(12px,env(safe-area-inset-top));right:10px;flex-direction:column;gap:8px}.goods .res{flex:none;width:86px;height:26px}.dock-left{top:124px;left:8px;gap:6px}.goal{width:200px;padding:5px 8px;gap:6px}.goal span:nth-child(2){font-size:.72rem}.goal-ico .gi{width:24px;height:24px}.queue{width:190px;padding:5px 9px;font-size:.74rem}.ov-timer{font-size:.68rem}.ov-timer .ov-bar{width:44px}.dock-right{top:190px;transform:none;right:8px;gap:20px}.dock-btn{width:50px;height:50px}.dock-btn .gi{width:28px;height:28px}.nav{width:calc(100% - 12px);padding:4px 4px 6px;border-radius:18px}.nav button .gi{width:28px;height:28px}.nav button span{font-size:.58rem}.panel{bottom:86px}}.item-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.item-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;border-radius:12px;background:linear-gradient(180deg,#ffffff14,#00000040);border:1.5px solid rgba(226,190,90,.45);font-size:.72rem}.item-chip .gi{width:28px;height:28px}.item-chip small{font:800 .72rem system-ui,sans-serif;color:#ffe38a}.item-chip.on{border-color:#fff3c4;background:radial-gradient(circle at 50% 20%,#ffe38a73,#78500a8c);box-shadow:0 0 12px #ffd25a73,inset 0 0 0 1px #f0c860}.amount-row{display:flex;align-items:center;gap:10px;margin:12px 0 6px}.amount-row input[type=range]{flex:1;accent-color:#f0c860;height:26px}.amount-row .amount{min-width:90px;text-align:right;font:800 1rem system-ui,sans-serif;text-shadow:var(--outline)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick button{padding:5px 0;font-weight:800}.swap-row{display:flex;justify-content:center;margin:10px 0 -4px}button.round{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;border:2.5px solid #f0c860;background:radial-gradient(circle at 35% 30%,#7fe6dc,#14908a 55%,#0a4f4c);box-shadow:0 3px #6b4c10}button.round .gi{width:26px;height:26px}.quote{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 4px;padding:10px;border-radius:14px;background:#0000004d;border:1.5px solid rgba(226,190,90,.5);font:800 1.15rem system-ui,sans-serif;text-shadow:var(--outline)}.quote .gi{width:28px;height:28px}.quote .get{color:#b8ff9c}.goods-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:4px 0 8px;padding:8px 12px;border-radius:12px;background:#00000047;font-weight:700}.goods-bar .gi{width:24px;height:24px}.route{position:relative;padding:10px 12px 12px;border-radius:14px;background:linear-gradient(135deg,#78501459,#0000004d);border:1.5px solid rgba(226,190,90,.55)}.route-name{display:flex;justify-content:space-between;align-items:baseline}.route-name b{font-family:var(--display);font-size:1.1rem;color:#ffe38a}.route-row{display:flex;justify-content:space-between;gap:8px;margin:6px 0 8px;font-size:.82rem}.route-row .gi{width:20px;height:20px}.route .demand b{color:#b8ff9c}.route .profit{font-weight:800}.route .primary{width:100%}.capbar{height:10px;margin:-2px 0 10px;border-radius:5px;background:#00000073;border:1px solid rgba(226,190,90,.5);overflow:hidden}.capbar div{height:100%;background:linear-gradient(90deg,#c7820f,#ffe38a)}.cargo-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cargo-name{font-size:.85rem}.cargo-row .train-row{align-items:center;gap:4px}.cargo-row .train-row button{padding:4px 8px;font-size:.8rem}.cargo-row .have{min-width:52px;text-align:center;font-family:system-ui,sans-serif;font-size:.95rem}.game:has(.panel:not(.hidden)) .dock-right{right:calc(min(390px,100% - 24px) + 24px)}@media(max-width:720px){.game:has(.panel:not(.hidden)) .dock-right,.game:has(.panel:not(.hidden)) .dock-left{opacity:0;pointer-events:none}}.dock-right,.dock-left{transition:opacity .2s,right .2s}.res.gem{border-color:#6fe3ff;min-width:88px}.res.gem .val{color:#d9f7ff}.live-dock{display:flex;gap:14px;margin-top:6px;pointer-events:auto}.live-dock .dock-btn{width:54px;height:54px;background:radial-gradient(circle at 35% 28%,#f7d98a,#c9982a 50%,#6b4c10)}.live-dock .dock-btn[data-alert]{animation:goal-glow 1.2s ease-in-out infinite,wiggle 2.4s ease-in-out infinite}@keyframes wiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-10deg)}96%{transform:rotate(10deg)}}.queue{pointer-events:auto}.queue .speed{padding:1px 8px;border-radius:999px;font:800 .72rem system-ui,sans-serif;background:linear-gradient(180deg,#7fe6ff,#1f8fb0);border:1.5px solid #e0fbff;box-shadow:0 2px #0f4f6a}.queue .speed .gi{width:14px;height:14px}.medal.framed{background:conic-gradient(from 20deg,#fff,var(--frame),#fff,var(--frame),#fff,var(--frame),#fff)}.medal.framed:before{background:linear-gradient(135deg,#fff,var(--frame))}.medal.berat .medal-face{box-shadow:inset 0 -4px 8px #00000073,0 0 14px 3px #ffd25acc}.medal.berat+.pinfo .pname{color:#ffe38a;text-shadow:0 0 8px rgba(255,200,80,.9),0 1px 0 #7a5410}.quest{padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#0000002e,#00000052);border:1.5px solid rgba(226,190,90,.45)}.quest.story{background:linear-gradient(135deg,#78501473,#0000004d);border-color:#f0c860}.quest.ready{box-shadow:0 0 0 1px #b8ff9c,0 0 16px #78ff7859}.quest.done{opacity:.55}.quest-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-top b{font-family:var(--display);color:#ffe38a}.chapter{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9fe7e1}.quest-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest .primary{width:100%;margin-top:6px}.quest-foot button{flex:none;padding:6px 14px}.qbar,.hpbar{position:relative;height:16px;margin:6px 0;border-radius:8px;background:#00000073;border:1px solid rgba(226,190,90,.5);overflow:hidden}.qbar div{height:100%;background:linear-gradient(90deg,#2fa82a,#b8ff9c)}.hpbar div{height:100%;background:linear-gradient(90deg,#7a1410,#e04a3a)}.qbar span,.hpbar span{position:absolute;inset:0;display:grid;place-items:center;font:800 .72rem system-ui,sans-serif;text-shadow:var(--outline)}.cost.gem .gi,.cost.sp .gi,.cost.cos .gi{width:16px;height:16px}.cost.gem{color:#bdf2ff}.decision{margin:4px 0 12px;padding:12px;border-radius:16px;background:linear-gradient(160deg,#f3e2b8,#d9bf86);color:#3a2610;border:3px solid #8a5a1a;box-shadow:inset 0 0 0 2px #f7ecd0,0 6px 16px #00000073}.decision-head{display:flex;gap:10px;align-items:center}.decision-head .gi{width:38px;height:38px}.decision-head small{display:block;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a3a1a;font-size:.68rem}.decision-head b{font-family:var(--display);font-size:1.3rem}.decision p{color:#4a3218;font-style:italic}.options{display:grid;gap:6px}.option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;color:#3a2610;background:linear-gradient(180deg,#fff6dc,#ecd8a8);border:1.5px solid #a8844a;box-shadow:0 2px #8a6a2a}.option small .neg{color:#a8322a;font-weight:800}.option small .pos{color:#2f7a2a;font-weight:800}.option .buff{color:#6a3aa0;font-weight:700}.pass-top{display:flex;gap:12px;align-items:center;margin-bottom:8px}.pass-level{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 40% 30%,#c89aff,#6a3aa0 60%,#2a0a4a);border:3px solid #f0c860;box-shadow:0 4px 10px #00000080}.pass-level b{font:900 1.5rem/1 system-ui,sans-serif;text-shadow:var(--outline)}.pass-level small{font-size:.6rem}.pass-progress{flex:1}.pass-head,.pass-row{display:grid;grid-template-columns:34px 1fr 1fr;gap:6px;align-items:stretch}.pass-head span{text-align:center;font-weight:800;font-size:.75rem;color:#ffe38a}.pass{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:2px}.pass-tier{display:grid;place-items:center;border-radius:8px;font-weight:900;background:#00000059}.pass-row.reached .pass-tier{background:linear-gradient(180deg,#f0c860,#9a7420);color:#3a2610}.pass-cell{position:relative;padding:6px;border-radius:10px;background:#00000040;border:1px solid rgba(226,190,90,.3);display:flex;flex-direction:column;gap:4px;min-height:52px}.pass-cell.premium{background:linear-gradient(135deg,#6a3aa073,#0000004d);border-color:#c89aff80}.pass-cell.can{box-shadow:0 0 0 1px #b8ff9c,0 0 12px #78ff784d}.pass-cell.claimed{opacity:.5}.pass-cell.locked{padding-right:26px}.pass-cell.locked>.gi{position:absolute;right:6px;top:6px;width:18px;height:18px}.pass-cell .costs{margin:0;gap:3px}.pass-cell .cost{font-size:.7rem;padding:1px 5px}.pass-cell .primary{padding:3px 8px;font-size:.75rem}.pass-cell .tick{position:absolute;right:8px;top:4px;color:#b8ff9c;font-weight:900}.hist{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-radius:10px;background:#00000040;border-left:3px solid #f0c860}.hist b{font-family:var(--display);color:#ffe38a}.note.good{border-color:#b8ff9c}.tabs.three{grid-template-columns:repeat(3,1fr)}.tabs.four{grid-template-columns:repeat(4,1fr)}.ad-card{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:12px;border-radius:14px;background:linear-gradient(135deg,#1f5f7ab3,#0000004d);border:1.5px solid #7fe6ff}.ad-card>.gi{width:40px;height:40px}.ad-card small{display:block;color:#bdf2ff;font-size:.72rem}.ad-buttons{display:flex;flex-direction:column;gap:4px;margin-left:auto}.ad-buttons button{padding:4px 10px;font-size:.78rem;white-space:nowrap}.gem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gem-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 10px;text-align:center;border-radius:16px;background:radial-gradient(circle at 50% 20%,#6fe3ff59,#08283ce6 70%);border:2px solid #7fe6ff;box-shadow:inset 0 0 0 1px #ffffff26}.gem-card.bundle{grid-column:1 / -1;background:radial-gradient(circle at 50% 20%,#ffd86a73,#462806eb 70%);border-color:#f0c860}.gem-card b{font-family:var(--display);color:#fff}.gem-card small{font-size:.72rem;color:#d9f7ff;min-height:2.4em}.gem-card .primary{width:100%}.gem-pile{display:flex;justify-content:center;margin:2px 0 4px}.gem-pile .gi{width:38px;height:38px;margin:0 -8px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(111,227,255,.7))}.gem-pile.t4 .gi,.gem-card.bundle .gem-pile .gi{width:46px;height:46px}.ribbon{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:1px 10px;border-radius:999px;font:800 .66rem system-ui,sans-serif;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(180deg,#ff6a5a,#a8322a);border:1.5px solid #fff3c4}.perk-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:linear-gradient(135deg,#78501480,#00000059);border:2px solid #f0c860}.perk-card.perk-pass{background:linear-gradient(135deg,#6a3aa099,#00000059);border-color:#c89aff}.perk-card.perk-lonca{background:linear-gradient(135deg,#a06e2880,#00000059)}.perk-card.perk-reklamsiz{background:linear-gradient(135deg,#1f5f7a99,#00000059);border-color:#7fe6ff}.perk-ico .gi{width:44px;height:44px}.perk-body{flex:1;display:flex;flex-direction:column;gap:3px}.perk-body b{font-family:var(--display);color:#ffe38a}.perk-body small{font-size:.74rem}.perk-card .primary{flex:none;width:auto;padding:8px 12px}.cos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cos-card{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:#00000047;border:1.5px solid rgba(226,190,90,.4)}.cos-card.on{border-color:#b8ff9c;box-shadow:0 0 10px #78ff784d}.cos-card small{font-size:.7rem;color:var(--muted)}.swatch{height:44px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--sw) 60%,white),var(--sw) 60%,color-mix(in srgb,var(--sw) 60%,black));border:1.5px solid rgba(255,255,255,.4)}.swatch .gi{width:30px;height:30px}.celebrate{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:50;pointer-events:none;display:grid;place-items:center;animation:celebrate 1.9s ease-out forwards}.celebrate b{position:relative;padding:12px 28px;border-radius:16px;font-family:var(--display);font-size:1.4rem;color:#3a2006;white-space:nowrap;background:linear-gradient(180deg,#ffe89a,#f2b52c 50%,#c7820f);border:3px solid #fff3c4;box-shadow:0 8px 24px #00000080,0 0 40px #ffd25acc}.celebrate .rays{position:absolute;width:360px;height:360px;background:repeating-conic-gradient(rgba(255,230,150,.45) 0 10deg,transparent 10deg 24deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes celebrate{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.ad-sim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#000c}.ad-sim-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border-radius:16px;background:#102a30;border:2px solid #7fe6ff;min-width:260px}@media(max-width:720px){.live-dock{gap:12px}.live-dock .dock-btn{width:46px;height:46px}.gem-card small{min-height:0}}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.gi,.emblem{shape-rendering:geometricPrecision}#viewport canvas{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}:root{--gC: #a87a4a;--gB: #9fd8d0;--gA: #5aa0e8;--gS: #b07ae0;--gSS: #f0d77a}.grade{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 4px;border-radius:5px;font:900 .7rem/1 system-ui,sans-serif;color:#1a1206;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff80}.grade.g-C{background:linear-gradient(180deg,#e0b888,var(--gC))}.grade.g-B{background:linear-gradient(180deg,#e0fff8,#6ab8b0)}.grade.g-A{background:linear-gradient(180deg,#c8e4ff,var(--gA));color:#06142a}.grade.g-S{background:linear-gradient(180deg,#ecd8ff,var(--gS));color:#1a0a2e}.grade.g-SS{background:linear-gradient(180deg,#fff6c8,#e0b840 60%,#a87414);color:#3a2408;box-shadow:0 0 8px #ffd764cc}.stars{display:inline-flex;gap:1px;font-size:.82rem;line-height:1}.stars i{font-style:normal;color:#ffffff2e}.stars i.on{color:#ffd04a;text-shadow:0 0 4px rgba(255,200,60,.8),0 1px 0 #6a4a0a}.cmd-sum{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:2px 0 10px;font-size:.82rem}.cmd-sum .gi{width:16px;height:16px;vertical-align:-3px}.cmd-sum button{margin-left:auto;padding:5px 12px}.cmd-card{position:relative}.cmd-card.g-C{border-color:var(--gC);background:linear-gradient(160deg,#6e461e8c,#00000059)}.cmd-card.g-B{border-color:#6ab8b0;background:linear-gradient(160deg,#146e6a99,#00000059)}.cmd-card.g-A{border-color:var(--gA);background:linear-gradient(160deg,#1e469699,#00000059)}.cmd-card.g-S{border-color:var(--gS);background:linear-gradient(160deg,#5a288c99,#00000059)}.cmd-card.g-SS{border-color:var(--gSS);background:linear-gradient(160deg,#aa781499,#00000059);box-shadow:0 0 14px #ffd25a59}.cmd-card.locked{opacity:.82;border-style:dashed}.cmd-card.locked.can{opacity:1;border-style:solid;animation:goal-glow 1.8s ease-in-out infinite}.cmd-por{position:relative;flex:none}.cmd-por .grade{position:absolute;left:-2px;top:-2px}.cmd-por .nav-badge{top:-4px;right:-4px}.pow{font:800 .74rem system-ui,sans-serif;color:#ffe38a}.pow .gi{width:14px;height:14px;vertical-align:-2px}.xp.capped div{background:linear-gradient(90deg,#ffb84a,#ffe38a)}.shardbar{position:relative;height:15px;border-radius:8px;background:#00000080;border:1px solid rgba(182,122,224,.6);overflow:hidden}.shardbar div{height:100%;background:linear-gradient(90deg,#6a3aa0,#c890ff)}.shardbar.full div{background:linear-gradient(90deg,#2fa82a,#b8ff9c)}.shardbar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;font:800 .68rem system-ui,sans-serif;text-shadow:var(--outline)}.shardbar .gi{width:12px;height:12px}.cmd-hero.g-SS .portrait{filter:drop-shadow(0 0 10px rgba(255,215,100,.75))}.cmd-hero.g-S .portrait{filter:drop-shadow(0 0 8px rgba(180,120,240,.7))}.cmd-hero .cmd-info{gap:5px}.cmd-hero .primary{margin-top:4px}.cmd-grow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.grow-box{padding:8px;border-radius:12px;background:#00000040;border:1px solid rgba(226,190,90,.35)}.grow-box h5{margin:0 0 6px;font-family:var(--display);color:var(--gold-soft);font-size:.85rem}.grow-box h5 .gi{width:16px;height:16px;vertical-align:-3px}.grow-btns{display:flex;flex-wrap:wrap;gap:4px}.grow-btns button{flex:1;padding:6px 4px;font-size:.76rem}.grow-box .primary{width:100%;margin-top:6px}.grow-box .costs{margin:4px 0 0}.spec{margin:8px 0;padding:8px 10px;border-radius:12px;background:#46c9c01f;border:1px solid rgba(70,201,192,.45)}.spec-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.spec-head b{font-family:var(--display);color:#c8fff8}.tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.tag{padding:1px 8px;border-radius:999px;font-size:.72rem;background:#0000004d;border:1px solid rgba(226,190,90,.5);color:var(--gold-soft)}.bio{color:var(--muted);line-height:1.45}h4 .mini,.mini{padding:3px 9px;font-size:.72rem;margin-left:6px}.gear-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gear-slot{display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:10px;background:#0000004d;border:1.5px solid rgba(255,255,255,.15);font-size:.78rem}.gear-slot small{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.64rem}.gear-slot.empty{border-style:dashed}.gear-slot.g-B{border-color:#6ab8b0}.gear-slot.g-A{border-color:var(--gA)}.gear-slot.g-S{border-color:var(--gS)}.gear-slot button{padding:4px 6px;font-size:.72rem}.gear-opt small{opacity:.8}.pick.g-SS{border-color:var(--gSS)}.pick.g-S{border-color:var(--gS)}.pick.g-A{border-color:var(--gA)}.chests{display:grid;gap:8px}.chest-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:linear-gradient(135deg,#0003,#0006);border:1.5px solid rgba(226,190,90,.4)}.chest-row.can{border-color:#f0c860;box-shadow:0 0 12px #ffd25a4d}.chest-row.c-destan{background:linear-gradient(135deg,#8c641473,#0006)}.chest-row.c-kagan{background:linear-gradient(135deg,#5a288c66,#0006)}.chest-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.chest-info b{font-family:var(--display);color:#ffe38a}.grades{display:flex;flex-wrap:wrap;gap:3px 6px;align-items:center;font-size:.7rem}.pity{font-size:.74rem;color:#ffd8a0}.pity .gi{width:13px;height:13px;vertical-align:-2px}.chest-count{display:flex;gap:10px;font:800 .78rem system-ui,sans-serif}.chest-count .gi{width:16px;height:16px;vertical-align:-3px}.chest-count .short{color:#ff9a8a}.chest-row>.primary{flex:none;width:auto;padding:10px 18px}.chest-art{position:relative;flex:none;width:64px;height:54px}.chest-art .box,.chest-art .lid{position:absolute;left:4px;right:4px;border:2px solid #2a1606;background:linear-gradient(90deg,transparent 18%,#e8c04a 18% 26%,transparent 26% 74%,#e8c04a 74% 82%,transparent 82%),linear-gradient(180deg,color-mix(in srgb,var(--chest) 70%,white),var(--chest) 55%,color-mix(in srgb,var(--chest) 60%,black))}.chest-art .box{bottom:2px;height:30px;border-radius:3px 3px 6px 6px}.chest-art .lid{top:4px;height:20px;border-radius:16px 16px 3px 3px;transform-origin:50% 100%}.chest-art .lock{position:absolute;left:50%;top:19px;width:12px;height:14px;margin-left:-6px;border-radius:3px;background:linear-gradient(180deg,#fff1b8,#c9982a);border:1.5px solid #2a1606}.chest-art.c-destan{filter:drop-shadow(0 0 8px rgba(255,210,90,.7))}.chest-layer{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0e1a22f0,#000000fa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:show-in .25s ease-out}.chest-show{position:relative;width:min(560px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.show-title{font-family:var(--display);font-size:1.5rem;color:#ffe38a;text-shadow:0 2px 0 #5a3a0a,0 0 18px rgba(255,210,90,.6)}.show-rays{position:absolute;top:-10px;left:50%;width:520px;height:520px;margin-left:-260px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--chest) 55%,white) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 65%);mask:radial-gradient(circle,#000 15%,transparent 65%);opacity:0;animation:spin 6s linear infinite,rays-in .4s ease-out 1.1s forwards;pointer-events:none}.chest-show .chest-art{transform:scale(2.2);margin:40px 0 34px}.chest-show .chest-art.shake{animation:chest-shake 1.1s ease-in-out}.chest-show .chest-art .lid{animation:lid-open .5s ease-out 1.1s forwards}.show-burst{position:absolute;top:70px;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:radial-gradient(circle,#fff,color-mix(in srgb,var(--chest) 50%,white) 40%,transparent 70%);opacity:0;animation:burst .7s ease-out 1.1s;pointer-events:none}.loots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.loot{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:8px 8px 6px;border-radius:12px;background:linear-gradient(180deg,#ffffff1f,#00000059);border:1.5px solid rgba(226,190,90,.55);opacity:0;transform:translateY(20px) scale(.6);animation:loot-in .45s cubic-bezier(.2,1.4,.4,1) calc(1.3s + var(--d)) forwards}.loot .gi{width:36px;height:36px}.loot b{font-family:var(--display);color:#ffe38a}.loot small{font-size:.68rem;color:var(--muted)}.loot.g-A{border-color:var(--gA);box-shadow:0 0 12px #5aa0e880}.loot.g-S{border-color:var(--gS);box-shadow:0 0 16px #b07ae0b3}.loot.g-SS{border-color:var(--gSS);box-shadow:0 0 24px #ffd764e6}.show-legend{display:flex;flex-direction:column;gap:2px;padding:8px 26px;border-radius:14px;background:linear-gradient(180deg,#fff1b8,#e0b840 50%,#a87414);color:#3a2408;border:3px solid #fff3c4;box-shadow:0 0 40px #ffd764e6;opacity:0;animation:legend-in .6s cubic-bezier(.2,1.5,.4,1) 1.5s forwards}.show-legend small{font-weight:900;letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.show-legend b{font-family:var(--display);font-size:1.6rem}.chest-show.ss .show-rays{background:repeating-conic-gradient(rgba(255,230,140,.8) 0 8deg,transparent 8deg 20deg)}.chest-show.ss .show-title{font-size:1.8rem}.chest-show.s .show-rays{background:repeating-conic-gradient(rgba(210,160,255,.6) 0 8deg,transparent 8deg 22deg)}.show-foot{display:flex;gap:8px;margin-top:6px}.show-foot button{min-width:100px}.show-foot .ghost{background:transparent;border-color:#ffffff59}.chest-layer.skipped *,.chest-layer.skipped .loot{animation-delay:0s!important;animation-duration:.01s!important}.chest-layer.skipped .show-rays{animation:spin 6s linear infinite;opacity:1}@keyframes show-in{0%{opacity:0}}@keyframes chest-shake{0%,to{transform:scale(2.2) rotate(0)}10%,30%,50%,70%{transform:scale(2.25) rotate(-6deg)}20%,40%,60%,80%{transform:scale(2.25) rotate(6deg)}90%{transform:scale(2.5) rotate(0)}}@keyframes lid-open{to{transform:translateY(-6px) rotateX(70deg);opacity:.7}}@keyframes burst{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(9)}}@keyframes rays-in{to{opacity:.9}}@keyframes loot-in{to{opacity:1;transform:none}}@keyframes legend-in{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}.happy-big{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#00000047;border:1.5px solid rgba(226,190,90,.4)}.happy-face{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:900 1.4rem system-ui,sans-serif;color:#fff;text-shadow:var(--outline);border:3px solid #f0c860}.happy-big.b-0 .happy-face,.happy-big.b-1 .happy-face{background:radial-gradient(circle at 35% 30%,#b8ff9c,#2fa82a)}.happy-big.b-2 .happy-face,.happy-big.b-3 .happy-face{background:radial-gradient(circle at 35% 30%,#fff0a0,#c9a020)}.happy-big.b-4 .happy-face,.happy-big.b-5 .happy-face{background:radial-gradient(circle at 35% 30%,#ffc08a,#c05a1a)}.happy-big.b-6 .happy-face{background:radial-gradient(circle at 35% 30%,#ff9a8a,#9c241c);animation:wiggle 1.6s ease-in-out infinite}.bands{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.bands span{padding:0 5px;border-radius:4px;font-size:.64rem;background:#00000059;color:var(--muted)}.bands span.on{background:#f0c860;color:#3a2610;font-weight:800}.bands small{opacity:.8}.pstats{display:grid;gap:4px}.pstat{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:transparent;border:none;text-align:left}.pstat.open{background:#ffffff0f}.pstat .pname{font-size:.8rem;font-weight:700}.pbar{position:relative;height:16px;border-radius:8px;background:#00000073;border:1px solid rgba(226,190,90,.4);overflow:hidden}.pbar div{height:100%;background:linear-gradient(90deg,#2a8a84,#7fe6dc)}.pbar.s-happiness div{background:linear-gradient(90deg,#c9a020,#ffe38a)}.pbar.s-health div{background:linear-gradient(90deg,#2fa82a,#b8ff9c)}.pbar.s-security div{background:linear-gradient(90deg,#2a5aa8,#a8d8ff)}.pbar.s-culture div{background:linear-gradient(90deg,#6a3aa0,#d8b0ff)}.pbar.s-loyalty div{background:linear-gradient(90deg,#a8322a,#ffb0a0)}.pbar i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px #fff}.pbar span{position:absolute;inset:0;display:grid;place-items:center;font:800 .7rem system-ui,sans-serif;text-shadow:var(--outline)}.pbar span small{font-size:.64rem;opacity:.9}.factors{margin:0 0 6px 88px;padding:6px 8px;border-radius:8px;background:#0000004d;font-size:.74rem}.factors div{display:flex;justify-content:space-between;gap:8px}.factors .sum{border-top:1px solid rgba(255,255,255,.15);margin-top:3px;padding-top:3px}.pos{color:#9ff0c2}.neg{color:#ff9a8a}.disease{margin:8px 0;padding:10px;border-radius:14px;background:linear-gradient(135deg,#781e1499,#0006);border:2px solid #e04a3a}.disease.sev-3{animation:goal-glow 1.2s ease-in-out infinite}.disease-head{display:flex;gap:10px;align-items:center}.disease-head .gi{width:34px;height:34px}.disease-head small{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffb0a0}.disease-head b{font-family:var(--display);font-size:1.15rem}.treats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.treat{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:6px 8px;font-size:.78rem}.treat small{color:var(--muted);font-size:.68rem}.treat .costs{margin:0}.festival{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:12px;background:#00000040}.festival .primary{width:auto;flex:none;padding:8px 14px}.tabs .tab small{display:block;font-size:.64rem;opacity:.85;font-weight:600}.locked-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;text-align:center}.locked-box .gi{width:48px;height:48px;opacity:.8}.option small{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.option .pos{color:#1d6a1a;font-weight:700}.option .neg{color:#9c241c;font-weight:700}.option .risk{color:#8a3a1a;font-style:italic}.option .chain{color:#2a4a8a;font-weight:700}.option:disabled{opacity:.5}.decision.cat-saglik{border-color:#2a7a3a}.decision.cat-savas,.decision.cat-guvenlik{border-color:#8a2a1a}.decision.cat-ticaret,.decision.cat-ekonomi{border-color:#8a6a1a}.decision.cat-kultur{border-color:#5a2a8a}.dlog{display:grid;gap:6px}.dlog-row{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:#00000040}.dlog-row b{font-size:.84rem;color:var(--gold-soft)}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:2px 3px;margin:6px 0;font-size:.72rem}.steps span{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 2px;border-radius:999px;background:#0000004d;color:var(--muted)}.steps span b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ffffff26;font-size:.64rem}.steps span.done{color:#9ff0c2}.steps span.done b{background:#2fa82a;color:#fff}.steps span.cur{color:#ffe38a;box-shadow:0 0 0 1px #f0c860}.steps span.cur b{background:#f0c860;color:#3a2610}.steps i{font-style:normal;color:var(--muted)}.site-types{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.site-types span{display:flex;flex-direction:column;padding:4px 8px;border-radius:8px;background:#0000004d;font-size:.76rem;font-weight:700}.site-types span.locked{opacity:.5}.site-types small{font-weight:500;font-size:.66rem}.site-types .gi{width:12px;height:12px;vertical-align:-2px}.site{padding:10px;border-radius:14px;background:#00000047;border:1.5px solid rgba(226,190,90,.4)}.site.st-yonetim{border-color:#f0c860;box-shadow:0 0 12px #ffd25a59}.site.st-entegre{border-color:#2fa82a}.site-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.site-head b{font-family:var(--display);color:#ffe38a}.site-stage{display:flex;gap:8px;align-items:center;margin:4px 0}.site .bar{height:6px;border-radius:3px;background:#00000073;overflow:hidden}.site .bar div{height:100%;background:linear-gradient(90deg,#c9a020,#ffe38a)}.site details{margin-top:6px}.site summary{cursor:pointer;font-weight:800;color:#ffe38a}.policies{display:grid;gap:4px;margin-top:6px}.policy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:6px 8px}.policy small{font-size:.7rem}.policy.on{border-color:#2fa82a}.vip-top{display:flex;gap:12px;align-items:center;margin-bottom:8px}.vip-badge{flex:none;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#fff1b8,#c9982a 55%,#6b4c10);color:#3a2408}.vip-badge small{font:900 .7rem system-ui,sans-serif;letter-spacing:.15em}.vip-badge b{font:900 1.8rem/1 var(--display)}.vip-badge.v-0{background:linear-gradient(180deg,#d8d8d8,#7a7a7a)}.vip-prog{flex:1;display:flex;flex-direction:column;gap:2px}.vip-table{display:grid;gap:4px;margin-top:8px}.vip-row{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:#00000040}.vip-row.have{background:linear-gradient(90deg,#d4af3740,#0003)}.vip-row.next{box-shadow:0 0 0 1px #f0c860}.vip-lv{flex:none;width:44px;display:flex;flex-direction:column;align-items:center}.vip-lv b{font:900 1.1rem var(--display);color:#ffe38a}.vip-lv small{font-size:.6rem;color:var(--muted)}.medal-vip{position:absolute;left:-6px;bottom:-4px;padding:1px 5px;border-radius:6px;font:900 .6rem/1.3 system-ui,sans-serif;color:#3a2408;background:linear-gradient(180deg,#fff1b8,#e0b840);border:1.5px solid #6b4c10}.battle-result{display:flex;flex-direction:column;align-items:center;gap:2px;margin:6px 0 8px;padding:12px;border-radius:14px;text-align:center}.battle-result b{font:900 1.8rem var(--display);letter-spacing:.12em}.battle-result.win{background:linear-gradient(180deg,#f0c86066,#0000004d);border:2px solid #f0c860}.battle-result.win b{color:#ffe38a;text-shadow:0 0 16px rgba(255,210,90,.8)}.battle-result.lose{background:#781e1473;border:2px solid #e04a3a}.qtabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px}.qtabs .tab{position:relative;flex:none;padding:7px 10px;font-size:.76rem}.qtabs .nav-badge{top:-5px;right:-5px}.advisor{display:flex;gap:10px;align-items:center;margin-bottom:8px;padding:8px 10px;border-radius:14px;background:linear-gradient(135deg,#d4af3738,#0000004d);border:1px solid rgba(226,190,90,.5)}.advisor small{font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f0c860;font-size:.66rem}.advisor p{margin:2px 0 0;font-style:italic;font-size:.84rem;line-height:1.35}.chain{display:grid;gap:3px;margin-top:8px}.chain-row{padding:4px 8px;border-radius:8px;font-size:.78rem;color:var(--muted);background:#0003}.chain-row.done{color:#9ff0c2}.chain-row .gi{width:12px;height:12px;vertical-align:-2px}.quest.future{opacity:.7}.quest.lvq .quest-top{justify-content:flex-start}.cost.chest .gi,.cost.key .gi,.cost.shard .gi,.cost.vip .gi{width:16px;height:16px}.cost.shard{color:#e0c0ff}.activity{margin-bottom:10px}.act-head{display:flex;justify-content:space-between;align-items:baseline}.act-track{position:relative;height:12px;margin:22px 18px 20px 4px;border-radius:6px;background:#00000073;border:1px solid rgba(226,190,90,.5)}.act-track>div{height:100%;border-radius:6px;background:linear-gradient(90deg,#c9a020,#ffe38a)}.act-chest{position:absolute;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;padding:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#f7d98a,#6b4c10);border:2px solid #f0c860}.act-chest .gi{width:24px;height:24px}.act-chest small{position:absolute;bottom:-15px;font:800 .62rem system-ui,sans-serif;text-shadow:var(--outline)}.act-chest.can{animation:goal-glow 1.2s ease-in-out infinite,wiggle 2s ease-in-out infinite}.act-chest.claimed{filter:grayscale(1) brightness(.6)}.act-chest:disabled{opacity:1}.tracker{pointer-events:auto;display:flex;align-items:stretch;width:280px;border-radius:14px;background:linear-gradient(135deg,#5a3a0ef0,#281806f0);border:2px solid #f0c860;box-shadow:0 4px #5a3a0a,0 8px 16px #0006;overflow:hidden}.tracker.ready{animation:goal-glow 1.4s ease-in-out infinite}.tracker-body{flex:1;display:flex;gap:8px;align-items:center;padding:6px 8px;min-width:0;text-align:left;background:none;border:none;border-radius:0;box-shadow:none}.tracker-body>span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tracker-body small{font:800 .62rem system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f0c860}.tracker-body b{font-size:.8rem;line-height:1.2;color:#fff6dc;text-shadow:0 1px 2px #000}.tbar{position:relative;height:10px;border-radius:5px;background:#00000080;overflow:hidden}.tbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2fa82a,#b8ff9c)}.tbar em{position:relative;display:block;text-align:center;font:800 .58rem/10px system-ui,sans-serif;font-style:normal;text-shadow:var(--outline)}.tracker-go{flex:none;width:58px;padding:0;border:none;border-left:2px solid #f0c860;border-radius:0;font:900 .92rem var(--display);color:#3a2006;background:linear-gradient(180deg,#ffe89a,#f2b52c 50%,#c7820f)}.tracker-go.claim{background:linear-gradient(180deg,#c8ffb8,#4ac83a 50%,#1d7a1a);color:#fff;text-shadow:var(--outline)}.live-dock{flex-wrap:wrap;width:280px;gap:22px 12px}@media(max-width:640px){.tracker{width:230px}.live-dock{width:230px;gap:20px 6px}.live-dock .dock-btn{width:48px;height:48px}.cmd-grow,.treats,.gear-slots{grid-template-columns:1fr}}button{transition:transform .12s cubic-bezier(.3,1.6,.5,1),filter .12s;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:scale(.93);filter:brightness(1.15);transition-duration:.04s}.dock-btn:active:not(:disabled){transform:scale(.9) translateY(2px)}.nav button:active{transform:scale(.88)}.panel.anim{animation:panel-in .24s cubic-bezier(.2,1.3,.4,1)}@keyframes panel-in{0%{opacity:0;transform:translate(26px) scale(.97)}}@media(max-width:640px){@keyframes panel-in{0%{opacity:0;transform:translateY(40px)}}}.res.bump{animation:res-bump .45s cubic-bezier(.3,1.8,.5,1)}.res.bump .val{color:#c8ffb0}@keyframes res-bump{30%{transform:scale(1.18);box-shadow:0 0 18px #c8ff96cc,0 3px 8px #00000059}}.ov-bubble{pointer-events:auto;display:flex;align-items:center;gap:3px;padding:4px 10px 4px 5px;border-radius:999px 999px 999px 4px;background:radial-gradient(circle at 30% 25%,#fffbe8,#f5e6b8 55%,#d8b866);border:2px solid #8a5a1a;box-shadow:0 4px #6b4410,0 8px 14px #00000073;font:900 .86rem/1 system-ui,sans-serif;color:#3a2610;white-space:nowrap;animation:bubble-bob 1.6s ease-in-out infinite}.ov-bubble .gi{width:24px;height:24px}.ov-bubble:active{transform:scale(.85)}@keyframes bubble-bob{50%{margin-top:-7px}}.harvest-pop{position:fixed;z-index:46;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;gap:4px;font:900 1.25rem/1 system-ui,sans-serif;color:#d8ffb8;text-shadow:0 2px 0 #1d4a1a,0 0 8px rgba(0,0,0,.6);animation:harvest-pop 1.1s ease-out forwards}.harvest-pop .gi{width:28px;height:28px}@keyframes harvest-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.15)}to{opacity:0;transform:translate(-50%,-200%) scale(1)}}.fly{position:fixed;z-index:60;width:30px;height:30px;margin:-15px 0 0 -15px;pointer-events:none;animation:fly .72s cubic-bezier(.5,0,.75,.4) both}.fly .gi,.fly svg{width:30px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}@keyframes fly{0%{transform:translate(0) scale(.4);opacity:0}18%{transform:translate(var(--sx),var(--sy)) scale(1.15);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.55);opacity:.9}}.reward-layer{position:fixed;inset:0;z-index:45;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#3c280a8c,#000000d9);animation:show-in .2s ease-out}.reward-layer.leaving{animation:show-out .26s ease-in forwards}@keyframes show-out{to{opacity:0}}.reward-box{position:relative;width:min(520px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 16px 18px;text-align:center;animation:reward-in .45s cubic-bezier(.2,1.5,.4,1)}@keyframes reward-in{0%{transform:scale(.6);opacity:0}}.reward-rays{position:absolute;top:-120px;left:50%;width:560px;height:560px;margin-left:-280px;border-radius:50%;background:repeating-conic-gradient(rgba(255,225,130,.5) 0 9deg,transparent 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 62%);mask:radial-gradient(circle,#000 12%,transparent 62%);animation:spin 10s linear infinite;pointer-events:none;z-index:-1}.ribbon{position:relative;padding:10px 40px;font-family:var(--display);font-size:1.35rem;font-weight:800;color:#3a2006;background:linear-gradient(180deg,#ffe89a,#f2b52c 55%,#c7820f);border:3px solid #fff3c4;border-radius:6px;box-shadow:0 6px 18px #00000080,0 0 30px #ffd25a99;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.reward-sub{margin:0;color:#f5e6b8;font-size:.9rem;text-shadow:0 1px 2px #000}.reward-box .loots{margin-top:4px}.reward-box .loot{animation-delay:calc(.25s + var(--d))}.reward-box .loot.shard .portrait{margin:-4px 0}.reward-box .collect-btn{min-width:180px;margin-top:8px;animation:goal-glow 1.6s ease-in-out infinite}.dock-btn.fresh{animation:fresh-in .6s cubic-bezier(.2,1.6,.4,1),goal-glow 1.4s ease-in-out .6s infinite}@keyframes fresh-in{0%{transform:scale(0)}}.new-tag{position:absolute;top:-8px;right:-12px;padding:1px 6px;border-radius:999px;font:900 .6rem/1.4 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#5fd35a,#1d7a1a);border:1.5px solid #e8ffd8;box-shadow:0 2px 4px #00000080}.advisor-layer{position:fixed;inset:0;z-index:44;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 96px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));animation:show-in .25s ease-out}.advisor-layer.leaving{animation:show-out .22s ease-in forwards}.advisor-pop{position:relative;display:flex;align-items:flex-end;width:min(620px,100%);animation:advisor-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes advisor-in{0%{transform:translateY(60px);opacity:0}}.advisor-por{flex:none;margin-right:-14px;z-index:1}.advisor-por .portrait{filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.advisor-say{position:relative;flex:1;padding:12px 14px 12px 26px;border-radius:16px;background:linear-gradient(160deg,#f6ebcd,#e3cb94);color:#3a2610;border:3px solid #8a5a1a;box-shadow:inset 0 0 0 2px #fbf3dd,0 10px 24px #0000008c}.advisor-say small{font:900 .7rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a3a1a}.advisor-say p{margin:4px 0 8px;font-size:.98rem;line-height:1.4;font-style:italic}.advisor-task{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:10px;background:#8a5a1a26;font-size:.8rem}.advisor-task .gi{width:14px;height:14px;vertical-align:-2px}.advisor-task b{font-size:.92rem}.advisor-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.advisor-btns button{min-width:96px}.advisor-say .advisor-btns button:not(.primary){color:#fff}.guide-hand{position:fixed;z-index:43;width:46px;height:46px;margin-left:-12px;pointer-events:none;transition:left .3s ease,top .3s ease,opacity .2s;filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));animation:hand-tap 1.1s ease-in-out infinite}.guide-hand.gone{opacity:0}.guide-hand svg{width:100%;height:100%;transform:rotate(-20deg)}@keyframes hand-tap{0%,to{transform:translate(6px,14px)}45%{transform:translateY(2px) scale(.92)}}.away-box{width:min(460px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px 16px;border-radius:18px;background:linear-gradient(180deg,#0e5e5cf5,#073a3bfa);border:2px solid #f0c860;box-shadow:0 16px 40px #0009;animation:reward-in .4s cubic-bezier(.2,1.4,.4,1)}.away-box .ribbon{margin-top:-46px;font-size:1.1rem}.away-list{display:grid;gap:6px;width:100%}.away-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border-radius:10px;background:#00000047;font-size:.86rem}.away-row .gi{width:20px;height:20px}.away-row .costs{margin:0}.away-row.neg{border:1px solid #e04a3a}.queue .speed.free{background:linear-gradient(180deg,#b8ff9c,#2fa82a);color:#10360e;border-color:#e8ffd8;box-shadow:0 2px #1d5a1a}@media(max-width:640px){.advisor-layer{padding-bottom:86px}.advisor-por .portrait{width:84px;height:101px}.advisor-say p{font-size:.88rem}}.panel-backdrop{position:fixed;inset:0;z-index:28;background:radial-gradient(circle at 50% 45%,#0a141473,#000000b8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:show-in .2s ease-out}.panel.window{position:fixed;z-index:29;inset:50% auto auto 50%;width:min(820px,calc(100% - 24px));height:min(88vh,calc(100% - 40px));transform:translate(-50%,-50%);padding:0 26px 24px;border-width:3px;border-radius:20px;box-shadow:0 0 0 1px #5a3a0a,0 0 0 6px #f0c8602e,0 24px 60px #000000b3}.panel.window.anim{animation:window-in .28s cubic-bezier(.2,1.35,.4,1)}@keyframes window-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.92)}}.panel.window .panel-head{margin:0 -26px 14px;padding:14px 20px 14px 58px;background:linear-gradient(180deg,#f0c86038,#0000004d)}.panel.window h3{font-size:1.5rem;letter-spacing:.03em;color:#ffe08a;text-shadow:0 2px 0 #7a5410,0 0 2px #3a2610,0 4px 10px rgba(0,0,0,.55)}.panel.window .close{width:42px;height:42px;font-size:1.2rem}.panel.window .cmd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.panel.window .chests{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.game:has(.panel.window:not(.hidden)) .dock-right{right:12px}@media(min-width:900px){.panel.window .skill-trees{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.panel.window{left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;border-width:0;padding:0 14px 20px}.panel.window .panel-head{margin:0 -14px 12px;padding-top:max(12px,env(safe-area-inset-top))}@keyframes window-in{0%{opacity:0;transform:translateY(30px)}}}.nav button.nav-main{transform:translateY(-10px) scale(1.15)}.nav button.nav-main .gi{filter:drop-shadow(0 0 6px rgba(255,215,100,.7))}.menu-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.menu-tiles button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:.78rem;font-weight:700}.menu-tiles .gi{width:34px;height:34px}@media(max-width:480px){.menu-tiles{grid-template-columns:repeat(2,1fr)}}.pshield{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:0 7px;border-radius:999px;font:800 .66rem/16px system-ui,sans-serif;color:#d8f4ff;background:linear-gradient(180deg,#5aa0e899,#1e468cb3);border:1px solid #a8d8ff}.pshield .gi{width:12px;height:12px}.cloud-wipe{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}.cloud-wipe i{position:absolute;width:90vmax;height:70vmax;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff,#eef4f6 40%,#dce8eceb 62%,#dce8ec00 72%);animation:cloud-in .42s cubic-bezier(.3,0,.3,1) forwards}.cloud-wipe i:nth-child(1){left:-60vmax;top:-30vmax;--tx: 40vmax;--ty: 20vmax}.cloud-wipe i:nth-child(2){right:-60vmax;top:-20vmax;--tx: -42vmax;--ty: 18vmax}.cloud-wipe i:nth-child(3){left:-50vmax;bottom:-40vmax;--tx: 38vmax;--ty: -24vmax}.cloud-wipe i:nth-child(4){right:-55vmax;bottom:-35vmax;--tx: -40vmax;--ty: -22vmax}.cloud-wipe i:nth-child(5){left:5vmax;top:10vmax;width:70vmax;height:50vmax;opacity:0;--tx: 0;--ty: 0;animation-name:cloud-core}@keyframes cloud-in{to{transform:translate(var(--tx),var(--ty))}}@keyframes cloud-core{to{opacity:1}}.cloud-wipe.out i{animation:cloud-out .65s cubic-bezier(.5,0,.7,1) forwards}@keyframes cloud-out{0%{transform:translate(var(--tx),var(--ty));opacity:1}to{transform:translate(calc(var(--tx) * -.6),calc(var(--ty) * -.6)) scale(1.3);opacity:0}}.toasts{z-index:65}.panel-backdrop.hidden{display:none}.nav{grid-template-columns:repeat(5,1fr)}@media(max-width:720px){.panel.window{max-height:none;bottom:0}}#viewport{background:linear-gradient(180deg,#cfe4e6,#b9d39a 55%,#8fb26a)}