:root{font-family:Georgia,'Times New Roman',serif;color:#f0e6ce;background:#0c1217;font-synthesis:none;--gold:#d3ac58;--pale:#f3d992;--line:#967340;--ink:#101a22;--bottom:90px}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid #fff0b4;outline-offset:3px}button[hidden],[hidden]{display:none!important}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.art{display:inline-block;flex-shrink:0;width:46px;height:46px;background-image:url('./assets/ui/imperial-icons.webp');background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #0009);pointer-events:none}.art-helmet{background-position:0 0}.art-food{background-position:33.333333% 0}.art-wood{background-position:66.666667% 0}.art-stone{background-position:100% 0}.art-iron{background-position:0 33.333333%}.art-gold{background-position:33.333333% 33.333333%}.art-hammer{background-position:66.666667% 33.333333%}.art-scroll{background-position:100% 33.333333%}.art-laurel{background-position:0 66.666667%}.art-swords{background-position:33.333333% 66.666667%}.art-backpack{background-position:66.666667% 66.666667%}.art-book{background-position:100% 66.666667%}.art-scales{background-position:0 100%}.art-map{background-position:33.333333% 100%}.art-gift{background-position:66.666667% 100%}.art-temple{background-position:100% 100%}
.top{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:116px;padding:8px 22px 7px;background:radial-gradient(ellipse at 15% -30%,#44555d80,transparent 55%),linear-gradient(#202b32,#0c131a 66%,#172029);border-bottom:2px solid #c4a05c;box-shadow:0 3px 0 #070a0d,0 5px 15px #0008}.top:after,.bottom-dock:before{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,#f1d48688,transparent);pointer-events:none}.profile{position:relative;display:flex;align-items:center;text-align:left;border:0;background:none;padding:0;min-width:290px}.portrait{position:relative;flex-shrink:0;width:94px;height:94px;border:2px solid #b5995c;border-radius:50%;background:radial-gradient(#293742,#0d131a 70%);box-shadow:inset 0 0 0 3px #0009,0 0 0 3px #64563b,0 3px 12px #000}.portrait .art{position:absolute;width:108%;height:108%;left:-4%;top:-10%}.portrait>b{position:absolute;bottom:-4px;left:32px;background:linear-gradient(#806438,#241f17);border:1px solid #e4c07a;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#ffe6aa;font-size:15px;box-shadow:0 2px 5px #000}.profile-copy{display:block;min-width:0;padding-left:13px}.profile-copy>strong{display:block;color:#edcf86;font-weight:500;font-size:25px;letter-spacing:1.5px;text-shadow:0 2px 3px #000}.profile-sub{font:8px system-ui;letter-spacing:2px;color:#aab3b6;display:block;margin:3px 0 8px}.profile-rank{font-size:14px;color:#e0e4dc}.rank-track{display:block;margin:5px 0;width:145px;height:8px;border:1px solid #526372;border-radius:5px;background:#050b11;overflow:hidden;box-shadow:inset 0 2px 4px #000}.rank-track>span{display:block;height:100%;min-width:4%;background:linear-gradient(#54e3fa,#0073c6);box-shadow:0 0 7px #35d4ff}.profile-copy>small{font-size:10px;color:#a99a78}.resources{flex:1;max-width:820px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.resource{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:53px;padding:4px 8px;border:1px solid #59616a;border-bottom-color:#b7aa80;border-radius:18px;background:linear-gradient(#080f15,#151e24);box-shadow:inset 0 2px 6px #000,0 2px 3px #0008}.resource .art{width:38px;height:38px}.resource>span:last-child{min-width:0}.resource small{display:block;text-align:left;color:#b4bcb5;font:9px system-ui;margin-bottom:3px}.resource b{display:block;white-space:nowrap;font-size:18px;font-weight:500;text-shadow:0 2px 2px #000;font-variant-numeric:tabular-nums}.resource:hover{border-color:#e2bd71}.menu-toggle{width:40px;height:42px;flex-shrink:0;border:1px solid #796544;background:linear-gradient(#33404a,#121c25);border-radius:5px;display:grid;align-content:center;gap:5px;padding:9px;box-shadow:inset 0 0 0 2px #0a131b}.menu-toggle span{height:2px;background:#d1b984;display:block}
.tabs{position:relative;z-index:9;display:flex;justify-content:center;flex-shrink:0;min-height:49px;background:linear-gradient(#2e3b43,#101922 55%,#1b252d);border-bottom:2px solid #94733c;box-shadow:0 3px 10px #0007}.tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:145px;padding:6px 15px;border:0;border-left:1px solid #9c8c6455;border-right:1px solid #0008;background:none;font-size:17px;color:#c9d0cc;text-shadow:0 2px 2px #000}.tabs button .art{width:31px;height:31px}.tabs button.active{background:radial-gradient(ellipse at bottom,#d2a53588,transparent 75%),linear-gradient(#554625,#2b2519);color:#ffe4a4;box-shadow:inset 0 0 0 1px #e8bd59,inset 0 -3px 0 #f4d16e,0 2px 13px #e9b53b44;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.nav-compass,.nav-shield{font-size:30px;line-height:1;color:#c1c9c9}.soon-dot{position:absolute;top:9px;right:9px;width:5px;height:5px;background:#ad9f79;border-radius:50%}
.main{flex:1;min-height:0;position:relative;display:flex}.stage{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#203d35}.stage-head{position:absolute;z-index:3;left:50%;transform:translateX(-50%);top:10px;text-align:center;pointer-events:none;min-width:210px;color:#fff1c4;text-shadow:0 2px 4px #000,0 0 8px #000}.stage-head small{font:7px system-ui;letter-spacing:2.5px;color:#ffe6ac}.stage-head h1{margin:4px 0;font-size:20px;font-weight:500}.stage-head .badge{display:inline-block;padding:3px 13px;font:9px system-ui;color:#f1d79c;background:#101a23b5;border:1px solid #ac8d5255;border-radius:20px}.viewport{position:relative;overflow:clip;flex:1;min-height:0;touch-action:none;background:#2c5747}.viewport canvas{position:absolute;width:max(100%,calc((100dvh - 200px)*1.6));height:auto;aspect-ratio:1120/700;left:50%;top:50%;transform:translate(-50%,-50%);touch-action:none}.map-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#00131c38,transparent 18%,transparent 80%,#06121c55),linear-gradient(90deg,#06131c33,transparent 20%,transparent 80%,#06131c33);box-shadow:inset 0 0 65px #0002}.activity-rail,.right-rail{position:absolute;z-index:4;top:75px;display:grid;gap:15px}.activity-rail{left:15px}.right-rail{right:15px}.side-control{display:flex;position:relative;align-items:center;flex-direction:column;width:76px;padding:0;border:0;background:none;text-shadow:0 2px 3px #000,0 0 5px #000}.icon-ring{position:relative;display:grid;place-items:center;width:65px;height:65px;border-radius:50%;border:2px solid #9b854f;background:radial-gradient(ellipse at 30% 10%,#45545c,#101921 60%,#03080c);box-shadow:inset 0 0 0 2px #070b10,0 2px 8px #000a,0 0 0 1px #080d12}.icon-ring:before{content:'';position:absolute;inset:2px;border:1px solid #c5ad7166;border-radius:50%;pointer-events:none}.icon-ring .art{width:57px;height:57px}.icon-ring b{position:absolute;bottom:-4px;min-width:29px;text-align:center;padding:1px 5px;border:1px solid #a58a54;border-radius:8px;font-size:12px;background:linear-gradient(#28323a,#080f15);color:#f4e2b4}.side-label{font-size:13px;margin-top:7px;line-height:1.1;color:#f6ebce}.side-detail{font:10px system-ui;margin-top:4px;color:#f7d89b;text-shadow:0 2px 3px #000}.queue-control .side-label{max-width:110px;text-align:center;font-size:11px}.icon-ring progress{position:absolute;bottom:7px;left:12px;width:37px;height:3px;appearance:none;border:0;background:#071018}.icon-ring progress::-webkit-progress-bar{background:#071018}.icon-ring progress::-webkit-progress-value{background:#ffda7f;box-shadow:0 0 5px #edb738}.icon-ring progress::-moz-progress-bar{background:#ffda7f}.notification{position:absolute;right:0;top:0;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center;font:11px system-ui;border:1px solid #ddac6a;background:linear-gradient(#e64f34,#7d100b);box-shadow:0 2px 5px #000}.quest-rail{position:relative}.quest-popover{display:none;position:absolute;right:88px;top:0;width:270px;padding:12px;border:1px solid #c2a36a;border-radius:5px;background:linear-gradient(125deg,#26323cfa,#101921fa);box-shadow:0 8px 30px #000a}.quest-rail.expanded .quest-popover{display:block}.popover-heading{font-size:10px;letter-spacing:2px;color:#d9ba77;padding:8px;border-bottom:1px solid #8b714655}.quest-popover p{font-size:10px;line-height:1.5;color:#adaf9f;padding:0 8px}.quest{display:block;min-height:43px;width:100%;text-align:left;padding:10px 8px;border:0;border-bottom:1px solid #ae925c30;background:none;color:#f2e6c6;font-size:13px}.quest.done{color:#98b59c}.quest:hover{background:#d1af6b20}
.map-tools{position:absolute;right:24px;bottom:62px;display:flex;gap:7px;z-index:4}.map-tools button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:41px;min-width:41px;padding:5px 11px;border:1px solid #c9a765;border-radius:4px;background:linear-gradient(#39444a,#101c26);box-shadow:inset 0 0 0 2px #151a22,0 3px 7px #0008;color:#ffdfa0;font-size:18px}.map-tools #build-toggle{font-size:12px}.map-tools .art{width:29px;height:29px}.overlay-note{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);max-width:70%;font:10px system-ui;white-space:nowrap;color:#e8e6c6;text-shadow:0 2px 4px #000;background:#08172188;border:1px solid #b1aa6a22;padding:6px 12px;border-radius:20px;pointer-events:none}.mission-ribbon{display:flex;align-items:center;position:absolute;z-index:6;bottom:30px;left:20px;gap:11px;width:min(500px,calc(100% - 150px));height:47px;text-align:left;border:1px solid #c3a158;border-left:0;background:linear-gradient(90deg,#17242aee,#08131beb 85%,#493b20ee);box-shadow:inset 0 0 0 2px #282c23,0 3px 9px #0008;padding:0 12px 0 46px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)}.mission-seal{position:absolute;left:0;top:1px;display:grid;place-items:center;width:41px;height:41px;border:2px solid #d2ad60;background:radial-gradient(#4d4630,#121a1d);border-radius:50%;font-size:30px;color:#ffd57b;text-shadow:0 2px 4px #000}.mission-ribbon>span:nth-child(2){min-width:0;flex:1}.mission-ribbon small{display:block;font:7px system-ui;letter-spacing:1.4px;color:#b4a077;margin-bottom:3px}.mission-ribbon strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;color:#f1e0b7}.mission-arrow{font:22px system-ui;color:#eec35f;letter-spacing:-9px;padding-right:9px}.scene-foot{position:absolute;z-index:5;bottom:0;left:0;right:0;height:25px;display:flex;align-items:center;gap:10px;padding:0 15px;background:linear-gradient(transparent,#07121ec9);color:#d0c9a8;font:9px system-ui}.scene-foot #message{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-foot button{font-size:9px;padding:3px 9px;background:#14232cbb;border:1px solid #846c46;color:#d5c492;border-radius:3px}
.bottom-dock{position:relative;z-index:10;display:flex;justify-content:center;gap:5px;flex-shrink:0;min-height:var(--bottom);padding:4px 10px max(5px,env(safe-area-inset-bottom));border-top:2px solid #b8934e;background:radial-gradient(ellipse at top,#3a475244,transparent 65%),linear-gradient(#1f2b35,#101721 65%,#161e28);box-shadow:0 -3px 0 #0e1219,0 -8px 20px #0005}.bottom-dock:before{bottom:auto;top:2px}.bottom-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:105px;padding:0 8px;border:0;border-right:1px solid #b5a57922;background:none;text-shadow:0 2px 3px #000}.bottom-dock button:last-child{border-right:0}.bottom-dock .art{width:57px;height:57px;margin-top:-9px;transition:transform .15s}.bottom-dock button:hover .art{transform:translateY(-3px)}.bottom-dock button>span:last-of-type{font-size:14px;margin-top:1px;color:#e2ddcb}.bottom-dock small{font:6px system-ui;letter-spacing:.4px;color:#8c9c9c;position:absolute;bottom:0}
.sidebar{display:none;position:absolute;z-index:12;right:110px;bottom:75px;width:345px;max-height:calc(100% - 100px);overflow-y:auto;scrollbar-color:#8d7446 #17222a;scrollbar-width:thin;box-shadow:0 10px 40px #000b;border:1px solid #aa8d57;border-radius:5px}.sidebar.is-open{display:block}.panel{padding:21px 16px;background:linear-gradient(125deg,#2c3942f5,#111e29f7);box-shadow:inset 0 0 0 3px #111a22,inset 0 0 0 4px #c19e4b44}.kicker{font:8px system-ui;letter-spacing:1.5px;color:#c3a66c}.panel h2{font-size:25px;font-weight:500;color:#f1d795;margin:9px 0}.panel p{font:11px/1.7 system-ui;color:#c0c6bb;margin:8px 0 16px}.close-button{display:grid;place-items:center;width:33px;height:33px;float:right;flex-shrink:0;background:linear-gradient(#34414a,#12202b);border:1px solid #a28756;border-radius:3px;font-size:23px;color:#dec38c}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions button{min-height:44px;padding:9px 6px;font:11px/1.5 system-ui;border:1px solid #8b7751;border-radius:3px;background:linear-gradient(#35464d,#172b37);box-shadow:inset 0 0 0 2px #14232d;color:#ede2c4}.actions button.wide{grid-column:1/-1}.actions button.primary,.actions button.wide:first-child{background:linear-gradient(#8f733d,#473b25);border-color:#d6b36e;color:#fff0bd}.actions button.building-choice{background-repeat:no-repeat;background-size:100px auto;background-position:center 0;min-height:109px;padding:72px 4px 7px;background-color:#1a2d37}.actions button:hover:not(:disabled){filter:brightness(1.2)}
dialog{max-height:85dvh;overflow-y:auto;width:min(430px,calc(100vw - 28px));padding:24px;border:1px solid #d0ac65;border-radius:5px;color:#e8dfc5;background:radial-gradient(ellipse at top,#43515d99,transparent 55%),linear-gradient(125deg,#22313d,#101b28);box-shadow:inset 0 0 0 3px #111a22,inset 0 0 0 4px #a78e5544,0 15px 80px #000b}dialog::backdrop{background:#040c15b5;backdrop-filter:blur(4px)}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.menu-head h2,dialog h2{font-size:27px;font-weight:500;color:#f1d49a;margin:3px 0 16px}dialog p{font:12px/1.7 system-ui;color:#bbc5c5}dialog small{font:10px/1.6 system-ui;color:#99aeb0}#game-menu>button,.feature-action{display:block;width:100%;min-height:43px;padding:9px;margin:10px 0;border:1px solid #a89060;background:linear-gradient(#45534f,#26363d);border-radius:3px;color:#f4ddb2}#game-menu .danger{margin-top:24px;border-color:#8a6254;background:linear-gradient(#4a3231,#2e2227);color:#d6b5a6}#feature-emblem{width:80px;height:80px;margin:10px auto 12px;display:block}#feature-dialog>h2{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}.stat-card{padding:13px 10px;border:1px solid #8e795044;border-radius:4px;background:#08142066;text-align:center}.stat-card small{display:block;font:8px system-ui;letter-spacing:.5px}.stat-card strong{display:block;margin-top:8px;font-size:23px;color:#f2dba3;font-weight:500}.stock-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #a78e5533;padding:8px 0}.stock-row .art{width:41px;height:41px}.stock-row>span:last-child{margin-left:auto;font:14px system-ui;color:#e5dab9}.stock-row strong{font-size:14px;font-weight:400}.feature-status{display:inline-block;padding:5px 9px;border:1px solid #ad8c4c;border-radius:3px;color:#e4c47e;font:8px system-ui;letter-spacing:1.2px}.report-entry{padding:10px 0;border-bottom:1px solid #ae925b33;font:12px/1.5 system-ui}.report-entry time{display:block;color:#9bafae;font-size:9px;margin-bottom:3px}
#app:not([data-scene=city]) .activity-rail,#app:not([data-scene=city]) .right-rail,#app:not([data-scene=city]) .map-tools,#app:not([data-scene=city]) .mission-ribbon{display:none}#app:not([data-scene=city]) .viewport canvas{width:100%;height:auto}#app:not([data-scene=city]) .stage-head{background:#0d1d2cd9;border:1px solid #c0a05b66;border-radius:3px;padding:6px 14px;top:8px}#app:not([data-scene=city]) .sidebar{right:15px;bottom:35px}
@media(min-width:1500px){.top{padding-left:40px;padding-right:40px}.activity-rail{left:25px}.right-rail{right:25px}.viewport canvas{width:100%}}
@media(max-width:800px){:root{--bottom:79px}.top{min-height:103px;padding:6px 10px;gap:8px}.profile{min-width:0;width:34%;flex-shrink:0}.portrait{width:60px;height:65px}.portrait>b{width:21px;height:21px;left:19px;font-size:12px}.profile-copy{padding-left:7px}.profile-copy>strong{font-size:17px;letter-spacing:.4px}.profile-sub{font-size:6px;letter-spacing:1px;margin:4px 0 6px}.profile-rank{font-size:12px}.rank-track{width:95px;height:7px}.profile-copy>small{font-size:8px}.resources{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-width:none}.resource{grid-column:span 2;gap:4px;height:36px;padding:2px 5px;border-radius:10px}.resource.food,.resource.wood{grid-column:span 3}.resource .art{width:28px;height:28px}.resource small{display:none}.resource b{font-size:14px}.menu-toggle{position:absolute;width:24px;height:22px;padding:5px;gap:3px;left:9px;bottom:3px;border:0;background:none;box-shadow:none}.menu-toggle span{height:1px}.tabs{min-height:43px}.tabs button{flex:1;min-width:0;padding:5px 4px;font-size:13px;gap:5px}.tabs button .art{width:25px;height:25px}.nav-compass,.nav-shield{font-size:24px}.soon-dot{top:4px;right:5px}.bottom-dock{gap:0;padding-left:6px;padding-right:6px}.bottom-dock button{flex:1;min-width:0;padding:0 3px}.bottom-dock .art{width:50px;height:50px}.bottom-dock button>span:last-of-type{font-size:12px}.bottom-dock small{font-size:5px}.stage-head{top:9px}.stage-head h1{font-size:17px}.stage-head small{font-size:6px}.stage-head .badge{font-size:8px;padding:2px 9px}.activity-rail,.right-rail{top:72px;gap:12px}.activity-rail{left:8px}.right-rail{right:8px}.side-control{width:65px}.icon-ring{width:54px;height:54px}.icon-ring .art{width:48px;height:48px}.side-label{font-size:11px;margin-top:6px}.side-detail{font-size:9px}.queue-control .side-label{font-size:10px;max-width:70px}.icon-ring b{font-size:10px;min-width:23px}.icon-ring progress{left:10px;width:30px;bottom:7px}.quest-popover{right:72px;width:245px}.map-tools{right:12px;bottom:72px}.map-tools button{min-width:36px;min-height:36px;padding:4px 9px}.map-tools .art{width:25px;height:25px}.mission-ribbon{left:10px;bottom:29px;width:calc(100% - 25px);height:40px;padding-left:42px;gap:7px}.mission-ribbon strong{font-size:12px}.mission-ribbon small{font-size:6px}.mission-seal{width:35px;height:35px;font-size:25px}.mission-arrow{font-size:19px}.overlay-note{bottom:112px;font-size:8px;padding:5px 9px;max-width:80%}.scene-foot{padding:0 10px;font-size:8px}.sidebar{right:10px;left:10px;bottom:76px;width:auto;max-height:56dvh}.panel{padding:17px 14px}.panel h2{font-size:23px}#app:not([data-scene=city]) .sidebar{right:10px;bottom:35px}.viewport canvas{width:max(100%,calc((100dvh - 210px)*1.6))}}
@media(max-width:480px){:root{--bottom:73px}.top{min-height:96px;padding:5px 6px;gap:7px}.profile{width:32%;align-self:stretch;align-items:center}.portrait{width:47px;height:52px;position:absolute;left:0;top:18px}.portrait>b{left:13px;bottom:-5px;width:19px;height:19px;font-size:11px}.profile-copy{padding-left:0;align-self:stretch;width:100%;position:relative}.profile-copy>strong{font-size:14px;letter-spacing:.6px;white-space:nowrap;position:absolute;top:0;left:2px}.profile-sub{position:absolute;top:18px;left:52px;font-size:5px;letter-spacing:.3px;line-height:1.4;margin:0;width:65px}.profile-rank{position:absolute;top:34px;left:53px;font-size:10px;white-space:nowrap}.rank-track{position:absolute;left:53px;top:50px;width:59px;height:6px;margin:0}.profile-copy>small{position:absolute;left:32px;bottom:1px;font-size:6px;white-space:nowrap}.resources{gap:4px}.resource{height:34px;border-radius:8px;gap:2px;padding:2px 3px}.resource .art{width:24px;height:24px}.resource b{font-size:12px}.resource.food,.resource.wood{height:35px}.resource.food .art,.resource.wood .art{width:30px;height:30px}.menu-toggle{bottom:3px;left:7px;width:21px}.tabs{min-height:36px}.tabs button{font-size:10px;gap:3px;padding:3px 2px}.tabs button .art{width:21px;height:21px}.nav-compass,.nav-shield{font-size:21px}.bottom-dock .art{width:43px;height:43px;margin-top:-9px}.bottom-dock button>span:last-of-type{font-size:11px}.bottom-dock small{font-size:4px;letter-spacing:.2px}.stage-head{top:8px;min-width:160px}.stage-head h1{font-size:16px}.stage-head small{display:none}.activity-rail,.right-rail{top:61px;gap:13px}.side-control{width:57px}.icon-ring{width:48px;height:48px}.icon-ring .art{width:43px;height:43px}.side-label{font-size:10px}.side-detail{font-size:8px}.queue-control .side-label{font-size:9px}.activity-rail{left:3px}.right-rail{right:3px}.icon-ring b{font-size:9px}.icon-ring progress{left:9px;width:26px;bottom:6px}.quest-popover{right:58px;width:min(260px,calc(100vw - 76px))}.sidebar{bottom:73px;max-height:57dvh}.notification{min-width:17px;height:17px;font-size:9px}.viewport canvas{width:max(100%,calc((100dvh - 195px)*1.6))}}
@media(orientation:landscape) and (max-height:560px){:root{--bottom:55px}.top{min-height:60px;padding:3px 12px}.profile{width:230px;min-width:220px}.portrait{position:relative;left:auto;top:auto;width:47px;height:47px}.portrait>b{left:15px;font-size:10px;width:18px;height:18px}.profile-copy{position:static;padding-left:10px}.profile-copy>strong{position:static;font-size:18px}.profile-sub,.profile-copy>small{display:none}.profile-rank{position:static;font-size:10px}.rank-track{position:static;width:105px;height:5px;margin:3px 0}.resources{display:flex;gap:5px}.resource{flex:1;height:33px;padding:2px 5px}.resource .art,.resource.food .art,.resource.wood .art{width:24px;height:24px}.resource b{font-size:12px}.menu-toggle{position:static;width:30px;height:31px;padding:7px;gap:4px;border:1px solid #796544;background:#182630}.tabs{min-height:31px}.tabs button{font-size:12px;padding:2px 7px;flex:0 1 150px}.tabs button .art{width:23px;height:23px}.bottom-dock .art{width:36px;height:36px;margin-top:-5px}.bottom-dock button{flex:0 1 100px}.bottom-dock button>span:last-of-type{font-size:10px}.bottom-dock small{display:none}.stage-head{top:5px}.stage-head h1{font-size:13px;margin:0}.stage-head small{display:none}.stage-head .badge{font-size:7px;margin-top:3px}.activity-rail,.right-rail{top:12px;gap:8px;display:flex}.activity-rail{left:8px}.right-rail{right:8px;flex-direction:column;gap:7px}.icon-ring{width:36px;height:36px}.icon-ring .art{width:32px;height:32px}.icon-ring b{font-size:8px;bottom:-5px}.side-control{width:48px}.side-label{font-size:9px}.side-detail{font-size:7px}.queue-control .side-label{font-size:8px}.icon-ring progress{width:20px;left:7px;bottom:5px}.right-rail .side-control{flex-direction:row;width:92px;gap:6px}.right-rail .side-label{margin-top:0}.quest-popover{right:100px;top:0;width:230px}.mission-ribbon{width:350px;height:33px;bottom:22px;left:10px}.mission-seal{width:29px;height:29px;font-size:23px}.mission-ribbon strong{font-size:11px}.mission-ribbon small{display:none}.scene-foot{height:20px;font-size:8px}.map-tools{right:110px;bottom:28px}.map-tools button{min-height:30px;min-width:30px;padding:2px 7px}.map-tools .art{width:22px;height:22px}.overlay-note{bottom:68px}.viewport canvas{width:100%}.sidebar,#app:not([data-scene=city]) .sidebar{left:auto;right:108px;bottom:25px;max-height:calc(100% - 35px);width:330px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.actions .inline-art{width:15px;height:15px;vertical-align:middle;margin:0 2px;filter:drop-shadow(0 1px 1px #000)}

.top{padding-top:max(5px,env(safe-area-inset-top))}