:root{--ink: #2c2216;--muted: #66553f;--paper: #fbf6ea;--paper-2: #f3ead6;--paper-3: #e9dcbf;--panel: rgba(251, 246, 234, .95);--panel-2: rgba(246, 238, 220, .97);--line: rgba(160, 118, 50, .26);--line-2: rgba(160, 118, 50, .5);--accent: #b8862f;--amber: #87590f;--green: #3a6e2c;--red: #a3341d;--gold: #c99a3e;--gold-hi: #e9c473;--gold-lo: #8f6519;--gold-ink: #7e5410;--marble: #ede7d8;--marble-2: #d7cfbe;--marble-3: #b6ac98;--marble-ink: #2e281e;--bronze: #c28c48;--bronze-hi: #e2b766;--bronze-lo: #8a6129;--bronze-dk: #4a3216;--terra: #c4643f;--terra-hi: #d9774f;--terra-lo: #8f3d25;--aegean: #3f8db0;--aegean-hi: #2f7fa3;--aegean-lo: #1f5670;--aegean-ink: #1d5873;--t-wood: #b9783a;--t-wine: #8e3fa2;--t-marble: #a99d86;--t-crystal: #3fa9d0;--t-sulfur: #d6b318;--t-gold: #d9a53a;--t-aegean: #3f8db0;--head: "Barlow Condensed", "Bahnschrift", "Arial Narrow", sans-serif;--classic: "Cinzel", "Trajan Pro", Georgia, serif;--meander: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M0 9H10M8 9V1H2V6.5H5.5V3.8' fill='none' stroke='%23b8862f' stroke-width='1.1' stroke-linecap='square'/%3E%3C/svg%3E");--shadow: 0 1px 2px rgba(70, 48, 16, .12), 0 10px 28px rgba(60, 42, 14, .18), inset 0 1px rgba(255, 255, 255, .7);--goal-space: 0px;--queue-space: 0px;font-family:Barlow,Segoe UI,system-ui,sans-serif;font-size:16px;color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#d8dccf}#world{position:fixed;inset:0}#world canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}h1,h2,h3,h4,.label,.eyebrow,summary{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin:0}h2{font-family:var(--classic);font-weight:600;letter-spacing:.06em;text-transform:none}p{margin:0}.label{display:block;font-size:15px;color:var(--muted);margin-bottom:4px}.ic{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0;vertical-align:-.28em}svg.pk-ic{width:1.3em;height:1.3em;display:block;filter:drop-shadow(0 1px 0 rgba(90,62,20,.22))}button{font:500 17px/1.15 var(--head);letter-spacing:.05em;color:var(--ink);cursor:pointer;min-height:38px;padding:7px 14px;border-radius:6px;border:1px solid rgba(160,118,50,.55);background-color:#f4ebd7;background-image:linear-gradient(180deg,#fffaf0,#efe3c8);box-shadow:inset 0 1px #fffc,0 1px 2px #4630102e;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;transition:background .15s,border-color .15s,filter .15s,transform .05s}button:hover:not(:disabled){border-color:var(--gold);background-image:linear-gradient(180deg,#fffdf6,#f5e8c9)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #5a3e1440}button:disabled{opacity:.5;cursor:default;filter:grayscale(.6)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--aegean);outline-offset:2px}button.primary{color:#2a1b08;border-color:#8f6519;text-shadow:0 1px rgba(255,241,206,.55);font-weight:600;background-color:#dcaa58;background-image:linear-gradient(180deg,#f8dc9c,#e0b05e,#c48e42);box-shadow:inset 0 1px #fff8e1cc,inset 0 -2px #78501440,0 2px 4px #5a3c0f40}button.primary:hover:not(:disabled){background-image:linear-gradient(180deg,#fde6b0,#e8bb6c,#cf9a4c);border-color:#6c4a1f}button.primary:disabled{filter:grayscale(.7)}button.danger{border-color:#c4643f99;color:var(--red)}button.danger:hover:not(:disabled){background-image:linear-gradient(180deg,#fff3ec,#f6dccf);border-color:var(--terra)}button.danger.solid{color:#fff8f2;border-color:#7a321d;background-color:#b4532f;background-image:linear-gradient(180deg,#d77850,#b4532f 55%,#93401f);box-shadow:inset 0 1px #ffdcc880,0 2px 4px #5a1e0a40;text-shadow:0 1px rgba(60,20,10,.45)}button.danger.solid:hover:not(:disabled){background-image:linear-gradient(180deg,#df855c,#bd5b36 55%,#9a4422);border-color:#5d2716}button.small{font-size:15px;min-height:32px;padding:4px 11px;margin-top:6px;justify-self:start}button.link{background:none;border:0;box-shadow:none;padding:2px 0;min-height:0;text-align:left;justify-content:flex-start;font-family:inherit;letter-spacing:0;font-size:inherit}button.link:hover:not(:disabled){background:none;color:var(--gold-ink)}button.active,button[aria-pressed=true]{color:#3a2608;border-color:var(--gold-lo);background-color:#ebc97f;background-image:linear-gradient(180deg,#f7e1a9,#e6bf70);box-shadow:inset 0 1px #fffae6cc,0 0 0 1px #c99a3e59}button.close{position:absolute;top:10px;right:10px;width:34px;height:34px;min-height:0;padding:0;border-radius:50%;z-index:4;font:400 24px/1 var(--classic);color:#2a1b08;border-color:#8f6519;background-color:#d9a75c;background-image:radial-gradient(circle at 35% 30%,#fde7b4,#ddab5d 55%,#b0813c)}button.close:hover:not(:disabled){background-image:radial-gradient(circle at 35% 30%,#fff2cf,#e6b86a 55%,#b98a42);border-color:#6c4a1f}.win-head button.close{top:50%;margin-top:-17px}.panel{background:radial-gradient(circle at 7px 7px,var(--gold) 0 1.6px,transparent 2.2px),radial-gradient(circle at calc(100% - 7px) 7px,var(--gold) 0 1.6px,transparent 2.2px),radial-gradient(circle at 7px calc(100% - 7px),var(--gold) 0 1.6px,transparent 2.2px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),var(--gold) 0 1.6px,transparent 2.2px),linear-gradient(180deg,#fdfaf2f2,#f5eddbf2);background-color:var(--panel);color:var(--ink);border:1px solid rgba(176,132,58,.5);border-radius:8px;box-shadow:var(--shadow)}.win-head{position:sticky;top:-18px;z-index:3;display:flex;align-items:center;gap:12px;margin:-18px -18px 8px;padding:12px 54px 14px 14px;border-radius:8px 8px 0 0;background-color:#f8f0dc;background-image:linear-gradient(180deg,#fffcf3,#f3e6c6);border-bottom:1px solid rgba(160,118,50,.35)}.win-head:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:13px;pointer-events:none;background:var(--meander) repeat-x 0 50% / 12px 12px,linear-gradient(180deg,#f6ead0,#efe0bd);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.medal{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8 60%,#c6b897);border:2px solid var(--gold);box-shadow:0 0 0 2px #fffcf4e6,0 0 0 3px #a0763273,inset 0 -2px 4px #503c1e40,0 3px 8px #46301033}.medal svg.pk-ic{width:30px;height:30px;filter:none}.win-title{display:grid;min-width:0}.win-title .label{margin:0;color:var(--gold-ink);font-size:14px;letter-spacing:.14em}.win-title h2{font-size:23px;line-height:1.15;color:var(--ink)}.win-title h2 .lvl{font-family:var(--head);font-size:17px;color:var(--gold-ink);letter-spacing:.06em;margin-left:6px;white-space:nowrap}.subpanel{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}.side h3,.subpanel h3,.viewpanel h3,.advisor h3{font-family:var(--classic);font-weight:600;text-transform:none;letter-spacing:.05em;font-size:17px;color:var(--gold-ink);display:flex;align-items:center;gap:8px}.side h3:after,.subpanel h3:after,.advisor h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}input:not([type=range]),select,textarea{font:inherit;color:var(--ink);background:#fffdf8;border:1px solid var(--line-2);border-radius:5px;padding:6px 8px;box-shadow:inset 0 1px 3px #5a3e1426}select{width:100%}.slider{display:grid;gap:2px;--fill: var(--gold)}.slider.tone-wood{--fill: var(--t-wood)}.slider.tone-wine{--fill: var(--t-wine)}.slider.tone-marble{--fill: var(--t-marble)}.slider.tone-crystal{--fill: var(--t-crystal)}.slider.tone-sulfur{--fill: var(--t-sulfur)}.slider.tone-gold{--fill: var(--t-gold)}.slider.tone-aegean{--fill: var(--t-aegean)}.sl-head{display:flex;align-items:center;gap:7px;min-width:0}.sl-head .ic svg.pk-ic{width:26px;height:26px}.sl-name{flex:1;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-name small{color:var(--muted);font-size:14px}.sl-val{display:flex;align-items:baseline;gap:4px;font-family:var(--head);font-size:19px;white-space:nowrap}.sl-val small{font-size:15px;color:var(--muted)}input.sl-num{width:76px;padding:2px 6px;text-align:right;font-family:var(--head);font-size:19px;-moz-appearance:textfield;appearance:textfield}input.sl-num::-webkit-outer-spin-button,input.sl-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sl-row{display:grid;grid-template-columns:38px 1fr 38px;align-items:start;gap:8px}.sl-step{width:38px;height:38px;min-height:0;padding:0;border-radius:50%;font:600 24px/1 var(--head)}.sl-track{display:grid;min-width:0}.sl-ends{display:flex;justify-content:space-between;font:14px/1.1 var(--head);color:var(--muted);padding:0 2px;margin-top:-4px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:38px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]:disabled{cursor:default;opacity:.5}input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;border:1px solid rgba(120,86,30,.55);background:linear-gradient(90deg,var(--fill) 0 var(--p, 0%),#e7dbbf var(--p, 0%) var(--cap, 100%),transparent var(--cap, 100%)),repeating-linear-gradient(135deg,#cdbf9f 0 4px,#bfae8a 4px 8px);box-shadow:inset 0 2px 3px #5a3e144d,0 1px #fffc}input[type=range]::-moz-range-track{height:12px;border-radius:6px;border:1px solid rgba(120,86,30,.55);background:#e7dbbf}input[type=range]::-moz-range-progress{height:12px;border-radius:6px;background:var(--fill)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;border:2px solid #4a3216;background:radial-gradient(circle at 50% 50%,transparent 0 5px,rgba(74,50,22,.7) 5.5px 6.5px,transparent 7px),radial-gradient(circle at 35% 30%,#fff0c9,#dfaa5c 55%,#9a6a31);box-shadow:0 2px 4px #46301059,inset 0 -2px 2px #50321459}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;border:2px solid #4a3216;background:radial-gradient(circle at 35% 30%,#fff0c9,#dfaa5c 55%,#9a6a31);box-shadow:0 2px 4px #46301059}input[type=range]:hover::-webkit-slider-thumb{filter:brightness(1.08)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--aegean),0 2px 4px #46301059}.why{font-size:15px;color:var(--amber);text-align:center}.why:before{content:"⚠ "}.busy{border:1px solid var(--gold);border-radius:6px;padding:8px 10px;display:grid;gap:2px;background:#e9c47329}.busy small{color:var(--muted)}.busy>button.small{justify-self:center}.bar{height:8px;background:#e7dbbf;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #5a3e1440}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .25s linear}.hint{font-size:15px;color:var(--muted)}.hint.short{color:var(--red)}.join{position:absolute;inset:0;display:grid;place-items:center;background:#3c2c1238}.join .panel{width:min(460px,calc(100% - 24px));padding:28px;display:grid;gap:14px}.join h1{font-family:var(--classic);font-size:40px;font-weight:500;letter-spacing:.12em;color:var(--ink);text-transform:uppercase}.join h1:after{content:"";display:block;height:11px;margin-top:8px;background:var(--meander) repeat-x 0 50% / 10px 10px,#f3e6c6;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.join p{color:var(--ink)}.join form{display:grid;gap:12px}.join label{display:grid;gap:6px;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.join input{font-size:18px;padding:10px 12px}.tabs{display:flex;gap:6px}.tabs button{flex:1;text-transform:uppercase;letter-spacing:.08em}#hud>.ui{position:absolute;inset:0;pointer-events:none}#hud>.ui>*{pointer-events:auto}.hint.amber{color:var(--amber)}.hint.red,.hint.empty{color:var(--red)}.row{display:flex;align-items:center;gap:8px}.row input[type=number]{width:90px}.stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--head);font-size:17px}.stats span{display:inline-flex;align-items:center;gap:5px}.stats .ic svg.pk-ic{width:22px;height:22px}.badge{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:10px;background:var(--terra);color:#fff4ea;font-weight:700;font-size:13px;line-height:20px;text-align:center;border:1px solid #5d2716;letter-spacing:0}.tut-progress{position:relative;height:18px;background:#e9dfc8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #5a3e1433}.tut-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#a9cf96,#c3e0b2);transition:width .3s}.tut-progress small{position:relative;display:block;text-align:center;font-size:14px;line-height:18px}.tut-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tut-list li{display:grid;gap:4px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf4b3}.tut-list li.ready{border-color:var(--gold);background:#e9c47329}.tut-list li.claimed{border-color:#7fa96a;opacity:.8}.tut-list li small{color:var(--muted);font-size:15px}.tut-reward{font-size:16px;color:var(--muted)}.tut-more{font-size:16px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;justify-self:start}.join h1 b{font-weight:700;color:var(--gold-ink)}.hover-tag{position:absolute;left:0;top:0;z-index:6;pointer-events:none!important;white-space:nowrap;font:500 16px/1.2 var(--head);letter-spacing:.05em;padding:4px 10px;border-radius:5px;color:var(--ink);background:#fbf6eaf5;border:1px solid var(--gold);box-shadow:0 3px 10px #3c2a0e40}.tut-halo{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none!important;z-index:1}.tut-ring{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;border:4px solid #ffd45c;box-shadow:0 0 0 3px #301e06d9,0 0 0 7px #ffcf4a,0 0 26px 8px #ffb828bf,inset 0 0 14px #ffd25a99;animation:tut-beat 1.1s ease-in-out infinite}.tut-ring.echo{border-width:3px;box-shadow:0 0 18px #ffc43ce6;animation:tut-ripple 1.4s ease-out infinite}@keyframes tut-ripple{0%{transform:scale(.85);opacity:.95}to{transform:scale(1.7);opacity:0}}@keyframes tut-beat{50%{transform:scale(1.08);box-shadow:0 0 0 3px #301e06d9,0 0 0 8px #ffdb6e,0 0 38px 14px #ffbe32e6,inset 0 0 14px #ffd25a99}}.tut-peek{opacity:.22!important;pointer-events:none!important;transition:opacity .2s}.tut-glow{outline:2px solid #ffcf4a!important;outline-offset:2px;box-shadow:0 0 14px #ffbe32cc!important}@keyframes tut-glow{50%{outline-color:#d99a244d}}.ui>.tut-spot{position:absolute;inset:0;z-index:12;pointer-events:none!important;display:none}.tut-spot.on{display:block}.tut-spot *{pointer-events:none!important}.tut-veil{position:absolute;inset:0;width:100%;height:100%}.tut-veil-fill{fill:#100a026b}.tut-ringbox{position:absolute;border-radius:10px;border:3px solid #ffd45c;box-shadow:0 0 0 3px #301e06e6,0 0 0 6px #ffcf4a,0 0 22px 7px #ffb828cc,inset 0 0 10px #ffd25a8c;animation:tut-box 1.1s ease-in-out infinite}@keyframes tut-box{50%{scale:1.06;box-shadow:0 0 0 3px #301e06e6,0 0 0 7px #ffdb6e,0 0 34px 12px #ffc43cf2,inset 0 0 10px #ffd25a8c}}.tut-pointer{position:absolute;width:54px;height:54px}.tut-pointer svg{width:54px;height:54px;display:block;overflow:visible;animation:tut-poke .8s ease-in-out infinite}.tut-pointer path{fill:#ffcf4a;stroke:#3a2508;stroke-width:3.5;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,190,50,.95)) drop-shadow(0 3px 3px rgba(30,18,4,.6))}.tut-pointer[data-side=down]{rotate:180deg}.tut-pointer[data-side=left]{rotate:-90deg}.tut-pointer[data-side=right]{rotate:90deg}@keyframes tut-poke{50%{translate:0 -12px}}.tut-cue{position:absolute;white-space:nowrap;font:600 18px/1.15 var(--head);letter-spacing:.04em;color:#2c1a04;padding:5px 12px 6px;border-radius:8px;background:linear-gradient(180deg,#fff3c9,#ffd56a);border:2px solid #3a2508;box-shadow:0 0 0 2px #ffcf4a,0 4px 14px #140c028c}.tut-veiled .toasts{z-index:14}@media(prefers-reduced-motion:reduce){.tut-ring,.tut-ringbox,.tut-pointer svg{animation:none}.tut-ring.echo{display:none}.tut-ring,.tut-ringbox{border-width:4px;box-shadow:0 0 0 3px #301e06e6,0 0 0 8px #ffcf4a,0 0 30px 10px #ffb828d9}}.tut-tier{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:0 6px;margin-right:6px;border-radius:3px;border:1px solid currentColor}.tier-bronze .tut-tier{color:#8f4f22}.tier-silver .tut-tier{color:#56636a}.tier-gold .tut-tier{color:#7e5d0c}.tut-progress.big{height:10px}@media(max-width:900px)and (min-width:701px){.tut-send{width:min(390px,calc(50% - 18px))}}html:has(.tut-goal){--goal-space: calc(var(--tut-h, 0px) + 6px)}html:has(.queue){--queue-space: calc(var(--queue-h, 60px) + 6px)}@media(max-width:700px){.win-head{top:-14px;margin:-14px -14px 6px;padding:8px 48px 12px 10px}.medal{width:38px;height:38px}.medal svg.pk-ic{width:24px;height:24px}.win-title h2{font-size:19px}.sl-row{grid-template-columns:44px 1fr 44px}.sl-step{width:44px;height:44px}}.fade-view{display:contents}.fade-view.in>*{pointer-events:auto;animation:fade-view-in .24s ease-out backwards}.fade-view.out>*{pointer-events:none;animation:fade-view-out .22s ease-in forwards}@keyframes fade-view-in{0%{opacity:0}to{opacity:1}}@keyframes fade-view-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.fade-view.in>*,.fade-view.out>*{animation-duration:.01s}}.isle-names{position:absolute;inset:0;pointer-events:none;overflow:hidden}.isle-name{position:absolute;transform:translate(-50%,-100%);font:600 12px/1.2 var(--font-ui, system-ui, sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#fbf6ea;text-shadow:0 1px 2px rgba(20,30,40,.85),0 0 6px rgba(20,30,40,.5);white-space:nowrap}.isle-name.mine{color:#f1d48a}:root{--win-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .12 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--win-paper: #fcf7ea;--win-paper-2: #f1e4c4;--win-head: #f6ebcf;--win-edge: #9c7130;--win-pad: 14px;--win-gap: 12px;--win-w: 340px}.win{color:var(--ink);border:1px solid var(--win-edge);border-top:3px solid #b0823a;border-radius:7px;background:var(--meander) repeat-x 0 calc(100% - 3px) / 8px 8px,linear-gradient(180deg,transparent calc(100% - 13px),rgba(201,154,62,.55) calc(100% - 13px) calc(100% - 12px),#f3e4c0 calc(100% - 12px)),var(--win-grain),radial-gradient(ellipse 90% 50% at 50% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(180deg,var(--win-paper),var(--win-paper-2));background-color:var(--win-paper);box-shadow:inset 0 0 0 2px #fffbf0d9,inset 0 0 0 3px #c99a3e8c,0 1px 2px #3c2a0e38,0 10px 26px #3c2a0e38;padding:var(--win-pad) var(--win-pad) calc(var(--win-pad) + 10px);gap:8px}.win>p,.win .win-info p{font-size:16px;line-height:1.35}.win .win-head{top:calc(-1 * var(--win-pad));margin:calc(-1 * var(--win-pad)) calc(-1 * var(--win-pad)) 4px;gap:10px;padding:8px 46px 10px 10px;border-radius:6px 6px 0 0;border-bottom:0;background:var(--win-grain),linear-gradient(180deg,#fffaf0 0%,var(--win-head) 100%);box-shadow:inset 0 2px #fffbf0e6,inset 0 3px #c99a3e59}.win .win-head:after{height:8px;bottom:-8px;border-top:1px solid var(--gold);border-bottom:1px solid rgba(201,154,62,.6);background:var(--meander) repeat-x 0 50% / 8px 8px,linear-gradient(180deg,#f6ead0,#efe0bd)}.win .medal{width:38px;height:38px;border-width:1.5px;box-shadow:0 0 0 2px #fffcf4e6,0 0 0 3px #a0763266,inset 0 -2px 3px #503c1e38}.win .medal svg.pk-ic{width:25px;height:25px}.win .win-title .label{font-size:12px;letter-spacing:.16em}.win .win-title h2{font-size:20px;line-height:1.1}.win .win-title h2 .lvl{font-size:16px;margin-left:4px}.win .win-head button.close{width:30px;height:30px;margin-top:-15px;right:9px;font-size:21px}.win h3{font-size:16px}.win:not(.dialog-box)>.win-head,.win:not(.dialog-box) .win-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dialog-box .win-head{cursor:default;touch-action:auto}.win-head button{cursor:pointer}.win.dragging{animation:none;-webkit-user-select:none;user-select:none}.win.dragging .win-head{cursor:grabbing}.win-side{position:absolute;right:12px;top:var(--below-top, 164px);width:var(--win-w);max-height:min(660px,74vh,calc(100% - var(--below-top, 164px) - 16px));overflow:auto;overscroll-behavior:contain;display:grid;align-content:start;z-index:5;animation:win-in .16s ease-out;scrollbar-width:thin;scrollbar-color:rgba(156,113,48,.55) transparent}.advisor.win-side,.tut-logros.win-side{z-index:8}.advisor.win-side:has(.diplomacy){--win-w: 440px}.tut-logros.win-side{--win-w: 400px;left:auto;transform:none}.win-wide{position:absolute;right:12px;top:var(--below-top, 164px);left:auto;transform:none;width:clamp(600px,58vw,1000px);max-width:calc(100% - 24px);max-height:min(660px,70vh,calc(100% - var(--below-top, 164px) - 16px));overflow:auto;overscroll-behavior:contain;display:grid;align-content:start;z-index:8;animation:win-in .16s ease-out}@keyframes win-in{0%{opacity:0;transform:translate(14px)}}@keyframes win-up{0%{opacity:0;transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){.win-side,.win-wide{animation:none}}.win-tabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--gold);padding:0 2px;margin:2px 0}.win-tabs button{min-height:32px;padding:4px 10px;gap:5px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:0;margin-bottom:-1px;background:transparent;box-shadow:none;color:var(--muted)}.win-tabs button:hover:not(:disabled){background:#e9c47333;border-color:#c99a3e59;color:var(--ink)}.win-tabs button.on{color:var(--gold-ink);border-color:var(--gold);background:linear-gradient(180deg,#fbefcf,var(--win-paper));font-weight:600}.win-tabs .ic svg.pk-ic{width:20px;height:20px}.win-tabs .badge{margin-left:2px;background:var(--terra-lo)}.win-tabs+.subpanel{border-top:0;padding-top:2px}.win-tabs+.subpanel>h3:first-child{display:none}.subpanel .win-tabs{margin-top:0}.win-fold{border-top:1px solid var(--line);padding-top:6px}.win-fold>summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-size:15px;color:var(--gold-ink);list-style:none}.win-fold>summary::-webkit-details-marker{display:none}.win-fold>summary:before{content:"▸";font-size:13px;transition:transform .15s}.win-fold[open]>summary:before{transform:rotate(90deg)}.win-fold-b{display:grid;gap:8px;padding-top:6px}.side .lvl{font-size:16px;color:var(--muted)}.side .effect{color:var(--ink)}.side .later{font-size:15px;color:var(--muted);font-style:italic}.side>button{justify-self:center;min-width:60%}.side .move{justify-self:center}.win-info{display:grid;gap:6px}.win-info .next{color:var(--gold-ink)}.win-info .demolish{margin-top:6px;padding-top:8px;border-top:1px dashed rgba(122,82,54,.35);display:grid;gap:6px}.win-info .demolish h4{margin:0;font-size:15px;color:var(--red)}.win-info .demolish .hint{margin:0;font-size:14px}.upgrade{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.up-to{font:600 14px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);padding:5px 8px;border-radius:4px;background:#e9c47347;border-left:3px solid var(--gold)}.up-actions button{min-height:36px}.cost{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0}.cost li{display:flex;align-items:center;gap:4px;font-family:var(--head);font-size:16px;padding:1px 7px 1px 3px;border-radius:12px;background:#fffaeecc;border:1px solid rgba(160,118,50,.3)}.cost li .ic svg.pk-ic{width:19px;height:19px}.cost li.short{color:var(--red);border-color:#c4643f99;background:#fbe9e0}.option{border-top:1px solid var(--line);padding-top:8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start}.option>:not(.ic){grid-column:2}.option>.ic{grid-column:1;grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8 60%,#c6b897);border:1.5px solid var(--gold)}.option>.ic svg.pk-ic{width:28px;height:28px;filter:none}.option h4{font-size:17px;font-family:var(--classic);font-weight:600;letter-spacing:.03em;text-transform:none;color:var(--ink)}.option h4 small{font:500 13px var(--head);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-left:4px}.option p{font-size:15px;color:var(--muted)}.option>button{justify-self:start}.option .why{text-align:left}.option.unit{border-top:0;padding-top:2px}.center-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.center-actions button{flex:1 1 120px;max-width:220px}.win .why{font-size:15px}.win .stats{font-size:16px}.win .busy{padding:6px 10px}.busy .obra-bar{display:flex;align-items:center;gap:8px;margin:2px 0}.busy .obra-bar .bar{flex:1;height:8px}.busy .obra-bar .bar i{transition:width .12s linear}.busy .obra-bar .pct{font:600 15px/1 var(--head);color:var(--gold-ink);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.busy .obra-bar.queued .pct{color:var(--muted)}.slider.compact,.card .slider{gap:0}.slider.compact .sl-head .ic svg.pk-ic,.card .slider .sl-head .ic svg.pk-ic{width:22px;height:22px}.slider.compact .sl-name,.card .slider .sl-name{font-size:15px}.slider.compact .sl-val,.slider.compact input.sl-num,.card .slider .sl-val,.card .slider input.sl-num{font-size:17px}.slider.compact input.sl-num,.card .slider input.sl-num{width:66px;padding:1px 5px}.slider.compact .sl-row,.card .slider .sl-row{grid-template-columns:30px 1fr 30px;align-items:center;gap:6px}.slider.compact .sl-step,.card .slider .sl-step{width:30px;height:30px;font-size:20px}.slider.compact input[type=range],.card .slider input[type=range]{height:30px}.slider.compact .sl-ends,.card .slider .sl-ends{display:none}.breakdown{list-style:none;padding:0;margin:0;display:grid;gap:2px}.breakdown li{display:flex;justify-content:space-between;font-size:15px;padding:2px 4px;border-bottom:1px dotted rgba(160,118,50,.3)}.breakdown b{font-weight:600;color:var(--green)}.breakdown b.neg{color:var(--red)}.mood{display:flex;align-items:center;gap:10px}.mood .ic svg.pk-ic{width:38px;height:38px}.mood b{font-family:var(--head);font-size:24px;font-weight:400;color:var(--green)}.mood b.neg{color:var(--red)}.wellbeing{display:grid;gap:8px}.wellbeing .mood>div:first-of-type{display:grid;line-height:1.05}.wellbeing .mood-name{font:600 13px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wellbeing .growth{margin-left:auto;display:grid;justify-items:end;line-height:1.1}.wellbeing .growth small,.wine-preview .growth small{font-size:14px;color:var(--muted)}.growth.up b{color:var(--green)}.growth.down b{color:var(--red)}.growth.flat b,.growth.full b{color:var(--muted)}.wellbeing .growth b{font-size:22px}.breakdown li.pop span small,.breakdown li.corr span small{color:var(--muted);font-size:13px}.breakdown li.total{border-bottom:0;border-top:2px solid rgba(160,118,50,.45);margin-top:2px;padding-top:4px;font-weight:600}.breakdown li.total b{font-size:17px}.moods{list-style:none;display:flex;gap:4px;padding:0;margin:0;justify-content:space-between}.moods li{display:grid;justify-items:center;gap:1px;padding:3px 6px;border-radius:6px;opacity:.45}.moods li.on{opacity:1;background:#e9c4734d;outline:1px solid rgba(160,118,50,.4)}.moods .ic svg.pk-ic{width:24px;height:24px}.moods small{font:600 12px/1 var(--head);color:var(--muted);white-space:nowrap}.wine-preview{flex-wrap:wrap;padding:6px 8px;border-radius:6px;background:#fffcf499;border:1px solid var(--line);margin:6px 0}.wine-preview .ic svg.pk-ic{width:28px;height:28px}.wine-preview b{font-size:18px}.wine-preview small{color:var(--muted);font-size:14px}.wine-preview .growth{margin-left:auto}.ration-preview{width:100%;border-collapse:collapse;font-size:14px;margin:2px 0 6px}.ration-preview th,.ration-preview td{padding:2px 6px;text-align:right;border-bottom:1px solid var(--line)}.ration-preview th:first-child{text-align:left;color:var(--muted);font-weight:600}.ration-preview thead th{font:600 12px/1.2 var(--head);color:var(--muted)}.ration-preview tr.up td:last-child{color:var(--green)}.ration-preview tr.down td:last-child{color:var(--red)}.hint.charge{display:block}.hint.charge .ic{vertical-align:-3px;margin-right:3px}.hint.charge.short{color:var(--red)}.donations .busy.upgrading{display:grid;gap:2px;margin:4px 0}.donations .bar.time i{background:var(--amber, #b07a2a)}.cargo{display:grid;gap:4px}.missions,.reports{list-style:none;padding:0;margin:0;display:grid;gap:6px}.missions li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#fffcf4b3;border:1px solid var(--line)}.missions small{color:var(--muted)}.won{color:var(--green)}.loss{color:var(--red)}.report{border-left:2px solid var(--gold);padding:4px 10px;margin:4px 0 8px;font-size:15px}.report h4{font-size:15px;color:var(--amber);margin-top:6px}.report ul{margin:2px 0;padding-left:18px}.report li.defender{color:var(--muted)}.points{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.points .ic svg.pk-ic{width:30px;height:30px}.points b{font-family:var(--head);font-size:26px;font-weight:400}.harbor>.win-tabs button{padding:4px 6px;gap:4px;font-size:14px;letter-spacing:.03em}.routes-cap{font-family:var(--head);letter-spacing:.04em;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.routes-cap .ic svg.pk-ic{width:18px;height:18px}.route-list li.route{display:grid;gap:3px;border:1px solid var(--line);border-left-width:4px;border-radius:6px;padding:6px 8px;background:#fffcf4b3}.route-list li.route.sailing{border-left-color:var(--aegean)}.route-list li.route.skipped{border-left-color:var(--amber)}.route-list li.route.paused{opacity:.75;border-left-style:dashed}.route-list li.route.editing{box-shadow:0 0 0 2px #c996348c}.route-st{font-weight:600}.route-st.skipped{color:var(--amber)!important}.route-st.sailing{color:var(--aegean-ink)!important}.route-btns{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.route-btns button.small{margin:0}.route-form-t{margin:4px 0 0;font-family:var(--head);font-size:15px;letter-spacing:.04em}.routes .row select{flex:1;min-width:0}.routes .row input[type=time]{width:110px}.market-cap{font-family:var(--head);letter-spacing:.04em}.offers{list-style:none;padding:0;margin:0;display:grid;gap:6px}.offers li{display:flex;align-items:center;gap:8px}.offers li>button.small{margin:0 0 0 auto}.offers.nearby li.offer{display:grid;gap:4px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:#fffcf4b3}.offers .what,.site .what{display:flex;align-items:center;gap:6px}.offers .ic svg.pk-ic,.site .ic svg.pk-ic{width:22px;height:22px}.offers small,.site small{color:var(--muted)}.market .row select{flex:1}.market label{display:flex;align-items:center;gap:6px}.offer>button{justify-self:center;min-width:60%}.total{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--head);font-size:18px}.total .ic svg.pk-ic{width:22px;height:22px}.donations .site{display:grid;gap:6px}.donations .site>button{justify-self:center;min-width:60%}.donors{width:100%;border-collapse:collapse;font-size:15px}.donors th{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:right;padding:2px 4px}.donors td{text-align:right;padding:2px 4px;border-top:1px solid var(--line)}.donors th:first-child,.donors td:first-child{text-align:left}.donors tr.mine td{color:var(--amber)}.diplomacy{display:grid;gap:10px}.diplomacy .tabs{display:flex;gap:3px;border-bottom:1px solid var(--gold);padding:0 2px;flex-wrap:wrap}.diplomacy .tabs button{flex:0 1 auto;min-height:32px;padding:4px 10px;font-size:15px;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:0;margin-bottom:-1px;background:transparent;box-shadow:none;color:var(--muted)}.diplomacy .tabs button.active{color:var(--gold-ink);border-color:var(--gold);background:linear-gradient(180deg,#fbefcf,var(--win-paper));font-weight:600}.diplomacy .row{flex-wrap:wrap}.diplomacy .push{margin-left:auto}.diplomacy label.row input{flex:1;min-width:140px}.diplomacy textarea{width:100%;resize:vertical}.msglist,.plain{list-style:none;padding:0;margin:0;display:grid;gap:4px}.msglist li{border:1px solid var(--line);border-radius:6px;background:#fffcf4b3}.msglist li.unread{border-color:var(--gold)}.msglist li.unread .msghead b:before{content:"● ";color:var(--gold)}.msglist li:not(.unread) .msghead b{font-weight:500}button.msghead{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;width:100%;padding:6px 10px}.msghead small,.plain small,.posts small{color:var(--muted)}.msgbody{padding:0 10px 10px;display:grid;gap:8px}.msgbody p,.pagetext,.posts p{white-space:pre-wrap;overflow-wrap:anywhere}.pagetext{border-left:2px solid var(--gold);padding:4px 10px}.alliance{display:grid;gap:10px}.alliance h2{font-size:20px}.alliance h2 .lvl,.alliance h2+.hint b{color:var(--gold-ink)}.members{width:100%;border-collapse:collapse;font-size:15px}.members th{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-ink);text-align:left;padding:3px 5px;border-bottom:1px solid var(--line-2)}.members td{padding:3px 5px;border-bottom:1px solid rgba(160,118,50,.15)}.members tr.self td{background:#e9c47333}.members select{width:auto;padding:2px 6px}.members .acts{text-align:right;white-space:nowrap}.members .acts button{margin:0 0 0 4px;padding:1px 8px;min-height:28px}button.link.who{all:unset;cursor:pointer;font-weight:600;color:var(--ink)}button.link.who:hover,button.link.who:focus-visible{color:var(--gold-ink);text-decoration:underline}.treaties,.forum,.player-profile{display:grid;gap:10px}.points-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 10px;border:1px solid var(--gold);border-radius:6px;background:#fbefcf99}.points-bar b{font-family:var(--head);font-size:20px;color:var(--gold-ink)}.points-bar small{color:var(--muted)}.kinds li{padding:2px 0}.treaty-offer{padding:6px 8px;border:1px dashed var(--gold);border-radius:6px;background:#fbefcf80}li.treaty{align-items:baseline}.diplomacy .tabs button{padding:4px 7px;font-size:14px}.cat-tabs{gap:3px}.cat-tabs button{padding:2px 7px;min-height:28px;font-size:14px}.treaties details summary{cursor:pointer;color:var(--gold-ink)}.cat-tabs button.active{border-color:var(--gold);background:linear-gradient(180deg,#fbefcf,var(--win-paper));color:var(--gold-ink);font-weight:600}.ranking .cols{display:grid;gap:10px}.ranking .pager{align-items:center;gap:6px;margin-top:6px}.ranking .pager .hint{margin:0}.rank-medal{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font:600 11px var(--head);color:#3b2a10}.rank-medal.m1,.medal-chip.m1{background:#e9c473}.rank-medal.m2,.medal-chip.m2{background:#d6d6d0}.rank-medal.m3,.medal-chip.m3{background:#d9a273}.insignias{display:flex;flex-wrap:wrap;gap:4px}.medal-chip{font-size:12px}.player-profile h2{font-size:20px}.player-profile .scores td:not(:first-child){text-align:right}.forum h2{font-size:18px}.forum .posts li{border-left:2px solid var(--line-2);padding:2px 8px}.forum .posts li.mine{border-left-color:var(--gold)}.tribute{padding:4px 8px;border:1px solid var(--line);border-radius:6px}.garrison input[type=number]{width:80px;flex:0 0 auto;min-width:0;margin-left:auto}.win-empire.win-wide{width:clamp(640px,72vw,1240px);max-height:min(720px,76vh,calc(100% - var(--below-top, 164px) - 16px))}.empire{display:grid;gap:8px;min-width:0}.empire-sum{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}.empire-sum>span{display:inline-flex;align-items:center;gap:4px;font-family:var(--head);font-size:17px}.empire-sum small{font-size:14px;color:var(--muted)}.empire .up{color:var(--green)}.empire .down,.empire .neg{color:var(--red)}.empire .pos{color:var(--green)}.empire-sum>span.neg{padding:0 8px;border-radius:12px;background:#fbe9e0;border:1px solid rgba(196,100,63,.6);animation:hud-pulse 1.4s ease-in-out infinite}.empire-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(156,113,48,.55) transparent}.empire-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.empire-table th{font:500 13px/1.1 var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--gold-ink);text-align:left;padding:3px 5px;border-bottom:1px solid var(--line-2);white-space:nowrap;position:sticky;top:0;background:var(--win-paper)}.empire-table th button.sort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.empire-table th button.sort:hover,.empire-table th button.sort:focus-visible{color:var(--ink);text-decoration:underline}.empire-table th button.sort i{font-style:normal;font-size:10px;min-width:8px}.empire-table th .ic svg.pk-ic{width:18px;height:18px}.empire-table td{padding:4px 5px;border-bottom:1px solid rgba(160,118,50,.15);vertical-align:middle;white-space:nowrap}.empire-table td .ic svg.pk-ic{width:16px;height:16px;vertical-align:-3px}.empire-table tbody tr{cursor:pointer}.empire-table tbody tr:hover td{background:#e9c4732e}.empire-table tbody tr.here td{background:#e9c4734d}.empire-table tbody tr.here td.e-name button{font-weight:700}.empire-table tfoot td{border-top:1.5px solid var(--gold);border-bottom:0;font-family:var(--head);font-size:15px;color:var(--gold-ink)}.empire-table .e-num{text-align:right}.empire-table th.e-num button.sort{flex-direction:row-reverse}.empire-table td.e-name button.link{all:unset;cursor:pointer;display:inline-flex;align-items:baseline;gap:4px;font-family:var(--classic);font-size:15px;font-weight:600;color:var(--ink)}.empire-table td.e-name button.link small{font:500 12px var(--head);color:var(--muted);letter-spacing:.04em}.empire-table td.e-name button.link:hover{color:var(--gold-ink);text-decoration:underline}.empire-table small{color:var(--muted);font-size:13px}.empire-table small.up{color:var(--green)}.empire-table small.down{color:var(--red)}.empire-table .e-none,.empire-table .e-idle{color:#66553f8c}.empire-table .e-stock{display:inline-grid;justify-items:end;min-width:104px}.empire-table .e-stock .e-cap{justify-self:stretch;position:relative;display:block;height:3px;margin:2px 0 1px;border-radius:2px;background:#a0763233;overflow:hidden}.empire-table .e-stock .e-cap>i{position:absolute;left:0;top:0;bottom:0;background:var(--gold)}.empire-table .e-stock.near b,.empire-table .e-stock.brim b{color:var(--red)}.empire-table .e-stock.near .e-cap>i,.empire-table .e-stock.brim .e-cap>i{background:var(--terra)}.empire-table .e-stock.brim{padding:0 3px;border-radius:4px;animation:hud-pulse 1.4s ease-in-out infinite}.empire-table .e-mood{display:inline-flex;align-items:center;gap:3px}.empire-table .e-mood.m-sad,.empire-table .e-mood.m-angry{color:var(--red)}.empire-table .e-mood.m-ecstatic,.empire-table .e-mood.m-happy{color:var(--green)}.empire-table.t-buildings td.e-lvl{min-width:30px;font-family:var(--head);font-size:16px}.empire-table.t-buildings th.e-lvl{text-align:center}.empire-table .e-building{color:var(--aegean-ink);font-weight:600}.empire-table td.e-go button{min-height:26px;padding:1px 10px}.alerts{list-style:none;margin:0;padding:0;display:grid;gap:5px}.alerts li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:6px;border:1px solid var(--line);border-left-width:4px;background:#fffaeeb3;font-size:15px;line-height:1.3}.alerts li .ic svg.pk-ic{width:20px;height:20px}.alerts li small{font:600 11px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:4px}.alerts li.alert-danger{border-left-color:var(--terra);background:#fdf0ea}.alerts li.alert-danger small{color:var(--red)}.alerts li.alert-warn{border-left-color:var(--gold);background:#fbf2dc}.alerts li.alert-info{border-left-color:var(--marble-3)}.alerts li button{min-height:28px;padding:1px 12px}.ranking .cols{display:grid;grid-template-columns:1fr;gap:12px}.agora .row input{flex:1;min-width:0}.posts{max-height:240px;overflow:auto}.posts li{border-left:2px solid var(--line);padding:2px 8px;display:grid;gap:2px}.posts li.mine{border-left-color:var(--gold)}.win-research.win-wide{width:min(1424px,calc(100% - 24px));max-height:calc(100% - var(--below-top, 164px) - 12px);display:flex;flex-direction:column;overflow:hidden}.win-research>.win-head,.win-research>.points{flex:none}.rtree-wrap{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.rtree-box{flex:1 1 auto;min-height:0;overflow:hidden;position:relative;border:1px solid var(--line-2);border-radius:6px;background:radial-gradient(ellipse at 50% 0%,rgba(63,141,176,.1),transparent 60%),var(--win-grain),#f6efdf;box-shadow:inset 0 2px 8px #5a3e1426}.rtree-box.scroll{overflow:auto;flex:none;max-height:20vh;min-height:120px;scrollbar-width:thin;scrollbar-color:rgba(156,113,48,.55) transparent}.rtree{position:relative}.rbranch{position:absolute;top:4px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--classic);font-weight:600;letter-spacing:.05em;color:var(--gold-ink);font-size:15px;padding-bottom:2px;border-bottom:1px solid var(--gold);white-space:nowrap;min-width:0}.rbranch span{overflow:hidden;text-overflow:ellipsis}.rbranch .ic svg.pk-ic{width:20px;height:20px}.rtree:not(.rt-full) .rbranch{font-size:13px;letter-spacing:.02em;gap:4px}.rtree:not(.rt-full) .rbranch .ic svg.pk-ic{width:16px;height:16px}.redges{position:absolute;inset:0;pointer-events:none}.redges path{fill:none;stroke:#8c692d8c;stroke-width:2;stroke-linejoin:miter;stroke-linecap:butt;transition:opacity .12s,stroke .12s}.redges path.cross{stroke:#8c692d61;stroke-width:1.6;stroke-dasharray:6 4}.redges path.lit{stroke:#6b9e57}.redges path.cross.lit{stroke:#6b9e57b3}.redges path.dim{opacity:.45}.redges path.hot{stroke:var(--gold-lo);stroke-width:3;opacity:1}.redges path.cross.hot{stroke-dasharray:7 3}button.rnode{position:absolute;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;justify-content:stretch;gap:0 6px;text-align:left;padding:4px 8px 4px 6px;border-radius:6px;min-height:0;font-family:inherit;font-size:15px;letter-spacing:0;text-transform:none;background-color:#f7efdc;background-image:linear-gradient(180deg,#fffcf4,#f1e6cd);border:1px solid var(--line-2)}.rnode>.ic{grid-row:1 / span 3}.rnode>.ic svg.pk-ic{width:22px;height:22px}.rnode b{font-size:15px;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rnode small{font-size:13px;color:var(--muted)}button.rnode.done{border-color:#7fa96a;background-color:#e2eed8;background-image:linear-gradient(180deg,#eff6e9,#d9e8cc)}.rnode.done small{color:var(--green)}.rnode.done small:before{content:"✓ "}button.rnode.ready{border-color:var(--gold-lo);background-color:#f6dea0;background-image:linear-gradient(180deg,#fbebc2,#f0d28c);box-shadow:0 0 0 1px var(--gold),0 0 12px #c99a3e59}.rnode.locked{opacity:.55}.rnode.sel{outline:2px solid var(--aegean);outline-offset:2px}.rbar{display:block;height:4px;border-radius:2px;background:#78561e33;overflow:hidden}.rbar i{display:block;height:100%;background:var(--gold)}.rdetail{border:1px solid var(--line-2);border-radius:6px;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;background:var(--win-grain),linear-gradient(180deg,#fffaf0,#f3e7cb)}.rd-text{display:grid;gap:2px;min-width:0}.rd-text .label{display:flex;align-items:center;gap:4px;margin:0;font-size:13px}.rd-text p{font-size:15px}.rd-act{display:grid;gap:4px;justify-items:center;min-width:150px}.rdetail h3{color:var(--ink);font-size:18px}.rdetail h3:after{display:none}.rdetail button{justify-self:stretch}.tagok{color:var(--green);font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:15px}.rtree.rt-mid button.rnode{padding:2px 6px 2px 4px;gap:0 5px;border-radius:5px}.rtree.rt-mid .rnode b{font-size:13px}.rtree.rt-mid .rnode small{font-size:12px;line-height:1.15}.rtree.rt-mid .rnode>.ic svg.pk-ic{width:18px;height:18px}.rtree.rt-tiny button.rnode{padding:0 6px 0 4px;gap:0 5px;border-radius:5px}.rtree.rt-tiny .rnode b{font-size:13px}.rtree.rt-tiny .rnode small{display:none}.rtree.rt-tiny .rnode>.ic{grid-row:auto}.rtree.rt-tiny .rnode>.ic svg.pk-ic{width:16px;height:16px}.rtree.rt-tiny .rbar{position:absolute;left:4px;right:4px;bottom:2px;height:3px}.rtree:not(.rt-full) .rnode.sel{outline-offset:1px}.rtree.rt-wrap .rnode b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.08}.rdetail{flex:none}.dialog{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:12px;background:#32240e38;animation:fade .15s ease-out}.dialog-box{position:relative;width:min(400px,100%);padding:14px 18px 22px;display:grid;gap:12px;justify-items:center;text-align:center;animation:pop .16s ease-out}.dialog-box .win-head{align-self:stretch;justify-self:stretch;padding-right:12px;text-align:left;margin:-14px -18px 6px}.dialog-text{font-size:17px;line-height:1.4;color:var(--ink);max-width:34ch}.dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:12px;width:100%}.dialog-actions button{width:100%;min-height:42px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.tut-logros{display:grid;gap:8px;align-content:start}.tut-logros h3{font-family:var(--classic);font-weight:600;text-transform:none;color:var(--gold-ink);font-size:16px;margin:2px 0 6px}.tut-logros h3 small{color:var(--muted);font-size:15px;margin-left:6px}.tut-logros .win-tabs button{font-size:14px;padding:3px 8px;min-height:30px;letter-spacing:.03em}.tut-logros .tut-list li{padding:5px 8px}.tut-list.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tut-list.cols{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card .facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;align-items:center}.card .facts dt{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--muted)}.card .facts dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.card .facts dd .ic svg.pk-ic{width:20px;height:20px}.chip{font:500 13px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:10px;border:1px solid currentColor}.chip.rel-tuya{color:var(--gold-ink)}.chip.rel-aliada{color:var(--aegean-ink)}.chip.rel-ajena{color:var(--muted)}.chip.st-newbie{color:var(--green)}.chip.st-inactive{color:var(--red)}.chip.st-vacation{color:var(--aegean, #3b7ea1)}.card-actions .why,.mission .why.left{text-align:left;font-size:14px}.mission .mission-sum dd.unknown{color:var(--muted)}.missions.incoming li{color:var(--red)}.report .report-sum{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 6px}.report .report-sum dt{font:500 13px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.report .report-sum dd{margin:0}.profile .facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 6px;align-items:center}.profile .facts dt{font:500 14px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.profile .facts dd{margin:0}.profile .vacation-rules{margin:4px 0 8px;padding-left:20px}.profile .vacation-on{color:var(--aegean, #3b7ea1)}.card-actions button{flex:1 1 110px;min-height:36px}.card .tut-send>button.primary{justify-self:center;min-width:70%}.card .tut-send>.hint{display:none}.card-embed .subpanel{border-top:0;padding-top:0}.card .busy{gap:8px}.placement.win-bar{position:absolute;right:12px;bottom:44px;width:auto;max-width:calc(100% - 24px);padding:8px 12px 18px;display:grid;gap:4px;z-index:5}.placement-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.placement .medal{width:34px;height:34px}.placement .medal svg.pk-ic{width:22px;height:22px}.pl-what{display:grid;line-height:1.05;margin-right:4px}.pl-what .label{margin:0;font-size:12px;letter-spacing:.14em;color:var(--gold-ink)}.pl-what b{font:600 17px var(--classic)}.placement .turn{width:40px;height:36px;min-height:0;padding:0;font:700 22px/1 system-ui,sans-serif;border-radius:7px;color:var(--ink)}.placement output{min-width:36px;text-align:center;font-variant-numeric:tabular-nums;font-family:var(--head);font-size:17px}.placement-row>button:not(.turn){min-height:36px}.placement p{margin:0;text-align:center;font-size:15px}.placement .keys{color:var(--muted);text-align:center;font-size:13px}@media(max-width:1500px){:root{--win-w: 320px;--win-pad: 12px}.advisor.win-side:has(.diplomacy){--win-w: 400px}.tut-logros.win-side{max-height:min(600px,66vh,calc(100% - var(--below-top, 164px) - 16px))}.tut-logros.win-side{--win-w: 370px}}@media(max-width:1000px){.win-wide,.win-empire.win-wide,.win-research.win-wide{width:calc(100% - 24px)}}@media(max-width:900px)and (min-width:701px){.win-side{--win-w: min(340px, calc(50% - 18px) )}}@media(max-width:700px){:root{--win-pad: 10px}.win-side,.win-wide{inset:auto 6px 6px;width:auto;min-width:0;--win-w: auto;max-height:min(39vh,calc(100% - var(--below-top, 164px) - 12px));border-radius:10px 10px 7px 7px;animation-name:win-up}.win-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.win-tabs button{flex:none}.advisor.win-side:has(.diplomacy),.tut-logros.win-side{--win-w: auto}.win .win-head{padding:6px 42px 8px 8px}.win .medal{width:32px;height:32px}.win .medal svg.pk-ic{width:21px;height:21px}.win .win-title h2{font-size:18px}.win .win-title .label{font-size:11px}.win-tabs button{padding:4px 8px;font-size:14px}.win-wide,.tut-logros.win-side{max-height:min(39vh,calc(100% - var(--below-top, 164px) - 12px))}.win-empire.win-wide{width:auto;max-height:min(45vh,calc(100% - var(--below-top, 164px) - 12px))}.win-research.win-wide{width:auto;max-height:min(39vh,calc(100% - var(--below-top, 164px) - 12px));display:grid;overflow:auto}.empire-sum>span{font-size:15px}.rdetail{padding:6px 8px;grid-template-columns:1fr}.rd-text>p:not(.hint){display:none}.rd-act{min-width:0;justify-items:stretch}.advisor .points,.placement .medal{display:none}.placement .pl-what{flex:0 1 auto}.placement-row{gap:6px}.members{font-size:14px}.placement.win-bar{left:6px;right:6px;bottom:6px;padding:6px 8px 16px}.placement .keys{display:none}.dialog-actions{grid-template-columns:1fr 1fr}}.tooltip{position:fixed;left:0;top:0;z-index:50;pointer-events:none;max-width:300px;min-width:120px;padding:7px 10px 8px;border-radius:6px;color:var(--ink);font:15px/1.3 Barlow,Segoe UI,system-ui,sans-serif;border:1px solid var(--win-edge);border-top:2px solid #b0823a;background:var(--win-grain),linear-gradient(180deg,#fffaf0,#f3e6c6);box-shadow:inset 0 0 0 1px #fffbf0cc,0 6px 18px #3c2a0e47;opacity:0;transition:opacity .12s ease-out}.tooltip.on{opacity:1}.tooltip .tt-t{display:block;font:600 16px/1.15 var(--classic);letter-spacing:.03em;color:var(--ink)}.tooltip .tt-d{margin:3px 0 0;color:var(--muted);font-size:14px}.tooltip .tt-r{display:grid;grid-template-columns:auto auto;gap:1px 10px;margin:5px 0 0;padding-top:4px;border-top:1px solid var(--line)}.tooltip .tt-r dt{font:500 13px/1.35 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}.tooltip .tt-r dd{margin:0;font:500 15px/1.3 var(--head);text-align:right}.tooltip .tt-w{margin:5px 0 0;color:var(--amber);font-size:14px}.tooltip .tt-p{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:5px 0 0;padding-top:5px;border-top:1px solid var(--line);min-width:180px}.tooltip .tt-pl{font:500 13px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}.tooltip .tt-pp{font:600 15px/1.3 var(--head);text-align:right;font-variant-numeric:tabular-nums}.tooltip .tt-p .bar{grid-column:1 / -1;height:7px}.tooltip .tt-p .bar i{transition:width .12s linear}.tooltip .tt-pt{grid-column:1 / -1;color:var(--muted);font:500 14px/1.2 var(--head);font-variant-numeric:tabular-nums}.tooltip .tt-w:before{content:"⚠ "}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}.mission .facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;align-items:center}.mission .facts dt{font:500 14px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mission .facts dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.mission .facts dd .ic svg.pk-ic{width:18px;height:18px}.mission-sum{border-top:1px solid var(--line);padding-top:6px}.mission-modes{display:flex;gap:4px;margin:2px 0 8px}.mission-modes button{flex:1;min-height:32px;padding:4px 8px;font-size:14px}.mission-modes button.on{background:var(--gold, #a9812f);color:#fff8e6;border-color:transparent}.card .facts dd.occupied{color:#7a5a1c;flex-wrap:nowrap;align-items:flex-start}.mission-sum dd.won{color:var(--green)}.mission-sum dd.loss{color:var(--red)}.card .raid-sum{display:grid;gap:6px}.wonder-card{display:grid;gap:10px}.wonder-card .miracle{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#e9c4731f}.wonder-card .miracle.on{border-color:var(--gold);box-shadow:0 0 0 2px #e9c47359,0 0 14px #ffd67873}.wonder-card .miracle h3{display:flex;align-items:center;gap:6px;margin:0 0 4px}.wonder-card .miracle .effect{margin:0 0 4px;font-weight:600}.miracle-levels{margin:4px 0 6px;font-size:14px}.miracle-levels summary{cursor:pointer;color:var(--muted);font-family:var(--head);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.miracle-levels table{width:100%;border-collapse:collapse;margin-top:4px}.miracle-levels th{width:1.6em;font-family:var(--head);color:var(--muted);text-align:center}.miracle-levels td{padding:1px 4px;border-top:1px solid var(--line)}.miracle-levels td.hint{text-align:right;white-space:nowrap}.miracle-levels tr.now td,.miracle-levels tr.now th{color:var(--amber);font-weight:700}.miracle-levels tr.locked td{opacity:.55}.faith h3 small{font-family:var(--body, inherit);text-transform:none;letter-spacing:0;color:var(--muted);margin-left:6px}.faith-bar{position:relative;height:10px}.faith-bar i{background:linear-gradient(90deg,#c4693d,var(--gold-hi))}.faith-bar b{position:absolute;top:0;bottom:0;width:1px;background:#5a3e1473}.wonder-donations .slider{margin-top:4px}.cost li.saved{border-color:#5d7a4a8c}.cost li.saved:after{content:"▾";color:var(--green);font-size:12px;margin-left:1px}.breakdown.production li span,.workshop .breakdown li span{display:flex;align-items:center;gap:4px}.breakdown.production .ic svg.pk-ic{width:18px;height:18px}.breakdown.production li.producer{background:#e9c4732e}.breakdown li.next b,.breakdown li.next span{color:var(--gold-ink)}.workshop{display:grid;gap:6px}.workshop h4{font:600 14px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.workshop .effect-now b{color:var(--ink)}.prod-fold>summary{cursor:pointer;font-size:15px;color:var(--gold-ink)}.prod-fold .breakdown{margin-top:4px}.isle .prod-fold ul.breakdown{padding-left:0;margin:4px 0 0}.workshop .effect-now li{gap:10px;align-items:baseline}.workshop .effect-now li span{flex:none;white-space:nowrap}.workshop .effect-now li b{text-align:right}.win-side:has(.government){--win-w: 430px}.government .gov-now{display:flex;align-items:center;gap:10px;padding:4px 8px;border:1px solid rgba(160,118,50,.45);border-radius:8px;background:#fff8e680}.government .gov-now>svg{width:30px;height:30px;flex:none}.government .gov-now .label{display:block;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.government .gov-now b{font-family:var(--head);font-size:19px}.government .gov-now small{font-size:14px;color:var(--muted)}.government .gov-now.anarchy{border-color:#c4643fb3;background:#fbe9e0}.government .gov-now.anarchy b{color:var(--red)}.government .gov-list{list-style:none;margin:6px 0 2px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.government .gov-opt{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:4px;padding:2px 8px;min-height:0;font-size:15px;text-align:left}.government .gov-opt small{font-size:12px;color:var(--green);text-transform:uppercase;letter-spacing:.05em}.government .gov-opt.locked{opacity:.62}.government .gov-opt.sel{outline:2px solid var(--gold-ink);outline-offset:-1px}.government .gov-detail h4{margin:6px 0 2px;font-family:var(--head);font-size:17px}.government .gov-lines{list-style:none;padding:0;margin:4px 0;display:grid;gap:2px}.government .gov-lines li{display:flex;gap:6px;font-size:15px;padding:2px 4px;border-bottom:1px dotted rgba(160,118,50,.3)}.government .gov-mark{flex:none;width:14px;font-weight:700;text-align:center}.government .gov-lines li.good .gov-mark{color:var(--green)}.government .gov-lines li.bad .gov-mark{color:var(--red)}.government .gov-lines li.latent{color:var(--muted)}.government .gov-lines li.latent>span:last-child{font-style:italic}.government .gov-latent{display:block;font-size:13px;font-style:normal;color:var(--muted)}.government .gov-req,.government .gov-cost{font-size:15px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:4px 0}.government .gov-req.ok{color:var(--green)}.shipyard-panel .ship-stats{font-size:13px;color:var(--muted);margin:2px 0 4px}.shipyard-panel .fleet-sum{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:8px 0 4px}.shipyard-panel .fleet-sum .order{display:block}.why.blockaded{color:var(--red);font-weight:600;text-align:left}.reports .rep-naval .report h4{margin-top:6px}.warn,.mission-sum dd.warn{color:var(--amber)}.spies{list-style:none;margin:4px 0;padding:0;display:grid;gap:4px}.spies li.spy{padding:5px 8px;border-radius:6px;background:#fffcf4b3;border:1px solid var(--line)}.spy-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.spy-head small{color:var(--muted);flex:1 1 140px}.spy-head .chip{font-size:11px;padding:0 6px;border-radius:999px;border:1px solid var(--line);background:#fff9}.spy.st-inside .chip,.spy.st-working .chip{border-color:var(--aegean, #3f8db0);color:var(--aegean, #3f8db0)}.spy.st-training .chip,.spy.st-travel .chip,.spy.st-returning .chip{color:var(--muted)}.spy-missions{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:3px}.spy-missions button{width:100%;display:flex;justify-content:space-between;gap:6px;text-align:left}.spy-plan{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:2px;font-size:14px}.spy-cost{justify-content:center;margin:4px 0}.spy-plan li{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line)}.spy-reports .report .facts{margin:4px 0}.spy-reports .unit-n{margin-right:8px;white-space:nowrap}.spy-seen{color:var(--muted)}.incoming-attack.spy-caught{top:108px;border-color:var(--aegean, #3f8db0);color:var(--ink, #3a2a1a)}.spy-reports button.link{display:block;width:100%;line-height:1.35}.win-head button.help-link{position:absolute;top:50%;right:52px;width:26px;height:26px;margin-top:-13px;padding:0;min-height:0;border-radius:50%;font:700 15px/1 var(--classic, serif);color:var(--gold-ink, #6c4a1f)}.win .win-head:has(.help-link),.win-head:has(.help-link){padding-right:88px}button.help-btn{font:700 15px/1 var(--classic, serif)}button.help-btn.active{background:#e9c47399}.help-win.win-wide{z-index:9;width:clamp(640px,62vw,1080px)}.help-body{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:12px;align-items:start;min-height:0}.help-body:not(:has(.help-list)){grid-template-columns:1fr}.help-list{display:grid;gap:2px;max-height:52vh;overflow:hidden auto;scrollbar-gutter:stable;padding-right:4px;scrollbar-width:thin}.help-list button{all:unset;cursor:pointer;padding:3px 8px;border-radius:5px;font:600 14px/1.25 var(--head);color:var(--ink)}.help-list button:hover{background:#e9c47340}.help-list button.on{background:#e9c4738c;outline:1px solid rgba(160,118,50,.45)}.help-entry{min-width:0}.help-model{margin:0 0 8px;display:grid;gap:4px}.help-model-view{height:230px;border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:grab;touch-action:none;background:radial-gradient(ellipse 70% 60% at 50% 60%,#fffcf0f2,#e9d6aa8c)}.help-model-view:active{cursor:grabbing}@media(max-width:700px){.help-model-view{height:130px}}.help-model-canvas{display:block;width:100%;height:100%}.help-model-tiers{display:flex;flex-wrap:wrap;gap:3px}.help-model-tiers button{min-height:0;padding:2px 8px;font:600 13px/1.2 var(--head);letter-spacing:.03em;display:inline-flex;gap:4px;align-items:baseline}.help-model-tiers button small{font-weight:500;color:var(--muted)}.help-model-tiers button.on{background:linear-gradient(180deg,#fbefcf,var(--win-paper));border-color:var(--gold);color:var(--gold-ink)}.help-summary{font-size:16px;line-height:1.35;margin:0 0 6px}.help-facts{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:0 0 8px;font-size:15px}.help-facts dt{color:var(--muted);font-weight:600}.help-facts dd{margin:0}.help-lines{margin:0 0 8px;padding-left:18px;font-size:15px;line-height:1.35}.help-table-wrap{max-height:38vh;overflow:auto;border:1px solid var(--line);border-radius:6px;scrollbar-width:thin}.help-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.help-table th{position:sticky;top:0;background:var(--win-head, #f6ebcf);font:600 12px/1.2 var(--head);color:var(--muted);text-align:right;padding:4px 6px;border-bottom:1px solid var(--gold)}.help-table td{text-align:right;padding:2px 6px;border-bottom:1px solid rgba(160,118,50,.18);white-space:nowrap}.help-table th:first-child,.help-table td:first-child,.help-table td.text{text-align:left}.help-table td.text{white-space:normal;min-width:160px}.help-table tbody tr:nth-child(2n) td{background:#fffcf480}.world-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;margin:2px 0 6px;border:1px solid var(--line);border-radius:6px;background:#fffcf499;font-size:14px}.subpanel .hint button.link{all:unset;cursor:pointer;color:var(--gold-ink, #6c4a1f);text-decoration:underline;font-size:14px}@media(max-width:700px){.help-body{grid-template-columns:1fr}.help-list{max-height:18vh;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.goto-coords{display:flex;align-items:center;gap:4px;margin:2px 0 6px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf499}.goto-coords .label{margin-right:4px}.goto-coords .gc-br{font:600 16px/1 var(--head);color:var(--gold-ink, #6c4a1f)}.goto-coords input{width:58px;min-height:0;padding:3px 6px;font:500 15px/1.2 var(--head);text-align:center;-moz-appearance:textfield}.goto-coords input::-webkit-outer-spin-button,.goto-coords input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.goto-coords button{margin-left:auto}.orders{margin:6px 0;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf499}.orders h4{margin:0 0 4px;font:600 14px/1.2 var(--head);color:var(--gold-ink, #6c4a1f)}.orders ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.orders li{display:grid;grid-template-columns:22px minmax(90px,auto) 1fr auto;align-items:center;gap:8px;font-size:14px}.orders li .ic svg.pk-ic{width:20px;height:20px}.orders .o-bar{height:8px;border-radius:4px;background:#e7dbbf;border:1px solid rgba(120,86,30,.45);overflow:hidden}.orders .o-bar i{display:block;height:100%;background:linear-gradient(180deg,#f0cf7d,#c99a3e);transition:width .25s linear}.orders .o-left{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.orders li.queued{opacity:.7}.goto-dock{position:absolute;left:50%;bottom:74px;transform:translate(-50%);z-index:6}.goto-dock .goto-coords{margin:0;padding:6px 10px;background:var(--win-paper, #fcf7ea);border:1px solid var(--win-edge, #9c7130);border-top:3px solid #b0823a;border-radius:8px;box-shadow:0 4px 14px #3c2a0e40}.goto-dock .goto-coords button{margin-left:8px}@media(max-width:700px){.goto-dock{bottom:66px}}.report-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}.report-share .label{margin-right:4px}.gold-outcome{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;padding:4px 8px;border-radius:6px;background:#fffcf499;border:1px solid var(--line);font-size:14px}.gold-outcome .ic svg.pk-ic{width:16px;height:16px}.gold-outcome b.up{color:var(--green)}.gold-outcome b.down{color:var(--amber)}.gold-outcome.neg b.down{color:var(--red)}.pop-bar{margin:2px 0 8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf499}.pop-bar .pb-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px}.pop-bar .pb-head .ic svg.pk-ic{width:18px;height:18px;vertical-align:-3px}.pop-bar .pb-head small{color:var(--muted);font-size:13px}.pop-bar .pb-track{position:relative;height:12px;margin:5px 0 3px;border-radius:6px;background:#e7dbbf;border:1px solid rgba(120,86,30,.45);box-shadow:inset 0 2px 3px #5a3e1440}.pop-bar .pb-fill{display:block;height:100%;border-radius:5px;background:linear-gradient(180deg,#8fc27a,#5e9a4a)}.pop-bar .pb-fill.full{background:linear-gradient(180deg,#e9b864,#c98a2e)}.pop-bar .pb-mark{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}.pop-bar .pb-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.missions.voyages li.voyage{align-items:flex-start}.voyage>.ic svg.pk-ic{width:22px;height:22px;margin-top:2px}.voy-main{flex:1;min-width:0;display:grid;gap:3px}.voy-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.voy-stage{margin-left:auto;padding:1px 7px;border-radius:9px;font:600 11px/1.5 var(--head);text-transform:uppercase;letter-spacing:.04em;background:#efe3c6;color:var(--ink)}.voy-stage.load{background:#eadfc8;color:#6c5a3a}.voy-stage.out{background:#d9e8f2;color:#2f5a7a}.voy-stage.hold{background:#f0d7c8;color:#8a3b1c}.voy-stage.back{background:#dcebd3;color:#3f6e30}.voy-stage.enemy{background:#f3cfc9;color:var(--red)}.voy-route{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:14px;color:var(--ink)}.voy-route i{font-style:normal;color:var(--muted)}.voy-bar{display:grid;gap:2px}.voy-bar .bar{position:relative;height:8px;border-radius:4px;background:#e7dbbf;border:1px solid rgba(120,86,30,.4);overflow:hidden}.voy-bar .bar i{display:block;height:100%;background:linear-gradient(180deg,#e9c473,#c99a3e);transition:width 1s linear}.voy-bar.out .bar i{background:linear-gradient(180deg,#8fb8d6,#4f86ad)}.voy-bar.back .bar i{background:linear-gradient(180deg,#9cc985,#5e9a4a)}.voy-bar.hold .bar i{background:linear-gradient(180deg,#e3a17c,#b8592c)}.voyage.incoming .voy-bar .bar i{background:linear-gradient(180deg,#e08a7c,#b23a2a)}.voy-bar small{font-size:12px;color:var(--muted)}.voyage.incoming{color:inherit;border-color:#b23a2a73}.voyage.incoming .voy-head b{color:var(--red)}.fleet-sum{margin:0 0 8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf499}.fleet-sum .fs-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px}.fleet-sum .fs-head small{color:var(--muted)}.fleet-sum .fs-track{display:flex;height:10px;margin:5px 0 4px;border-radius:5px;overflow:hidden;background:#f6efdc;border:1px solid rgba(120,86,30,.4)}.fleet-sum .fs-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.fleet-sum i.load,.fs-legend i.load{background:#c99a3e}.fleet-sum i.out,.fs-legend i.out{background:#4f86ad}.fleet-sum i.hold,.fs-legend i.hold{background:#b8592c}.fleet-sum i.back,.fs-legend i.back{background:#5e9a4a}.fs-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px}.fs-legend i.free{background:#f6efdc;border:1px solid rgba(120,86,30,.4)}.sound-ctl{position:relative}.rail .sound-btn.muted .ic{opacity:.75}.sound-pop{position:absolute;left:48px;top:0;z-index:7;width:236px;padding:8px 10px 6px;border-radius:10px;background-color:var(--parch);background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,#fdf7e6,var(--parch-2));border:1px solid var(--parch-edge);box-shadow:var(--hud-shadow);color:var(--ink)}.sound-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid rgba(150,106,38,.3)}.sound-head .label{font:600 13px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}.rail .sound-pop button{width:auto;height:auto;min-height:0;border-radius:6px;box-shadow:none}.rail .sound-pop .sound-all{padding:2px 8px;font:500 13px/1.3 var(--head);background:transparent;border:1px solid rgba(150,106,38,.45)}.sound-row{display:grid;grid-template-columns:24px 62px minmax(0,1fr) 26px;align-items:center;gap:4px;height:28px}.sound-row.master{margin-bottom:2px}.sound-row .sound-name{font:500 14px/1 var(--head);color:var(--ink);white-space:nowrap}.sound-row.master .sound-name{font-weight:700}.sound-row output{font:500 13px/1 var(--head);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.rail .sound-pop .sound-mute{width:24px;height:24px;padding:0;border:0;background:transparent}.rail .sound-pop .sound-mute .ic svg.pk-ic{width:18px;height:18px}.sound-row.muted .sound-name,.sound-row.muted output{opacity:.5}.sound-row input[type=range]{--fill: var(--aegean);height:22px}.sound-row.muted input[type=range]{--fill: #b8a78a}.sound-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px}.sound-row input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border-width:1.5px}.sound-row input[type=range]::-moz-range-track{height:6px}.sound-row input[type=range]::-moz-range-progress{height:6px}.sound-row input[type=range]::-moz-range-thumb{width:14px;height:14px}@media(max-width:700px){.sound-pop{left:44px;width:min(236px,calc(100vw - 56px))}}.advisor.win-side:has(.daily),.side.win-side:has(.shrine){--win-w: 430px}@media(max-width:1500px){.advisor.win-side:has(.daily),.side.win-side:has(.shrine){--win-w: 400px}}@media(max-width:700px){.advisor.win-side:has(.daily),.side.win-side:has(.shrine){--win-w: auto}}.favor-points{margin-bottom:4px;flex-wrap:nowrap}.favor-points .hint{white-space:nowrap}.favor-points b{color:var(--gold-ink)}.favor-points button.small{margin-left:auto}.daily{display:grid;gap:10px}.daily h3{display:flex;align-items:center;gap:6px;font-family:var(--classic);font-weight:600;text-transform:none;color:var(--gold-ink);margin:2px 0 6px}.daily h3 small{color:var(--muted);font:500 14px var(--head);letter-spacing:.04em;margin-left:auto;text-transform:none;white-space:nowrap}.daily h3 .ic svg.pk-ic{width:22px;height:22px}.bonus-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.bonus-days li{position:relative;display:grid;justify-items:center;gap:2px;padding:5px 2px 6px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2)}.bonus-days li small{font:500 12px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bonus-days .amt{display:flex;align-items:center;gap:1px;font:600 13px/1 var(--head)}.bonus-days .amt .ic svg.pk-ic{width:12px;height:12px}.bonus-days .amt.fav{color:var(--gold-ink)}.bonus-days li.past{opacity:.62}.bonus-days li.today{border-color:var(--gold);background:linear-gradient(#fff6dc,#f3dfa8);box-shadow:0 0 0 1px #c99a3e59}.bonus-days li.today.ready{animation:daily-ready 1.6s ease-in-out infinite}.bonus-days .tick{position:absolute;top:2px;right:4px;font-style:normal;color:var(--green);font-weight:700}@keyframes daily-ready{50%{box-shadow:0 0 0 1px #966a2666,0 0 0 4px #c99a3e66}}@media(prefers-reduced-motion:reduce){.bonus-days li.today.ready{animation:none;box-shadow:0 0 0 3px #c99a3e73}}.daily-bonus .center-actions{margin-top:8px}.daily-bonus .center-actions .hint{text-align:center;margin:0}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.task-list.milestones{margin-top:8px}.task-list .task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.task-list .task .chip{font-size:11px;padding:2px 5px;margin-right:3px;vertical-align:2px}.task-list .task-body{display:grid;gap:2px;min-width:0}.task-list .task-body b{font-weight:600}.task-list .task-body small{color:var(--muted);font-size:14px;line-height:1.25}.task-list .task-body .bar{height:5px;margin-top:2px}.task-list .task.done:not(.claimed){border-color:var(--gold);background:linear-gradient(#fffaf0,#f7ebc9)}.task-list .task.claimed{opacity:.6}.task-list .task button{white-space:nowrap}.task-list .task button .ic svg.pk-ic,.task-list .got .ic svg.pk-ic{width:16px;height:16px}.task-list .got{color:var(--green);font-weight:700;display:flex;align-items:center;gap:2px}.chip.tier-passive{color:var(--aegean-ink)}.chip.tier-easy{color:var(--green)}.chip.tier-hard{color:var(--terra-lo)}.chip.tier-bonus{color:var(--gold-ink)}.shrine .gods{list-style:none;margin:6px 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.shrine .god{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;align-items:center;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.shrine .god>.ic{grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8 60%,#c6b897);border:1.5px solid var(--gold)}.shrine .god>.ic svg.pk-ic{width:22px;height:22px}.shrine .god h4{font-family:var(--classic);font-weight:600;text-transform:none;letter-spacing:.03em;font-size:16px}.shrine .god h4 small{font:500 12px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:3px}.shrine .god .bar,.shrine .god .god-state,.shrine .god>button,.shrine .god>.why{grid-column:1 / -1}.shrine .god .bar{height:6px}.shrine .god .benevolence i{background:linear-gradient(90deg,var(--gold),#f3d98a)}.shrine .god .god-state{margin:0;font-size:14px;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.shrine .god .god-state .ic svg.pk-ic{width:14px;height:14px}.shrine .god .god-state .pos{color:var(--green)}.shrine .god .warn-left{color:var(--red);font-weight:600}.shrine .god>button{justify-self:start}.shrine .god.on{border-color:var(--gold);background:linear-gradient(#fffaf0,#f7ebc9)}.shrine .god.locked{opacity:.55}.shrine .god.locked>.ic{filter:grayscale(.8)}.shrine .city-gods{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.shrine .city-gods li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shrine .city-gods .cname{flex:1 1 120px;font-weight:600}.shrine .city-gods select{font:inherit;padding:3px 6px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper)}.shrine .city-gods .why{flex-basis:100%}.mission.win-side{--win-w: 440px}@media(max-width:1500px){.mission.win-side{--win-w: 410px}}@media(max-width:700px){.mission.win-side{--win-w: auto}}.mission h3.msec{display:flex;align-items:center;gap:6px;margin:8px 0 3px;padding-top:6px;border-top:1px solid var(--line)}.mission h3.msec .ic svg.pk-ic{width:20px;height:20px}.mission h3.msec small{margin-left:auto;font:500 13px var(--head);letter-spacing:.04em;text-transform:none;color:var(--muted)}.unit-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.unit-chips.none{color:var(--muted);font-size:14px}.unit-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 3px;border-radius:13px;background:#fffaeed9;border:1px solid rgba(160,118,50,.32);font:600 15px/1.2 var(--head);font-variant-numeric:tabular-nums}.unit-chip .ic svg.pk-ic{width:20px;height:20px}.unit-chips.big .unit-chip,.def-row>.unit-chip{padding:2px 9px 2px 4px;font-size:17px}.unit-chips.big .unit-chip .ic svg.pk-ic,.def-row>.unit-chip .ic svg.pk-ic{width:30px;height:30px}.unit-chip.wall{background:#d6cfbf8c;border-color:#78644673}.unit-chip.wall small{font:500 13px var(--head);color:var(--muted);margin-left:3px}.defenders{display:grid;gap:4px}.def-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.defenders .seen{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:14px;color:var(--muted)}.defenders .seen.old{color:var(--amber)}.defenders .seen .ic svg.pk-ic,.defenders.unknown .ic svg.pk-ic{width:18px;height:18px}.defenders.unknown{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border:1px dashed var(--line-2);border-radius:6px;background:#fffaee99}.defenders.unknown p{margin:0;flex:1 1 200px;font-size:15px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.field-lines{display:grid;gap:2px;padding:4px 6px;border-radius:6px;background:#e9dcbf59;border:1px solid var(--line)}.fl-head{font:500 13px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.fl-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:6px}.fl-row.extra{display:flex;flex-wrap:wrap;gap:4px 6px}.fl-row.extra .fl-name{min-width:0}.fl-name{font:500 13px var(--head);letter-spacing:.04em;color:var(--muted)}.fl-slots{display:flex;flex-wrap:wrap;gap:3px}.fl-slot{display:inline-flex;align-items:center;gap:1px;min-width:24px;height:24px;padding:0 3px;border-radius:4px;background:#fffaeee6;border:1px solid rgba(160,118,50,.3);font:600 13px/1 var(--head);font-style:normal;font-variant-numeric:tabular-nums}.fl-slot .ic svg.pk-ic{width:18px;height:18px}.fl-slot.empty{background:transparent;border-style:dashed;min-width:16px}.fl-slot.wall{background:#d6cfbfcc}.fl-row.front .fl-slot:not(.empty){border-color:#c4643f80}.slider.unit-pick{padding:2px 0;border-radius:6px}.slider.unit-pick .sl-head .ic svg.pk-ic{width:34px;height:34px}.slider.unit-pick:not(.on) .sl-head .ic{opacity:.65}.slider.unit-pick .sl-name small{font:500 13px var(--head);color:var(--muted);margin-left:3px}.slider.unit-pick .quick{display:inline-flex;gap:2px;margin-left:auto}.slider.unit-pick .quick button{min-height:24px;min-width:30px;padding:0 6px;font-size:13px}.army-totals{display:flex;flex-wrap:wrap;gap:4px 12px;padding:4px 6px;border-radius:6px;background:#e9dcbf59;font:600 16px/1.2 var(--head);font-variant-numeric:tabular-nums}.army-totals span{display:inline-flex;align-items:center;gap:3px}.army-totals .ic svg.pk-ic{width:20px;height:20px}.mission .why.warn-line{display:flex;gap:5px;align-items:flex-start;text-align:left;font-size:14px;color:var(--amber);margin:2px 0}.mission .why.warn-line.bad{color:var(--red)}.mission .why.warn-line .ic svg.pk-ic{width:18px;height:18px;flex:none}.ship-strip{display:grid;gap:2px}.ship-strip .ships{display:flex;flex-wrap:wrap;gap:2px}.ship-strip .ship{min-height:0;width:26px;height:26px;padding:1px;border-radius:5px;display:grid;place-items:center;border:1px solid transparent;background:transparent;box-shadow:none}.ship-strip .ship .ic svg.pk-ic{width:22px;height:22px}.ship-strip .ship.free .ic{opacity:.3;filter:grayscale(1)}.ship-strip .ship.free:hover .ic{opacity:.7}.ship-strip .ship.loot{background:#e9c47373;border-color:var(--gold)}.ship-strip .ship.troop{background:#3f8db038;border-color:#3f8db08c;cursor:default;opacity:1}.ship-strip .ship.over{background:#fbe9e0;border-color:var(--red)}.ship-legend{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0;font:500 14px var(--head);color:var(--muted)}.ship-legend span{display:inline-flex;align-items:center;gap:4px}.ship-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.ship-legend .troop i{background:#3f8db099}.ship-legend .loot i{background:var(--gold)}.ship-legend .free i{background:var(--marble-3)}.ship-legend .over{color:var(--red)}.ship-legend .over i{background:var(--red)}.loot{display:grid;gap:4px}.loot-res{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.loot-res li{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 3px;border-radius:13px;background:#fffaeed9;border:1px solid rgba(160,118,50,.32);font:600 16px/1.2 var(--head);font-variant-numeric:tabular-nums}.loot-res li .ic svg.pk-ic{width:22px;height:22px}.loot-res li small{font:500 13px var(--head);color:var(--muted)}.loot-res li.zero{opacity:.55}.loot-res li.struck{position:relative;color:var(--muted)}.loot-res li.struck .ic{position:relative;opacity:.6}.loot-res li.struck .ic:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--red);transform:rotate(-35deg)}.loot.compact .loot-res li{font-size:15px}.loot.compact .loot-res li .ic svg.pk-ic{width:20px;height:20px}.load-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#d6cfbf73;border:1px solid var(--line-2)}.load-bar i{display:block;height:100%}.load-bar .carried{background:linear-gradient(var(--gold-hi),var(--gold))}.load-bar .spare{background:repeating-linear-gradient(-45deg,#3f8db02e 0 4px,#3f8db052 4px 8px)}.load-bar .left{background:repeating-linear-gradient(-45deg,#a3341d59 0 4px,#a3341d8c 4px 8px)}.load-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:14px;color:var(--muted)}.load-text b{color:var(--ink)}.load-text .spare-txt{color:var(--aegean-ink)}.load-text .short-txt{color:var(--red)}.load-text button.small{min-height:24px;padding:0 8px;font-size:13px;margin-left:auto}.loot .loot-note{margin:0;font-size:13px;color:var(--muted)}.mission-sum dd.forecast{display:grid;justify-items:start;gap:2px}.mission-sum dd.forecast>span:first-child{font-weight:600}.mission-sum dd.forecast .fc-lost{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--ink);font-size:14px}.mission-sum dd.forecast .spy-seen{color:var(--muted)}.glance{display:grid;gap:6px}.glance h4{margin:2px 0 0;font:500 13px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mission-sum dd[data-qa=trip-out],.mission-sum dd[data-qa=trip-back],.mission-sum dd[data-qa=upkeep]{flex-wrap:nowrap;align-items:flex-start}.mission-sum dd[data-qa]>.ic{flex:none;margin-top:1px}.bb-dock{position:absolute;left:12px;right:12px;bottom:74px;z-index:5;display:flex;justify-content:center;pointer-events:none}@media(min-width:701px){.ui:has(.build-bar) .tut-goal{bottom:calc(74px + var(--bb-h, 132px) + 10px)}}.build-bar{pointer-events:auto;position:relative;max-width:100%;min-width:min(100%,720px);display:grid;gap:2px;padding:4px 10px 14px;border-radius:8px;color:var(--ink);border:1px solid var(--win-edge, #9c7130);border-top:3px solid #b0823a;background:var(--meander) repeat-x 0 calc(100% - 3px) / 7px 7px,linear-gradient(180deg,transparent calc(100% - 11px),rgba(201,154,62,.55) calc(100% - 11px) calc(100% - 10px),#f3e4c0 calc(100% - 10px)),var(--win-grain, none),radial-gradient(ellipse 90% 60% at 50% 0%,rgba(255,255,255,.6),transparent 70%),linear-gradient(180deg,var(--win-paper, #fcf7ea),var(--win-paper-2, #f1e4c4));background-color:var(--win-paper, #fcf7ea);box-shadow:inset 0 0 0 2px #fffbf0d9,inset 0 0 0 3px #c99a3e80,0 1px 2px #3c2a0e38,0 8px 22px #3c2a0e38;animation:bb-up .16s ease-out}@keyframes bb-up{0%{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.build-bar{animation:none}}.bb-head{display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--gold);padding:0 2px}.bb-tabs{display:flex;gap:2px;min-width:0}.bb-tabs button{position:relative;min-height:32px;padding:4px 10px;gap:5px;margin-bottom:-1px;font:500 15px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:0;background:transparent;box-shadow:none;color:var(--muted)}.bb-tabs button:hover:not(:disabled){background:#e9c47333;border-color:#c99a3e59;color:var(--ink)}.bb-tabs button.on{color:var(--gold-ink);border-color:var(--gold);background:linear-gradient(180deg,#fbefcf,var(--win-paper, #fcf7ea));font-weight:600}.bb-tabs .ic svg.pk-ic{width:20px;height:20px}.bb-count{min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:inline-grid;place-items:center;font:600 12px/1 var(--head);letter-spacing:0;color:#2a1b08;background:linear-gradient(180deg,#f8dc9c,#d9a650);border:1px solid var(--gold-lo)}.build-bar .close{position:static;margin-top:0;flex:none;align-self:center;width:28px;height:28px;min-height:0;padding:0;margin-left:auto;border-radius:50%;font-size:19px;line-height:1}.bb-track-wrap{position:relative;min-width:0}.bb-track{display:flex;gap:8px;padding:8px 4px 4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:none}.bb-track::-webkit-scrollbar{display:none}.bb-arrow{position:absolute;top:50%;z-index:2;width:28px;height:44px;min-height:0;padding:0;margin-top:-20px;font:600 24px/1 var(--classic);color:var(--gold-ink);border-radius:6px}.bb-arrow.left{left:-6px}.bb-arrow.right{right:-6px}.bb-track-wrap.more-left .bb-track{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px);mask-image:linear-gradient(90deg,transparent 0,#000 36px)}.bb-track-wrap.more-right .bb-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%)}.bb-track-wrap.more-left.more-right .bb-track{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)}.bcard{position:relative;flex:none;width:188px;scroll-snap-align:start}.bcard-main{width:100%;height:100%;min-height:66px;padding:6px 22px 6px 6px;gap:8px;justify-content:flex-start;align-items:center;text-align:left;letter-spacing:.02em;border-radius:7px;font-size:15px}.bcard-medal{position:relative;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8 60%,#c6b897);border:1.5px solid var(--gold);box-shadow:0 0 0 2px #fffcf4e6,0 0 0 3px #a0763259}.bcard-medal>.ic svg.pk-ic{width:27px;height:27px;filter:none}.bcard-lock{position:absolute;right:-6px;bottom:-5px;line-height:0}.bcard-lock svg.pk-ic{width:18px;height:18px}.bcard-lvl{position:absolute;right:-7px;bottom:-6px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;display:grid;place-items:center;font:600 13px/1 var(--head);letter-spacing:0;color:#fff8e8;background:linear-gradient(180deg,#6f9a4a,#4d7333);border:1px solid #2f4a1f;box-shadow:0 1px 2px #281e0a4d}.bcard-body{display:grid;gap:3px;min-width:0;flex:1}.bcard-name{font:600 16px/1.1 var(--head);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcard-cost{display:flex;flex-wrap:wrap;align-items:center;gap:1px 7px;font:500 13px/1.15 var(--head);font-variant-numeric:tabular-nums;color:var(--ink)}.bcard-cost>span{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.bcard-cost .ic svg.pk-ic{width:14px;height:14px}.bcard-cost .short{color:var(--red);font-weight:700}.bcard-cost .time{color:var(--muted)}.bcard-why,.bcard-state{font:500 13px/1.2 var(--head);letter-spacing:.02em;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcard-state{display:flex;align-items:center;gap:6px;color:var(--ink)}.bcard-lv{white-space:nowrap}.bcard-act{font:600 12px/1 var(--head);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);padding:2px 6px;border-radius:4px;border:1px solid rgba(201,154,62,.6);background:#fff6dccc;margin-left:auto}.bcard-help{position:absolute;top:4px;right:4px;z-index:1;width:20px;height:20px;min-height:0;padding:0;border-radius:50%;font:700 12px/1 var(--classic, serif);color:var(--gold-ink);opacity:.75}.bcard:hover .bcard-help,.bcard-help:focus-visible{opacity:1}.bcard.s-ok .bcard-main{border-color:#8f6519;background-image:linear-gradient(180deg,#fff3d2,#f6dfa6);box-shadow:inset 0 1px #fffae6e6,0 0 0 1px #c99a3e73,0 2px 6px #78501440}.bcard.s-ok .bcard-main:hover{background-image:linear-gradient(180deg,#fff7de,#f9e4b0);border-color:#6c4a1f}.bcard.s-ok .bcard-act{color:#2a1b08;border-color:#8f6519;background:linear-gradient(180deg,#f8dc9c,#d9a650)}.bcard.s-short .bcard-main,.bcard.s-wait .bcard-main{background-image:linear-gradient(180deg,#fffaf0,#efe5cd)}.bcard.s-locked .bcard-main,.bcard.s-noroom .bcard-main{cursor:default;background-image:linear-gradient(180deg,#f5efe2,#e9dfca);border-color:#96784666;box-shadow:none}.bcard.s-locked .bcard-medal>.ic,.bcard.s-noroom .bcard-medal>.ic{opacity:.55;filter:grayscale(.7)}.bcard.s-locked .bcard-name,.bcard.s-noroom .bcard-name{color:var(--muted)}.bcard.s-noroom .bcard-main{border-style:dashed}.bcard.s-locked .bcard-main:active,.bcard.s-noroom .bcard-main:active,.bcard.s-short .bcard-main:active,.bcard.s-wait .bcard-main:active{transform:none}.bcard.s-built .bcard-main,.bcard.s-busy .bcard-main{background-image:linear-gradient(180deg,#f6f8ec,#e4ead2);border-color:#4d733380}.bcard.s-busy .bcard-lvl{background:linear-gradient(180deg,#d9a650,#a87a22);border-color:#6c4a1f}.bcard.focus .bcard-main{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:1100px)and (min-width:701px){.bb-tabs button{padding:4px 7px;font-size:14px}}@media(max-width:1500px)and (min-width:701px){.bcard{width:168px}}@media(max-width:700px){.bb-dock,.ui:has(.tut-goal) .bb-dock{left:4px;right:4px;bottom:6px}.build-bar{width:100%;min-width:0;max-height:39vh;grid-template-rows:auto minmax(0,1fr);padding:4px 6px 14px}.bb-tabs{flex:1;justify-content:space-between}.bb-tabs button{padding:4px 8px;font-size:0;gap:2px}.bb-tabs{gap:0}.bb-tabs button{padding:4px 3px;gap:1px}.bb-tabs .ic svg.pk-ic{width:18px;height:18px}.bb-count{min-width:16px;height:16px;font-size:11px;padding:0 3px}.bcard-state{flex-wrap:wrap;gap:2px 6px}.bcard-state .bcard-act{margin-left:0}.bb-track-wrap{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(156,113,48,.55) transparent}.bb-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible;-webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:none}.bcard{width:auto}.bb-arrow{display:none}}#hud>.ui{zoom:var(--pk-ui, 1)}.ui .win>:not(.win-head){zoom:var(--pk-text, 1)}.ui .win-side{width:calc(var(--win-w) * var(--pk-text, 1))}.tooltip>*{zoom:calc(var(--pk-ui, 1) * var(--pk-text, 1))}html.pk-no-fps .fps{display:none}html.pk-calm *,html.pk-calm *:before,html.pk-calm *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}button.logout.options-btn .ic svg.pk-ic{width:19px;height:19px}button.logout.options-btn.active{box-shadow:0 0 0 2px var(--gold)}.options-win.win-wide{z-index:11;width:clamp(560px,50vw,760px);max-height:min(720px,82vh,calc(100% - var(--below-top, 164px) - 16px));display:flex;flex-direction:column;overflow:hidden}.options-win>.win-head,.options-win>.win-tabs,.options-win>.opt-foot{flex:none}.options-win .opt-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 4px 2px;display:grid;gap:4px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(156,113,48,.55) transparent}.opt-section{display:grid;gap:2px;padding:4px 0 6px;border-bottom:1px dashed rgba(122,82,54,.3)}.opt-section:last-child{border-bottom:0}.opt-section>h3{margin:4px 0 2px;font:600 14px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}.opt-row{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);align-items:center;gap:4px 12px;min-height:36px;padding:3px 4px;border-radius:6px}.opt-row:hover{background:#e9c47324}.opt-row>.opt-label{display:grid;gap:1px;font-size:15px;color:var(--ink)}.opt-row>.opt-label small{font-size:13px;color:var(--muted);line-height:1.25}.opt-row .opt-reload{color:var(--terra-lo, #9a4a2c);font-weight:600}.opt-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.opt-choice{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid rgba(150,106,38,.5);border-radius:7px;overflow:hidden;background:#fffbf099}.opt-choice button{min-height:30px;padding:3px 11px;border:0;border-right:1px solid rgba(150,106,38,.35);border-radius:0;background:transparent;box-shadow:none;font:500 14px/1.1 var(--head);letter-spacing:.04em;color:var(--muted)}.opt-choice button:last-child{border-right:0}.opt-choice button:hover{background:#e9c47340;color:var(--ink)}.opt-choice button[aria-pressed=true]{background:linear-gradient(180deg,#fbefcf,#ecd395);color:var(--gold-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--gold)}.opt-choice button:disabled{opacity:.45;cursor:not-allowed}.opt-range{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:8px;width:100%;max-width:360px}.opt-range input[type=range]{--fill: var(--gold);height:22px}.opt-range output{font:600 14px/1 var(--head);color:var(--gold-ink);text-align:right;font-variant-numeric:tabular-nums}.opt-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--muted)}.opt-switch input{appearance:none;-webkit-appearance:none;width:40px;height:22px;margin:0;border-radius:11px;position:relative;cursor:pointer;background:#d8cbb0;border:1px solid rgba(120,86,30,.5);transition:background .15s}.opt-switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fffaf0;box-shadow:0 1px 2px #3c2a0e66;transition:left .15s}.opt-switch input:checked{background:linear-gradient(180deg,#e2b85e,#b8862f)}.opt-switch input:checked:after{left:20px}.opt-switch input:focus-visible{outline:2px solid var(--aegean, #3b7ea1);outline-offset:2px}.opt-presets{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px}.opt-presets button.opt-preset{min-height:44px;min-width:76px;padding:4px 12px;display:grid;justify-items:center;gap:0;border-radius:8px;font:600 15px/1.1 var(--classic);letter-spacing:.06em}.opt-presets button.opt-preset small{font:500 11px/1.2 var(--head);letter-spacing:.04em;color:var(--muted);text-transform:none}.opt-presets button.opt-preset[aria-pressed=true]{background:linear-gradient(180deg,#fbefcf,#e6c57a);border-color:var(--gold);color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold),0 0 0 2px #c99a3e59}.opt-presets .opt-custom{align-self:center;font:500 13px/1.2 var(--head);color:var(--muted);padding:0 4px}.opt-presets .opt-custom.on{color:var(--gold-ink);font-weight:700}.opt-meter{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:6px 10px;border-radius:8px;background:#fffbf0bf;border:1px solid rgba(150,106,38,.35);font:500 14px/1.2 var(--head);color:var(--muted)}.opt-meter b{font:700 22px/1 var(--head);color:var(--ink);font-variant-numeric:tabular-nums}.opt-meter b.good{color:var(--green)}.opt-meter b.ok{color:var(--amber)}.opt-meter b.bad{color:var(--red)}.opt-meter .opt-gpu{flex-basis:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-keys{width:100%;border-collapse:collapse;font-size:15px}.opt-keys th{text-align:left;font:600 12px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 4px 4px}.opt-keys td{padding:3px 4px;border-top:1px dotted rgba(150,106,38,.3)}.opt-keys tr.conflict td{background:#c4643f1f}.opt-keys button.opt-key{min-width:64px;min-height:28px;padding:2px 8px;font:700 14px/1 var(--head);letter-spacing:.04em;border-radius:5px;background:linear-gradient(180deg,#fffaf0,#efe2c2);border:1px solid rgba(120,86,30,.55);box-shadow:0 2px #78561e73;color:var(--ink)}.opt-keys button.opt-key.empty{color:var(--muted);font-weight:500}.opt-keys button.opt-key.listening{background:#fff3c4;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);animation:opt-blink 1s ease-in-out infinite}.opt-keys button.opt-key.clash{border-color:var(--terra, #c4643f);color:var(--red);box-shadow:0 2px #a03c1e80}@keyframes opt-blink{50%{background:#ffe7a0}}.opt-warn{margin:4px 0;padding:6px 10px;border-radius:6px;font-size:14px;color:var(--red);background:#c4643f1f;border:1px solid rgba(196,100,63,.4)}.opt-note{margin:2px 0 4px;font-size:13px;color:var(--muted)}.opt-shortcuts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:14px}.opt-shortcuts dt{font:600 13px/1.4 var(--head);color:var(--gold-ink);white-space:nowrap}.opt-shortcuts dd{margin:0;color:var(--ink)}kbd.opt-k{display:inline-block;min-width:18px;padding:0 5px;border-radius:4px;border:1px solid rgba(120,86,30,.5);box-shadow:0 1px #78561e73;background:#fffaf0;font:700 12px/18px var(--head);text-align:center;color:var(--ink)}.options-win .sound-rows{display:grid;gap:4px;max-width:460px}.options-win .sound-row{grid-template-columns:28px 96px minmax(0,1fr) 34px;height:34px}.options-win .sound-row .sound-name{font-size:15px}.options-win .sound-mute{width:26px;height:26px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.options-win .sound-all{padding:3px 10px;min-height:0;font:500 13px/1.3 var(--head)}.opt-foot{display:flex;align-items:center;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid var(--gold)}.opt-foot .opt-dirty{flex:1;font-size:13px;color:var(--muted)}.opt-foot button{margin:0;min-height:34px}@media(max-width:700px){.options-win.win-wide{width:100%}.opt-row{grid-template-columns:1fr}}.advisors button.tienda-adv .perla-ic .perla{width:22px;height:22px;margin:0}.rail button.tienda-rail .perla{width:20px;height:20px;margin:0}.ui:has(.rail .tienda-rail) .debug-toggle{top:calc(var(--hud-top, 64px) + 140px)!important}.perla{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:-1px;margin-right:4px;flex:none;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#f4ecf4 30%,#d9cbd9 62%,#a9979f);box-shadow:0 0 0 1px #6e5a6459,0 1px 2px #3c2a0e4d}.tienda-win.win-wide{width:clamp(620px,60vw,980px)}.tienda-win .win-head .saldo-cab{margin-left:auto;margin-right:6px;display:inline-flex;align-items:center;gap:2px;padding:3px 10px;border-radius:999px;font:600 18px/1 var(--head);color:var(--ink);background:#fff9;border:1px solid var(--line-2)}.tienda-win .saldo-cab.negativo b{color:var(--red)}.tienda{display:grid;gap:10px;padding-top:4px}.tienda h3{margin:4px 0 0;font-family:var(--head);letter-spacing:.05em;color:var(--gold-ink);display:flex;align-items:center;gap:6px}.tienda .intro{margin:0;font-size:15px;line-height:1.35;color:var(--muted)}.tienda .aviso-sim{margin:0;font:600 12px/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--aegean-ink)}.tienda .info-previa{margin:0;font-size:12.5px;line-height:1.4;color:var(--muted)}.tienda ul{list-style:none;margin:0;padding:0}.tienda .got{font-family:var(--head);font-weight:600;color:var(--green);letter-spacing:.04em}.tienda button small{color:inherit;font-size:11px;opacity:.85}.tienda .packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.tienda .packs li{display:grid;justify-items:center;align-content:start;gap:6px;padding:12px 8px;text-align:center;background:linear-gradient(180deg,#ffffffb3,#f3e4c08c);border:1px solid var(--line-2);border-radius:7px}.tienda .packs li.minimo{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9c47399}.tienda .packs .perlas-grandes{font:600 28px/1 var(--head);color:var(--ink);display:inline-flex;align-items:center}.tienda .packs .perlas-grandes .perla{width:20px;height:20px;margin-right:6px}.tienda .packs small{font-size:12px;color:var(--muted);min-height:2.4em}.tienda .packs button{min-width:96px;font-size:16px}.tienda .tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tienda .tarjeta{display:grid;justify-items:center;align-content:start;gap:4px;padding:8px;text-align:center;background:#ffffff80;border:1px solid var(--line);border-radius:7px}.tienda .tarjeta b{font-family:var(--head);font-size:15px;letter-spacing:.02em}.tienda .tarjeta>small{font-size:12px;color:var(--muted);line-height:1.3;min-height:3.9em}.tienda .tarjeta.tuyo{background:#e9f0d68c}.vista-previa{display:block;border-radius:5px;border:1px solid var(--line-2);box-shadow:inset 0 0 0 1px #fff9}.tienda .ranura-tienda{display:grid;gap:6px}.tienda .tarjeta.puesto{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9c473b3}.tienda .tarjeta .etiqueta{display:inline-block;margin-left:4px;padding:0 4px;border-radius:3px;font:600 9.5px/1.5 var(--head);letter-spacing:.06em;text-transform:uppercase;background:var(--paper-3);color:var(--muted);vertical-align:2px}.tienda .tarjeta .etiqueta.oro{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--gold-ink)}.tienda .apoyo{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:12px;background:#ffffff80;border:1px solid var(--gold);border-radius:8px}.tienda .apoyo-vistas{display:grid;gap:6px}.tienda .apoyo-texto{display:grid;align-content:start;gap:6px}.tienda .apoyo-texto b{font-family:var(--classic);font-size:20px}.tienda .apoyo-texto li b{font-family:inherit;font-size:inherit;font-weight:600}.tienda .apoyo-texto p{margin:0;font-size:15px}.tienda .apoyo-texto ul{list-style:disc;padding-left:18px;font-size:14px;display:grid;gap:2px}.tienda .apoyo-texto button{justify-self:start}.tienda .recompensas{display:grid;gap:8px}.tienda .recompensas li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;background:#ffffff73;border:1px solid var(--line);border-radius:7px}.tienda .recompensas li.lista{border-color:var(--gold)}.tienda .recompensas li.cobrada{opacity:.75}.tienda .recompensa-texto{display:grid;gap:3px}.tienda .recompensa-texto small{color:var(--muted);font-size:12.5px}.tienda .canje{display:grid;gap:8px;max-width:420px}.tienda .canje label{display:grid;gap:3px;font:600 13px var(--head);letter-spacing:.06em;text-transform:uppercase}.tienda .canje input{font:600 20px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase}.tienda .canje button{justify-self:start}.tienda .canje-ok{margin:0;color:var(--green);font-weight:600}.tienda .saldo{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:16px;padding:6px 10px;background:#ffffff8c;border:1px solid var(--line);border-radius:6px}.tienda .saldo b{font-size:22px}.tienda .saldo small{color:var(--muted)}.tienda .saldo.negativo b{color:var(--red)}.tienda table.historial{width:100%;border-collapse:collapse;font-size:13.5px}.tienda .historial th{text-align:left;font:600 11.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);border-bottom:1px solid var(--gold);padding:4px 6px}.tienda .historial td{padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.tienda .historial td small{color:var(--muted);font-family:var(--head);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;margin-right:4px}.tienda .chip-plat{font:600 11px var(--head);letter-spacing:.06em;padding:1px 6px;border-radius:3px;color:#fff}.tienda .chip-plat.steam{background:#1b2838}.tienda .chip-plat.web{background:var(--aegean)}.tienda .estado{font-family:var(--head)}.tienda .e-pagado,.tienda .e-canjeado,.tienda .e-cobrada{color:var(--green)}.tienda .e-fallido,.tienda .e-contracargo{color:var(--red)}.tienda .e-reembolsado,.tienda .e-desistido{color:var(--amber)}.tienda .cosmeticos{display:grid;gap:8px}.tienda .solo-lectura{padding:8px 10px;border:1px dashed var(--line-2);border-radius:6px;background:#fff6}.tienda .solo-lectura p{margin:4px 0 0;font-size:14px}.tienda .objetos{display:grid;gap:6px}.tienda .objetos li,.tienda .vinculos li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff73;border:1px solid var(--line);border-radius:6px}.tienda .objetos li>div{display:grid;min-width:0;flex:1}.tienda .objetos small{color:var(--muted);font-size:12.5px}.tienda .objetos .acciones{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px}.tienda .objetos .precio{font:600 15px var(--head);margin-right:4px}.tienda .muestra{width:26px;height:26px;border-radius:5px;flex:none;border:1px solid var(--line-2);box-shadow:inset 0 0 0 2px #ffffff59}.tienda .ranuras{display:grid}.tienda .ranuras li{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:8px;padding:4px 8px;font-size:14px;border-bottom:1px solid var(--line)}.tienda .ranuras small{color:var(--red)}.tienda h3 button.small{padding:0 6px}.tienda .cuenta{display:grid;gap:8px}.tienda .vinculos li{justify-content:space-between}.tienda .credenciales,.tienda .codigo{display:grid;gap:6px;max-width:420px}.tienda .credenciales label{display:grid;gap:2px;font-size:14px}.tienda .codigo-valor b{font-family:var(--head);font-size:26px;letter-spacing:.2em}.tienda .logros li{font-size:14px}.tienda-win .flujo{display:grid;gap:6px;margin:6px 0 2px;padding:10px 12px;border-radius:7px;border:1px solid var(--line-2);border-left-width:5px;background:linear-gradient(180deg,#fffaf0,#f5e8c8);box-shadow:0 2px 6px #3c2a0e1f}.tienda-win .flujo p{margin:0;font-size:14.5px}.tienda-win .flujo-cab{display:flex;align-items:center;gap:10px}.tienda-win .flujo-cab small{display:block;font:600 11.5px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}.tienda-win .flujo-cab b{font-family:var(--classic);font-size:18px}.tienda-win .flujo-precio{margin-left:auto;font:600 20px var(--head)}.tienda-win .flujo-icono{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8);flex:none}.tienda-win .flujo-icono svg.pk-ic{width:20px;height:20px}.tienda-win .flujo-botones{display:flex;gap:6px;flex-wrap:wrap}.tienda-win .flujo-confirmar{border-left-color:var(--gold)}.tienda-win .flujo-esperando{border-left-color:var(--aegean)}.tienda-win .flujo-exito{border-left-color:var(--green)}.tienda-win .flujo-cancelado{border-left-color:var(--marble-3)}.tienda-win .flujo-error{border-left-color:var(--red)}.tienda-win .flujo-reembolsado{border-left-color:var(--amber)}.tienda-win .girando{width:18px;height:18px;border-radius:50%;border:3px solid rgba(63,141,176,.25);border-top-color:var(--aegean);animation:tienda-gira .9s linear infinite}@keyframes tienda-gira{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tienda-win .girando{animation:none}}.tienda-dev{margin-top:8px;padding:6px 8px;border:1px dashed var(--terra);border-radius:6px;font-size:12px;background:#c4643f0f}.tienda-dev summary{cursor:pointer;font:600 12px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--terra-lo)}.tienda-dev>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px}.tienda-dev>div>span{min-width:104px;font-family:var(--head);color:var(--muted)}.tienda-dev button{min-height:0;padding:2px 8px;font-size:12px}.tienda-dev button.on{background:var(--terra);color:#fff;border-color:var(--terra-lo)}.entrada-steam,.entrada-steam form{display:grid;gap:10px}.steam-sim-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0a10188c}.steam-sim-overlay>div{width:min(360px,calc(100vw - 32px));padding:20px;border-radius:4px;background:#1b2838;color:#c7d5e0;font-family:system-ui,sans-serif;display:grid;gap:10px;box-shadow:0 10px 40px #00000080}.steam-sim-overlay small{color:#66c0f4;letter-spacing:.08em}.steam-sim-overlay p{margin:0;font-size:16px}.steam-sim-overlay button{font:inherit;padding:8px 12px;border:0;border-radius:2px;cursor:pointer;background:#2a475e;color:#c7d5e0}.steam-sim-overlay button[data-si]{background:linear-gradient(90deg,#47bfff,#1a44c2);color:#fff}@media(max-width:700px){.tienda .apoyo{grid-template-columns:1fr}.tienda .recompensas li{grid-template-columns:1fr auto}.tienda .recompensas li .vista-previa{display:none}.tienda table.historial{font-size:12px}}.advisor.win-side:has(.battlefield){--win-w: 470px}.battlefield{margin:6px 0 8px;padding:6px 8px;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(180deg,#efe3c4,#e6d6ae 48%,#dcc99c 52%,#e9dcbb)}.battlefield h5{margin:2px 0;font:500 13px var(--head);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-ink);text-align:center}.bf-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font:500 13px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bf-rounds{display:flex;gap:3px}.bf-rounds button{min-width:24px;padding:1px 6px;font-size:13px}.bf-side{display:grid;gap:3px}.bf-side.defender{padding-bottom:4px}.bf-row{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:6px}.bf-line{font:500 11px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}.bf-slots{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.bf-slot{position:relative;display:inline-grid;place-items:center;width:40px;height:34px;border-radius:4px;border:1px solid rgba(120,90,40,.45);background:#fffaecd9;box-shadow:inset 0 1px #ffffffb3}.bf-slot .pk-ic{width:18px;height:18px;margin-top:-6px}.bf-slot b{position:absolute;right:3px;bottom:5px;font:600 11px/1 var(--head);color:var(--ink);text-shadow:0 0 2px #fff,0 0 2px #fff}.bf-slot i{position:absolute;left:3px;bottom:2px;height:3px;max-width:calc(100% - 6px);border-radius:2px;background:var(--green)}.bf-slot i.mid{background:var(--gold)}.bf-slot i.low{background:var(--red)}.bf-slot.empty{background:#fffaec4d;border-style:dashed}.bf-slot.wall{background:linear-gradient(180deg,#d9cdb4,#b8a98c);border-color:#7a6a4c}.bf-slot.front:not(.empty):not(.wall){border-color:var(--terra-lo)}.bf-slot.artillery:not(.empty){border-color:var(--bronze-lo)}.bf-side.attacker .bf-slot:not(.empty):not(.wall){background:#e8f4fae6}.bf-mid{display:flex;justify-content:center;margin:3px 0;padding:2px 6px;border-top:1px dashed var(--line-2);border-bottom:1px dashed var(--line-2);font:500 12px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.bf-extra{margin:2px 0;font-size:13px;color:var(--muted);text-align:center}.garrison.over{color:var(--red)}.bf-slot.fallen{background:#7864502e;border:1px dashed rgba(150,60,40,.55)}.bf-slot.fallen .pk-ic{opacity:.45;filter:grayscale(1)}.bf-slot.fallen b{color:var(--red)}.bf-slot .bf-lost{position:absolute;left:3px;top:1px;font:600 10px/1 var(--head);font-style:normal;color:var(--red);text-shadow:0 0 2px #fff}html.app-movil #hud>.ui{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}html.app-movil{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html.app-movil #hud>.ui>.tut-spot{inset:calc(-1*env(safe-area-inset-top,0px)) calc(-1*env(safe-area-inset-right,0px)) calc(-1*env(safe-area-inset-bottom,0px)) calc(-1*env(safe-area-inset-left,0px))}html.app-movil .tut-halo{left:calc(-1*env(safe-area-inset-left,0px));top:calc(-1*env(safe-area-inset-top,0px))}html.app-movil .brand{display:none}html.app-movil .compass,html.app-movil .goto-dock{left:calc(var(--hud-gap, 8px) + var(--goal-w, 0px) + 12px);transform:none}html.app-movil .views .advisors{top:auto!important;bottom:var(--hud-gap, 8px);right:var(--hud-gap, 8px)}html.app-movil .fps{top:14px;right:34px;bottom:auto}html.app-movil body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.app-movil input,html.app-movil textarea,html.app-movil [contenteditable]{-webkit-user-select:text;user-select:text}html.app-movil #carga .ui{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.actualizar-capa{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:#18120a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.actualizar{max-width:380px;padding:22px 24px;text-align:center}.actualizar h2{margin:0 0 8px;font-family:Cinzel,serif}.actualizar p{margin:0 0 16px;line-height:1.45}.cuenta-borrar{border-top:1px solid rgba(135,89,15,.25);margin-top:10px;padding-top:10px}.cuenta-borrar input{width:100%;box-sizing:border-box;margin:4px 0 8px}.cuenta-borrar .peligro{background:#a3341d;border-color:#7d2614;color:#fbf6ea}html.app-movil .cell.brim,html.app-movil .cell.alert.red,html.app-movil .cell.alert.empty,html.app-movil .advisors button.alarm .ic,html.app-movil .advisors .tut-counter.ready .ic,html.app-movil .tut-goal.ready,html.app-movil .tut-goal p.tut-step,html.app-movil .tut-step-ic,html.app-movil .tut-ring,html.app-movil .tut-ringbox,html.app-movil .tut-pointer svg,html.app-movil .empire-sum>span.neg,html.app-movil .empire-table .e-stock.brim,html.app-movil .bonus-days li.today.ready,html.app-movil .cell.miracle-badge .ic svg.pk-ic,html.app-movil .opt-keys button.opt-key.listening,html.app-movil .tienda-win .girando{will-change:transform}@keyframes movil-pulso{50%{opacity:1}}html.app-movil .cell.brim,html.app-movil .cell.alert.red,html.app-movil .cell.alert.empty{animation:none;isolation:isolate}html.app-movil .cell.brim:after,html.app-movil .cell.alert.red:after,html.app-movil .cell.alert.empty:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:#c4643f30;opacity:0;will-change:opacity;animation:movil-pulso 1.4s ease-in-out infinite}html.app-movil .advisors button.alarm .ic,html.app-movil .advisors .tut-counter.ready .ic{animation:none;position:relative}html.app-movil .advisors button.alarm .ic:after,html.app-movil .advisors .tut-counter.ready .ic:after{content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none;opacity:0;will-change:opacity;box-shadow:0 0 0 1px #966a2666,0 0 0 5px #c99a3e73;animation:movil-pulso 1.5s ease-in-out infinite}html.app-movil .advisors button.alarm.danger .ic:after{box-shadow:0 0 0 1px #8f3d2580,0 0 0 5px #c4643f80}html.app-movil .advisors .tut-counter.ready .ic:after{box-shadow:0 0 0 2px #d99a244d;animation-duration:1.6s}@media(prefers-reduced-motion:reduce){html.app-movil .cell.brim:after,html.app-movil .cell.alert.red:after,html.app-movil .cell.alert.empty:after,html.app-movil .advisors button.alarm .ic:after,html.app-movil .advisors .tut-counter.ready .ic:after{animation:none;opacity:1}}:root{--parch: #fbf3de;--parch-2: #f1e2bd;--parch-edge: rgba(150, 106, 38, .55);--hud-shadow: 0 1px 2px rgba(70, 48, 16, .18), 0 6px 16px rgba(60, 42, 14, .16);--hud-gap: 8px}.top,.compass,.advisors,.rail button,.queue,.tut-goal,.isle,.viewpanel{background-color:var(--parch);background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,#fdf7e6,var(--parch-2));border:1px solid var(--parch-edge);box-shadow:var(--hud-shadow);color:var(--ink)}.top{position:absolute;top:var(--hud-gap);left:var(--hud-gap);z-index:4;display:flex;align-items:center;gap:10px;padding:3px 6px 7px 12px;max-width:calc(100% - 330px);border-radius:10px}.top:before{content:"";position:absolute;inset:-2px -5px;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#a77d3a,#f3dca6 45%,#c39a52 80%,#8f6728) left / 8px 100% no-repeat,linear-gradient(90deg,#8f6728,#c39a52 20%,#f3dca6 55%,#a77d3a) right / 8px 100% no-repeat;border-radius:5px}.top:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:5px;pointer-events:none;opacity:.9;background:var(--meander) repeat-x 0 50% / 5px 5px}.brand{display:grid;line-height:1;padding-right:10px;border-right:1px solid var(--line-2);min-width:0}.brand h1{font-family:var(--classic);font-size:17px;font-weight:500;letter-spacing:.1em;color:var(--ink);text-transform:uppercase;margin:0}.brand h1 b{font-weight:700;color:var(--gold-ink)}.brand .city,.cityselect{font:500 13px/1.2 var(--head);letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.cityselect{padding:0 4px;height:20px;width:auto}.res{display:flex;align-items:stretch;gap:0;min-width:0}.cell{position:relative;display:flex;align-items:center;gap:4px;padding:3px 8px 5px;min-width:0;cursor:default;border-right:1px dotted rgba(150,106,38,.35);border-radius:4px}.cell:last-child{border-right:0}.cell:hover{background:#e9c47338}.cell .ic svg.pk-ic{width:21px;height:21px}.cell .v{display:flex;align-items:baseline;gap:3px;line-height:1}.cell b{font:500 17px/1 var(--head);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.cell b small{display:none}.cell small{display:none;font:600 12px/1 var(--head);letter-spacing:.03em;white-space:nowrap}.cell .cap{position:absolute;left:8px;right:8px;bottom:1px;height:2px;border-radius:1px;background:#78561e29;overflow:hidden}.cell .cap i{display:block;height:100%;background:var(--gold)}.cell.full .cap i{background:var(--terra)}.cell.full b{color:var(--red)}.cell.brim,.cell.alert.red,.cell.alert.empty{background:#c4643f24;animation:hud-pulse 1.4s ease-in-out infinite}.cell.brim .v>small,.cell.alert .v>small{display:inline;color:var(--red)}.cell.alert.amber small,.cell.alert.amber b{color:var(--amber)}.cell.alert.red b,.cell.alert.empty b{color:var(--red)}@keyframes hud-pulse{50%{background:#c4643f4d}}.cell.people .mood-badge{position:absolute;left:18px;top:1px;line-height:0}.cell.people .mood-badge .ic svg.pk-ic{width:13px;height:13px}.cell.people .v>small{display:inline;color:var(--muted)}.cell.people .v>small.up{color:var(--green)}.cell.people .v>small.down{color:var(--red)}.cell.rate .v>small{display:inline;color:var(--green)}.cell.rate .v>small.down{color:var(--red)}button.logout{flex:none;width:28px;height:28px;min-height:0;padding:0;border-radius:50%}button.profile-btn.away{box-shadow:0 0 0 2px var(--aegean, #3b7ea1)}.incoming-attack{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:var(--panel, #f3e7cf);border:2px solid var(--red, #b0412f);color:var(--red, #b0412f);font:600 15px var(--head, serif);box-shadow:0 4px 14px #00000040;cursor:pointer;max-width:calc(100vw - 32px)}.incoming-attack small{color:var(--ink, #3a2a1a);font-weight:400}.incoming-attack.occupied-notice{border-color:var(--gold, #a9812f);color:#7a5a1c}.incoming-attack.occupied-notice.second{top:106px}.logout .ic svg.pk-ic{width:16px;height:16px}.views{display:contents}.compass{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px}.compass:before,.compass:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #fffaebe6}.compass button{width:42px;height:42px;min-height:0;padding:0;border-radius:50%;font-size:0;letter-spacing:0;gap:0;position:relative}.compass button .ic svg.pk-ic{width:24px;height:24px}.compass button.recenter{width:52px;height:52px;margin:-8px 2px;color:var(--aegean-ink);border:2px solid var(--gold);background-color:#e2eff4;background-image:radial-gradient(circle at 35% 30%,#fbfdfe,#cfe5ee 70%,#b5d6e3);box-shadow:0 0 0 3px #fffaebe6,0 0 0 4px var(--parch-edge),0 4px 10px #1e3c5040}.compass button.recenter .ic svg.pk-ic{width:30px;height:30px}.compass button.build{color:var(--gold-ink);margin-left:6px}.compass button.build:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:1px;background:var(--line-2)}.views button.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.views button.locked:after{content:"🔒";position:absolute;right:-2px;bottom:-2px;font-size:11px}.advisors{position:absolute;top:var(--hud-gap);right:var(--hud-gap);z-index:4;display:flex;gap:2px;padding:4px 6px 3px;border-radius:10px}.advisors button{position:relative;flex-direction:column;gap:2px;width:66px;min-height:0;padding:0 0 2px;background:none;border:0;box-shadow:none;font:600 11px/1.1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.advisors button .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8 60%,#c6b897);border:2px solid var(--gold);box-shadow:0 0 0 1px #966a2666,0 2px 4px #46301040}.advisors button .ic svg.pk-ic{width:26px;height:26px;filter:none}.advisors button:hover:not(:disabled){background:none;color:var(--gold-ink)}.advisors button:hover:not(:disabled) .ic{border-color:var(--gold-lo)}.advisors button.active{background:none;box-shadow:none;color:var(--gold-ink)}.advisors button.active .ic{border-color:var(--gold-lo);background:radial-gradient(circle at 35% 30%,#fff3d0,#f0d28c 60%,#d3a752)}.advisors:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:4px;pointer-events:none;opacity:.8;background:var(--meander) repeat-x 0 50% / 4px 4px}.advisors .badge{position:absolute;top:-3px;right:8px;margin:0}.advisors .tut-counter.ready .ic{animation:tut-glow 1.6s ease-in-out infinite;outline:2px solid transparent}.tut-counter.ready{color:var(--gold-ink)}.advisors .tut-counter small{display:block;font:500 10px/1 var(--head);color:var(--muted);letter-spacing:.04em}.advisors .tut-counter{gap:1px}.advisors button.alarm .ic{animation:adv-alarm 1.5s ease-in-out infinite;border-color:var(--amber)}.advisors button.alarm.danger .ic{animation-name:adv-alarm-danger;border-color:var(--terra)}@keyframes adv-alarm{50%{box-shadow:0 0 0 1px #966a2666,0 0 0 5px #c99a3e73,0 2px 4px #46301040}}@keyframes adv-alarm-danger{50%{box-shadow:0 0 0 1px #8f3d2580,0 0 0 5px #c4643f80,0 2px 4px #46301040}}@media(prefers-reduced-motion:reduce){.advisors button.alarm .ic{animation:none;box-shadow:0 0 0 3px #c4643f8c}}.rail{position:absolute;left:var(--hud-gap);top:var(--hud-top, 64px);z-index:4;display:grid;gap:6px}.rail button{width:40px;height:40px;min-height:0;padding:0;border-radius:50%}.rail button .ic svg.pk-ic{width:24px;height:24px}.rail button.active{border-color:var(--gold-lo);background-image:radial-gradient(circle at 35% 30%,#fff3d0,#f0d28c 60%,#d3a752)}.queue{position:absolute;left:calc(var(--hud-gap) + 48px);top:var(--hud-top, 64px);z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:4px 10px 6px;border-radius:8px;width:280px}.queue .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.queue .ic svg.pk-ic{width:22px;height:22px}.queue .q-what{font:500 15px/1.1 var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue .q-left{font:500 14px/1 var(--head);color:var(--muted);font-variant-numeric:tabular-nums}.queue .bar{grid-column:1 / -1;height:4px}.queue.cola .label{position:static;width:auto;height:auto;overflow:visible;clip:auto;grid-column:1 / -1;font:600 11px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}.queue .q-list{grid-column:1 / -1;list-style:none;margin:2px 0 0;padding:0;display:grid;gap:2px}.queue .q-list li{display:grid;grid-template-columns:18px 1fr auto auto;align-items:center;gap:6px;font:500 13px/1.2 var(--head);color:var(--muted)}.queue .q-list .ic svg.pk-ic{width:16px;height:16px}.queue .q-list .q-free{display:block;padding-left:24px;font-style:italic;opacity:.6}.queue .q-x{min-height:0;width:20px;height:20px;padding:0;border-radius:50%;font-size:14px;line-height:1}.queue .q-kit{grid-column:1 / -1;min-height:0;padding:2px 6px;font:500 12px/1.2 var(--head);justify-self:start;opacity:.85}.queue .q-kit .ic svg.pk-ic{width:14px;height:14px}.tag .q-more{margin-left:4px;font:600 11px var(--head);color:var(--gold-ink)}.isle,.viewpanel{position:absolute;left:calc(var(--hud-gap) + 48px);top:calc(var(--hud-top, 64px) + var(--queue-space, 0px));z-index:5;width:350px;padding:18px;display:grid;gap:12px;align-content:start;overflow:auto;border-radius:8px;max-height:calc(100% - var(--hud-top, 64px) - var(--queue-space, 0px) - var(--left-goal, 0px) - 84px)}.viewpanel{width:390px;gap:10px}.isle details ul{margin:6px 0 0;padding-left:18px}.isle details small{color:var(--muted)}.isle>button{justify-self:center;min-width:70%}.islands,.plots{list-style:none;padding:0;margin:0;display:grid;gap:4px}.islands li,.plots li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;border:1px solid transparent;background:#fffcf4b3}.islands li .ic svg.pk-ic,.plots li .ic svg.pk-ic{width:24px;height:24px}.islands li.mine,.plots li.mine{border-color:var(--gold);background:#e9c47333}.plots li{cursor:pointer}.plots li:hover,.plots li.sel{background:#f3e6c8;border-color:var(--line-2)}.islands li button{margin-left:auto;min-height:32px;padding:2px 12px}.islands small,.plots small{color:var(--muted)}.viewpanel>button{justify-self:center;min-width:60%}button.viewpanel.folded{width:auto;max-width:390px;min-height:0;padding:6px 12px;display:flex;align-items:center;gap:8px;justify-content:flex-start;font:500 16px/1.2 var(--head);letter-spacing:.04em;text-transform:none;cursor:pointer;background-color:var(--parch);background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,#fdf7e6,var(--parch-2))}button.viewpanel.folded:hover:not(:disabled){border-color:var(--gold);background-image:linear-gradient(180deg,#fffaf0,#f3e4c0)}button.viewpanel.folded b{font:600 16px var(--classic);letter-spacing:.04em}button.viewpanel.folded small{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}button.viewpanel.folded .ic svg.pk-ic{width:20px;height:20px}button.viewpanel.folded .fold-mark{color:var(--gold-ink);margin-left:2px}.viewpanel .raid-open{justify-self:stretch}.tut-goal{position:absolute;left:var(--hud-gap);bottom:var(--hud-gap);z-index:7;width:340px;padding:8px 12px 10px;display:grid;gap:5px;border-radius:8px}.tut-goal.mission{z-index:9}.tut-on:has(.tut-goal.mission) .advisor{max-height:calc(100% - var(--below-top, 164px) - var(--tut-h, 160px) - 36px)}.tut-goal.ready{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 4px 18px #c99a3e59}.tut-goal h3{font-family:var(--classic);font-weight:600;text-transform:none;letter-spacing:.03em;font-size:16px;color:var(--gold-ink);margin:0}.tut-goal p{font-size:15px;margin:0}.tut-head{display:flex;align-items:center;gap:8px}.tut-head .label{margin:0;font-size:13px}.tut-who{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.tut-who .medal{width:22px;height:22px;border-width:1.5px;box-shadow:none}.tut-who .medal svg.pk-ic{width:14px;height:14px}.tut-goal p.tut-step{display:flex;gap:8px;align-items:flex-start;color:var(--ink);padding:6px 10px;border-radius:6px;font-size:16px;line-height:1.3;background:linear-gradient(90deg,#ffcf4a80,#ffe49647);border:1px solid #e0a92e;border-left:5px solid #d99a24;box-shadow:0 0 0 1px #ffdc7880,0 0 14px #ffbe3273;animation:tut-step-in .45s ease-out}.tut-step b{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#6b4306}.tut-step-ic{flex:none;font-size:18px;line-height:1.15;color:#a86c0c;animation:tut-nudge 1s ease-in-out infinite}.tut-step.can-focus{cursor:pointer}.tut-step.can-focus:hover{border-color:#b97c12}.tut-goal p.tut-step.wait{background:#78a0be29;border:1px solid rgba(80,120,150,.4);border-left:5px solid #5c8aa8;box-shadow:none;animation:none}.tut-step.wait b{color:#2f5874}.tut-step.wait .tut-step-ic{color:#2f5874;animation:tut-sand 2s ease-in-out infinite}@keyframes tut-step-in{0%{transform:translate(-10px);opacity:0;box-shadow:0 0 0 3px #ffcf4a,0 0 26px #ffbe32e6}to{transform:none;opacity:1}}@keyframes tut-nudge{50%{transform:translate(3px)}}@keyframes tut-sand{50%{transform:rotate(180deg)}}.tut-goal p.tut-did{display:flex;gap:8px;align-items:center;font-size:14px;color:#3f6b2c;text-decoration:line-through;text-decoration-color:#3f6b2c99;animation:tut-did 2.6s ease-in forwards}.tut-check{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#5f9a45;color:#fff;font-size:13px;text-decoration:none;box-shadow:0 0 0 2px #d8ecc9;animation:tut-pop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes tut-did{0%,75%{opacity:1}to{opacity:0}}@keyframes tut-pop{0%{transform:scale(0)}to{transform:scale(1)}}.tut-stamp{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;vertical-align:-5px;border-radius:50%;background:#5f9a45;color:#fff;font:700 17px/1 var(--head);box-shadow:0 0 0 3px #e3f1d8,0 0 16px #5f9a45cc;animation:tut-pop .6s cubic-bezier(.3,1.6,.5,1)}.tut-done-label{margin-left:8px;font:600 13px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:#3f6b2c}.tut-goal.ready{animation:tut-ready 1.6s ease-in-out 2}@keyframes tut-ready{50%{box-shadow:0 0 0 2px var(--gold),0 0 28px #ffbe32cc}}.tut-go{justify-self:start;min-height:30px;font-size:15px;border-color:#d99a24}@media(prefers-reduced-motion:reduce){.tut-goal p.tut-step,.tut-step-ic,.tut-step.wait .tut-step-ic,.tut-check,.tut-stamp,.tut-goal.ready,.tut-goal p.tut-did{animation:none}}.tut-goal .tut-reward{font-size:14px}.tut-skip{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.tut-skip:hover,.tut-more:hover{color:var(--ink)}.tut-goal .tut-more{font-size:14px}.tut-fold{display:flex;align-items:center;gap:6px;color:var(--gold-ink);font-size:14px}.tut-fold .label{margin:0;color:var(--gold-ink)}.tut-goal .tut-progress{height:12px}.tut-goal .tut-progress small{font-size:11px;line-height:12px}.tut-claim{justify-self:center;min-width:60%;min-height:34px}.tut-goal.tut-goals{width:auto;max-width:340px}.tut-goal.tut-goals.folded{padding:5px 12px}.tut-goal.tut-goals.has-ready{border-color:var(--gold)}.tut-goal.tut-goals:not(.folded){width:340px;max-height:52vh;overflow:auto}.tut-goals ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tut-goals li{display:grid;gap:4px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffcf4b3}.tut-goals li.ready{border-color:var(--gold);background:#e9c47329}.tut-goals li.claimed{border-color:#7fa96a;opacity:.8}.tut-goals li small{color:var(--muted);font-size:14px}.tut-goals li button.small{margin:0}html:has(.tut-goal){--left-goal: calc(var(--tut-h, 40px) + 10px)}.tut-hide-research .views button[title="Consejero de investigación"],.tut-hide-military .views button[title^=Misiones],.tut-hide-ships .res .cell[title^="Barcos mercantes"],.tut-hide-luxuries .res .cell:is([title^="Vino:"],[title^="Mármol:"],[title^="Cristal:"],[title^="Azufre:"]),.tut-hide-neighbours .isle details{display:none!important}.labels{position:absolute;inset:0;pointer-events:none!important}.tag{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 2px;border-radius:10px;font:600 13px/1.2 var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);background:#fbf3deeb;border:1px solid rgba(176,132,58,.6);box-shadow:0 1px 4px #3c2a0e38}.tag .ic svg.pk-ic{width:16px;height:16px;filter:none}.tag .n{display:none;font-weight:500}.tag:hover .n,.tag.sel .n{display:inline}.tag b{color:var(--gold-ink);font-weight:700;min-width:8px;text-align:center}.tag.sel{border-color:var(--gold-lo);background:#f0d698f5}.tag.busy{border-style:dashed;border-color:var(--gold-lo)}.tag{flex-direction:column}.tag .tag-h{display:inline-flex;align-items:center;gap:3px}.tag .tag-p{align-self:stretch;display:flex;align-items:center;gap:4px;max-height:14px;margin:1px 0 1px 4px;overflow:hidden;transition:opacity .4s ease-out .15s,max-height .3s ease-in .3s,margin .3s ease-in .3s}.tag .tag-p .bar{flex:1;min-width:40px;height:5px;border:1px solid rgba(143,101,25,.45)}.tag .tag-p small{font:600 11px/1 var(--head);letter-spacing:0;color:var(--gold-ink);font-variant-numeric:tabular-nums;min-width:26px;text-align:right}.tag .tag-p.queued .bar i{width:0!important}.tag .tag-p.queued small{color:var(--muted);text-transform:lowercase;min-width:0}.tag .tag-p.done{opacity:0;max-height:0;margin:0}.tag.polis-obra{cursor:default}.tag.polis-obra .n{display:inline}.toasts{position:absolute;left:50%;bottom:76px;transform:translate(-50%);display:grid;gap:6px;pointer-events:none!important;z-index:9;justify-items:center}.toast{padding:6px 14px;border-radius:8px;font-size:15px;color:var(--ink);background:var(--parch);border:1px solid var(--parch-edge);box-shadow:var(--hud-shadow);animation:toast-in .2s ease-out}.toast.error{border-color:var(--terra);color:var(--red);background:#fdf0ea}.toast.achievement{border:1px solid var(--gold);background-color:#f6e2ae;background-image:linear-gradient(90deg,#f3d48c,#fbf3df);color:var(--ink);font-family:var(--head);font-size:17px;letter-spacing:.04em;padding:8px 16px;box-shadow:0 0 18px #c99a3e73}.toast.achievement:before{content:"★ ";color:var(--gold-lo)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.fps{position:absolute;right:8px;bottom:6px;font:11px/1 var(--head);color:#3b4037;background:#fbf3debf;padding:2px 6px;border-radius:3px}@media(max-width:1500px){.cell{padding:3px 6px 5px}.cell b{font-size:16px}.cell .ic svg.pk-ic{width:19px;height:19px}.advisors button{width:58px;font-size:10px}.advisors button .ic{width:36px;height:36px}.advisors button .ic svg.pk-ic{width:23px;height:23px}.top{max-width:calc(100% - 270px)}}@media(max-width:1100px)and (min-width:701px){.brand{display:none}}@media(max-width:700px){.top{top:4px;left:4px;right:4px;max-width:none;padding:3px 4px 6px;gap:4px;flex-wrap:nowrap}.brand{display:none}.res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1}.cell{padding:2px 3px 4px;gap:2px;border-right:0}.cell .ic svg.pk-ic{width:16px;height:16px}.cell b{font-size:14px}.cell .v>small,.cell.brim .v>small,.cell.alert .v>small{display:none}.cell .cap{left:3px;right:3px}button.logout{width:26px;height:26px;align-self:flex-start}.advisors{top:var(--hud-top, 64px);right:4px;flex-direction:column;padding:4px;gap:4px}.advisors button{width:38px;font-size:0;gap:0}.advisors button .ic{width:34px;height:34px}.advisors button .ic svg.pk-ic{width:22px;height:22px}.advisors:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:4px;pointer-events:none;opacity:.8;background:var(--meander) repeat-x 0 50% / 4px 4px}.advisors .badge{right:-2px;font-size:11px}.rail{left:4px}.rail button{width:38px;height:38px}.queue{left:48px;right:52px;width:auto}.compass{bottom:6px;padding:4px 8px;gap:4px}.compass button{width:36px;height:36px}.compass button .ic svg.pk-ic{width:21px;height:21px}.compass button.recenter{width:44px;height:44px;margin:-6px 0}.compass button.build{margin-left:4px}.tag{font-size:11px;padding:0 4px 0 1px}.tag .ic svg.pk-ic{width:13px;height:13px}.tag .tag-p .bar{min-width:32px;height:4px}.tag .tag-p small{font-size:10px;min-width:22px}.toasts{bottom:66px;width:calc(100% - 16px)}.tut-goal,.tut-goal.tut-goals:not(.folded){left:4px;right:4px;bottom:62px;width:auto;max-width:none;max-height:30vh;overflow:auto}.tut-goal.tut-goals.folded{right:auto}.isle,.viewpanel{top:auto;left:4px;right:4px;bottom:calc(62px + var(--left-goal, 0px));width:auto;padding:14px;max-height:44vh}.fps{display:none}.ui:has(.side,.advisor,.tut-logros,.placement,.build-bar,.dialog) :is(.compass,.isle,.viewpanel,.tut-goal){display:none}}.debug-toggle{left:var(--hud-gap)!important;right:auto!important;bottom:auto!important;top:calc(var(--hud-top, 64px) + 94px)!important;transform:scale(.6);transform-origin:top left}.debug-panel{left:calc(var(--hud-gap) + 48px)!important;right:auto!important;bottom:auto!important;top:calc(var(--hud-top, 64px) + 94px)!important}@media(max-width:700px){.debug-toggle{left:4px!important;top:calc(var(--hud-top, 64px) + 88px)!important;transform:scale(.6)}.debug-panel{left:4px!important;right:4px!important;width:auto!important;top:calc(var(--hud-top, 64px) + 124px)!important}}.cell.miracle-badge{background:#ffd67847}.cell.miracle-badge .ic svg.pk-ic{animation:miracle-pulse 2.4s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,200,80,.9))}.cell.miracle-badge b{font-size:14px;max-width:9em;overflow:hidden;text-overflow:ellipsis}@keyframes miracle-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(20deg)}}@media(prefers-reduced-motion:reduce){.cell.miracle-badge .ic svg.pk-ic{animation:none}}@media(max-width:1500px){.cell.miracle-badge .v{display:none}}.sky-clock{all:unset;display:flex;align-items:center;gap:6px;padding:0 10px 0 2px;margin-right:4px;border-right:1px solid var(--line);cursor:pointer;border-radius:8px}.sky-clock:hover,.sky-clock.active{background:#e9c47338}.sky-clock .sky-day{font-size:13px;color:var(--gold-ink, #6c4a1f)}.sky-clock .sky-dial{width:46px;height:46px;flex:none;filter:drop-shadow(0 1px 2px rgba(60,42,14,.3))}.sky-clock .sky-text{display:grid;line-height:1.1}.sky-clock .sky-hour{font:600 17px/1 var(--head);letter-spacing:.04em;color:var(--ink);font-variant-numeric:tabular-nums}.sky-clock .sky-season{font:600 12px/1.2 var(--head);letter-spacing:.04em;text-transform:uppercase}.sky-clock .sky-server{font:500 11px/1.2 var(--head);color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:700px){.sky-clock .sky-text{display:none}.sky-clock{border-right:0;padding:0}.sky-clock .sky-dial{width:34px;height:34px}}@media(min-width:701px){html.adv-low .advisors{top:var(--hud-top, 64px)}}.calendar-win{position:absolute;top:var(--below-top, 120px);right:var(--hud-gap, 8px);width:440px;z-index:9}.cal-grid{display:grid;gap:4px;margin:6px 0}.cal-week{display:grid;grid-template-columns:84px repeat(7,1fr);gap:3px;align-items:stretch;padding:3px;border-radius:6px}.cal-week.spring{background:#7fb06929}.cal-week.summer{background:#e0a83a29}.cal-week.autumn{background:#c46a2b29}.cal-week.winter{background:#7aa6c82e}.cal-week.now{outline:1px solid var(--gold)}.cal-season{display:grid;align-content:center;padding-left:4px}.cal-season b{font:600 13px/1.1 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.cal-season small{font-size:11px;color:var(--muted)}.cal-day{position:relative;display:grid;place-items:center;min-height:40px;border-radius:5px;background:#fffcf4d9;border:1px solid var(--line);overflow:hidden}.cal-day b{font:600 14px/1 var(--head);color:var(--ink)}.cal-day i{font-style:normal;font-size:13px;line-height:1}.cal-day.past{opacity:.5}.cal-day.today{border:2px solid var(--gold);background:#fff6db;box-shadow:0 0 0 2px #c99a3e40}.cal-day .cal-progress{position:absolute;left:0;bottom:0;height:3px;background:var(--gold)}.cal-now{margin:4px 0 0;font-size:14px;text-align:center;color:var(--gold-ink, #6c4a1f)}@media(max-width:700px){.calendar-win{left:4px;right:4px;width:auto}.cal-week{grid-template-columns:60px repeat(7,1fr)}}.advisors button.sky-clock{flex-direction:row;width:auto;gap:6px;padding:0 10px 0 2px;text-transform:none;letter-spacing:normal;font:inherit;color:var(--ink);align-self:center}.advisors button.sky-clock:hover,.advisors button.sky-clock.active{background:#e9c47338}.advisors button.sky-clock .sky-text{text-align:left}.cell.clickable{cursor:pointer}.cell.active{background:#e9c47352}