@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-ext-900-normal-CWXxiu5r.woff2)format("woff2"),url(/assets/cinzel-latin-ext-900-normal-BlZZvP7K.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(/assets/cinzel-latin-900-normal-t_fSDEbn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-CrVtArts.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-cE6k0ynw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BxVyMuvA.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-DOZZA1Lw.woff)format("woff");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-D84L8oWA.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-BMtL5QVM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-yHNu2BMg.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-COnzl65y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-DlcFr6iZ.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BPIGxrat.woff)format("woff");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-CzIuwFFH.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-BwIbj3EF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-_4eP8D9e.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-DSvQSo4e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-yfSHsvQc.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-CZi9L62e.woff)format("woff");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-B9GOc3VQ.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-DkMfI0-s.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1a120b;--text:#f7ecd6;--muted:#cdb895;--gold:#f3d38a;--gold-2:#c8913f;--edge:#9b733f;--panel-1:#47321f;--panel-2:#2c1f14;--green-1:#8acb57;--green-2:#4f8a2c;--red:#e2604a;--amber-1:#ffc15a;--amber-2:#c9711b;--stone-1:#8d8577;--stone-2:#575146;--shadow:0 6px 18px #00000073;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--s:clamp(.78, calc(.55 + .35 * (100vmin / 600px)), 1.12);font-size:calc(16px * var(--s))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#1c140d;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui .pe,#ui .screen{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{-webkit-user-drag:none}.title{letter-spacing:.04em;background:linear-gradient(#fff3c4 0%,#f3cf7a 45%,#b27a2c 100%);color:#0000;filter:drop-shadow(0 2px #2a1708)drop-shadow(0 3px 6px #0009);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-weight:900}.panel{background:radial-gradient(120% 80% at 50% 0%, #ffdca014, transparent 60%), linear-gradient(180deg, var(--panel-1), var(--panel-2));border:2px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #ffe6b440, inset 0 0 0 3px #00000040;border-radius:16px;position:relative}.panel:before{content:"";pointer-events:none;border:1px solid #ffd79624;border-radius:11px;position:absolute;inset:5px}.chip{white-space:nowrap;background:#00000059;border-radius:99px;align-items:center;gap:.25em;padding:.12em .5em .12em .2em;font-size:.9em;font-weight:800;display:inline-flex}.chip img{width:1.35em;height:1.35em}.chip.bad{color:#ff9b86}.btn{letter-spacing:.02em;color:#fff;text-shadow:0 2px #00000059;border-radius:12px;justify-content:center;align-items:center;gap:.4em;min-height:2.6em;padding:.6em 1.15em;font-size:1em;font-weight:900;transition:transform 80ms,filter .15s;display:inline-flex;position:relative}.btn:active{transform:translateY(2px)scale(.98)}.btn:disabled{filter:grayscale(.85)brightness(.75);cursor:default}.btn.green{background:linear-gradient(180deg, var(--green-1), var(--green-2));box-shadow:0 4px #2e5419,0 6px 12px #0006,inset 0 1px #ffffff59}.btn.amber{background:linear-gradient(180deg, var(--amber-1), var(--amber-2));box-shadow:0 4px #7a3f0b,0 6px 12px #0006,inset 0 1px #fff6}.btn.stone{background:linear-gradient(180deg, var(--stone-1), var(--stone-2));box-shadow:0 4px #2f2b25,0 6px 12px #0006,inset 0 1px #ffffff40}.btn.red{background:linear-gradient(#ee7a5f,#a83a26);box-shadow:0 4px #5e1d12,0 6px 12px #0006,inset 0 1px #ffffff4d}.btn img{width:1.4em;height:1.4em}.btn .sub{opacity:.95;font-size:.78em;font-weight:800}.btn-col{flex-direction:column;gap:.1em;line-height:1.05}.close{background:linear-gradient(#ee7a5f,#a83a26);border:2px solid #f3d38a;border-radius:50%;place-items:center;width:2.4em;height:2.4em;font-size:1em;font-weight:900;display:grid;position:absolute;top:-.7em;right:-.7em;box-shadow:0 3px 8px #00000080}.glow{animation:1.4s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 #ffd67800,0 4px #2e5419}50%{box-shadow:0 0 0 .45em #ffd6788c,0 4px #2e5419}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideup{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hud-top{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));align-items:flex-start;gap:10px;display:flex;position:absolute}.profile{border-radius:99px;flex-shrink:0;align-items:center;gap:.5em;padding:.3em .9em .3em .3em;display:flex}.avatar{border:2px solid var(--gold);background:radial-gradient(circle at 50% 40%,#6b4a2a,#24180e);border-radius:50%;width:3.3em;height:3.3em;overflow:hidden;box-shadow:0 0 0 3px #00000059}.avatar img{object-fit:cover;width:100%;height:100%}.profile .name{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:9em;font-family:Cinzel,serif;font-size:1.02em;font-weight:900;line-height:1.1;overflow:hidden}.power{background:linear-gradient(#b4552e,#6e2a14);border-radius:99px;align-items:center;gap:.3em;margin-top:.15em;padding:.05em .6em .05em .25em;font-size:.86em;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.power img{width:1.25em;height:1.25em}.resbar{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.res{background:linear-gradient(#1e140ce0,#120c07e0);border:1.5px solid #c9913fb3;border-radius:99px;align-items:center;min-width:6.6em;height:2.3em;padding:0 .7em 0 .2em;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000059}.res img{filter:drop-shadow(0 2px 2px #00000080);width:2.1em;height:2.1em;margin-right:.25em;position:relative}.res .v{font-variant-numeric:tabular-nums;font-size:1em;font-weight:900;position:relative}.res .fill{opacity:.9;background:linear-gradient(90deg,#8acb57,#c9e57a);height:3px;position:absolute;bottom:0;left:0}.res .fill.full{background:linear-gradient(90deg,#e2604a,#ff9b6a)}.res.flash{animation:.6s resflash}@keyframes resflash{0%{box-shadow:0 0 #ffdc78e6}to{box-shadow:0 0 0 10px #ffdc7800}}.dock{left:calc(8px + var(--safe-l));top:calc(5.2em + var(--safe-t));grid-template-columns:repeat(2,auto);align-items:start;gap:6px;display:grid;position:absolute}.dock .item{background:#140d08d1;border:1.5px solid #c9913f99;border-radius:12px;align-items:center;gap:.35em;padding:.25em .75em .25em .25em;font-size:.95em;font-weight:900;display:flex;box-shadow:0 3px 8px #00000059}.dock .item img{width:2em;height:2em}.dock .item small{color:var(--muted);font-size:.72em;font-weight:800;line-height:1;display:block}.dock .item.busy{border-color:#f0b543}.quest{right:calc(8px + var(--safe-r));top:calc(5.4em + var(--safe-t));width:min(17.5em,46vw);padding:.7em .8em .75em;animation:.35s slideup;position:absolute}.quest .head{align-items:center;gap:.55em;display:flex}.quest .mask{border:2px solid var(--gold-2);background:#24180e;border-radius:10px;flex-shrink:0;width:3em;height:3em;overflow:hidden}.quest .mask img{object-fit:cover;width:100%;height:100%}.quest .label{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.72em;font-weight:900}.quest h3{margin:.05em 0 0;font-family:Cinzel,serif;font-size:1.02em;line-height:1.15}.quest .goal{color:var(--muted);align-items:center;gap:.4em;margin:.5em 0 .4em;font-size:.92em;font-weight:700;display:flex}.quest .goal .tick{border:2px solid var(--gold-2);border-radius:4px;flex-shrink:0;place-items:center;width:1.2em;height:1.2em;font-size:.85em;display:grid}.quest .goal .tick.on{background:var(--green-2);border-color:var(--green-1)}.quest .rewards{flex-wrap:wrap;gap:4px;margin-bottom:.45em;display:flex}.quest .btn{width:100%}.quest.min{width:auto;padding:.45em}.fab{border:3px solid var(--gold);border-radius:50%;place-items:center;width:5.4em;height:5.4em;display:grid;position:absolute;box-shadow:0 6px #3b260f,0 10px 22px #0000008c,inset 0 2px #ffffff59}.fab img{filter:drop-shadow(0 3px 3px #00000080);width:62%;height:62%}.fab span{border:1.5px solid var(--gold-2);background:#2a1a0e;border-radius:99px;padding:.05em .6em;font-size:.82em;font-weight:900;position:absolute;bottom:-.65em}.fab:active{transform:translateY(3px)}.fab.build{right:calc(14px + var(--safe-r));bottom:calc(16px + var(--safe-b));background:radial-gradient(circle at 50% 35%,#8fd05c,#3f7a22)}.fab.menu{left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b));background:radial-gradient(circle at 50% 35%,#9a8f7c,#4d463b);width:3.7em;height:3.7em}.sheet{left:50%;bottom:calc(10px + var(--safe-b));width:min(100% - 16px,760px);padding:.9em .9em .8em;animation:.25s slideup;position:absolute;transform:translate(-50%)}.sheet h2{text-align:center;margin:0 0 .5em;font-size:1.35em}.tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:.65em;display:flex}.tab{color:var(--muted);background:#00000059;border:1.5px solid #0000;border-radius:99px;padding:.35em .9em;font-size:.88em;font-weight:900}.tab.on{color:var(--ink);background:linear-gradient(#ffe7a6,#d29b47);border-color:#fff1c4}.cards{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:.3em .2em .6em;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{height:6px}.cards::-webkit-scrollbar-thumb{background:#f3d38a59;border-radius:3px}.card{scroll-snap-align:start;text-align:center;color:var(--ink);background:linear-gradient(#f1e2c2,#d8c095);border:2px solid #fff4d8;border-radius:14px;flex-direction:column;flex:0 0 9.6em;align-items:center;padding:.5em .5em .6em;display:flex;position:relative;box-shadow:0 4px #7d5a2d,0 8px 14px #00000059}.card .thumb{background:radial-gradient(at 50% 70%,#9fbf6a 0%,#6f9445 55%,#4d6d30 100%);border-radius:10px;place-items:center;width:100%;height:6.6em;display:grid;overflow:hidden;box-shadow:inset 0 2px 8px #00000059}.card .thumb img{object-fit:contain;filter:drop-shadow(0 3px 3px #00000059);max-width:100%;max-height:100%}.card .nm{align-items:center;min-height:2.2em;margin:.35em 0 .2em;font-size:.92em;font-weight:900;line-height:1.1;display:flex}.card .costs{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.card .costs .chip{color:var(--ink);background:#3c230f24;font-size:.8em}.card .costs .chip.bad{color:#b42d18}.card .meta{color:#6e5233;margin-top:.3em;font-size:.75em;font-weight:800}.card .count{color:#fff;background:#0000008c;border-radius:99px;padding:.05em .45em;font-size:.72em;font-weight:900;position:absolute;top:.55em;right:.55em}.card.locked{filter:grayscale(.75)brightness(.8)}.card .lock{text-align:center;color:#ffe6b0;background:#140c069e;border-radius:10px;place-items:center;height:6.6em;padding:.5em;font-size:.78em;font-weight:900;display:grid;position:absolute;inset:.45em .45em auto}.card.hint{animation:1.4s ease-in-out infinite glow}.sel-head{align-items:center;gap:.8em;display:flex}.sel-head .thumb{background:radial-gradient(at 50% 70%,#9fbf6a 0%,#6f9445 55%,#4d6d30 100%);border-radius:12px;flex-shrink:0;place-items:center;width:6.2em;height:5.2em;display:grid;box-shadow:inset 0 2px 8px #00000059}.sel-head .thumb img{max-width:100%;max-height:100%}.sel-head h2{text-align:left;margin:0;font-size:1.25em}.lv{color:var(--ink);vertical-align:middle;-webkit-text-fill-color:var(--ink);filter:none;background:linear-gradient(#ffe7a6,#d29b47);border-radius:99px;margin-left:.4em;padding:.1em .55em;font-family:Nunito;font-size:.68em;font-weight:900;display:inline-block}.desc{color:var(--muted);margin:.25em 0 0;font-size:.9em;font-weight:700;line-height:1.3}.lore{color:#b7a07c;margin:.3em 0 0;font-size:.82em;font-style:italic}.stats{grid-template-columns:repeat(auto-fit,minmax(9.5em,1fr));gap:6px;margin:.7em 0;display:grid}.stat{background:#00000047;border-radius:10px;align-items:center;gap:.4em;padding:.35em .6em;font-size:.88em;font-weight:800;display:flex}.stat img{width:1.6em;height:1.6em}.stat .up{color:var(--green-1);margin-left:auto;font-weight:900}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.actions .btn{flex:9em}.warn{text-align:center;color:#ffb49c;margin:.2em 0 .55em;font-size:.88em;font-weight:800}.progress{background:#00000073;border:1.5px solid #f3d38a66;border-radius:99px;height:.9em;margin:.6em 0;overflow:hidden}.progress>div{background:linear-gradient(90deg,#f0b543,#ffe08a);height:100%;transition:width .5s linear}.place-bar{gap:14px;animation:.2s pop;display:flex;position:absolute;transform:translate(-50%)}.place-bar .round{border:3px solid #fff3cf;border-radius:50%;place-items:center;width:3.6em;height:3.6em;font-size:1.15em;font-weight:900;display:grid}.place-bar .ok{background:radial-gradient(circle at 50% 35%,#8fd05c,#3f7a22);box-shadow:0 4px #2e5419,0 6px 12px #00000080}.place-bar .ok:disabled{filter:grayscale()brightness(.7)}.place-bar .no{background:radial-gradient(circle at 50% 35%,#ee7a5f,#a83a26);box-shadow:0 4px #5e1d12,0 6px 12px #00000080}.place-hint{top:calc(5.5em + var(--safe-t));border:1.5px solid var(--gold-2);white-space:nowrap;background:#140d08d9;border-radius:99px;padding:.45em 1em;font-size:.9em;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.dialog-wrap{padding:0 10px calc(14px + var(--safe-b));background:linear-gradient(#0000 30%,#0000008c);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.dialog{align-items:flex-start;gap:.9em;width:min(100%,720px);padding:1em 1.1em;animation:.3s slideup;display:flex}.dialog .portrait{border:3px solid var(--gold-2);width:7.2em;height:7.2em;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 40%,#6b4a2a,#1e140c);border-radius:14px;flex-shrink:0;margin-top:-2.6em;overflow:hidden}.dialog .portrait img{object-fit:cover;width:100%;height:100%}.dialog .who{color:var(--gold);font-family:Cinzel,serif;font-size:1.1em;font-weight:900}.dialog .who small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:Nunito;font-size:.68em;display:block}.dialog p{min-height:3em;margin:.4em 0 .7em;font-size:1.04em;font-weight:700;line-height:1.42}.dialog .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dialog .qt{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.78em;font-weight:900}.toasts{top:calc(4.8em + var(--safe-t));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1.5px solid var(--gold-2);box-shadow:var(--shadow);text-align:center;background:#140d08eb;border-radius:99px;max-width:88vw;padding:.5em 1.1em;font-size:.95em;font-weight:900;animation:.2s pop}.toast.good{border-color:var(--green-1);color:#d9ffc4}.toast.bad{border-color:var(--red);color:#ffc9bd}.screen{pointer-events:auto;background:#120c07 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen:before{content:"";background:radial-gradient(at 50% 35%,#0000000d,#000000b8);position:absolute;inset:0}.screen>*{position:relative}.logo{text-align:center}.logo img{filter:drop-shadow(0 6px 14px #000000b3);width:6.5em;height:6.5em;animation:3s ease-in-out infinite bob}.logo h1{margin:.1em 0 0;font-size:clamp(2.4em,9vw,4em);line-height:1}.logo .tag{color:#e9d7b3;text-shadow:0 2px 6px #000000e6;margin:.4em 0 0;font-size:.98em;font-weight:800}.auth{width:min(92vw,25em);margin-top:1.2em;padding:1.2em 1.2em 1.1em}.auth .tabs{margin-bottom:.9em}.field{margin-bottom:.7em;display:block}.field span{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25em .3em;font-size:.78em;font-weight:900;display:block}.field input{width:100%;font:inherit;color:var(--text);-webkit-user-select:text;user-select:text;background:#00000073;border:2px solid #c9913f8c;border-radius:12px;outline:none;padding:.65em .85em;font-size:1.05em;font-weight:800}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3d38a40}.auth .btn{width:100%;margin-top:.35em;font-size:1.1em}.auth .err{color:#ffb49c;text-align:center;min-height:1.2em;margin:.2em 0 .4em;font-size:.92em;font-weight:800}.fine{text-align:center;color:#bda98a;text-shadow:0 1px 3px #000;margin-top:1em;font-size:.78em;font-weight:700}.loading{text-align:center;width:min(80vw,22em)}.loadbar{border:2px solid var(--gold-2);background:#0000008c;border-radius:99px;height:.85em;margin:1.4em 0 .6em;overflow:hidden}.loadbar>div{background:linear-gradient(90deg,#c8913f,#ffe08a);height:100%;transition:width .2s}.loading .tip{color:var(--muted);min-height:2.6em;font-size:.92em;font-weight:700}.menu{left:calc(14px + var(--safe-l));bottom:calc(6.4em + var(--safe-b));width:min(19em,86vw);padding:.9em;animation:.2s slideup;position:absolute}.menu .btn{justify-content:flex-start;width:100%;margin-bottom:8px}.menu h3{text-align:center;margin:0 0 .6em}.menu .credits{color:var(--muted);text-align:center;margin-top:.4em;font-size:.75em;font-weight:700;line-height:1.35}@media (width<=560px){.res{min-width:0;height:2.05em;padding-right:.55em}.res img{width:1.8em;height:1.8em}.profile .name{max-width:6.5em}.quest{top:auto;bottom:calc(7.2em + var(--safe-b));right:calc(8px + var(--safe-r));width:min(15em,62vw)}.dock{top:calc(7.6em + var(--safe-t))}}@media (height<=520px) and (orientation:landscape){.quest,.dock{top:calc(4.2em + var(--safe-t))}.sheet{padding:.6em}.card .thumb{height:5em}}.center{text-align:center}.sheet.tall{max-height:calc(100% - 7em - var(--safe-t) - var(--safe-b));overflow-y:auto}.h-ic{vertical-align:-.3em;filter:none;-webkit-text-fill-color:initial;width:1.4em;height:1.4em;margin-right:.3em}.btn.small img{width:1.1em;height:1.1em}.costs{flex-wrap:wrap;align-items:center;gap:4px;margin:.3em 0;display:flex}.costs.center{justify-content:center}.timer-row{background:#00000052;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:.35em 0;padding:.45em .7em;font-size:.9em;font-weight:800;display:flex}.branches{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:.6em;display:grid}@media (width<=700px){.branches{grid-template-columns:1fr}}.branch-h{color:var(--gold);text-align:center;margin-bottom:.4em;font-family:Cinzel,serif;font-weight:900}.tech{background:#00000047;border:1.5px solid #c9913f59;border-radius:12px;margin-bottom:8px;padding:.55em .65em}.tech.maxed{border-color:var(--green-1)}.tech-top{justify-content:space-between;align-items:center;display:flex}.tech-d{color:var(--muted);margin:.15em 0 .2em;font-size:.82em;font-weight:700}.pips{gap:3px;display:flex}.pips i{border:1.5px solid var(--gold-2);border-radius:50%;width:.7em;height:.7em}.pips i.on{background:var(--gold)}.tech .btn{width:100%}.map-wrap{padding:calc(8px + var(--safe-t)) 8px calc(8px + var(--safe-b));background:#0a06038c;place-items:center;display:grid;position:absolute;inset:0}.map-frame{width:min(100%,980px);max-height:100%;padding:.8em;animation:.2s pop;overflow-y:auto}.map-frame h2{text-align:center;margin:0}.map-sub{text-align:center;color:var(--muted);margin:.2em 0 .5em;font-size:.85em;font-weight:800}.map{aspect-ratio:16/10;border:2px solid var(--edge);background:#3a4a2a 50%/cover no-repeat;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000008c}.pin{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.pin:after{content:"";background:radial-gradient(circle,#ffe08a,#c8913f);border:2px solid #2a1a0e;border-radius:50%;width:.9em;height:.9em;box-shadow:0 0 0 3px #ffe08a59}.pin span{white-space:nowrap;border:1.5px solid var(--gold-2);background:#140d08d9;border-radius:99px;margin-bottom:3px;padding:.12em .5em;font-size:.78em;font-weight:900}.pin.locked{filter:grayscale()brightness(.75)}.pin.out:after{background:radial-gradient(circle,#b9ff9a,#4f8a2c);animation:1.4s infinite glow}.pin.sel span{color:var(--ink);background:linear-gradient(#ffe7a6,#d29b47)}.pin.home:after{background:radial-gradient(circle,#ff9a5a,#b4552e)}.site-card{background:#0000004d;border-radius:12px;margin-top:.7em;padding:.6em .75em}.site-h{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.05em;display:flex}.site-card .btn{width:100%;margin-top:.4em}.gift{border:1.5px solid var(--amber-2);background:linear-gradient(#ffc15a2e,#c9711b1f);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:.6em;padding:.6em .75em;display:flex}.task{background:#00000047;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:.55em .7em;display:flex}.task .progress{margin:.35em 0}.ranks{margin-top:.5em}.rank{background:#00000040;border-radius:10px;align-items:center;gap:10px;margin-bottom:5px;padding:.45em .7em;display:flex}.rank.me{border:1.5px solid var(--gold-2);background:linear-gradient(90deg,#ffe08a40,#00000040)}.rank .pos{text-align:center;width:2.6em;font-weight:900}.rank .who{flex-direction:column;flex:1;line-height:1.15;display:flex}.rank .who small{color:var(--muted);font-weight:700}.rank .pw{align-items:center;gap:4px;font-weight:900;display:flex}.rank .pw img{width:1.3em;height:1.3em}.chron-i{border-left:3px solid var(--gold-2);background:#00000038;border-radius:0 8px 8px 0;gap:10px;margin-bottom:6px;padding:.4em .6em;font-size:.9em;font-weight:700;display:flex}.chron-i.raid{border-left-color:#e2604a}.chron-i.raid:not(.bad){border-left-color:var(--green-1)}.chron-i .when{color:var(--muted);white-space:nowrap;font-size:.85em}.raid-banner{top:calc(4.2em + var(--safe-t));white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;border-radius:99px;align-items:center;gap:.5em;padding:.35em .9em .35em .4em;font-size:.86em;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%)}.raid-banner img{width:1.8em;height:1.8em}.raid-banner.ok{border:1.5px solid var(--green-1);background:#1c2e12eb}.raid-banner.danger{border:1.5px solid var(--red);background:#46120aeb;animation:1.6s infinite glow}.report{text-align:center;align-self:center;width:min(92vw,26em);margin-top:18vh;margin-bottom:auto;padding:1.1em;animation:.25s pop}.report h2{margin:0 0 .3em;font-size:2em}.report p{font-weight:800}.report .btn{width:100%;margin-top:.6em}.sidebar{left:calc(10px + var(--safe-l));bottom:calc(6.2em + var(--safe-b));flex-direction:column;gap:7px;display:flex;position:absolute}@media (height<=820px){.sidebar{gap:5px}.side-btn{width:2.9em!important;height:2.9em!important}}.side-btn{border:2px solid var(--gold-2);background:radial-gradient(circle at 50% 35%,#6b4a2a,#2a1a0e);border-radius:50%;place-items:center;width:3.4em;height:3.4em;display:grid;position:relative;box-shadow:0 4px #1e130a,0 6px 12px #00000073}.side-btn img{width:70%;height:70%}.side-btn span{border:1px solid var(--gold-2);background:#2a1a0e;border-radius:99px;padding:0 .45em;font-size:.68em;font-weight:900;position:absolute;bottom:-.55em}.side-btn.glow{animation:1.4s ease-in-out infinite glow}@media (width<=560px){.raid-banner{top:calc(6.3em + var(--safe-t));bottom:auto;left:auto;right:calc(8px + var(--safe-r));white-space:normal;border-radius:14px;max-width:58vw;font-size:.78em;transform:none}.sidebar{bottom:calc(5.4em + var(--safe-b));gap:6px}.side-btn{width:3em;height:3em}}.fine a{color:var(--gold)}.timer-row .btn{width:auto!important;margin-top:0!important}.hero-banner{left:50%;bottom:calc(6.4em + var(--safe-b));border:2px solid var(--gold-2);box-shadow:0 0 18px #ffc85a73, var(--shadow);cursor:pointer;white-space:nowrap;background:linear-gradient(#5c3e12f2,#34200af2);border-radius:99px;align-items:center;gap:.55em;padding:.3em .5em .3em .3em;font-weight:800;animation:2.2s infinite glow;display:flex;position:absolute;transform:translate(-50%)}.hero-banner img{border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:2.3em;height:2.3em}.hero-banner b{color:var(--gold);font-family:Cinzel,serif}.hero-banner .go{background:var(--green-2);color:#fff;border-radius:99px;padding:.2em .7em;font-size:.9em}.hero-dialog{box-shadow:0 0 30px #ffc85a59, var(--shadow);border-color:var(--gold)!important}@media (width<=560px){.hero-banner{bottom:auto;top:calc(9.4em + var(--safe-t));left:auto;right:calc(8px + var(--safe-r));font-size:.8em;transform:none}}.worldmap-input{touch-action:none;position:absolute;inset:0}.worldmap-ui{pointer-events:none;position:absolute;inset:0}.wm-top{top:calc(10px + var(--safe-t));align-items:center;gap:.6em;min-width:min(92vw,26em);padding:.55em 3em .55em .8em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wm-top b{color:var(--gold);font-family:Cinzel,serif;font-size:1.2em;display:block}.wm-top small{color:var(--muted);font-weight:700}.wm-top .h-ic{width:2.2em;height:2.2em}.wm-card{left:50%;bottom:calc(14px + var(--safe-b));width:min(92vw,25em);padding:.9em 1em;animation:.25s slideup;position:absolute;transform:translate(-50%)}.wm-card .wm-h{align-items:center;gap:.5em;margin-bottom:.25em;display:flex}.wm-card .wm-h b{color:var(--gold);font-family:Cinzel,serif;font-size:1.25em}.wm-card .btn{width:100%;margin-top:.6em}.chip.gold{border-color:var(--gold);color:var(--gold);background:#ffc85a33}.visit-bar{top:calc(10px + var(--safe-t));align-items:center;gap:.6em;width:min(94vw,34em);padding:.5em .6em .5em 1em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.visit-bar>div{flex:1;min-width:0}.visit-bar small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7em;font-weight:800;display:block}.visit-bar b{color:var(--gold);margin-right:.4em;font-family:Cinzel,serif;font-size:1.15em}.visit-bar span{color:var(--muted);font-size:.9em;font-weight:700}.visit-bar .btn{white-space:nowrap;width:auto}@media (width<=560px){.visit-bar{flex-wrap:wrap}.visit-bar>div{flex-basis:100%}.visit-bar .btn{flex:1}}.chief-wrap{background:#0a08048c;align-items:center;padding-top:10px}.chief{flex-direction:column;gap:.6em;width:min(94vw,30em);max-height:94vh;padding:1em 1.1em 1.1em;animation:.25s pop;display:flex;overflow:auto}.chief .title{text-align:center;margin:0}.chief-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.chief-row .btn{min-width:5.5em;width:auto!important;margin:0!important}.chief-row .lbl{color:var(--muted);margin-right:4px;font-weight:800}.chief-looks{justify-content:center;gap:12px;display:flex}.chief-look{cursor:pointer;background:radial-gradient(circle at 50% 70%,#7896508c,#281e12e6);border:2px solid #ffffff1f;border-radius:14px;place-items:center;width:8.5em;height:11.5em;padding:0;display:grid}.chief-look.sel{border-color:var(--gold);box-shadow:0 0 0 3px #ffc85a59,0 0 18px #ffc85a59}.chief-look img{image-rendering:auto;filter:drop-shadow(0 6px 6px #00000073);width:auto;max-width:96%;height:90%}.chief-name{font:inherit;border:2px solid var(--gold-2);color:#fff;text-align:center;background:#00000059;border-radius:10px;padding:.6em .8em;font-size:1.1em;font-weight:800}.mood-item .face{text-align:center;width:1.4em;font-size:1.6em;line-height:1}.mood-item.good{box-shadow:inset 0 0 0 2px #78dc6473}.mood-item.bad{animation:1.8s infinite glow;box-shadow:inset 0 0 0 2px #ff5a3c99}.mood-bar{background:#0006;border-radius:99px;height:12px;margin:.2em 0 .4em;overflow:hidden}.mood-bar>div{background:linear-gradient(90deg,#c0392b,#e6b54a 45%,#6fcf5a);height:100%}.mood-parts{flex-direction:column;gap:3px;margin-bottom:.6em;display:flex}.mood-part{background:#00000038;border-radius:8px;justify-content:space-between;padding:.25em .5em;font-weight:700;display:flex}.mood-part .pos{color:#9fe07f}.mood-part .neg{color:#ff8a70}.rations{gap:6px;display:flex}.rations .btn{flex-direction:column;flex:1;gap:2px;padding:.5em .3em;display:flex;width:auto!important}.rations .btn small{opacity:.85;font-size:.68em;font-weight:700}.sheet .sub{color:var(--gold);margin:.4em 0 .3em;font-family:Cinzel,serif;font-size:1em}.train{background:#00000040;border-radius:12px;flex-direction:column;gap:.4em;margin-top:.6em;padding:.6em .7em;display:flex}.train-h{align-items:center;gap:.5em;display:flex}.train-h .ty{font-size:1.6em}.train-h small{color:var(--muted);font-weight:700;display:block}.train-h .have{color:var(--gold);margin-left:auto;font-weight:800}.tstats{color:#e8dcc0;font-size:.9em;font-weight:700}.slider{align-items:center;gap:8px;display:flex}.slider input{accent-color:#6fcf5a;flex:1}.slider b{text-align:right;min-width:3em}.slider .sl-l{min-width:8em;font-weight:700}.atabs{gap:6px;margin-bottom:.6em;display:flex}.atab{color:#e8dcc0;font:inherit;cursor:pointer;background:#00000040;border:2px solid #ffffff1f;border-radius:10px;flex:1;padding:.45em;font-weight:800}.atab.on{border-color:var(--gold);color:var(--gold)}.army-type{background:#00000038;border-radius:10px;margin-bottom:.45em;padding:.5em .6em}.army-type.wounded{border:1px solid #ff8c6e66}.at-h small{color:var(--muted);margin-left:4px;font-weight:700}.at-row{justify-content:space-between;padding:.15em 0;font-weight:700;display:flex}.at-row.empty{color:var(--muted);font-size:.9em}.march{background:#00000038;border-radius:10px;margin-bottom:.35em;padding:.45em .6em}.tokens{background:#ffc85a1a;border:1px solid #ffc85a59;border-radius:10px;justify-content:space-between;align-items:center;padding:.5em .6em;display:flex}.tokens .btn{width:auto!important;margin:0!important}.hero-card{background:#00000040;border-radius:12px;margin-top:.5em;padding:.6em .7em}.hc-top{color:var(--gold);justify-content:space-between;font-family:Cinzel,serif;font-size:1.05em;display:flex}.hc-top .stars{color:#ffd36b;letter-spacing:1px}.hc-sub{color:var(--muted);font-size:.88em;font-weight:700}.xp{background:#0006;border-radius:99px;height:6px;margin:.35em 0;overflow:hidden}.xp>div{background:#e6b54a;height:100%}.hc-skill{margin:.25em 0;font-size:.92em}.hc-pass{color:#d8ccb0;font-size:.86em}.hc-shards{justify-content:space-between;align-items:center;margin-top:.35em;font-weight:800;display:flex}.hc-shards .btn{width:auto!important;margin:0!important}.hc-pic.beast{background:#0000004d}.hc-pic.beast img{object-fit:contain}.hc-sub .ty-ic{vertical-align:-.25em;width:1.2em;height:1.2em}.beast-act{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em;margin-top:.35em;display:flex}.beast-act .btn{width:auto!important;margin:0!important}.beast-card .label{min-width:0;margin-right:.5em}.report-row{text-align:left;width:100%;font:inherit;cursor:pointer;color:#fff;border:none;border-radius:10px;margin-bottom:.35em;padding:.5em .7em;display:block}.report-row.win{background:#50a03c4d}.report-row.lose{background:#aa3c284d}.report-row small{color:#e8dcc0;font-weight:700;display:block}.march-dlg{flex-direction:column;align-self:center;gap:.45em;width:min(94vw,30em);max-height:92vh;margin:auto;padding:1em 1.1em;display:flex;position:relative;overflow:auto}.march-dlg .enemy{color:#ffb39e;font-size:.92em;font-weight:700}.hero-pick{flex-wrap:wrap;gap:6px;display:flex}.hero-pick .btn{width:auto!important;margin:0!important}.preview{border-radius:10px;padding:.5em .7em;font-weight:800}.preview.good{background:#50a03c4d}.preview.bad{background:#aa3c2859}.report.battle{width:min(94vw,34em)}.br-cols{text-align:left;grid-template-columns:1fr 1fr;gap:.8em;display:grid}.timeline{flex-direction:column;gap:2px;margin:.5em 0;display:flex}.tl{align-items:center;gap:4px;font-size:.78em;font-weight:800;display:flex}.tl span{width:2.2em;color:var(--muted)}.tl .bar{border-radius:4px;height:8px}.tl .bar.you{background:#6fcf5a}.tl .bar.foe{background:#e0644a}.tl em{color:#ffd36b;white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-style:normal;overflow:hidden}.bag,.chat{z-index:40;flex-direction:column;gap:10px;width:min(560px,100vw - 24px);max-height:calc(100vh - 40px);padding:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bag .panel-h,.chat .panel-h{align-items:center;gap:8px;display:flex}.bag .panel-h h3,.chat .panel-h h3{flex:1;margin:0}.bag-tabs{gap:4px;display:flex}.bag-tabs button{color:inherit;cursor:pointer;background:#0003;border:0;border-radius:6px;flex:1;padding:7px 4px;font-weight:700;display:grid}.bag-tabs button small{opacity:.7;font-weight:600}.bag-tabs button.on{color:#3a2410;background:#f3d58a}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:34vh;display:grid;overflow:auto}.bag-item{aspect-ratio:1;cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #0008}.bag-item img{object-fit:contain;width:74%;height:74%}.bag-item .cnt{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:absolute;bottom:2px;right:4px}.bag-item.sel{box-shadow:inset 0 0 0 1px #fff6,0 0 0 2px #f3d58a}.bag-item.big{cursor:default;flex:none;width:64px;height:64px}.r-common{background:radial-gradient(#8a9097,#4a5056)}.r-uncommon{background:radial-gradient(#5aa863,#2a5a31)}.r-rare{background:radial-gradient(#5b93cf,#23486e)}.r-epic{background:radial-gradient(#a874dc,#4e2a76)}.r-legendary{background:radial-gradient(#e3b24e,#7a5414)}.rar{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;background:0 0!important}.rar.r-common{color:#b8bec4}.rar.r-uncommon{color:#7fd088}.rar.r-rare{color:#84b6ec}.rar.r-epic{color:#c79af0}.rar.r-legendary{color:#f2c86a}.bag-detail{border-top:1px solid #0003;gap:8px;padding-top:10px;display:grid}.bag-detail p{margin:0}.bd-top{align-items:center;gap:10px;display:flex}.bd-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bd-row select{border-radius:6px;flex:1;min-width:0;padding:6px}.qty{align-items:center;gap:6px;font-weight:800;display:flex}.qty button{cursor:pointer;border:0;border-radius:6px;width:30px;height:30px;font-weight:800}.bag-empty,.muted{opacity:.75;font-size:14px}.chat-list{flex:1;align-content:start;gap:6px;min-height:240px;max-height:50vh;padding:4px;display:grid;overflow:auto}.chat-msg{background:#0002;border-radius:6px;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px;display:grid}.chat-msg.me{background:#f3d58a33}.chat-msg .who{font-weight:800}.chat-msg .who small{opacity:.75;font-weight:600}.chat-msg .when{opacity:.6;font-size:12px}.chat-msg .txt{overflow-wrap:anywhere;grid-column:1/-1}.chat-send{gap:6px;display:flex}.chat-send input{min-width:0;font:inherit;border:0;border-radius:6px;flex:1;padding:8px 10px}.live-dot{background:#c0463a;border-radius:50%;width:10px;height:10px}.live-dot.on{background:#6ac24a}.page-head:not(.panel-h){display:contents}.page-head .back{display:none}:root{--text:#ece4d2;--muted:#a9b0b6;--gold:#e2bf7c;--gold-2:#b08544;--edge:#8a6a3a;--panel-1:#26303a;--panel-2:#1a2128;--ui-font:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--k-panel:url(/ui/panel.webp);--k-btn:url(/ui/btn_primary.webp);--k-btn2:url(/ui/btn_secondary.webp);--k-good:url(/ui/btn_good.webp);--k-bad:url(/ui/btn_bad.webp);--k-chip:url(/ui/chip.webp);--k-ring:url(/ui/ring.webp);--k-tab-on:url(/ui/tab_on.webp);--k-tab-off:url(/ui/tab_off.webp)}html,body{font-family:var(--ui-font);background:#11161b;font-weight:600}.title{background:linear-gradient(#fff1cf 0%,#e8c27c 50%,#9a6a2c 100%);-webkit-background-clip:text;background-clip:text}.panel,.sheet,.dialog .box,.menu,.card{filter:drop-shadow(0 10px 18px #0000008c);border:22px solid #0000!important;border-image:var(--k-panel) 76 fill / 30px round!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.panel:before,.sheet:before,.card:before{display:none!important}.panel.pe.profile,.res,.dock .item,.quest.min{filter:drop-shadow(0 4px 8px #00000080)}.res,.dock .item,.chip,.profile{border:8px solid #0000!important;border-image:var(--k-chip) 26 fill / 10px stretch!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.profile{padding:.15em .8em .15em .1em!important}.res{height:2.6em;padding:0 .55em 0 0!important}.res .fill{border-radius:2px;bottom:-3px;left:4px;right:4px}.chip{padding:.05em .45em .05em .1em!important}.btn,.btn.green,.btn.amber,.btn.stone,.btn.red{border:10px solid #0000;border-width:10px 14px;border-image:var(--k-btn) 40 fill / 14px 18px stretch;color:#fff;letter-spacing:.03em;text-shadow:0 1px #000c,0 0 6px #00000080;filter:drop-shadow(0 3px 3px #0000008c);border-radius:0;min-height:2.5em;padding:.15em .9em;font-weight:700;box-shadow:none!important;background:0 0!important}.btn.green{border-image-source:var(--k-good)}.btn.stone{border-image-source:var(--k-btn2)}.btn.red{border-image-source:var(--k-bad)}.btn:hover:not(:disabled){filter:drop-shadow(0 3px 3px #0000008c)brightness(1.1)}.btn:active{filter:drop-shadow(0 1px 1px #0009)brightness(.95);transform:translateY(1px)}.btn:disabled{filter:grayscale(.8)brightness(.7)}.close{color:#fff;text-shadow:0 1px 2px #000;width:2.6em;height:2.6em;background:var(--k-ring) center / contain no-repeat!important;box-shadow:none!important;border:0!important}.tab,.bag-tabs button,.atab button,.tabs button{border:7px solid #0000!important;border-image:var(--k-tab-off) 28 fill / 10px stretch!important;box-shadow:none!important;color:var(--text)!important;background:0 0!important;border-radius:0!important}.tab.on,.tab[aria-selected=true],.bag-tabs button.on,.atab button.on,.tabs button.on{text-shadow:0 1px #000a;border-image-source:var(--k-tab-on)!important;color:#fff!important}.side-btn,.fab{filter:drop-shadow(0 4px 6px #0009);background:var(--k-ring) center / contain no-repeat!important;box-shadow:none!important;border:0!important}.side-btn img,.fab img{width:62%;height:62%}.side-btn span,.fab span{color:var(--text);letter-spacing:.02em;font-weight:700;border:6px solid #0000!important;border-image:var(--k-chip) 26 fill / 7px stretch!important;background:0 0!important;border-radius:0!important;padding:0 .35em!important}.side-btn.on{filter:drop-shadow(0 0 6px #e2bf7ce6)drop-shadow(0 4px 6px #0009)}.side-btn .badge{color:#fff;background:#b0362a;border-radius:.75em;place-items:center;min-width:1.45em;height:1.45em;padding:0 .3em;font-size:.72em;font-style:normal;font-weight:700;display:grid;position:absolute;top:-.15em;right:-.15em;box-shadow:0 0 0 1.5px #1a1a1a}.navbar{height:calc(6.4em + var(--safe-b));padding:0 calc(10px + var(--safe-r)) var(--safe-b) calc(10px + var(--safe-l));pointer-events:none;background:linear-gradient(#0000,#0a0e12d1 45%);align-items:center;gap:.6em;display:flex;position:absolute;bottom:0;left:0;right:0}.navbar>*{pointer-events:auto}.navbar .nav-row{scrollbar-width:none;flex:1;justify-content:center;gap:clamp(4px,1.4vw,14px);min-width:0;padding:.4em .2em .9em;display:flex;overflow:auto visible}.navbar .nav-row::-webkit-scrollbar{display:none}.navbar .side-btn{flex:none;width:3.5em;height:3.5em;position:relative}.navbar .fab{flex:none;width:4.9em;height:4.9em;margin-bottom:.5em;position:relative;inset:auto}.navbar .fab.build{background:var(--k-ring) center / contain no-repeat, radial-gradient(circle at 50% 40%, #6b4a22, #2a1a0e 70%) center / 80% 80% no-repeat!important}.navbar .fab.world{background:var(--k-ring) center / contain no-repeat, radial-gradient(circle at 50% 40%, #2e5a3a, #10261a 70%) center / 80% 80% no-repeat!important}.fab.menu,.sidebar{display:none}.dock{gap:4px}.dock .item{padding:.1em .5em .1em .1em!important}h3,.sel-head b,.quest h3{letter-spacing:.04em;color:var(--gold);font-family:Cinzel,serif}.quest .label{color:var(--gold);letter-spacing:.12em}.toast{background:#0e1216eb;border-radius:2px;font-weight:600;box-shadow:0 0 0 1px #e2bf7c73,0 6px 16px #00000080}@media (width<=640px){.panel,.sheet,.dialog .box,.menu,.card{border-width:14px!important;border-image:var(--k-panel) 76 fill / 18px round!important}.hud-top{flex-wrap:nowrap;gap:4px}.profile .name{max-width:6.5em;font-size:.9em}.resbar{flex-wrap:nowrap;gap:2px;overflow:hidden}.res{min-width:0;height:2.2em;border-width:6px!important;padding:0 .3em 0 0!important}.res img{width:1.5em;height:1.5em;margin-right:.1em}.res .v{font-size:.82em}.quest{width:min(13.5em,58vw);top:auto;bottom:calc(7.2em + var(--safe-b))}.quest h3{font-size:.9em}.raid-banner{top:calc(6.6em + var(--safe-t));max-width:92vw;font-size:.8em}.navbar .side-btn{width:3em;height:3em}.navbar .fab{width:4.1em;height:4.1em}}.wm-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wm-where{min-width:9em;line-height:1.1;display:grid}.wm-where b{color:var(--gold);font-family:Cinzel,serif}.wm-where small{color:var(--muted);font-variant-numeric:tabular-nums}.wm-search{gap:6px;margin-left:auto;display:flex}.wm-search input{width:11em;color:var(--text);font:inherit;background:#00000073;border:0;border-radius:3px;padding:6px 8px;box-shadow:inset 0 0 0 1px #e2bf7c80}.wm-found{top:calc(5.2em + var(--safe-t));right:calc(10px + var(--safe-r));gap:4px;min-width:15em;max-height:50vh;display:grid;position:absolute;overflow:auto}.wm-hit{text-align:left;color:var(--text);border-radius:3px;padding:4px 6px;display:grid}.wm-hit:hover{background:#ffffff14}.wm-hit small{color:var(--muted)}.btn.small{min-height:2em;padding:0 .6em;font-size:.9em}.march{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}@media (width<=640px){.wm-search input{width:7.5em}}.incoming{top:calc(4.4em + var(--safe-t));text-align:center;z-index:30;border:8px solid #0000;border-image:var(--k-bad) 40 fill / 12px stretch;color:#fff;text-shadow:0 1px 2px #000;cursor:pointer;gap:2px;max-width:92vw;padding:.4em 1em;animation:1.2s ease-in-out infinite alarm;display:grid;position:absolute;left:50%;transform:translate(-50%)}.incoming small{opacity:.9;font-weight:500}@keyframes alarm{0%,to{filter:drop-shadow(0 0 #ff3c2800)}50%{filter:drop-shadow(0 0 12px #ff3c28e6)}}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clan-list{gap:4px;max-height:46vh;display:grid;overflow:auto}.clan-row{background:#00000040;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;display:flex}.clan-row .who{flex:1;min-width:0;display:grid}.clan-row .who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clan-row .pw{font-variant-numeric:tabular-nums;color:var(--gold)}.clan-row .dot{background:#555;border-radius:50%;flex:none;width:8px;height:8px}.clan-row .dot.on{background:#6ac24a}.clan-about{color:var(--text);margin:0}.clan-new{grid-template-columns:1fr 5em auto;gap:6px;display:grid}.clan-new input,.mail-compose input,.mail-compose textarea{color:var(--text);font:inherit;background:#00000073;border:0;border-radius:3px;padding:8px;box-shadow:inset 0 0 0 1px #e2bf7c73}.mail-compose{gap:6px;display:grid}.mail-compose label{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:.85em}.mail-row{text-align:left;color:var(--text);background:#00000040;border-radius:3px;padding:8px;display:grid}.mail-row small{color:var(--muted)}.mail-row.unread b:before{content:"● ";color:#e2bf7c}.mail-read{gap:8px;display:grid}.mail-read p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;margin:0;overflow:auto}.mail-read small{color:var(--muted)}.mail-gifts{background:linear-gradient(#ffc45c24,#7846142e);border:1px solid #ffc45c73;border-radius:10px;gap:8px;padding:10px 12px;display:grid}.mail-gifts .mg-list{flex-wrap:wrap;gap:6px;display:flex}.mail-gifts .mg{background:#00000059;border:1px solid #ffc45c59;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:700}.mail-gifts .mg i{color:#ffd27a;margin-left:4px;font-style:normal}.mail-gifts .mg-done{color:var(--muted);font-weight:700}.mail-gifts small{color:var(--muted)}.clan .tabs button{position:relative}.clan .tabs .badge{color:#fff;min-width:1.4em;height:1.4em;font:700 .7em/1.4em var(--ui-font,inherit);background:linear-gradient(#d9472b,#9a2412);border-radius:.7em;padding:0 .3em;font-style:normal;position:absolute;top:-.5em;right:-.5em}.rally-card{border-left:3px solid var(--gold);background:#00000047;border-radius:3px;gap:4px;padding:8px 10px;display:grid}.rally-card .rally-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.rally-card .rally-members{flex-wrap:wrap;gap:4px;font-size:.85em;display:flex}.rally-card .chip.warn{color:#ffcf7a}.rally-card>.btn{justify-self:start}.clan-list.help>.btn{justify-self:stretch;margin-bottom:4px}.clan-list.help h3{color:var(--gold);margin:.6em 0 .2em;font-size:.95em}.rally-pick{margin:.3em 0 .4em}.left-col{left:calc(8px + var(--safe-l));top:calc(5.2em + var(--safe-t));max-height:calc(100% - 13em - var(--safe-t) - var(--safe-b));pointer-events:none;justify-items:start;gap:8px;display:grid;position:absolute}.left-col>*{pointer-events:auto}.left-col .dock,.left-col .quest{position:static}.left-col .quest{width:min(17em,46vw)}.clock{flex:none;justify-items:center;padding:.15em .7em;line-height:1.05;display:grid}.clock b{font-variant-numeric:tabular-nums;color:var(--gold);font-size:1.05em}.clock small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7em}.dock .item>img{object-fit:contain;width:2em;height:2em}.rail{right:calc(8px + var(--safe-r));top:calc(5.4em + var(--safe-t));justify-items:center;gap:8px;display:grid;position:absolute}.rail-btn{cursor:pointer;color:var(--text);font:inherit;background:0 0;border:0;justify-items:center;gap:1px;padding:0;display:grid;position:relative}.rail-btn img{object-fit:contain;background:radial-gradient(circle at 50% 35%,#3a4552,#1a2129 70%);border:2px solid #b08a3e;border-radius:50%;width:3.1em;height:3.1em;padding:.35em;box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff1f}.rail-btn span{letter-spacing:.03em;text-shadow:0 1px 2px #000,0 0 4px #000;font-size:.72em;font-weight:700}.rail-btn.on img,.rail-btn:hover img{border-color:#f0cf7a}.rail-btn:focus-visible img{outline-offset:2px;outline:2px solid #f0cf7a}.rail-btn .dot{background:linear-gradient(#e2533a,#a0200e);border:1.5px solid #fff3;border-radius:50%;width:.8em;height:.8em;position:absolute;top:.1em;right:.15em}img.ic{object-fit:contain;vertical-align:-.28em;width:1.25em;height:1.25em;margin-right:.3em}img.ty-ic{object-fit:contain;vertical-align:middle;width:1.8em;height:1.8em}.incoming b img.ic{width:1.4em;height:1.4em}@media (width<=640px){.left-col{top:calc(4.6em + var(--safe-t))}.left-col .quest{width:min(13.5em,58vw)}.rail{top:calc(4.8em + var(--safe-t));gap:5px}.rail-btn img{width:2.5em;height:2.5em}.clock,.profile .name{display:none}.profile{flex:none;padding:.15em .35em .15em .15em!important}.profile .avatar{width:2.4em;height:2.4em}.resbar{flex:1 1 0;min-width:0}.res{flex:1 1 0}.res .v{font-size:.76em}.left-col .dock{gap:3px;font-size:.7em}.left-col .quest{width:13em;font-size:.76em}.raid-banner{top:auto;bottom:calc(7.8em + var(--safe-b))}.incoming{top:auto;bottom:calc(10.2em + var(--safe-b))}.res{border-width:5px!important;padding:0 .15em 0 0!important}.res img{width:1.25em;height:1.25em;margin-right:0}.res .v{letter-spacing:-.01em;font-size:.72em}.left-col .quest .rewards{flex-wrap:nowrap;gap:3px}.left-col .quest .rewards .chip{font-size:.85em}}.lore .tree{grid-template-columns:repeat(3,1fr);gap:22px 14px;padding:6px 2px 10px;display:grid;position:relative}.lore .tree-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lore .tree-links line{stroke:#4a5664;stroke-width:3px;stroke-dasharray:6 5}.lore .tree-links line.met{stroke:#c9a24e;stroke-dasharray:none}.lore .node{z-index:1;cursor:pointer;color:var(--text);font:inherit;background:linear-gradient(#2c3540,#1d242c);border:2px solid #4a5664;border-radius:6px;justify-items:center;gap:3px;min-width:0;padding:8px 6px 7px;display:grid;position:relative}.lore .node img{object-fit:contain;width:2.6em;height:2.6em}.lore .node b{text-align:center;font-size:.86em;line-height:1.1}.lore .node .pips{gap:3px;display:flex}.lore .node .pips i{background:#3a4450;border:1px solid #6a7480;border-radius:50%;width:.55em;height:.55em}.lore .node .pips i.on{background:#e0b456;border-color:#f6d88a}.lore .node.open,.lore .node.started{border-color:#8a7240}.lore .node.maxed{background:linear-gradient(#3a3424,#231f16);border-color:#c9a24e}.lore .node.studying{border-color:#e6a04a;box-shadow:0 0 0 2px #e6a04a55}.lore .node.locked{opacity:.55;filter:grayscale(.7)}.lore .node.sel,.lore .node:focus-visible{outline-offset:2px;outline:2px solid #f6d88a}.lore .tech-card{background:#00000047;border-top:2px solid #c9a24e;border-radius:4px;gap:6px;padding:10px 12px;display:grid}.lore .tech-card .tech-top{align-items:center;gap:10px;display:flex}.lore .tech-card .tech-top img{object-fit:contain;width:2.6em;height:2.6em}.lore .tech-card .tech-top small{color:var(--muted);display:block}.lore .tech-card .btn{justify-self:start}.lore .atab small{opacity:.7;margin-left:4px}.muted.small{font-size:.85em}@media (width<=640px){.lore .tree{gap:16px 8px}.lore .node b{font-size:.76em}.lore .node img{width:2.1em;height:2.1em}}.lore .node b,.lore .tech-card b,.lore .tech-card .tech-d,.lore .atab{font-style:normal}.lore .tech-card .tech-top{text-align:left;justify-content:flex-start}.lore .tech-card .tech-top b{font-size:1.1em}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19em),1fr));gap:10px;display:grid}.hero-card{border-left:3px solid #4a5664;gap:6px;display:grid;margin:0!important}.hero-card.lead{border-left-color:#e6a04a}.hero-card.help{border-left-color:#8ab0d0}.hero-card.home{border-left-color:#7cc48a}.hc-head{align-items:center;gap:10px;display:flex}.hc-pic{background:radial-gradient(#3a4552,#1a2129);border:2px solid #b08a3e;border-radius:50%;flex:none;place-items:center;width:4.2em;height:4.2em;display:grid;overflow:hidden}.hc-pic img{object-fit:cover;object-position:top;max-width:100%;max-height:115%}.hc-id{flex:1;gap:3px;min-width:0;display:grid}.hc-id .xp{background:#2a323c;border-radius:3px;height:5px;overflow:hidden}.hc-id .xp div{background:linear-gradient(90deg,#8a6a1f,#e0b456);height:100%}.chip.role{justify-self:start;font-size:.78em}.chip.role.lead{color:#ffcf7a}.chip.role.help{color:#b8d4ec}.chip.role.home{color:#9ad8a4}.hc-roles{gap:3px;font-size:.88em;display:grid}.hero-card .label{letter-spacing:.06em;text-transform:uppercase;min-width:5.6em;color:var(--gold);font-size:.75em;font-weight:700;display:inline-block}.hc-pass{padding-left:5.6em}.wm-card .wm-h .mark{margin-left:auto}.wm-card .wm-h .mark.on{color:#f0cf7a;border-color:#c9a24e}.wm-mark{align-items:center;gap:6px;display:flex}.wm-mark .wm-hit{flex:1}.row3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.scout{background:#00000040;border-left:3px solid #8ab0d0;border-radius:3px;gap:4px;padding:8px;display:grid}.scout .label{letter-spacing:.06em;text-transform:uppercase;color:#b8d4ec;font-size:.75em;font-weight:700}.profile-card{border-bottom:1px solid #c9a24e59;gap:8px;padding-bottom:10px;display:grid}.pc-head{align-items:center;gap:12px;display:flex}.pc-pic{background:radial-gradient(#3a4552,#1a2129);border:2px solid #b08a3e;border-radius:50%;flex:none;place-items:center;width:4.6em;height:4.6em;display:grid;overflow:hidden}.pc-pic img{object-fit:cover;object-position:top;max-height:118%}.pc-id{text-align:left;gap:2px;min-width:0;display:grid}.pc-id .title{text-align:left;margin:0}.pc-id small{color:var(--muted)}.pc-power{color:var(--gold)}.pc-bar{background:#2a323c;border-radius:5px;height:10px;display:flex;overflow:hidden}.pc-bar i{height:100%;display:block}.pc-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.82em;display:flex}.pc-legend i{vertical-align:-.05em;border-radius:2px;width:.7em;height:.7em;margin-right:4px;display:inline-block}.pc-legend b{color:var(--text);font-variant-numeric:tabular-nums}.pc-stats{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:4px 10px;font-size:.82em;display:grid}.pc-stats b{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.15em;display:block}.menu{top:calc(5.2em + var(--safe-t));max-height:calc(100% - 12.5em - var(--safe-t) - var(--safe-b));z-index:30;gap:6px;display:grid;overflow-y:auto;bottom:auto!important;left:calc(8px + var(--safe-l))!important;width:min(25em,100vw - 16px)!important}.menu .btn{margin:0!important}@keyframes sheetup{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.sheet{animation-name:sheetup}.builder{padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));z-index:50;background:radial-gradient(at 35% 40%,#33404d,#12171d 75%);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:14px;display:grid;position:absolute;inset:0;overflow-y:auto}.b-stage{grid-template-rows:1fr auto auto;gap:8px;height:min(100%,52em);display:grid}.b-view{touch-action:none;cursor:grab;background:radial-gradient(at 50% 85%,#4a3c2c 0%,#1d232a 60%);border-radius:4px;min-height:22em;position:relative;overflow:hidden}.b-view:active{cursor:grabbing}.b-view img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .15s;position:absolute;inset:0}.b-tools{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.b-hint{color:var(--muted);text-shadow:0 1px 2px #000;font-size:.78em;position:absolute;bottom:10px;left:10px}.b-ages{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.b-form{align-content:start;gap:6px;max-height:100%;display:grid;position:relative;overflow-y:auto}.b-form .label{letter-spacing:.07em;text-transform:uppercase;color:var(--gold);margin-top:4px;font-size:.75em;font-weight:700}.b-row{flex-wrap:wrap;gap:6px;display:flex}.b-faces{gap:8px;display:flex}.b-face{cursor:pointer;background:#1d242c;border:2px solid #4a5664;border-radius:4px;width:6em;height:7.5em;padding:0;overflow:hidden}.b-face img{object-fit:cover;object-position:50% 8%;transform-origin:50% 12%;width:100%;height:100%;transform:scale(1.8)}.b-face.sel{border-color:#f0cf7a}.b-form select{font:inherit;color:var(--text);background:#1a2027;border:1px solid #4a5664;border-radius:4px;padding:.45em .6em}@media (width<=760px){.builder{grid-template-columns:1fr;align-items:start}.b-stage{height:auto}.b-view{min-height:46vh}}.event .ev-when{text-align:center;color:var(--muted);justify-self:center;font-weight:700}.event .ev-when.on{color:#ffcf7a}.ev-me{background:#00000040;border-radius:4px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ev-me .label{letter-spacing:.07em;text-transform:uppercase;color:var(--gold);font-size:.72em;display:block}.ev-me b{font-variant-numeric:tabular-nums;font-size:1.3em}.ev-goals{gap:6px;display:grid}.ev-goal{background:#00000038;border-radius:3px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.ev-goal .ev-bar{background:#2a323c;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.ev-goal .ev-bar i{background:linear-gradient(90deg,#8a6a1f,#e0b456);height:100%;display:block}.ev-goal .ev-g{display:grid}.ev-goal .ev-g small{color:var(--muted)}.ev-goal.ready{outline:1px solid #e0b456}.ev-goal.done{opacity:.6}.clan-row.me{outline:1px solid #c9a24e}@media (width<=640px){.ev-me{grid-template-columns:1fr 1fr}.ev-me .btn{grid-column:1/-1}}.mk-purse{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.mk-purse>img{object-fit:contain;width:1.8em;height:1.8em}.mk-purse>b{color:var(--gold);font-size:1.3em}.mk-purse .chip img{width:1.3em;height:1.3em}.mk-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5em),1fr));gap:8px;display:grid}.mk-offer{text-align:center;background:#00000040;border-radius:4px;justify-items:center;gap:3px;padding:8px;display:grid}.mk-offer img{object-fit:contain;width:3em;height:3em}.mk-offer small{color:var(--muted);font-size:.8em}.mk-offer.out{opacity:.5}.mk-trade{gap:8px;display:grid}.mk-trade .label{text-transform:uppercase;min-width:3.5em;color:var(--gold);align-self:center;font-size:.75em;font-weight:700}.ev-cal{gap:6px;display:grid}.ev-c{background:#00000038;border-left:3px solid #4a5664;border-radius:3px;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px;display:grid}.ev-c small{color:var(--muted);grid-column:1/-1}.ev-c.on{border-left-color:#e6a04a}.ev-c.on .chip{color:#ffcf7a}.pc-auras{gap:4px;display:grid}.pc-auras .label{letter-spacing:.07em;text-transform:uppercase;color:var(--gold);font-size:.72em;font-weight:700}.pc-auras small{font-size:.78em}.pos.top1{color:#f0cf7a;font-weight:800}.pos.top2{color:#d8dde2;font-weight:800}.pos.top3{color:#d09a6a;font-weight:800}.chat-msg .who{font:inherit;color:var(--gold);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.chat-msg .who:disabled{cursor:default;color:inherit}.chat-msg .who:focus-visible{outline:2px solid #f0cf7a}.chat-menu{grid-column:1/-1;gap:6px;margin-top:4px;display:flex}.recovery{gap:10px;max-width:26em;display:grid}.rc-code{letter-spacing:.08em;text-align:center;color:#f0cf7a;background:#121820;border:1px solid #b08a3e;border-radius:4px;padding:.4em;font:700 1.35em/1.3 ui-monospace,Cascadia Mono,Consolas,monospace}.linkish{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:.9em;text-decoration:underline}.linkish:focus-visible{outline:2px solid #f0cf7a}.rc-wrap{z-index:90!important}html.ui3{--u-bg:#1b2028;--u-bg-2:#222932;--u-row:#262e38;--u-row-2:#2c3540;--u-line:#343e4b;--u-line-2:#46525f;--u-head-1:#313b48;--u-head-2:#242b35;--u-text:#e8ecf1;--u-muted:#93a0ad;--u-gold:#f2b64c;--u-gold-2:#d98a22;--text:var(--u-text);--muted:var(--u-muted);--gold:var(--u-gold)}html.ui3,html.ui3 body{font-family:Barlow Semi Condensed,Arial Narrow,system-ui,sans-serif;font-weight:500}html.ui3 .title,html.ui3 h3,html.ui3 .sel-head b,html.ui3 .quest h3,html.ui3 .dialog .who,html.ui3 .branch-h,html.ui3 .hero-banner b,html.ui3 .wm-top b,html.ui3 .profile .name,html.ui3 .hc-top,html.ui3 .sheet .sub{letter-spacing:.01em!important;font-family:Barlow Semi Condensed,Arial Narrow,sans-serif!important}html.ui3 .panel,html.ui3 .sheet,html.ui3 .dialog .box,html.ui3 .menu,html.ui3 .card{border:1px solid var(--u-line)!important;background:var(--u-bg)!important;filter:none!important;border-image:!important;border-radius:4px!important;box-shadow:0 10px 30px #0000008c!important}html.ui3 .sheet,html.ui3 .bag,html.ui3 .chat,html.ui3 .march-dlg,html.ui3 .report.panel{padding:0 14px 14px!important}html.ui3 .page-head:not(.panel-h){z-index:3;background:linear-gradient(180deg, var(--u-head-1), var(--u-head-2));min-height:2.9em;box-shadow:0 1px 0 var(--u-line-2) inset, 0 2px 6px #00000059;border-bottom:1px solid #0d1116;align-items:center;margin:0 -14px 12px;padding:0 .3em;display:flex;position:sticky;top:0}html.ui3 .page-head h2.title,html.ui3 .page-head h3{text-align:center;text-shadow:0 1px 1px #000;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;color:var(--u-text)!important;margin:0!important;padding:0 .4em!important;font-size:1.15em!important;font-weight:600!important}html.ui3 .page-head h2.title .h-ic{display:none}html.ui3 .page-head .back{cursor:pointer;clip-path:polygon(0 50%,34% 0,34% 26%,100% 26%,100% 74%,34% 74%,34% 100%);filter:drop-shadow(0 1px #7a4a10);background:linear-gradient(#f6c15b,#d98a22);border:0;border-radius:2px 14px 14px 2px;flex:none;width:3.1em;height:2.2em;padding:0;display:block;position:relative}html.ui3 .page-head .back:hover{filter:brightness(1.1)}html.ui3 .page-head .close{flex:none;position:static!important}html.ui3 .title{-webkit-text-fill-color:currentColor;color:var(--u-text)!important;background:0 0!important}html.ui3 .bag .panel-h,html.ui3 .chat .panel-h{background:linear-gradient(180deg, var(--u-head-1), var(--u-head-2));border-bottom:1px solid #0d1116;margin:0 -14px 4px;padding:.5em .6em .5em 1em}html.ui3 .bag .panel-h h3,html.ui3 .chat .panel-h h3{text-align:center;font-weight:600;color:var(--u-text)!important}html.ui3 .close{z-index:4;text-shadow:0 1px 1px #000;font-size:1.05em;font-weight:700;width:2.2em!important;height:2.2em!important;box-shadow:none!important;color:#f4d8a8!important;background:0 0!important;border:0!important;border-radius:3px!important;top:.35em!important;right:.45em!important}html.ui3 .close:hover{color:#fff!important;background:#ffffff14!important}html.ui3 .sheet>.close,html.ui3 .march-dlg>.close{position:absolute}html.ui3 .sheet{overflow-y:auto}html.ui3 .sheet .sub,html.ui3 h3.sub,html.ui3 .march-dlg h3.sub{text-align:center;background:linear-gradient(90deg,#0000,#2b3440 20% 80%,#0000);border:0;font-weight:600;color:#d5dce4!important;margin:12px -14px 8px!important;padding:.35em 1em!important;font-size:.98em!important}html.ui3 h3.sub small,html.ui3 .sheet .sub small{color:var(--u-muted);font-weight:500}html.ui3 .btn,html.ui3 .btn.green,html.ui3 .btn.amber,html.ui3 .btn.stone,html.ui3 .btn.red{letter-spacing:.02em;color:#fff;text-shadow:0 1px 1px #0000008c;min-height:2.45em;padding:.2em 1.1em;font-weight:600;filter:none!important;border:1px solid #0f1318!important;border-image:!important;border-radius:3px!important;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #0000002e,0 2px 4px #0006!important}html.ui3 .btn,html.ui3 .btn.amber{background:linear-gradient(#f7bd55 0%,#e9952c 55%,#d27b17 100%)!important}html.ui3 .btn.green{background:linear-gradient(#74cf5c 0%,#43a73a 55%,#2f8a2b 100%)!important}html.ui3 .btn.stone{color:#e6ebf0;background:linear-gradient(#4a5665 0%,#3a4452 100%)!important}html.ui3 .btn.red{background:linear-gradient(#e9715a 0%,#c4442f 60%,#a3301f 100%)!important}html.ui3 .btn.blue{background:linear-gradient(#67a7ea 0%,#3f7fcb 55%,#2d63a9 100%)!important}html.ui3 .btn:hover:not(:disabled){filter:brightness(1.08)!important}html.ui3 .btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px #00000059!important}html.ui3 .btn:disabled{filter:grayscale()brightness(.62)!important}html.ui3 .btn.small{min-height:2em;padding:.15em .75em}html.ui3 .btn.glow{animation:none;box-shadow:inset 0 1px #ffffff47,0 0 0 2px #f2b64c8c,0 0 14px #f2b64c73!important}html.ui3 .hero-pick .btn.stone{background:var(--u-row)!important;border-color:var(--u-line-2)!important;box-shadow:none!important}html.ui3 .hero-pick .btn.green{color:#ffd98c;border-color:var(--u-gold)!important;box-shadow:none!important;background:linear-gradient(#4a3a1f,#3a2d18)!important}html.ui3 .tab,html.ui3 .bag-tabs button,html.ui3 .atab,html.ui3 .atab button,html.ui3 .tabs button{font-weight:600;border:1px solid var(--u-line)!important;background:var(--u-row)!important;color:#c3ccd6!important;box-shadow:none!important;border-image:!important;border-radius:2px!important}html.ui3 .tab.on,html.ui3 .tab[aria-selected=true],html.ui3 .bag-tabs button.on,html.ui3 .atab.on,html.ui3 .atab button.on,html.ui3 .tabs button.on{color:#ffd98c!important;box-shadow:inset 0 -2px 0 var(--u-gold)!important;background:linear-gradient(#3d3524,#2f281b)!important;border-color:#b9893a!important}html.ui3 .atabs{gap:4px}html.ui3 .res,html.ui3 .dock .item,html.ui3 .chip,html.ui3 .profile,html.ui3 .clock,html.ui3 .quest{filter:none!important;background:#10141ab8!important;border:1px solid #ffffff1a!important;border-image:!important;border-radius:4px!important;box-shadow:0 2px 6px #00000059!important}html.ui3 .res{height:2.2em;padding:0 .55em 0 .15em!important}html.ui3 .chip{padding:.08em .45em!important}html.ui3 .sheet .chip,html.ui3 .march-dlg .chip,html.ui3 .bag .chip{background:var(--u-row)!important}html.ui3 .profile{border-radius:26px 6px 6px 26px!important}html.ui3 .quest{padding:.55em .7em!important}html.ui3 .quest .label{color:var(--u-gold)!important}html.ui3 .toast{box-shadow:0 0 0 1px var(--u-line-2), 0 6px 16px #00000080;background:#141920f0;border-radius:3px}html.ui3 .navbar{background:linear-gradient(#1b202800 0%,#1b2028eb 32%,#1b2028 100%);border-top:0}html.ui3 .navbar .side-btn,html.ui3 .side-btn{filter:drop-shadow(0 2px 3px #000000b3);width:3.6em;height:3.6em;background:0 0!important;border:0!important}html.ui3 .side-btn img{width:86%!important;height:86%!important}html.ui3 .side-btn span{color:#dfe5eb;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:.72em;font-weight:600;background:0 0!important;border:0!important;border-image:!important;padding:0!important}html.ui3 .side-btn.on{filter:drop-shadow(0 0 5px #f2b64cf2)drop-shadow(0 2px 3px #000000b3)}html.ui3 .navbar .fab,html.ui3 .fab{filter:drop-shadow(0 3px 5px #000000bf);background:0 0!important;border:0!important}html.ui3 .navbar .fab.world,html.ui3 .navbar .fab.build{border-radius:50%;background:radial-gradient(circle at 50% 38%,#3f6f9a,#1d3550 72%) 50%/88% 88% no-repeat!important;box-shadow:0 0 0 2px #0f1318,0 0 0 3px #4d5b6a!important}html.ui3 .navbar .fab.build{background:radial-gradient(circle at 50% 38%,#7a5a2c,#3a2812 72%) 50%/88% 88% no-repeat!important}html.ui3 .fab img{width:72%!important;height:72%!important}html.ui3 .fab span{text-shadow:0 1px 2px #000;font-weight:600;background:0 0!important;border:0!important;border-image:!important}html.ui3 .rail-btn img{background:radial-gradient(circle at 50% 35%,#465464e6,#161c24e6 72%);border:1px solid #ffffff38;box-shadow:0 2px 5px #0000008c}html.ui3 .rail-btn.on img,html.ui3 .rail-btn:hover img{border-color:var(--u-gold)}html.ui3 .rail-btn .dot{background:#e0402c;border:1px solid #1b2028}html.ui3 .army-type,html.ui3 .march,html.ui3 .hero-card,html.ui3 .tokens,html.ui3 .train,html.ui3 .report-row,html.ui3 .at-row.empty{background:var(--u-row)!important;border:1px solid var(--u-line)!important;border-radius:3px!important}html.ui3 .hero-card.home{border-left:3px solid #4f9f58!important}html.ui3 .hero-card.lead{border-left:3px solid var(--u-gold)!important}html.ui3 .hero-card.help{border-left:3px solid #5d8fc7!important}html.ui3 .tokens{background:linear-gradient(90deg, #2e2818, var(--u-row))!important;border-color:#6a5326!important}html.ui3 .report-row.win{border-left:3px solid #4fa64a!important}html.ui3 .report-row.lose{border-left:3px solid #c3442f!important}html.ui3 .hc-pic{background:radial-gradient(#34404e,#161c24);border:1px solid #6a5326}html.ui3 .xp>div,html.ui3 .hc-id .xp div{background:linear-gradient(90deg,#d98a22,#f7bd55)}html.ui3 .desc,html.ui3 .fine{color:var(--u-muted)}html.ui3 .warn{color:#ff9b7e}html.ui3 .preview.good{background:#43a73a29;border:1px solid #43a73a80;border-radius:3px}html.ui3 .preview.bad{background:#c4442f29;border:1px solid #c4442f80;border-radius:3px}html.ui3 input[type=range]{accent-color:#43a73a}html.ui3 .dialog{background:var(--u-bg)!important;border:1px solid var(--u-line-2)!important;border-radius:4px!important}html.ui3 .dialog .portrait{border:1px solid #6a5326;border-radius:3px}html.ui3 .dialog .who{color:var(--u-gold)!important}@media (width<=640px){html.ui3 .sheet,html.ui3 .bag,html.ui3 .chat,html.ui3 .march-dlg{z-index:60;animation:none;overflow-y:auto;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;padding-bottom:calc(14px + var(--safe-b))!important;padding-top:var(--safe-t)!important;border:0!important;border-radius:0!important;position:fixed!important;inset:0!important;transform:none!important}html.ui3 .navbar .side-btn{width:3.1em;height:3.1em}}html.ui3 .ring{z-index:30;pointer-events:none;width:0;height:0;position:absolute}html.ui3 .ring>*{pointer-events:auto}html.ui3 .ring-plate{white-space:nowrap;color:#fff;text-shadow:0 1px 1px #000;background:#10141ac7;border:1px solid #ffffff24;border-radius:3px;padding:.15em .7em;font-size:.95em;font-weight:600;position:absolute;left:0}html.ui3 .ring-plate b{color:var(--u-gold);font-weight:700}html.ui3 .ring-btn{cursor:pointer;color:#fff;font:inherit;background:0 0;border:0;justify-items:center;gap:2px;padding:0;animation:.18s ease-out ring-in;display:grid;position:absolute;top:0;left:0}html.ui3 .ring-btn .disc{color:#f2d79a;background:radial-gradient(circle at 50% 35%,#4b5868,#1d242d 72%);border:2px solid #9a7b3e;border-radius:50%;place-items:center;width:3.3em;height:3.3em;font-size:1em;display:grid;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff26}html.ui3 .ring-btn .disc img{object-fit:contain;width:64%;height:64%}html.ui3 .ring-btn.hot .disc{border-color:#f2b64c;box-shadow:0 0 0 2px #f2b64c59,0 3px 6px #0009}html.ui3 .ring-btn .lbl{text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;font-size:.74em;font-weight:600}html.ui3 .ring-btn:hover .disc{filter:brightness(1.15)}@keyframes ring-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}html.ui3 .ring-btn:disabled{opacity:.45;cursor:default}html.ui3 .res.pe{cursor:pointer}html.ui3 .res.pe:hover{border-color:#f2b64c80!important}.res-page .rp-head{align-items:center;gap:14px;padding:6px 2px;display:flex}.res-page .rp-head>img{object-fit:contain;flex:none;width:4.2em;height:4.2em}.res-page .rp-stats{flex:1;display:grid}.res-page .rp-row{border-bottom:1px solid var(--u-line,#343e4b);justify-content:space-between;padding:.3em .2em;display:flex}.res-page .rp-row span{color:var(--muted)}.res-page .rp-row .up{color:#7fd06a}.res-page .rp-row .down{color:#ff9b7e}.res-page .rp-list{gap:6px;display:grid;overflow-y:auto}.res-page .rp-pack{background:var(--u-row,#262e38);border:1px solid var(--u-line,#343e4b);border-radius:3px;align-items:center;gap:10px;padding:6px 8px;display:flex}.res-page .rp-ic{border-radius:3px;flex:none;place-items:center;width:3.4em;height:3.4em;display:grid;position:relative}.res-page .rp-ic img{object-fit:contain;width:78%;height:78%}.res-page .rp-ic b{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:.72em;position:absolute;top:1px;left:0;right:0}.res-page .rar-common .rp-ic{background:linear-gradient(160deg,#6b7684,#3c4552)}.res-page .rar-uncommon .rp-ic{background:linear-gradient(160deg,#4f9a4a,#24502a)}.res-page .rar-rare .rp-ic{background:linear-gradient(160deg,#4a82c4,#22406a)}.res-page .rar-epic .rp-ic{background:linear-gradient(160deg,#9a5ac8,#4a2468)}.res-page .rar-legendary .rp-ic{background:linear-gradient(160deg,#e0a23a,#7a4c10)}.res-page .rp-txt{flex:1;display:grid}.res-page .rp-txt small{color:var(--muted)}.res-page .rp-pack .btn{min-width:5.5em;width:auto!important;margin:0!important}html.ui3 .sheet .cards{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(9.5em,1fr));gap:8px;max-height:calc(100vh - 14em);padding:2px 2px 8px;overflow:hidden auto;display:grid!important}html.ui3 .sheet .cards .card{cursor:pointer;flex:none;margin:0;background:var(--u-row)!important;border:1px solid var(--u-line)!important;border-radius:3px!important;width:auto!important;min-width:0!important;padding:6px!important}html.ui3 .sheet .cards .card:hover{border-color:#b9893a!important}html.ui3 .sheet .cards .card.hint{border-color:var(--u-gold)!important;box-shadow:0 0 0 1px var(--u-gold) inset!important}html.ui3 .sheet .cards .card .thumb{background:radial-gradient(circle at 50% 60%,#34404e,#1b2129);border-radius:2px;height:6.5em}html.ui3 .sheet .cards .card .thumb img{object-fit:contain;width:100%;height:100%}html.ui3 .sheet .cards .card .nm{margin-top:4px;font-weight:600}html.ui3 .sheet .tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}html.ui3 .sheet .tabs .tab{flex:1 0 auto}html.ui3 .sheet .cards .card{color:var(--u-text)!important}html.ui3 .sheet .cards .card .costs .chip{color:var(--u-text)}html.ui3 .sheet .cards .card .costs .chip.bad{color:#ff8a6e}html.ui3 .sheet .cards .card .meta{color:var(--u-muted);font-size:.8em}.home-arrow{z-index:25;cursor:pointer;background:radial-gradient(circle at 50% 35%,#4b5868,#1d242d 72%);border:2px solid #f2b64c;border-radius:50%;place-items:center;width:3.4em;height:3.4em;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0009}.home-arrow img{object-fit:contain;z-index:1;width:62%;height:62%;position:relative}.home-arrow .ha-tip{pointer-events:none;position:absolute;inset:0}.home-arrow .ha-tip:after{content:"";border:.55em solid #0000;border-left:.75em solid #f2b64c;position:absolute;top:50%;right:-.75em;transform:translateY(-50%)}.home-arrow:hover{filter:brightness(1.15)}html.ui3 .sheet{max-height:calc(100vh - 7.5em)}html.ui3 .bag,html.ui3 .chat{max-height:calc(100vh - 7.5em);overflow-y:auto}html.ui3 .navbar.v3{pointer-events:none;background:linear-gradient(#1b202800 0% 55%,#1b2028e6 75%,#1b2028 100%);grid-template-rows:auto auto auto;align-items:end;gap:4px;height:auto;padding-top:0;display:grid}html.ui3 .navbar.v3>*{pointer-events:auto}html.ui3 .navbar.v3 .nav-acts{pointer-events:none;align-items:flex-end;padding:0 6px;display:flex}html.ui3 .navbar.v3 .nav-acts>*{pointer-events:auto}html.ui3 .navbar.v3 .nav-acts .spacer{pointer-events:none;flex:1}html.ui3 .act-btn{cursor:pointer;background:radial-gradient(circle at 50% 36%,#4a5a6c,#1c232c 72%);border:0;border-radius:50%;justify-items:center;gap:1px;width:4.6em;height:4.6em;padding:0;display:grid;position:relative;box-shadow:0 0 0 2px #0f1318,0 0 0 4px #b08a3e,0 6px 14px #0009}html.ui3 .act-btn.world{background:radial-gradient(circle at 50% 36%,#4682b4,#183450 72%)}html.ui3 .act-btn.village{background:radial-gradient(circle at 50% 36%,#6a8a3a,#22381a 72%);box-shadow:0 0 0 2px #0f1318,0 0 0 4px #f2b64c,0 0 14px #f2b64c8c}html.ui3 .act-btn.build{background:radial-gradient(circle at 50% 36%,#8a6a3a,#3a2812 72%)}html.ui3 .act-btn img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:66%;height:66%;margin-top:8%}html.ui3 .act-btn span{color:#fff;white-space:nowrap;text-shadow:0 1px 1px #000;background:#10141ad9;border-radius:2px;padding:0 .5em;font-size:.78em;font-weight:700;position:absolute;bottom:-.55em;left:50%;transform:translate(-50%)}html.ui3 .act-btn:hover{filter:brightness(1.12)}html.ui3 .act-btn.glow{animation:none;box-shadow:0 0 0 2px #0f1318,0 0 0 4px #f2b64c,0 0 18px #f2b64ccc}html.ui3 .chat-bar{cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0a0e1280;border:1px solid #ffffff14;border-radius:3px;align-items:center;gap:8px;min-height:2.6em;margin:6px 6px 0;padding:4px 10px;display:flex;position:relative}html.ui3 .chat-bar:hover{background:#0a0e12a8}html.ui3 .cb-ch{color:#fff;background:#3f7fcb;border-radius:2px;flex:none;padding:.1em .5em;font-size:.72em;font-weight:700}html.ui3 .cb-ch.clan{background:#43a73a}html.ui3 .cb-lines{flex:1;min-width:0;display:grid}html.ui3 .cb-line{color:#e8ecf1;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #000;font-size:.86em;overflow:hidden}html.ui3 .cb-line b{color:#f2d79a;font-weight:600}html.ui3 .cb-line.muted{color:#93a0ad}html.ui3 .cb-swap{color:#93a0ad;flex:none;font-size:.9em}html.ui3 .chat-bar .badge{color:#fff;background:#c4442f;border-radius:.7em;flex:none;place-items:center;min-width:1.4em;height:1.4em;padding:0 .3em;font-size:.72em;font-style:normal;display:grid;position:static}html.ui3 .navbar.v3 .nav-row{justify-content:space-around;padding:.2em .2em .5em}html.ui3 .wm-top .close{display:none}html.ui3 .panel.chat{z-index:70}@media (width<=640px){html.ui3 .act-btn{width:3.9em;height:3.9em}}html.ui3 .wm-card{bottom:calc(11.5em + var(--safe-b));z-index:45}html.ui3 .navbar.v3{z-index:40}@media (width<=640px){html.ui3 .wm-card{bottom:calc(10.5em + var(--safe-b))}}html.ui3 .sheet,html.ui3 .bag,html.ui3 .menu,html.ui3 .dialog-wrap{z-index:50}html.ui3 .rank-boards{gap:6px;display:grid}html.ui3 .rank-board{cursor:pointer;font:inherit;color:var(--u-text);text-align:left;background:var(--u-row);border:1px solid var(--u-line);border-radius:3px;align-items:center;gap:12px;padding:8px 12px;display:flex}html.ui3 .rank-board:hover{border-color:#b9893a}html.ui3 .rank-board .rb-ic{background:radial-gradient(circle at 50% 35%,#4b5868,#1d242d 72%);border:1px solid #9a7b3e;border-radius:50%;place-items:center;width:2.8em;height:2.8em;display:grid}html.ui3 .rank-board .rb-ic img{object-fit:contain;width:66%;height:66%}html.ui3 .rank-board b{flex:1;font-size:1.05em;font-weight:600}html.ui3 .rank-board .rb-go{color:var(--u-gold);font-size:1.4em}html.ui3 .rank-me{background:linear-gradient(90deg, #2e2818, var(--u-row));border:1px solid #6a5326;border-radius:3px;justify-content:space-between;margin-bottom:6px;padding:6px 10px;display:flex}html.ui3 .ranks .rank{border-bottom:1px solid var(--u-line);background:0 0;border-radius:0;align-items:center;gap:10px;padding:7px 10px;display:flex}html.ui3 .ranks .rank.me{background:#f2b64c1a}html.ui3 .ranks .pos{color:#c3ccd6;background:#2c3540;border-radius:50%;flex:none;place-items:center;width:2em;height:2em;font-weight:700;display:grid}html.ui3 .ranks .pos.top1{color:#3a2a06;background:linear-gradient(#ffe08a,#c99316)}html.ui3 .ranks .pos.top2{color:#23292f;background:linear-gradient(#eef2f6,#9aa4ae)}html.ui3 .ranks .pos.top3{color:#2e1a08;background:linear-gradient(#f0b07a,#9a5a26)}html.ui3 .ranks .who{flex:1;min-width:0;display:grid}html.ui3 .ranks .who small{color:var(--u-muted)}html.ui3 .ranks .pw{align-items:center;gap:4px;font-weight:600;display:flex}html.ui3 .ranks .pw img{object-fit:contain;width:1.3em;height:1.3em}html.ui3 .clan .clan-tabs{gap:4px;margin-bottom:8px;display:flex}html.ui3 .clan .clan-tabs button{flex:1}html.ui3 .emblem{background:radial-gradient(circle at 50% 35%,#6a3a2a,#2a1410 72%);border:3px solid #b08a3e;border-radius:50%;flex:none;place-items:center;width:6.5em;height:6.5em;display:grid;position:relative;box-shadow:0 4px 10px #00000080,inset 0 0 0 3px #3a2412}html.ui3 .emblem img{object-fit:contain;width:58%;height:58%}html.ui3 .emblem b{color:#f2d79a;background:#1b2028;border:1px solid #b08a3e;border-radius:2px;padding:0 .6em;font-size:.85em;position:absolute;bottom:-.6em;left:50%;transform:translate(-50%)}html.ui3 .emblem.sm{border-width:2px;width:3.4em;height:3.4em}html.ui3 .emblem.sm b{font-size:.68em;bottom:-.7em}html.ui3 .clan-card{background:linear-gradient(120deg, #2e2418, var(--u-row));border:1px solid #6a5326;border-radius:3px;align-items:center;gap:16px;padding:10px;display:flex}html.ui3 .clan-facts{flex:1;gap:2px;display:grid}html.ui3 .clan-facts .cf-name{color:#f2d79a;margin-bottom:2px;font-size:1.15em;font-weight:700}html.ui3 .clan-facts div:not(.cf-name){border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:1px 0;display:flex}html.ui3 .clan-facts span{color:var(--u-muted)}html.ui3 .clan-about{white-space:pre-wrap;background:var(--u-bg-2);border:1px solid var(--u-line);color:#d5dce4;border-radius:3px;min-height:3em;margin:10px 0;padding:10px 12px}html.ui3 .clan-fns{grid-template-columns:repeat(auto-fill,minmax(5.2em,1fr));gap:10px;margin:6px 0 12px;display:grid}html.ui3 .cfn{cursor:pointer;color:var(--u-text);font:inherit;background:0 0;border:0;justify-items:center;gap:4px;padding:6px 2px;display:grid;position:relative}html.ui3 .cfn img{object-fit:contain;background:radial-gradient(circle at 50% 35%,#4b5868,#1d242d 72%);border:1px solid #9a7b3e;border-radius:50%;width:3.2em;height:3.2em;padding:.4em}html.ui3 .cfn span{font-size:.85em;font-weight:600}html.ui3 .cfn:hover img{border-color:var(--u-gold)}html.ui3 .cfn .badge{color:#fff;background:#c4442f;border-radius:.65em;place-items:center;min-width:1.3em;height:1.3em;font-size:.7em;font-style:normal;display:grid;position:absolute;top:2px;right:18%}html.ui3 .clan .leave{width:auto!important}html.ui3 .clan-ranks{gap:4px;display:grid}html.ui3 .cr-head{cursor:pointer;width:100%;font:inherit;color:var(--u-text);text-align:left;border:1px solid var(--u-line);background:linear-gradient(#2f3844,#262e38);border-radius:3px;align-items:center;gap:10px;padding:7px 10px;display:flex}html.ui3 .cr-r{color:#f2d79a;border:1px solid #b08a3e;border-radius:50%;place-items:center;width:2em;height:2em;font-size:.8em;font-weight:700;display:grid}html.ui3 .cr-head b{flex:1;font-weight:600}html.ui3 .cr-n{color:var(--u-muted)}html.ui3 .cr-arrow{color:var(--u-gold);text-align:center;width:1em}html.ui3 .clan-row{border-bottom:1px solid var(--u-line);align-items:center;gap:8px;padding:6px 10px;display:flex}html.ui3 .clan-row .who{flex:1;min-width:0;display:grid}html.ui3 .clan-row .who small{color:var(--u-muted)}html.ui3 .clan-row .who .ab{color:#c3ccd6}html.ui3 .clan-row .onl.on{color:#7fd06a;font-size:.8em}html.ui3 .clan-row .btn{width:auto!important;margin:0!important}html.ui3 .clan-row.big{background:var(--u-row);border:1px solid var(--u-line);border-radius:3px;margin-bottom:6px;padding:10px}html.ui3 .clan-new.big{justify-items:center;gap:10px;padding:10px 4px;display:grid}html.ui3 .clan-new.big label{width:min(100%,22em);color:var(--u-muted);gap:4px;font-size:.9em;display:grid}html.ui3 .clan-manage{gap:8px;display:grid}html.ui3 .clan input,html.ui3 .clan textarea{box-sizing:border-box;border:1px solid var(--u-line-2);width:100%;color:var(--u-text);font:inherit;background:#141a20;border-radius:3px;padding:8px 10px}html.ui3 .clan .check{color:var(--u-muted);align-items:center;gap:8px;display:flex}html.ui3 .clan-manage .btn{justify-self:start;width:auto!important}html.ui3 .mail-cats{gap:4px;display:grid}html.ui3 .mail-cat{cursor:pointer;width:100%;font:inherit;color:var(--u-text);text-align:left;background:var(--u-row);border:1px solid var(--u-line);border-radius:3px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}html.ui3 .mail-cat:hover{border-color:#b9893a}html.ui3 .mc-ic{background:radial-gradient(circle at 50% 35%,#4b5868,#1d242d 72%);border:1px solid #9a7b3e;border-radius:50%;flex:none;place-items:center;width:2.8em;height:2.8em;display:grid}html.ui3 .mc-ic img{object-fit:contain;width:64%;height:64%}html.ui3 .mc-txt{flex:1;min-width:0;display:grid}html.ui3 .mc-txt b{font-size:1.05em;font-weight:600}html.ui3 .mc-txt small{color:var(--u-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html.ui3 .mail-cat .badge{color:#fff;background:#c4442f;border-radius:.75em;place-items:center;min-width:1.5em;height:1.5em;padding:0 .3em;font-size:.75em;font-style:normal;display:grid;position:static}html.ui3 .mc-go{color:var(--u-gold);font-size:1.4em}html.ui3 .mail-acts{margin-top:10px}html.ui3 .mail-cathead{align-items:center;gap:8px;margin-bottom:6px;display:flex}html.ui3 .mail-cathead b{text-align:center;flex:1}html.ui3 .mail-cathead .btn{width:auto!important;margin:0!important}html.ui3 .mail-row{text-align:left;border:0;border-bottom:1px solid var(--u-line);width:100%;color:var(--u-text);font:inherit;cursor:pointer;background:0 0;padding:8px 12px;display:grid}html.ui3 .mail-row.unread{border-left:3px solid var(--u-gold);background:#f2b64c0f}html.ui3 .mail-row.unread b{color:#fff}html.ui3 .mail-row small{color:var(--u-muted)}.staff{letter-spacing:.04em;vertical-align:.1em;color:#fff;background:#3f7fcb;border-radius:2px;margin-right:.35em;padding:0 .35em;font-size:.72em;font-weight:800;display:inline-block}.staff.admin{background:#c4442f}html.ui3 .lore.v3 .rc-grid{grid-template-columns:repeat(auto-fill,minmax(8.6em,1fr));gap:14px 8px;padding:8px 2px;display:grid}html.ui3 .lore.v3 .rc{cursor:pointer;color:var(--u-text);font:inherit;background:0 0;border:0;justify-items:center;gap:4px;padding:6px 2px;display:grid}html.ui3 .lore.v3 .medal{background:radial-gradient(circle at 50% 34%,#5a6676,#232b35 70%);border:3px solid #8a6a32;border-radius:50%;place-items:center;width:4.6em;height:4.6em;display:grid;position:relative;box-shadow:0 0 0 2px #1b2028,0 0 0 4px #4a3a1e,0 4px 10px #0009,inset 0 2px #ffffff1f}html.ui3 .lore.v3 .medal img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:60%;height:60%}html.ui3 .lore.v3 .medal .mx{color:#fff;white-space:nowrap;background:#1b2028;border:1px solid #8a6a32;border-radius:2px;padding:0 .45em;font-size:.72em;font-style:normal;font-weight:800;position:absolute;bottom:-.55em;left:50%;transform:translate(-50%)}html.ui3 .lore.v3 .rc.max .medal,html.ui3 .lore.v3 .rn.maxed .medal{background:radial-gradient(circle at 50% 34%,#8a6a32,#3a2a12 70%);border-color:#f2b64c}html.ui3 .lore.v3 .rc.max .mx,html.ui3 .lore.v3 .rn.maxed .mx{color:#ffd98c;border-color:#f2b64c}html.ui3 .lore.v3 .rc.busy .medal,html.ui3 .lore.v3 .rn.studying .medal{box-shadow:0 0 0 2px #1b2028,0 0 0 4px #43a73a,0 0 14px #43a73a99}html.ui3 .lore.v3 .rc b,html.ui3 .lore.v3 .rn b{text-align:center;margin-top:4px;font-size:.9em;font-weight:600;line-height:1.15}html.ui3 .lore.v3 .rc small{color:var(--u-muted);font-size:.78em}html.ui3 .lore.v3 .rc-bar{background:#2c3540;border-radius:2px;width:6em;height:4px;display:block;overflow:hidden}html.ui3 .lore.v3 .rc-bar i{background:linear-gradient(90deg,#d98a22,#f7bd55);height:100%;display:block}html.ui3 .lore.v3 .rt{background:radial-gradient(at 50% 30%,#7a4a1e40,#0000 70%),repeating-linear-gradient(115deg,#1a1612 0 3px,#1d1814 3px 7px);border:1px solid #2c241a;border-radius:3px;grid-template-columns:repeat(3,1fr);padding:6px 0 14px;display:grid;position:relative}html.ui3 .lore.v3 .rt-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html.ui3 .lore.v3 .rt-links path{fill:none;stroke:#4a3a22;stroke-width:3px}html.ui3 .lore.v3 .rt-links path.met{stroke:#d9a443}html.ui3 .lore.v3 .rn{z-index:1;cursor:pointer;color:var(--u-text);font:inherit;background:0 0;border:0;align-content:center;justify-items:center;gap:2px;display:grid;position:relative}html.ui3 .lore.v3 .rn.locked .medal{filter:grayscale()brightness(.6)}html.ui3 .lore.v3 .rn.locked b{color:var(--u-muted)}html.ui3 .lore.v3 .rn:hover .medal{filter:brightness(1.15)}html.ui3 .rn-card{align-self:center;gap:10px;width:min(94vw,26em);margin:auto;display:grid;padding:0 14px 14px!important}html.ui3 .rn-head{align-items:center;gap:14px;display:flex}html.ui3 .rn-head .medal{flex:none;width:5em;height:5em}html.ui3 .rn-head .medal img{object-fit:contain;width:60%;height:60%}html.ui3 .rn-card .medal{background:radial-gradient(circle at 50% 34%,#5a6676,#232b35 70%);border:3px solid #8a6a32;border-radius:50%;place-items:center;display:grid;position:relative}html.ui3 .rn-d{font-weight:600}html.ui3 .rn-lv{color:var(--u-muted);margin:4px 0}html.ui3 .rn-card .rc-bar{background:#2c3540;border-radius:2px;width:100%;height:5px;display:block;overflow:hidden}html.ui3 .rn-card .rc-bar i{background:linear-gradient(90deg,#d98a22,#f7bd55);height:100%;display:block}html.ui3 .rn-max{text-align:center;color:var(--u-gold);padding:8px;font-weight:700}html.ui3 .rn-card .btn{width:100%}html.ui3 .lore.v3,html.ui3 .lore.v3 *,html.ui3 .rn-card,html.ui3 .rn-card *,html.ui3 .lore.v3 .page-head h2.title{font-style:normal!important}html.ui3 .wm-views{gap:2px;margin-left:4px;display:inline-flex}html.ui3 .wm-views .btn{width:auto!important;margin:0!important}html.ui3 .queues{gap:8px;display:grid}html.ui3 .queue-card{background:var(--u-row);border:1px solid var(--u-line);border-radius:3px;gap:6px;padding:8px 10px;display:grid}html.ui3 .queue-card.locked{opacity:.55}html.ui3 .qc-head{align-items:center;gap:8px;display:flex}html.ui3 .qc-head b{flex:1;font-size:1.05em;font-weight:600}html.ui3 .qc-n{color:#fff;background:#2f6b2a;border:1px solid #55c24a;border-radius:3px;place-items:center;width:1.7em;height:1.7em;font-weight:700;display:grid}html.ui3 .qc-pow{color:#f2d79a;align-items:center;gap:3px;font-weight:600;display:flex}html.ui3 .qc-pow img{width:1.1em;height:1.1em}html.ui3 .qc-lock{color:var(--u-muted);font-size:.9em}html.ui3 .qc-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}html.ui3 .qc-lead,html.ui3 .qc-beast{justify-items:center;gap:2px;display:grid}html.ui3 .qc-lead small,html.ui3 .qc-beast small{color:var(--u-muted);font-size:.75em}html.ui3 .qc-lead img,html.ui3 .qc-lead .qc-empty{object-fit:cover;object-position:top;background:radial-gradient(#34404e,#161c24);border:2px solid #b08a3e;border-radius:50%;width:3.6em;height:3.6em}html.ui3 .qc-helpers{gap:4px;display:flex}html.ui3 .qc-help img,html.ui3 .qc-help .qc-empty{object-fit:cover;object-position:top;background:#1b2028;border:1px solid #6a5326;border-radius:3px;width:2.6em;height:2.6em}html.ui3 .qc-beast img,html.ui3 .qc-beast .qc-empty{object-fit:contain;background:radial-gradient(#3a3226,#17130e);border:2px solid #7a5a2a;border-radius:50%;width:3.2em;height:3.2em}html.ui3 .qc-empty{color:#93a0ad;place-items:center;font-size:1.3em;display:grid}html.ui3 .qc-troops{flex:1;gap:1px;min-width:10em;font-size:.88em;display:grid}html.ui3 .qc-troops span{justify-content:space-between;gap:8px;display:flex}html.ui3 .queue-card .btn{justify-self:end;width:auto!important}html.ui3 .queue-edit{gap:6px;display:grid}html.ui3 .queue-edit input[type=text],html.ui3 .queue-edit .qe-row input{box-sizing:border-box;border:1px solid var(--u-line-2);width:100%;color:var(--u-text);font:inherit;background:#141a20;border-radius:3px;padding:7px 10px}html.ui3 .pick-grid{flex-wrap:wrap;gap:8px;display:flex}html.ui3 .pick{border:1px solid var(--u-line);background:var(--u-row);width:4.6em;color:var(--u-text);font:inherit;cursor:pointer;border-radius:3px;justify-items:center;gap:2px;padding:4px;display:grid}html.ui3 .pick img,html.ui3 .pick .qc-empty{object-fit:cover;object-position:top;background:#1b2028;border-radius:3px;width:3.4em;height:3.4em}html.ui3 .pick small{text-align:center;font-size:.72em;line-height:1.1}html.ui3 .pick.on{border-color:var(--u-gold);box-shadow:inset 0 0 0 1px var(--u-gold)}html.ui3 .pick:disabled{opacity:.4}html.ui3 .queue-tabs{flex-wrap:wrap;gap:4px;display:flex}html.ui3 .queue-tabs .qt{border:1px solid var(--u-line);background:var(--u-row);color:var(--u-text);font:inherit;cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:5px 10px;font-weight:600;display:flex}html.ui3 .queue-tabs .qt span{color:#fff;background:#2f6b2a;border-radius:2px;place-items:center;width:1.4em;height:1.4em;font-size:.8em;display:grid}html.ui3 .queue-tabs .qt.on{border-color:var(--u-gold);color:#ffd98c}html.ui3 .queue-tabs .qt:disabled{opacity:.45}html.ui3 .queue-tabs .qt.refill{color:#fff;background:linear-gradient(#67a7ea,#2d63a9);border-color:#0f1318;margin-left:auto}html.ui3 .quest .btn.go{min-width:64px}html.ui3 .quest .btn.go.glow{animation:1.3s ease-in-out infinite goPulse}@keyframes goPulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #f2b64c80,0 0 8px #f2b64c59}50%{transform:scale(1.06);box-shadow:0 0 0 3px #f2b64cf2,0 0 22px #f2b64ccc}}@media (prefers-reduced-motion:reduce){html.ui3 .quest .btn.go.glow{animation:none;box-shadow:0 0 0 3px #f2b64ce6}}@media (width<=640px){html.ui3 .raid-banner{top:auto;bottom:calc(10.4em + var(--safe-b));white-space:normal;max-width:calc(100vw - 32px);font-size:.74em;line-height:1.25;left:50%;right:auto;transform:translate(-50%)}html.ui3 .incoming{bottom:calc(13.6em + var(--safe-b))}}.quest .qprog{background:#00000073;border:1px solid #f2b64c59;border-radius:.6em;height:1.15em;margin:.15em 0 .35em;position:relative;overflow:hidden}.quest .qprog i{background:linear-gradient(90deg,#b8862e,#f2b64c);position:absolute;inset:0 auto 0 0}.quest .qprog span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:.78em;font-weight:700;line-height:1.45;display:block;position:relative}.throne .throne-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;margin:8px 0;display:grid}.throne .t-box{background:#00000047;border:1px solid #f2b64c47;border-radius:6px;gap:4px;padding:10px 12px;display:grid}.throne .t-box b{color:#ffe0a0;font-size:1.15em}.throne .t-box.crown{border-color:#f2b64c99}.throne .t-box select{color:#e8ecf1;font:inherit;background:#11161b;border:1px solid #46525f;border-radius:4px;flex:1;min-width:0;padding:6px}.throne .titles{gap:6px;display:grid}.throne .title-row{background:#00000040;border-left:3px solid #7fd06a;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 10px;display:grid}.throne .title-row.curse{border-left-color:#e0654c}.throne .title-row small{color:#a9b4bf;display:block}.throne .title-row .who{color:#ffe0a0;font-weight:700}.throne .title-row .give{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.throne .title-row .give input{color:#e8ecf1;min-width:120px;font:inherit;background:#11161b;border:1px solid #46525f;border-radius:4px;flex:1;padding:6px 8px}.throne .rules{gap:4px;padding-left:1.2em;display:grid}.throne .t-log{gap:4px;max-height:14em;font-size:.9em;display:grid;overflow-y:auto}.throne .t-log small{color:#93a0ad;margin-right:6px}.throne-card .row3{gap:8px;display:flex}.throne-card .row3 .btn{flex:1}@media (width<=900px){html.ui3 .res .v{font-size:10px}html.ui3 .left-col .dock small{line-height:1.1;font-size:9.5px!important}html.ui3 .left-col .dock b{font-size:11px!important}html.ui3 .left-col .quest .label{font-size:9.5px!important}html.ui3 .left-col .quest h3{font-size:11.5px!important}html.ui3 .left-col .quest .goal,html.ui3 .left-col .quest .btn{font-size:10.5px!important}html.ui3 .chat-bar .cb-ch,html.ui3 .nav-btn span,html.ui3 .rail-btn span{font-size:9.6px!important}html.ui3 .raid-banner b,html.ui3 .raid-banner span{font-size:10px}html.ui3 .card .count{font-size:10px!important}html.ui3 .clock small{font-size:9.5px!important}}.maint{color:#f3e6c8;pointer-events:auto;z-index:100;background:radial-gradient(circle at 50% 40%,#2a2016,#0d0b09);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.maint-box{text-align:center;background:#00000059;border:1px solid #f2b64c66;border-radius:10px;gap:10px;max-width:460px;padding:24px;display:grid}.maint-box h1{color:#ffd98c;margin:0;font-family:Cinzel,serif;font-size:1.6rem}.maint-box small{color:#a99b85}.announce{top:calc(3.6em + var(--safe-t,0px));z-index:30;color:#eaf3fb;pointer-events:auto;background:#161e28f0;border:1px solid #5d8fb8;border-radius:8px;align-items:center;gap:10px;max-width:min(640px,100vw - 32px);padding:8px 12px;font-size:.9em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.announce.warn{background:#2e200cf2;border-color:#e0a040}.announce span{flex:1}.announce button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1em}