:root{font-family:Arial,sans-serif;color:#f5e5c7;background:#241c29;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:10px;background:radial-gradient(ellipse at center,#48415b,#171823);min-height:100vh}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffe391;outline-offset:3px}[hidden]{display:none!important}
.nw-game{--wood:url('assets/ui/wood-panel.svg');max-width:1360px;width:min(100%,calc((100dvh - 190px)*1.8));min-width:min(100%,760px);height:calc(100dvh - 20px);min-height:540px;margin:auto;display:grid;grid-template-rows:61px 108px minmax(0,1fr);position:relative;isolation:isolate;border:4px solid #36251a;box-shadow:0 0 0 2px #9f733e,0 16px 70px #000b;overflow:hidden;background:#51437e}
.nw-top{display:flex;align-items:center;gap:9px;padding:6px 18px 9px;background:var(--wood) center/100% 100%;z-index:6;direction:ltr;filter:drop-shadow(0 2px 0 #21170e88)}#game-navigation{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.stone-button{border:0;color:#302c2b;position:relative;isolation:isolate;background:#2c2927;clip-path:polygon(13% 0,87% 0,100% 18%,100% 80%,87% 100%,13% 100%,0 81%,0 19%);filter:drop-shadow(0 2px 0 #24180d);text-shadow:0 1px #f2e8d780;width:58px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 7px 8px;gap:1px;flex-shrink:0}.stone-button:before{content:'';position:absolute;inset:3px 3px 6px;background:linear-gradient(145deg,#e4dfd4,#b7b6b1 62%,#9c9b96);clip-path:inherit;z-index:-1;border-top:1px solid #f9f6e8}.stone-button:after{content:'';position:absolute;inset:6px 7px 8px;clip-path:polygon(0 0,17% 0,14% 4%,0 5%,0 69%,5% 75%,0 86%);background:#716e66;pointer-events:none}.stone-button svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.stone-button span{font-size:9px;font-weight:bold;direction:rtl;white-space:nowrap}.stone-button[aria-current=page]{background:#6e4b1c;color:#603e12}.stone-button[aria-current=page]:before{background:linear-gradient(145deg,#ffe298,#eabc55 60%,#c08b27);border-color:#fff1c3}.stone-button:hover:before{filter:brightness(1.13)}.nw-settings,.nw-home{width:47px}
/* Every HUD part is inside a grid cell. XP has no negative offset or floating labels. */
.nw-hud{position:relative;z-index:5;display:grid;grid-template-columns:70px minmax(190px,1.15fr) minmax(160px,1fr);align-items:center;gap:18px;padding:14px 24px 15px;background:var(--wood) center/100% 100%;direction:ltr;filter:drop-shadow(0 3px 1px #21170e70);min-width:0}.clan-crest{position:relative;width:70px;height:73px;border:3px solid #4c2b16;box-shadow:inset 0 0 0 2px #a67231,0 0 0 1px #ad7b43;background:radial-gradient(#c4892d,#8b481a);overflow:hidden;display:grid;place-items:center}.clan-crest svg{display:block;width:60px;height:63px;margin-top:0}.clan-crest span{position:absolute;bottom:0;left:0;right:0;background:#4e2e19e3;color:#f7da9d;text-align:center;font-size:8px;padding:2px}.vitals{min-width:0;display:grid;grid-template-rows:24px 23px 13px;row-gap:6px}.health-line{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.health-cross{font-size:25px;line-height:24px;color:#f93539;text-shadow:0 1px #781718,-1px 0 #fff4;text-align:center}.health-meter{height:23px;background:#2d1b13;border:1px solid #bd8845;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #000;min-width:0;border-radius:3px}.health-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff5650,#c71919 65%,#89140e);width:100%;transition:width .15s}.health-meter bdi{position:absolute;inset:0;text-align:left;line-height:21px;padding-inline:10px;font-size:16px;color:#fff9e5;font-weight:bold;text-shadow:1px 1px #60140e;white-space:nowrap}.rank-line{display:flex;align-items:center;gap:7px;min-width:0;height:23px}.star{font-size:24px;line-height:23px;color:#ffcf34;text-shadow:0 1px #946315}.rank-line strong{font-size:15px;direction:rtl;text-shadow:0 1px #36220f;white-space:nowrap}.rank-line small{font-size:10px;color:#e8cfa7;margin-left:5px;direction:rtl;white-space:nowrap}.xp-track{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;height:13px}.xp-track>span{font-weight:900;font-size:12px;font-style:italic;color:#68adff;text-shadow:1px 1px #17376a;line-height:13px;text-align:center}.xp-track>div{height:13px;background:#321d13;border:1px solid #bc8b4c;position:relative;overflow:hidden;border-radius:2px;min-width:0}.xp-track i{height:100%;display:block;background:#316fbe;width:0}.xp-track small{position:absolute;inset:0 6px;font-size:8px;line-height:11px;color:#dfc9a6;direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-stack{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.resources{display:flex;gap:24px;align-items:center;justify-content:center}.resources>div{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:center}.resources b{font-size:21px;font-weight:normal;color:#ffedc7;text-shadow:0 1px #37200e;line-height:23px;white-space:nowrap}.resources small{font-size:8px;color:#e1c5a0;grid-column:2;text-align:center;direction:rtl}.yin{grid-row:span 2;font-size:27px;color:#edece8;line-height:1;text-shadow:1px 1px #291d15}.gold-icon{grid-row:span 2;background:radial-gradient(#f9d879,#daa32e);color:#a66b13;border:2px solid #e8bf50;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:21px;box-shadow:inset 0 0 0 1px #ae7b25,0 1px 2px #0005}.location-board{width:100%;max-width:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;direction:rtl;padding-top:5px;border-top:1px solid #cf9b5255;min-width:0}.location-board b{font-size:14px;color:#ffdda1;text-shadow:0 1px #3a210f;line-height:17px}.location-board small{font-size:8px;color:#dcc3a0;margin-top:2px;line-height:11px;text-align:center}
.nw-stage{position:relative;min-height:0;overflow:hidden;background:#645ba9}.nw-stage iframe{display:block;width:100%;height:100%;border:0;background:#927149}.scene-loading{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:7px 14px;border:1px solid #b8894a;border-radius:5px;background:#332118df;color:#edd4a3;font-size:12px;text-align:center;z-index:2;pointer-events:none}.frame-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#332118dd;color:#ffe6a7;border:1px solid #d3a45d;padding:8px 17px;border-radius:5px;z-index:8;font-size:11px;max-width:70%;text-align:center}
@media(max-width:800px){.nw-hud{gap:12px;padding-inline:18px;grid-template-columns:64px minmax(175px,1.1fr) minmax(130px,1fr)}.clan-crest{width:64px}.resources{gap:15px}.resources b{font-size:19px}.nw-top,#game-navigation{gap:7px}.nw-top{padding-inline:14px}}
@media(max-width:560px){body{padding:0}.nw-game{height:100dvh;grid-template-rows:53px 99px minmax(0,1fr);border-width:3px}.nw-top{gap:5px;padding:5px 9px 7px}#game-navigation{gap:5px}.stone-button{width:45px;height:40px;padding:3px 4px 7px}.stone-button svg{width:20px;height:20px}.stone-button span{font-size:8px}.nw-settings{width:39px}.nw-home{display:none}.nw-hud{grid-template-columns:46px minmax(110px,1fr) minmax(82px,.62fr);padding:13px 12px 15px;gap:8px}.clan-crest{width:46px;height:59px;border-width:2px}.clan-crest svg{width:43px;height:49px}.clan-crest span{font-size:6px}.vitals{grid-template-rows:21px 20px 11px;row-gap:5px}.health-line,.xp-track{grid-template-columns:18px minmax(0,1fr);gap:4px}.health-cross{font-size:20px;line-height:21px}.health-meter{height:20px}.health-meter bdi{font-size:11px;line-height:18px;padding-inline:5px}.rank-line{height:20px;gap:4px}.star{font-size:20px}.rank-line strong{font-size:12px}.rank-line small{display:none}.xp-track{height:11px}.xp-track>span{font-size:10px;line-height:11px}.xp-track>div{height:11px}.xp-track small{font-size:6px;line-height:9px;inset-inline:3px}.resources{gap:8px}.resources>div{gap:0 3px}.resources b{font-size:13px;line-height:17px}.resources small{display:none}.yin{font-size:18px}.gold-icon{width:19px;height:19px;font-size:14px;border-width:1px}.resource-stack{gap:6px}.location-board{padding-top:4px}.location-board b{font-size:11px}.location-board small{font-size:7px;line-height:9px}.frame-status{max-width:85%;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.health-meter.recovering i{transition:width .92s linear;background:linear-gradient(#ff9c6e,#e14637 55%,#a71e1b);box-shadow:0 0 13px #ffb77480}.health-meter.recovering i:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff6 45%,transparent 65%);background-size:220% 100%;animation:health-shimmer 2s linear infinite}#health-recovery{position:absolute;right:7px;top:0;line-height:21px;font-size:10px;font-weight:bold;color:#ffeec7;direction:rtl;text-shadow:0 1px 3px #701b14}.xp-track i{transition:width .8s;background:linear-gradient(#64c0ff,#2576d6 65%,#234dc1);box-shadow:0 0 7px #4398ff80}.training-balance{font-size:12px;color:#8d6738}@keyframes health-shimmer{from{background-position:150% 0}to{background-position:-70% 0}}@media(max-width:560px){#health-recovery{font-size:7px;line-height:18px;right:3px}}@media(prefers-reduced-motion:reduce){.health-meter.recovering i,.xp-track i{transition:none}.health-meter.recovering i:after{animation:none}}

.nw-game[data-scene=arena],.nw-game[data-scene=arena] .nw-stage,.nw-game[data-scene=arena] .nw-stage iframe{background:#39291d}
/* Six clan plots and management forms need a taller scene than the home map. */
.nw-game[data-scene=clan]{height:max(850px,calc(100dvh - 20px))}
.nw-game[data-scene=history]{height:max(850px,calc(100dvh - 20px))}.nw-game[data-scene=history],.nw-game[data-scene=history] .nw-stage{background:#392b21}