:root{--ink: #24170f;--teak: #4a2e1b;--teak-dark: #2c1b12;--palm: #e9d7a8;--gold: #d89a34;--ivory: #fff3d3;--bamboo: #8e6c36;--pos: #75b84a;--warn: #e0a23a;--neg: #c94b37;--neg-text: #e8846f;--ally: #4c9f75;--enemy: #a93d37;--focus: #57b6d6;--panel-bg: rgba(74, 46, 27, .93);--teak-tex: url(/ui/tex-teak.webp);--palm-tex: url(/ui/tex-palm.webp);--khit-tex: url(/ui/tex-khit.webp);--font: "Noto Sans Thai", system-ui, sans-serif;--font-title: "Pridi", "Noto Sans Thai", serif}#ui{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--font);color:var(--ivory);line-height:1.45;--u: calc(var(--s, 1) * 1px);--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);-webkit-tap-highlight-color:transparent}#ui [hidden]{display:none!important}#ui .hit,#ui button,#ui canvas{pointer-events:auto}:where(#ui) button{font:inherit;color:inherit;margin:0}#ui{cursor:var(--cur-default, default)}:where(#ui) button:not(:disabled){cursor:var(--cur-pointer, pointer)}.panel{background:linear-gradient(#3e2616c7,#342013d6),var(--teak-tex) center / calc(160 * var(--u)) repeat,var(--teak);border:calc(2 * var(--u)) solid var(--teak-dark);border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) #d89a3480,0 2px 6px #00000059;box-sizing:border-box}.khit{position:relative}.khit:before{content:"";position:absolute;left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(-5 * var(--u));height:calc(10 * var(--u));background:var(--khit-tex) left center / auto 100% repeat-x;border-radius:2px;box-shadow:0 1px 2px #0006;pointer-events:none}.palm{background:linear-gradient(#e9d7a88c,#e9d7a88c),var(--palm-tex) center / calc(200 * var(--u)) repeat,var(--palm);color:var(--ink);border:calc(2 * var(--u)) solid var(--bamboo);border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 1px #8e6c3673,0 2px 6px #0000004d;box-sizing:border-box}.ico{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico.art{object-fit:contain;width:calc(32 * var(--u));height:calc(32 * var(--u));filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.ico.art.sm{width:calc(24 * var(--u));height:calc(24 * var(--u))}.ico.art.lg{width:100%;height:100%}.ico.sm{width:calc(22 * var(--u));height:calc(22 * var(--u))}.ico.lg{width:calc(44 * var(--u));height:calc(44 * var(--u))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));box-sizing:border-box;height:calc(52 * var(--u));min-width:calc(52 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(10 * var(--u));cursor:var(--cur-pointer, pointer);background:var(--teak);border:calc(2 * var(--u)) solid var(--gold);font-weight:700;font-size:calc(16 * var(--u));line-height:1.3;white-space:nowrap;transition:transform 80ms,filter 80ms}.btn:active{transform:translateY(1px);filter:brightness(.88)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn.icon{width:calc(52 * var(--u));padding:0}.btn.on,.btn[aria-pressed=true],.btn[aria-expanded=true]{background:var(--palm);color:var(--ink)}.btn.quiet{background:#2c1b12e6;border-color:var(--teak-dark);box-shadow:inset 0 0 0 1px #d89a3473}.btn.quiet[aria-pressed=true],.btn.quiet[aria-expanded=true]{background:var(--palm);color:var(--ink);border-color:var(--gold)}.btn.ok{background:#3f6f2c;border-color:var(--pos)}.btn.no{background:#7a2e24;border-color:var(--neg)}.btn:disabled{opacity:.55;cursor:var(--cur-default, default);transform:none;filter:none}.num{font-weight:700;font-size:calc(18 * var(--u));line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.lbl{font-weight:600;font-size:calc(12 * var(--u));line-height:1.2;color:var(--palm);white-space:nowrap}.up{color:var(--pos)}.down{color:var(--neg-text)}.warn .num{color:var(--warn)}.crit .num{color:var(--neg-text)}.topbar{position:absolute;left:calc(var(--sl) + 16 * var(--u));top:calc(var(--st) + 12 * var(--u));display:flex;gap:calc(8 * var(--u));height:calc(64 * var(--u))}.topbar>.grp{display:flex;align-items:stretch;height:100%}.topbar .spacer{display:none}.cell{display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u));box-sizing:border-box}.cell .col{display:flex;flex-direction:column;justify-content:center;min-width:0}.res{width:calc(620 * var(--u))}.res .cell{width:20%}.res .cell+.cell{border-left:1px solid rgba(216,154,52,.35)}.pop{width:calc(120 * var(--u))}.mood{width:calc(216 * var(--u));position:relative;cursor:var(--cur-pointer, pointer)}.threat{width:calc(176 * var(--u))}.util{width:calc(174 * var(--u));gap:calc(6 * var(--u));padding:0 calc(6 * var(--u));align-items:center!important;justify-content:center}.util .btn{height:calc(48 * var(--u));min-width:calc(48 * var(--u));width:calc(48 * var(--u));padding:0}.util .devbtn{font:600 calc(11 * var(--u)) ui-monospace,Menlo,monospace}.medal{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;background:var(--teak-dark);border:calc(2 * var(--u)) solid var(--enemy);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}.medal .ico{width:70%;height:70%}.medal .ico.art{width:100%;height:100%}.tag{display:inline-flex;align-items:center;height:calc(20 * var(--u));padding:0 calc(8 * var(--u));border-radius:999px;font-size:calc(12 * var(--u));font-weight:700;line-height:1;margin-left:calc(6 * var(--u))}.tag.calm{background:#4c9f754d;color:#bfe8cf}.tag.soon{background:#e0a23a4d;color:#ffe2a8}.tag.red{background:#c94b3766;color:#ffd3c8}.threat.red{border-color:var(--neg)}.pop-over{position:absolute;left:0;top:calc(100% + 8 * var(--u));width:calc(348 * var(--u));padding:calc(12 * var(--u));z-index:32;cursor:var(--cur-default, default);display:flex;flex-direction:column;gap:calc(8 * var(--u))}.pop-over h3{margin:0;font:700 calc(16 * var(--u)) / 1.3 var(--font)}.pop-over .row{display:flex;gap:calc(6 * var(--u));align-items:center;flex-wrap:wrap}.pop-over .row>span{width:calc(52 * var(--u));font-size:calc(13 * var(--u));font-weight:600;color:var(--palm)}.pop-over .btn{height:calc(40 * var(--u));min-width:calc(48 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(14 * var(--u))}.pop-over p{margin:0;font-size:calc(12 * var(--u));color:var(--palm);line-height:1.45}.res{position:relative;cursor:var(--cur-pointer, pointer)}.stock-over{position:absolute;left:0;top:calc(100% + 8 * var(--u));width:calc(320 * var(--u));padding:calc(12 * var(--u));z-index:32;cursor:var(--cur-default, default)}.stock-over h3{margin:0 0 calc(6 * var(--u));font:700 calc(14 * var(--u)) / 1.3 var(--font);color:var(--palm)}.stock-over h3+.grid{margin-bottom:calc(10 * var(--u))}.stock-over .grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:calc(8 * var(--u));row-gap:calc(4 * var(--u))}.stock-over .grid:last-child{margin-bottom:0}.stock-over .name{font-size:calc(14 * var(--u));font-weight:600}.stock-over .num{font-size:calc(15 * var(--u));text-align:right}.stock-over .lbl{text-align:right;min-width:calc(56 * var(--u))}.threat.hit{position:relative;cursor:var(--cur-pointer, pointer)}.wave-over{width:calc(300 * var(--u))}.wave-over h3{margin:0;color:var(--ivory)}.wave-over .sub{margin:calc(2 * var(--u)) 0 calc(8 * var(--u));font-size:calc(13 * var(--u));color:var(--palm)}.wave-over .grid{margin-bottom:calc(8 * var(--u))}.wave-over .lbl{min-width:0;color:var(--palm)}.threat .more{align-self:flex-end;margin-left:calc(-16 * var(--u));margin-bottom:calc(2 * var(--u));z-index:1;min-width:calc(18 * var(--u));height:calc(16 * var(--u));padding:0 calc(4 * var(--u));border-radius:999px;box-sizing:border-box;background:var(--neg);color:var(--ivory);font:700 calc(10 * var(--u)) / calc(16 * var(--u)) var(--font);text-align:center;box-shadow:0 0 0 1px var(--teak-dark)}.wave-over .foes{display:grid;gap:calc(4 * var(--u));margin-bottom:calc(8 * var(--u))}.wave-over .foe{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));border-radius:calc(8 * var(--u));background:#00000040;border:1px solid transparent;border-left:calc(4 * var(--u)) solid var(--side, var(--enemy));text-align:left;cursor:var(--cur-pointer, pointer)}.wave-over .foe[aria-checked=true]{border-color:var(--gold);border-left-color:var(--side, var(--enemy));background:#d89a342e}.wave-over .foe.out{opacity:.55}.wave-over .foe.out .name{text-decoration:line-through}.wave-over .foe .medal{width:calc(26 * var(--u));height:calc(26 * var(--u));border-color:var(--side, var(--enemy))}.wave-over .foe .name{flex:1;min-width:0;font-size:calc(13 * var(--u));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave-over .foe .when{font-size:calc(13 * var(--u));font-weight:700;color:var(--palm);font-variant-numeric:tabular-nums}.wave-over p:not(.sub){margin:calc(4 * var(--u)) 0 0;font-size:calc(12 * var(--u));line-height:1.45;color:var(--palm)}.wave-over .weak b,.start .goals .weak b{color:var(--gold)}.start .goals .weak b{color:#8a5a12}.threat .callbtn{height:calc(26 * var(--u));min-height:0;margin-left:calc(6 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(13 * var(--u))}.threat .callbtn.armed{box-shadow:0 0 0 calc(2 * var(--u)) var(--gold)}#ui .threat .callbtn.armed{border-image-source:var(--k-no)}.wave-over .call{display:flex;align-items:center;gap:calc(8 * var(--u));margin-top:calc(8 * var(--u));padding-top:calc(8 * var(--u));border-top:1px solid rgba(216,154,52,.35)}.wave-over .call .btn{flex:0 0 auto;height:calc(40 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(14 * var(--u))}.wave-over .call p{margin:0}#ui:has(.stock-over:not([hidden]),.pop-over:not([hidden]),.start:not([hidden])) .dev{visibility:hidden}.dev{position:absolute;right:calc(var(--sr) + 16 * var(--u));top:calc(var(--st) + 88 * var(--u));max-width:calc(360 * var(--u));font:calc(12 * var(--u)) / 1.5 ui-monospace,Menlo,monospace;color:var(--ivory);background:#140e0ac7;border:1px solid #6a4ea0;border-radius:8px;padding:6px 10px;z-index:50}.paused{position:absolute;left:50%;top:calc(var(--st) + 88 * var(--u));transform:translate(-50%);padding:calc(6 * var(--u)) calc(20 * var(--u));font:700 calc(18 * var(--u)) / 1.3 var(--font-title);letter-spacing:.02em}.alerts{position:absolute;right:calc(var(--sr) + 16 * var(--u));top:calc(var(--st) + 226 * var(--u));width:calc(328 * var(--u));display:flex;flex-direction:column;gap:calc(8 * var(--u));z-index:30}.alert{display:flex;align-items:center;gap:calc(10 * var(--u));min-height:calc(60 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u)) calc(12 * var(--u));box-sizing:border-box;background:#4a2e1bf2;border:calc(2 * var(--u)) solid var(--neg);border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 1px #c94b3780,0 2px 6px #00000059;animation:hud-in .18s ease-out}.alert.warn{border-color:var(--warn);box-shadow:inset 0 0 0 1px #e0a23a80,0 2px 6px #00000059}.alert .txt{flex:1;font-size:calc(16 * var(--u));font-weight:700;line-height:1.3}.alert .btn{height:calc(36 * var(--u));min-width:calc(36 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(14 * var(--u));border-radius:calc(8 * var(--u))}.alert .act{background:var(--neg);border-color:var(--neg)}.alert.warn .act{background:var(--warn);border-color:var(--warn);color:var(--ink)}.alert .close{background:transparent;border-color:transparent;padding:0}.advisor{position:absolute;left:calc(var(--sl) + 16 * var(--u));bottom:calc(var(--sb) + 236 * var(--u));width:calc(204 * var(--u));min-height:calc(44 * var(--u));display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));cursor:var(--cur-pointer, pointer);animation:hud-in .18s ease-out}.advisor .ico{width:calc(22 * var(--u));height:calc(22 * var(--u))}.advisor .txt{font:600 calc(14 * var(--u)) / 1.35 var(--font-title)}.feed{position:absolute;right:calc(var(--sr) + 16 * var(--u));bottom:calc(var(--sb) + 152 * var(--u));width:calc(328 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));font-size:calc(14 * var(--u));line-height:1.45}.feed div{display:flex;gap:calc(10 * var(--u));animation:hud-in .18s ease-out}.feed .tm{color:var(--palm);font-weight:600;font-variant-numeric:tabular-nums;min-width:calc(40 * var(--u))}.feed .bad{color:var(--neg-text)}.toast{position:absolute;left:50%;top:30%;transform:translate(-50%);max-width:calc(100vw - 32px);background:#2c1b12eb;border:1px solid var(--gold);padding:8px 18px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.4;opacity:0;transition:opacity .18s;text-align:center;z-index:30}.toast.on{opacity:1}.minimap{position:absolute;left:calc(var(--sl) + 16 * var(--u));bottom:calc(var(--sb) + 16 * var(--u));width:calc(204 * var(--u));height:calc(204 * var(--u));padding:calc(6 * var(--u))}.minimap canvas{width:100%;height:100%;display:block;border-radius:4px;touch-action:none;cursor:var(--cur-cross, crosshair);image-rendering:pixelated}.mapbtn{display:none}.dock{position:absolute;left:calc(var(--sl) + 236 * var(--u));bottom:calc(var(--sb) + 16 * var(--u));display:flex;gap:calc(12 * var(--u))}.dock .btn{width:calc(124 * var(--u))}.dock .btn .ico{width:calc(24 * var(--u));height:calc(24 * var(--u))}.dock .btn .ico.art{width:calc(34 * var(--u));height:calc(34 * var(--u));margin:calc(-6 * var(--u)) 0}.tray{position:absolute;left:calc(var(--sl) + 236 * var(--u));bottom:calc(var(--sb) + 76 * var(--u));max-width:calc(680 * var(--u));min-height:calc(118 * var(--u));display:flex;flex-wrap:wrap;align-content:flex-start;align-items:stretch;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;animation:hud-up .16s ease-out}.tray::-webkit-scrollbar{display:none}.card{flex:0 0 auto;box-sizing:border-box;width:calc(100 * var(--u));min-height:calc(96 * var(--u));padding:calc(6 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));border-radius:calc(8 * var(--u));background:#2c1b12eb;border:calc(2 * var(--u)) solid var(--bamboo);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(1 * var(--u));cursor:var(--cur-pointer, pointer);text-align:center}.card .ico{width:calc(34 * var(--u));height:calc(34 * var(--u))}.card .ico.art{width:calc(48 * var(--u));height:calc(48 * var(--u));margin:calc(-4 * var(--u)) 0 calc(-2 * var(--u))}.card .name{font-size:calc(14 * var(--u));font-weight:700;line-height:1.25}.card .cost{font-size:calc(11 * var(--u));font-weight:600;line-height:1.2;color:var(--palm)}.card .why{font-size:calc(11 * var(--u));font-weight:700;line-height:1.2;color:var(--neg-text)}.card[aria-pressed=true]{background:var(--palm);color:var(--ink);border-color:var(--gold)}.card[aria-pressed=true] .cost{color:#5a4320}.card.dis{opacity:.78}.card.dis .ico{opacity:.6}.slot{position:absolute;left:calc(var(--sl) + 928 * var(--u));right:calc(var(--sr) + 210 * var(--u));bottom:calc(var(--sb) + 16 * var(--u));display:flex;justify-content:flex-start;align-items:flex-end;container-type:inline-size;pointer-events:none}.slot>*{max-width:calc(604 * var(--u));width:100%;box-sizing:border-box}.sel{display:flex;align-items:stretch;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));min-height:calc(96 * var(--u))}.sel .portrait{width:calc(76 * var(--u));overflow:hidden;border-radius:calc(8 * var(--u));background:var(--teak-dark);border:calc(2 * var(--u)) solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:0 0 auto}.sel .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--u))}.sel .kinds{display:flex;flex-wrap:wrap;gap:calc(4 * var(--u))}.sel .hp{height:calc(5 * var(--u));border-radius:3px;background:#00000073;overflow:hidden;max-width:calc(220 * var(--u))}.sel .hp>div{height:100%;background:var(--pos);border-radius:3px;transition:width .25s linear}.sel .hp.warn>div{background:var(--warn)}.sel .hp.crit>div{background:var(--neg)}.sel .chip{border:1px solid rgba(216,154,52,.55);background:#2c1b12b3;border-radius:999px;cursor:var(--cur-pointer, pointer);padding:calc(1 * var(--u)) calc(8 * var(--u));font-size:calc(12 * var(--u));font-weight:600;line-height:1.5;color:var(--palm)}.sel .chip:not(:disabled):hover{background:var(--palm);color:var(--ink)}.sel .chip:disabled{cursor:var(--cur-default, default)}.sel .tip{font-size:calc(12 * var(--u));line-height:1.35;color:var(--palm);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.sel .tip b{color:var(--gold);font-weight:700}.sel .cmds{display:flex;gap:calc(6 * var(--u));align-items:center}.sel .cmds .btn{width:calc(52 * var(--u));padding:0}.place{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u)) calc(14 * var(--u));min-height:calc(64 * var(--u))}.place.ok{border-color:var(--pos)}.place.bad{border-color:var(--neg)}.place .info{flex:1;min-width:0}.place .info .num{font-size:calc(16 * var(--u));white-space:normal}.place .info .lbl{white-space:normal}.place .info .note{margin:calc(2 * var(--u)) 0;font-size:calc(13 * var(--u));line-height:1.4;color:var(--ivory)}.place .btn{height:calc(48 * var(--u))}.bld{display:flex;flex-direction:column;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u))}.bld .head{display:flex;align-items:center;gap:calc(10 * var(--u))}.bld .bicon{width:calc(56 * var(--u));height:calc(56 * var(--u));flex:0 0 auto;border-radius:calc(8 * var(--u));overflow:hidden;background:var(--teak-dark);border:calc(2 * var(--u)) solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold)}.bld .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(4 * var(--u))}.bld .bar{height:calc(8 * var(--u));border-radius:4px;background:#00000073;overflow:hidden}.bld .bar>div{height:100%;background:var(--gold);border-radius:4px;transition:width .25s linear}.bld .durrow{display:flex;align-items:center;gap:calc(8 * var(--u))}.bld .dur{flex:0 0 calc(120 * var(--u));height:calc(6 * var(--u));border-radius:3px;background:#00000073;overflow:hidden}.bld .dur>div{height:100%;background:var(--pos);border-radius:3px;transition:width .25s linear}.bld .dur.warn>div{background:var(--warn)}.bld .dur.crit>div{background:var(--neg)}.bld .durrow span{font-size:calc(11 * var(--u));color:var(--palm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bld .head .btn.demolish.arm{background:var(--neg);border-color:var(--neg);color:var(--ivory)}.bld .errand{display:flex;align-items:center;gap:calc(8 * var(--u));flex-wrap:wrap}.bld .errand .btn{height:calc(40 * var(--u));min-width:0;padding:0 calc(12 * var(--u));font-size:calc(14 * var(--u))}.bld .errand .btn.dis{opacity:.55}.bld .errand .btn.no[aria-pressed=true]{color:var(--ivory);border-color:var(--gold)}.bld .errand .lbl{white-space:normal;font-size:calc(13 * var(--u))}.bld .errand .lbl.bad{color:var(--neg-text)}.bld.fire{border-color:var(--neg);box-shadow:inset 0 0 0 calc(1 * var(--u)) #c94b3799,0 0 calc(10 * var(--u)) #c94b3773}.bld .lines{font-size:calc(12 * var(--u));color:var(--palm);line-height:1.45}.bld .head .btn{width:calc(44 * var(--u));height:calc(44 * var(--u));min-width:0;align-self:flex-start}.bld .train{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u)) calc(14 * var(--u))}.bld .tgroup{display:flex;flex-direction:column;gap:calc(3 * var(--u))}.bld .tlabel{font-size:calc(11 * var(--u));font-weight:700;color:var(--palm);letter-spacing:.02em;padding-left:2px}.bld .tcards{display:flex;gap:calc(8 * var(--u))}.bld .train::-webkit-scrollbar{display:none}.bld .train .card{width:calc(84 * var(--u))}.bld .jobs{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u))}.bld .jobs .btn{height:calc(36 * var(--u));min-width:0;padding:0 calc(12 * var(--u));font-size:calc(13 * var(--u));border-radius:999px}.bld .trade{display:grid;grid-template-columns:auto minmax(4em,1fr) auto auto auto;align-items:center;column-gap:calc(8 * var(--u));row-gap:calc(6 * var(--u));max-height:calc(232 * var(--u));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:calc(4 * var(--u));scrollbar-width:thin;scrollbar-color:var(--bamboo) transparent}.bld .trade .good{font-size:calc(14 * var(--u));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bld .trade .stock{font-size:calc(15 * var(--u));text-align:right;min-width:calc(40 * var(--u))}.bld .trade .btn{height:calc(36 * var(--u));min-width:max-content;padding:0 calc(10 * var(--u));font-size:calc(13 * var(--u));border-radius:calc(8 * var(--u))}.bld .trade .stock{margin-right:calc(4 * var(--u))}.bld .trade .btn.sell{background:#2c1b12e6}.bld .trade .btn.dis{opacity:.55}.bld .train .card .name{font-size:calc(13 * var(--u))}@container (max-width: 460px){.sel,.place{flex-wrap:wrap;row-gap:calc(6 * var(--u))}.sel .portrait{display:none}.sel .info,.place .info{flex:1 1 100%}.sel .cmds{margin-left:auto}.place>span:first-child{display:none}.place .btn:first-of-type{margin-left:auto}}.idle{padding:calc(8 * var(--u)) calc(14 * var(--u));font-size:calc(13 * var(--u));color:var(--palm);line-height:1.5;background:#1a120cb8;border-radius:calc(10 * var(--u))}.hintline,.band{display:none}.quick{position:absolute;right:calc(var(--sr) + 16 * var(--u));bottom:calc(var(--sb) + 80 * var(--u));display:flex;gap:calc(8 * var(--u))}.quick .btn{border-radius:50%}.cam{position:absolute;right:calc(var(--sr) + 16 * var(--u));bottom:calc(var(--sb) + 16 * var(--u));display:flex;gap:calc(7 * var(--u))}.groups{position:absolute;right:calc(var(--sr) + 16 * var(--u));bottom:calc(var(--sb) + 80 * var(--u));display:flex;gap:calc(6 * var(--u))}.groups .btn{position:relative;width:calc(38 * var(--u));min-width:0;height:calc(44 * var(--u));padding:0;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.groups .n{font:600 calc(20 * var(--u)) / 1 var(--font-title)}.groups .count{position:absolute;top:calc(-7 * var(--u));right:calc(-6 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));padding:0 calc(4 * var(--u));box-sizing:border-box;border-radius:999px;background:var(--palm);color:var(--ink);border:1px solid var(--gold);font:700 calc(11 * var(--u)) / calc(16 * var(--u)) var(--font);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}.groups .btn.empty{opacity:.6}.groups .btn.empty .n{color:var(--palm)}.groups .btn.hold:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:3px;border-radius:2px;background:var(--gold);transform-origin:left;animation:group-hold .45s linear forwards}.groups .btn.set{animation:group-set .6s ease-out}@keyframes group-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes group-set{0%{box-shadow:0 0 0 calc(3 * var(--u)) #d89a34e6}to{box-shadow:0 0 0 calc(12 * var(--u)) #d89a3400}}@media(min-width:901px)and (min-height:501px){#ui.touch .quick{bottom:calc(var(--sb) + 136 * var(--u))}}.modal{position:absolute;inset:0;background:#140e0a8c;display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:auto}.modal .box{width:min(340px,calc(100vw - 32px));padding:20px;display:flex;flex-direction:column;gap:10px}.modal h2{margin:0 0 6px;font:600 26px / 1.3 var(--font-title);text-align:center;color:var(--ivory)}.modal .btn{width:100%;height:48px;font-size:16px}.volumes{display:grid;gap:4px}.volumes .vol{display:grid;grid-template-columns:6.5em 1fr 3.2em;align-items:center;gap:10px;min-height:40px;font-size:15px;font-weight:600}.volumes .pct{text-align:right;font-variant-numeric:tabular-nums}.volumes input[type=range]{width:100%;height:32px;margin:0;accent-color:var(--gold);cursor:var(--cur-pointer, pointer)}.start{z-index:44;background:#140e0a80}.start .box{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 24px);overflow-y:auto;padding:22px 24px;gap:10px}.start .box>*{flex-shrink:0}.start h1{margin:0;font:600 34px / 1.2 var(--font-title);color:var(--ink);text-align:center}.start .sub{margin:0;text-align:center;color:#5a4320;font-size:14px;line-height:1.5}.start .foe{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#4a2e1b1a}.start .foe .seal{width:56px;height:56px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:3px solid var(--neg);display:flex;align-items:center;justify-content:center;background:var(--teak-dark);color:var(--gold)}.start .foe b{display:block;font:600 18px / 1.3 var(--font-title);color:var(--ink)}.start .foe span{font-size:13px;color:#5a4320}.start .lords{display:grid;gap:6px;max-height:236px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.start .lord{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:10px;cursor:var(--cur-pointer, pointer);text-align:left;background:#4a2e1b14;border:2px solid rgba(142,108,54,.35);color:var(--ink);font:inherit}.start .lord:hover:not(:disabled){background:#4a2e1b29}.start .lord[aria-checked=true]{background:#d89a3438;border-color:var(--gold);box-shadow:0 0 0 2px #d89a3440;cursor:var(--cur-default, default)}.start .lord:disabled{opacity:.55;cursor:var(--cur-default, default)}.start .lord .seal{width:52px;height:52px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:2px solid var(--neg);display:flex;align-items:center;justify-content:center;background:var(--teak-dark);color:var(--gold)}.start .lord .text{display:flex;flex-direction:column;gap:1px;min-width:0}.start .lord b{font:600 17px / 1.25 var(--font-title)}.start .lord small{font-size:12.5px;color:#5a4320;line-height:1.35}.start .diff{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#6b3a1f;white-space:nowrap}.start .pips{display:inline-flex;gap:2px}.region{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:var(--ivory);white-space:nowrap;flex:0 0 auto;box-shadow:inset 0 0 0 1px #fff3d359}.region.r-central{background:#a8741f}.region.r-lanna{background:#6b4a8a}.region.r-isan{background:#2f5f8a}.region.r-south{background:#2f7a4f}.start .pips i{width:7px;height:7px;border-radius:2px;background:#4a2e1b33}.start .pips i.on{background:var(--neg)}.start .goals{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px;line-height:1.45;color:var(--ink)}.start .goals li:before{content:"•";margin-right:6px;font-weight:700}.start .goals .win:before{color:#3f6f2c}.start .goals .lose:before{color:var(--neg)}.start .goals .wave:before{color:var(--bamboo)}.start .goals .weak:before{color:var(--gold)}.start .levels{display:grid;gap:4px}.start .levels .seg .btn{gap:6px}.start .levels .seg .ico{width:18px;height:18px}.start .levels .note{margin:0;color:#5a4320;font-size:13px;line-height:1.45}.start .actions{display:grid;gap:8px}.start .btn,.modal .btn.cont{width:100%;height:auto;min-height:48px;font-size:16px}.btn.cont{flex-direction:column;gap:0;padding:4px 12px;background:var(--teak)}.btn.cont small{font-size:12px;font-weight:600;color:var(--palm)}.start .howto{border-top:1px solid rgba(142,108,54,.5);padding-top:8px}.start .howto h3{margin:6px 0 4px;font:700 14px / 1.3 var(--font);color:var(--ink)}.start .howto ul{margin:0;padding-left:18px;display:grid;gap:3px;font-size:13px;line-height:1.45;color:#3a2a18}.start .box{position:relative}.start .btn.back{position:absolute;left:12px;top:12px;width:auto;min-height:36px;height:36px;padding:0 12px;font-size:14px}.start .box>.back+h1{padding:0 84px}.start{background:linear-gradient(#140e0a9e,#140e0a9e),var(--menu-bg, none) center / cover no-repeat,#2a1c12}.start.at-menu{background:linear-gradient(90deg,#140e0a0d 35%,#140e0a8c 75%),var(--menu-bg, none) 30% center / cover no-repeat,#2a1c12}.start .menu-main{position:absolute;inset:0;padding:calc(var(--st) + 28px) calc(var(--sr) + 40px) calc(var(--sb) + 24px) calc(var(--sl) + 40px);box-sizing:border-box;display:grid;grid-template-columns:1fr minmax(300px,420px);grid-template-rows:1fr auto;grid-template-areas:"logo bars" "foot foot";gap:20px}.start .logo{grid-area:logo;align-self:start}.start .logo h1{margin:0;text-align:left;font:600 64px / 1.1 var(--font-title);color:#ffd97a;letter-spacing:.01em;text-shadow:0 2px 0 #5a2a10,0 0 2px #2c1b12,0 4px 14px rgba(0,0,0,.7)}.start .logo h2{margin:0;text-align:left;font:600 30px / 1.2 var(--font-title);color:var(--ivory);text-shadow:0 2px 0 #5a2a10,0 3px 10px rgba(0,0,0,.75)}.start .logo p{margin:4px 0 0;font:600 16px / 1.4 var(--font);color:var(--ivory);text-shadow:0 1px 3px rgba(0,0,0,.9)}.start .bars{grid-area:bars;align-self:center;display:grid;gap:14px}.start .bar{position:relative;width:auto;height:64px;min-height:0;padding:0 16px 0 64px;justify-content:flex-start;text-align:left;background:linear-gradient(#24160ef0,#1a100af0);border:2px solid var(--gold);border-radius:6px;box-shadow:inset 0 0 0 2px #7a2e24,inset 0 0 0 3px #d89a3480,0 3px 10px #00000080;color:var(--ivory);margin-left:28px}.start .bar:hover:not(:disabled){background:linear-gradient(#4a2e1bf5,#342013f5)}.start .bar .medal{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3a2210;background:radial-gradient(circle at 35% 30%,#f7e2a8,#d6a64e 45%,#8a5a20);border:3px solid #5a3a1f;box-shadow:inset 0 0 0 3px #fff3d38c,0 3px 8px #0000008c}.start .bar .medal .ico{width:40px;height:40px;stroke-width:2}.start .bar .medal .ico.art{width:52px;height:52px}.start .bar .text{display:flex;flex-direction:column;flex:1;align-items:center;min-width:0}.start .bar b{font:600 22px / 1.2 var(--font-title);white-space:nowrap}.start .bar small{font-size:12px;font-weight:600;color:var(--palm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.start .bar:disabled{opacity:.62;filter:saturate(.6)}.start .bar:disabled .medal{filter:grayscale(.7)}.start .menu-foot{grid-area:foot;display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.start .bar.small{width:260px;height:46px;padding-left:48px;margin-left:22px}.start .bar.small .medal{left:-22px;width:56px;height:56px}.start .bar.small .medal .ico{width:28px;height:28px}.start .bar.small b{font-size:17px}.start .bar.small small{font-size:11px}.start .custom{width:min(1080px,calc(100vw - 32px));height:min(680px,calc(100vh - 24px));max-height:none;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto 320px auto minmax(0,1fr) auto;grid-template-areas:"head head" "side view" "side info" "side maps" "foot foot";gap:10px 14px;padding:16px 18px}.start .custom .head{grid-area:head;display:flex;align-items:center;gap:12px;min-height:40px}.start .custom .head .btn.back{position:static}.start .custom .head h1{font-size:26px;text-align:left;flex:1}.start .custom .head .segrow{width:300px}.start .custom .side{grid-area:side;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:#4a2e1b1a;border:2px solid rgba(142,108,54,.45)}.start .custom .viewcol{grid-area:view;min-height:0;container-type:size;display:flex;justify-content:center}.start .mapview{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;flex:0 0 auto}.start .mapview canvas{width:100%;height:100%;display:block;border-radius:6px;border:3px solid #5a3a1f;box-sizing:border-box;box-shadow:0 0 0 2px var(--gold),0 3px 8px #00000059}.start .pin{position:absolute;transform:translate(-50%,-55%);width:28px;height:32px;padding:0 0 4px;border:0;border-radius:6px 6px 50% 50%/6px 6px 60% 60%;font:700 14px / 1 var(--font);color:var(--ink);background:linear-gradient(#fff6dc,#d9c79c);box-shadow:0 0 0 2px #2c1b12,0 2px 4px #00000080;cursor:var(--cur-pointer, pointer);touch-action:manipulation}.start .pin.ally{background:linear-gradient(#5fae58,#2f6f2a);color:var(--ivory)}.start .pin.foe{background:linear-gradient(#e2664f,#8a2b1f);color:var(--ivory)}.start .pin.us{background:linear-gradient(#ffe08a,#c4831f);color:var(--ink);box-shadow:0 0 0 2px #2c1b12,0 0 0 4px var(--ivory),0 2px 6px #00000080}.start .pin.active{outline:3px solid var(--focus);outline-offset:3px}.start .custom .info{grid-area:info;min-height:0;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:#4a2e1b1a;border:1px solid rgba(142,108,54,.45)}.start .custom .info b{font:600 18px / 1.25 var(--font-title);color:var(--ink)}.start .custom .info small{font-size:12px;color:#5a4320;font-weight:600}.start .custom .info p{margin:2px 0 0;font-size:13px;line-height:1.45;color:#3a2a18}.start .custom .maps{grid-area:maps;min-height:0;display:grid;align-content:start;gap:4px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.start .mapitem{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;text-align:left;font:inherit;color:var(--ink);background:#4a2e1b14;border:2px solid rgba(142,108,54,.35);cursor:var(--cur-pointer, pointer)}.start .mapitem:hover{background:#4a2e1b29}.start .mapitem[aria-checked=true]{background:#7a2e24;color:var(--ivory);border-color:var(--gold)}.start .mapitem[aria-checked=true] small{color:var(--palm)}.start .mapitem canvas{width:36px;height:36px;flex:0 0 auto;border-radius:4px;border:1px solid rgba(44,27,18,.5)}.start .mapitem .text{display:flex;flex-direction:column;min-width:0}.start .custom .title{display:flex;align-items:center;gap:6px;min-width:0}.start .mapitem b{font:600 15px / 1.25 var(--font-title)}.start .mapitem small{font-size:11.5px;color:#5a4320;line-height:1.3}.start .mapitem .blurb{display:none}.start .custom .cap{margin:0;font-size:12px;color:#5a4320}.start .segrow{display:flex;align-items:center;gap:8px}.start .segrow>.lbl{flex:0 0 auto;color:#5a4320;font-size:13px}.start .seg{display:flex;gap:4px;flex:1}.start .seg .btn{width:auto;flex:1;min-height:36px;height:36px;padding:0 6px;font-size:14px}.start .seg .btn[aria-pressed=true]{background:var(--teak);color:var(--ivory);border-color:var(--gold);box-shadow:none}.start .slots{display:grid;gap:8px}.start .team{display:grid;gap:4px;padding:6px;border-radius:10px;border:2px solid rgba(63,143,58,.45);background:#3f8f3a14}.start .team.t1{border-color:#c94b3780;background:#c94b3712}.start .team>.lbl{color:#3f6f2c;font-size:12px;font-weight:700}.start .team.t1>.lbl{color:#8a2b1f}.start .slotrow{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:8px;cursor:var(--cur-pointer, pointer)}.start .slotrow.active{background:#d89a3440}.start .slotrow .btn.spawn{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;font-size:14px;flex:0 0 auto}.start .slotrow .btn.spawn[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--ivory)}.start .slotrow .seal{width:32px;height:32px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:2px solid var(--teak-dark);display:flex;align-items:center;justify-content:center;background:var(--teak-dark);color:var(--gold)}.start .slotrow .seal .ico.art{width:32px;height:32px}.start .slotrow .who{font:600 16px / 1.25 var(--font-title)}.start .slotrow .pick{flex:1;min-width:0;height:36px;padding:0 28px 0 10px;border-radius:8px;font:600 14px var(--font);color:var(--ink);background:#fff3d3d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234a2e1b' stroke-width='2'/%3E%3C/svg%3E") right 10px center / 12px 8px no-repeat;border:2px solid rgba(142,108,54,.55);appearance:none;-webkit-appearance:none;cursor:var(--cur-pointer, pointer)}.start .opts{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:auto;padding-top:4px;border-top:1px solid rgba(142,108,54,.45)}.start .medals{display:flex;flex-direction:column;gap:4px}.start .medals>.lbl{color:#5a4320;font-size:12px;font-weight:700}.start .medals .row{display:flex;gap:10px}.start .medalbtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;font:inherit;color:#5a4320;cursor:var(--cur-pointer, pointer)}.start .medalbtn .medal{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5a3a1f;background:radial-gradient(circle at 35% 30%,#efe3c4,#b9a57a 55%,#6e5a3a);border:3px solid #5a3a1f;box-shadow:inset 0 0 0 2px #fff3d380;filter:saturate(.4);opacity:.8}.start .medalbtn .medal .ico{width:26px;height:26px;stroke-width:2.2}.start .medalbtn .name{font-size:12px;font-weight:600}.start .medalbtn[aria-checked=true] .medal{filter:none;opacity:1;color:#3a2210;background:radial-gradient(circle at 35% 30%,#f7e2a8,#d6a64e 45%,#8a5a20);box-shadow:inset 0 0 0 2px #fff3d38c,0 0 0 3px var(--gold),0 0 10px #d89a34b3}.start .medalbtn[aria-checked=true] .name{color:var(--ink);font-weight:700}.start .medalbtn:focus-visible .medal{outline:2px solid var(--focus);outline-offset:2px}.start .custom .foot{grid-area:foot;display:flex;align-items:center;gap:10px}.start .custom .foot .btn{width:auto;min-width:120px;padding:0 18px}.start .custom .note{flex:1;margin:0;font-size:13px;font-weight:600;color:#5a4320}.start .custom .note.bad{color:#8a2b1f}.start .custom .note.warn{color:#8a5a10}.start .brief{width:min(480px,calc(100vw - 32px))}.start .brief .sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.start .brief .side{display:grid;gap:4px;align-content:start;padding:6px 8px;border-radius:10px;border:2px solid rgba(63,143,58,.45);background:#3f8f3a14}.start .brief .side+.side{border-color:#c94b3780;background:#c94b3712}.start .brief .side>.lbl{color:#5a4320;font-size:12px;font-weight:700}.start .brief .who{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}.start .brief .who small{margin-left:auto;color:#5a4320;font-size:12px}.start .brief .seal{width:28px;height:28px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:2px solid var(--teak-dark);display:flex;align-items:center;justify-content:center;background:var(--teak-dark);color:var(--gold)}.start .brief .seal .ico.art{width:28px;height:28px}.start .lobby{width:min(520px,calc(100vw - 32px))}.start .field{display:grid;gap:4px}.start .field>.lbl{color:#5a4320;font-size:13px;font-weight:600}.start .field input,.start .linkbox{height:44px;padding:0 12px;border-radius:8px;font:600 16px var(--font);color:var(--ink);box-sizing:border-box;background:#fff3d3e6;border:2px solid rgba(142,108,54,.55);width:100%}.start .field input:focus-visible,.start .linkbox:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.start .lobby .note{margin:0;min-height:1.4em;font-size:13px;font-weight:600;color:#5a4320;text-align:center}.start .lobby .note.bad,.start .custom .note.bad{color:#8a2b1f}.start .lobby .hint{margin:0;font-size:13px;color:#5a4320;line-height:1.45}.start .net{margin:0;font-size:12.5px;font-weight:600;color:#8a5a10;text-align:center}.start .net:empty{display:none}.start .net.closed{color:#8a2b1f}.start .net.said{color:#3f6f2c}.start .lobby .who{display:flex;align-items:center;justify-content:center;gap:8px;font:600 16px / 1.3 var(--font-title);color:var(--ink)}.start .btn.small{width:auto;min-height:32px;height:32px;padding:0 10px;font-size:13px}.start .roomlist{display:grid;gap:6px;max-height:min(300px,40vh);overflow-y:auto;overscroll-behavior:contain;padding:2px}.start .roomlist .empty{margin:8px 0;text-align:center;font-size:14px;color:#5a4320}.start .roomitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-align:left;font:inherit;color:var(--ink);background:#4a2e1b14;border:2px solid rgba(142,108,54,.35);cursor:var(--cur-pointer, pointer)}.start .roomitem:hover:not(:disabled){background:#4a2e1b29}.start .roomitem:disabled{opacity:.6;cursor:var(--cur-default, default)}.start .roomitem .text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.start .roomitem .title{display:flex;align-items:center;gap:6px;min-width:0}.start .roomitem b{font:600 17px / 1.25 var(--font-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start .roomitem small{font-size:12.5px;color:#5a4320;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start .roomitem .ico,.start .lobby .sub .ico,.start .custom.room .head .ico{width:18px;height:18px;flex:0 0 auto;color:#8a5a10;vertical-align:-3px}.start .roomitem .seats{flex:0 0 auto;padding:2px 10px;border-radius:999px;font:700 14px var(--font);background:var(--teak);color:var(--ivory)}.start .roomitem .seats.full{background:#4a2e1b59}.start .coderow{display:flex;align-items:end;gap:8px}.start .coderow .field{flex:1}.start .coderow .btn{width:auto;min-width:72px;min-height:44px;height:44px}.start .lobby .segrow .seg .btn{gap:6px}.start .lobby .seg .ico{width:18px;height:18px}.start .custom.room .foot{flex-wrap:wrap}.start .custom .roombar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.start .custom .roombar .code{display:flex;flex-direction:column;line-height:1.1;padding:2px 10px;border-radius:8px;background:#4a2e1b1f;border:1px solid rgba(142,108,54,.5)}.start .custom .roombar .code small{font-size:11px;color:#5a4320;font-weight:600}.start .custom .roombar .code b{font:700 18px var(--font);letter-spacing:.12em;color:var(--ink)}.start .custom .roombar .linkbox{width:260px;height:36px;font-size:13px}.start .custom .lockform{display:flex;align-items:center;gap:6px}.start .custom .lockform .field{display:flex}.start .custom .lockform .field>.lbl{display:none}.start .custom .lockform input{width:150px;height:40px}.start .custom .lockform .btn{min-width:0}.start .custom .lockform .btn.icon{width:40px;padding:0}.start .slotrow.us{box-shadow:inset 0 0 0 2px #d89a34b3}.start .slotrow .who.open{color:#8a7a5a;font-style:italic}.start .slotrow .who small{font:600 12px var(--font);color:#5a4320}.start .slotrow .seattag{flex:0 0 auto;margin-left:auto;padding:1px 8px;border-radius:999px;font:700 12px / 1.5 var(--font);white-space:nowrap;background:#4a2e1b24;color:#5a4320}.start .slotrow .seattag.host{background:var(--gold);color:var(--ink)}.start .slotrow .seattag.ready{background:#3f6f2c;color:var(--ivory)}.start .slotrow .seattag.wait{background:#e0a23a4d;color:#6b3a1f}.start .slotrow .seattag.gone{background:#c94b3740;color:#8a2b1f}@media(max-height:500px){.start .box{padding:12px 16px;gap:6px}.start h1{font-size:24px}.start .sub{display:none}.start .lords{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;overflow-y:hidden;max-height:none;touch-action:pan-x}.start .lord .seal{width:40px;height:40px}.start .lord b{font-size:15px}.start .lord .pips,.start .goals .wave,.start .levels .note{display:none}.start .levels .seg .btn{min-height:34px;height:34px}.start .actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.start .btn{min-height:44px;font-size:14px}.start .btn.back{left:8px;top:8px;min-height:32px;height:32px}.start .menu-main{padding:calc(var(--st) + 12px) calc(var(--sr) + 16px) calc(var(--sb) + 10px) calc(var(--sl) + 16px);grid-template-columns:1fr minmax(250px,44%);gap:8px 16px}.start .logo h1{font-size:34px}.start .logo h2{font-size:18px}.start .logo p{font-size:13px}.start .bars{gap:10px}.start .bar{height:48px;padding-left:50px;margin-left:22px}.start .bar .medal{left:-24px;width:60px;height:60px}.start .bar .medal .ico{width:30px;height:30px}.start .bar .medal .ico.art{width:40px;height:40px}.start .bar b{font-size:18px}.start .menu-foot{gap:34px;padding-left:20px}.start .bar.small{width:auto;flex:1;max-width:220px;height:40px;padding-left:40px}.start .bar.small .medal{left:-18px;width:46px;height:46px}.start .bar.small .medal .ico{width:24px;height:24px}.start .bar.small b{font-size:15px}.start .custom{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:8px 12px;gap:6px 10px;grid-template-columns:minmax(170px,34%) 1fr;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"head head" "view side" "info side" "maps side" "foot foot"}.start .custom .head{min-height:32px;gap:8px}.start .custom .head h1{font-size:20px}.start .custom .head .segrow{width:230px}.start .custom .head .segrow>.lbl{display:none}.start .custom .side{padding:6px;gap:6px}.start .custom .info{padding:4px 8px}.start .custom .info b{font-size:15px}.start .custom .info small{font-size:11px}.start .custom .info p{display:none}.start .custom .maps{display:flex;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:0 0 2px}.start .mapitem{flex:0 0 auto;padding:2px 6px 2px 2px;gap:4px}.start .mapitem canvas{width:26px;height:26px}.start .mapitem b{font-size:13px}.start .mapitem small{display:none}.start .pin{width:22px;height:26px;font-size:11px}.start .seg .btn{min-height:30px;height:30px;font-size:13px}.start .slotrow .btn.spawn{width:30px;min-width:30px;height:30px;min-height:30px}.start .slotrow .seal,.start .slotrow .seal .ico.art{width:28px;height:28px}.start .slotrow .pick{height:32px;font-size:13px}.start .medalbtn .medal{width:40px;height:40px}.start .medalbtn .medal .ico{width:22px;height:22px}.start .custom .foot .btn{min-height:40px;height:40px;min-width:100px}.start .custom .note{font-size:12px}.start .brief .sides{gap:6px}.start .brief .sub,.start .lobby .sub.keep{display:block}.start .roomlist{max-height:34vh}.start .field input{height:38px;font-size:15px}.start .coderow .btn{min-height:38px;height:38px}.start .custom .roombar .code b{font-size:15px}.start .custom .roombar .code small{display:none}.start .custom .lockform input{width:120px;height:36px}}.endcard{z-index:45}.endcard .box{width:min(360px,calc(100vw - 32px));padding:20px 22px;align-items:center;text-align:center;gap:8px}.endcard .seal{width:84px;height:84px;border-radius:50%;overflow:hidden;border:3px solid var(--bamboo);display:flex;align-items:center;justify-content:center;background:var(--teak-dark);color:var(--gold)}.endcard .defeat .seal{border-color:var(--neg);box-shadow:0 0 0 4px #c94b3740}.endcard .victory .seal{border-color:var(--gold);box-shadow:0 0 0 4px #d89a344d}.endcard h2{margin:4px 0 0;font:600 32px / 1.25 var(--font-title);color:var(--ink)}.endcard .defeat h2{color:#8a2b1f}.endcard p{margin:0;color:#5a4320;font-size:15px;line-height:1.45}.endcard .stats{font-size:13px;font-weight:600}.endcard .btn{width:100%;height:48px;font-size:16px}.endbanner{position:absolute;left:50%;top:calc(var(--st) + 88 * var(--u));transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;font:600 16px / 1.3 var(--font-title);white-space:nowrap}.endbanner .btn{height:40px;font-size:14px}body.defeat #app{filter:grayscale(.75) brightness(.8);transition:filter .9s}body.victory #grade{background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 50%,rgba(216,154,52,.35) 100%)}.rotate{display:none}@media(orientation:portrait)and (max-width:600px){.rotate{display:flex;position:absolute;inset:0;z-index:60;pointer-events:auto;background:#1a1612e6;align-items:center;justify-content:center;padding:calc(var(--st) + 24px) 24px calc(var(--sb) + 24px);box-sizing:border-box}.rotate .palm{width:326px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.rotate svg{width:72px;height:72px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.rotate h2{margin:0;font:600 26px / 1.3 var(--font-title)}.rotate p{margin:0;font-size:14px;color:#5a4320}}@keyframes hud-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes hud-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-height:500px),(max-width:900px){#ui{--u: 1px}.panel{border-radius:8px}.pausemenu .box{width:min(560px,calc(100vw - 32px));max-height:calc(100% - 16px);overflow-y:auto;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px}.pausemenu h2,.pausemenu .volumes{grid-column:1 / -1}.pausemenu h2{margin:0;font-size:22px}.pausemenu .btn{height:42px}.pausemenu .btn.cont{min-height:42px}.topbar{left:calc(var(--sl) + 8px);right:calc(var(--sr) + 8px);top:calc(var(--st) + 6px);height:44px;gap:4px;padding:0 6px;background:var(--panel-bg);border:2px solid var(--teak-dark);border-radius:8px;box-sizing:border-box;box-shadow:inset 0 0 0 1px #d89a3480,0 2px 6px #00000059}.topbar>.grp.panel{background:none;border:0;box-shadow:none;border-radius:0}.topbar{background:linear-gradient(#3e2616c7,#342013d6),var(--teak-tex) center / 160px repeat,var(--teak)}.res.khit:before{display:none}.topbar:before{content:"";position:absolute;left:14px;right:14px;top:-5px;height:8px;border-radius:2px;background:var(--khit-tex) left center / auto 100% repeat-x;box-shadow:0 1px 2px #0006;pointer-events:none}.topbar .spacer{display:block;flex:1 1 0}.cell{padding:0 4px;gap:4px}.res{width:auto;gap:4px}.res .cell{width:58px}.res .cell+.cell{border-left:0}.cell .ico{width:18px;height:18px}.cell .ico.art{width:22px;height:22px}.pop,.mood{width:68px;margin-left:4px}.threat{width:96px}.num{font-size:13px}.lbl{font-size:10px}.mood .full,.res .per{display:none}.medal{width:26px;height:26px}.tag{display:none}.threat .callbtn{display:none!important}.threat.red .num{color:var(--neg-text)}.util{width:auto;gap:4px;padding:0}.util .btn{width:40px;min-width:40px;height:36px;border-radius:8px}.pop-over{position:fixed;left:calc(var(--sl) + 8px);top:calc(var(--st) + 56px);width:340px}.stock-over{position:fixed;left:calc(var(--sl) + 8px);top:calc(var(--st) + 56px);width:300px;max-height:calc(100vh - 130px);overflow-y:auto}.dev{right:calc(var(--sr) + 8px);top:calc(var(--st) + 96px);max-width:min(300px,calc(100vw - 500px));font-size:10px}#ui.placing .dev{display:none}.paused{top:calc(var(--st) + 58px);font-size:15px}.endbanner{top:calc(var(--st) + 56px);font-size:13px}.alerts{left:calc(var(--sl) + 8px);right:auto;top:calc(var(--st) + 58px);width:300px}.alerts .alert:not(:first-child){display:none}.alert{min-height:44px;height:44px;padding:4px 6px 4px 10px;gap:8px}.alert .txt{font-size:13px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert .btn{height:32px;min-width:32px}.advisor{left:calc(var(--sl) + 8px);bottom:auto;top:calc(var(--st) + 58px);width:250px;min-height:44px}#ui.has-alert .advisor,.feed{display:none}.toast{top:26%;font-size:13px;padding:6px 14px}.minimap{display:none;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:268px;height:268px;z-index:35}#ui.map-open .minimap{display:block}.mapbtn{display:inline-flex;position:absolute;left:calc(var(--sl) + 8px);bottom:calc(var(--sb) + 8px)}.btn{height:48px;min-width:48px;padding:0 10px;border-radius:8px;font-size:14px}.btn.icon{width:48px}.util .btn,.util .btn.icon{width:40px;min-width:40px;height:36px;padding:0}.util .devbtn{width:44px}.mapbtn.btn{width:52px;height:52px}.dock{left:calc(var(--sl) + 68px);right:auto;bottom:calc(var(--sb) + 8px);gap:6px}.dock .btn{flex:none;width:52px;height:52px;min-width:52px;max-width:none;padding:0}.dock .btn .label{display:none}.dock .btn .ico.art{width:40px;height:40px;margin:0}.tray{left:calc(var(--sl) + 68px);right:auto;bottom:calc(var(--sb) + 66px);width:max-content;max-width:calc(100vw - var(--sl) - var(--sr) - 76px);min-height:0;height:72px;padding:8px 10px;gap:6px;box-sizing:border-box;flex-wrap:nowrap}#ui.placing .tray{right:calc(var(--sr) + 8px);width:auto;max-width:none;padding-right:186px}.tray .card{width:56px;min-height:0;height:56px;padding:4px;justify-content:center;overflow:hidden}.tray .card .name,.tray .card .cost,.tray .card .why{display:none}.tray .card .ico{width:30px;height:30px}.tray .card .ico.art{width:44px;height:44px;margin:0}.tray .card.dis{opacity:.55}.tray .card.dis .ico{opacity:1;filter:grayscale(.85) brightness(.85)}.slot{left:calc(var(--sl) + 68px);right:calc(var(--sr) + 168px);bottom:calc(var(--sb) + 64px)}.slot>*{max-width:420px}.slot>.sel{width:auto}#ui.tray-open .slot .sel,#ui.tray-open .slot .bld{display:none}.slot>.bld{max-height:calc(100vh - var(--st) - var(--sb) - 176px);overflow:hidden}.bld .trade{min-height:0;flex:1 1 auto}.bld{padding:6px 8px;gap:6px}.bld .bicon,.bld .head .btn{width:40px;height:40px}.bld .lines{font-size:11px}.bld .train .card{width:84px;height:auto;min-height:90px}.bld .train{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;gap:6px 12px}.bld .train::-webkit-scrollbar{display:none}.bld .tlabel{font-size:10px}.bld .tcards{gap:6px}.bld .trade{column-gap:6px;row-gap:4px;max-height:150px}.bld .jobs .btn{height:36px;padding:0 10px;font-size:12px}.bld .trade .btn{height:34px;padding:0 8px;font-size:12px}.bld .trade .good{font-size:13px}.sel{min-height:0;padding:5px 6px 5px 10px;align-items:center}.sel .portrait,.sel .kinds,.sel .tip{display:none}.sel .hp{width:100%;margin-top:3px}.sel .cmds .btn{width:48px}.idle{display:none}.place{position:fixed;right:calc(var(--sr) + 14px);bottom:calc(var(--sb) + 72px);width:auto;padding:4px 6px;gap:6px;min-height:0}.place .info{display:none}.place .btn.icon{width:48px}.place .btn.ok{width:64px}.hintline{display:block;position:absolute;left:calc(var(--sl) + 266px);right:calc(var(--sr) + 8px);top:calc(var(--st) + 62px);text-align:center;pointer-events:none}.hintline>span{display:inline-block;background:#1a120ccc;border-radius:12px;padding:4px 12px;font-size:12px;line-height:1.4;color:var(--palm)}.hintline b{display:block;color:var(--ivory);font-size:13px;font-weight:700}.hintline .note{display:block;color:var(--ivory)}.hintline.bad b{color:var(--neg-text)}.cam{right:calc(var(--sr) + 8px);bottom:calc(var(--sb) + 8px);gap:4px}.groups{right:calc(var(--sr) + 168px);bottom:calc(var(--sb) + 8px)}.groups .btn{width:44px;min-width:44px;height:48px}.quick{right:calc(var(--sr) + 8px);bottom:calc(var(--sb) + 64px);gap:6px}.quick .btn.icon{width:44px;height:44px;min-width:44px;border-radius:50%}#ui.tray-open .quick{display:none}}@media(max-height:500px)and (max-width:740px),(max-width:740px){.res .cell{width:52px}.pop{width:60px}.mood{width:52px}.threat{width:72px}.threat .lbl,.util .devbtn{display:none}.groups{gap:4px}.groups .btn{width:40px;min-width:40px}}:root{--k-panel: url(/ui/kit/panel-teak.webp);--k-parch: url(/ui/kit/panel-parchment.webp);--k-btn: url(/ui/kit/btn.webp);--k-btn-hover: url(/ui/kit/btn-hover.webp);--k-btn-down: url(/ui/kit/btn-pressed.webp);--k-btn-off: url(/ui/kit/btn-disabled.webp);--k-btn-on: url(/ui/kit/btn-square-on.webp);--k-ok: url(/ui/kit/btn-ok.webp);--k-no: url(/ui/kit/btn-danger.webp);--k-card: url(/ui/kit/tile-card.webp);--k-card-on: url(/ui/kit/tile-card-on.webp);--k-map: url(/ui/kit/frame-minimap.webp);--k-chip: url(/ui/kit/chip-alert.webp);--k-toast: url(/ui/kit/toast.webp);--k-top: url(/ui/kit/bar-top.webp);--k-bar-menu: url(/ui/kit/bar-menu.webp);--k-bar-small: url(/ui/kit/bar-menu-small.webp);--k-green: url(/ui/kit/fill-green.webp);--k-amber: url(/ui/kit/fill-amber.webp);--k-red: url(/ui/kit/fill-red.webp);--k-gold: url(/ui/kit/fill-gold.webp);--k-medal: url(/ui/kit/medal.webp);--k-medal-on: url(/ui/kit/medal-on.webp);--k-medal-off: url(/ui/kit/medal-disabled.webp);--k-badge: url(/ui/kit/badge.webp);--k-khit: url(/ui/kit/trim-khit.webp);--k-pin: url(/ui/kit/pin.webp);--k-pin-gold: url(/ui/kit/pin-gold.webp);--k-pin-green: url(/ui/kit/pin-green.webp);--k-pin-red: url(/ui/kit/pin-red.webp)}#ui .panel,#ui .palm{background:none;box-shadow:none;border-color:transparent;border-radius:0;border-image:var(--k-panel) 24 fill / calc(12 * var(--u)) stretch}#ui .palm{border-image-source:var(--k-parch)}#ui .threat.red{filter:drop-shadow(0 0 calc(4 * var(--u)) rgba(201,75,55,.95))}#ui .place.ok{box-shadow:0 0 0 calc(2 * var(--u)) var(--pos)}#ui .place.bad{box-shadow:0 0 0 calc(2 * var(--u)) var(--neg)}#ui .bld.fire{box-shadow:0 0 calc(10 * var(--u)) #c94b37b3}#ui .btn{background:none;box-shadow:none;border-color:transparent;border-image:var(--k-btn) 21 fill / calc(10 * var(--u)) stretch;color:var(--ivory);text-shadow:0 1px 2px rgba(0,0,0,.85)}#ui .btn small{color:var(--palm)}@media(hover:hover){#ui .btn:hover:not(:disabled){border-image-source:var(--k-btn-hover)}}#ui .btn:active:not(:disabled){border-image-source:var(--k-btn-down);filter:none}#ui .btn.on,#ui .btn[aria-pressed=true],#ui .btn[aria-expanded=true]{border-image-source:var(--k-btn-on);color:var(--ink);text-shadow:none}#ui :is(.btn.on,.btn[aria-pressed=true],.btn[aria-expanded=true]) small{color:#5a4320}#ui .btn.ok{border-image-source:var(--k-ok)}#ui .btn.no,#ui .bld .head .btn.demolish.arm,#ui .alert .act{border-image-source:var(--k-no);color:var(--ivory)}#ui .alert.warn .act{border-image-source:var(--k-btn-on);color:var(--ink);text-shadow:none}#ui .btn:disabled{border-image-source:var(--k-btn-off);opacity:1;color:#fff3d3b3}#ui .btn.dis{opacity:.6}#ui .alert .close:not(#_){border-image:none}#ui :is(.cam,.quick) .btn:not(#_),#ui .start .slotrow .btn.spawn:not(#_){border-image:none;border-color:transparent;border-radius:50%;background:var(--k-medal) center / contain no-repeat;color:var(--palm)}#ui .cam .btn:active:not(#_),#ui .quick .btn[aria-pressed=true]:not(#_),#ui .start .slotrow .btn.spawn[aria-pressed=true]:not(#_){background-image:var(--k-medal-on);color:var(--ivory)}#ui .groups .count{background:var(--k-badge) center / contain no-repeat;border:0;color:var(--ivory);min-width:calc(20 * var(--u));height:calc(20 * var(--u));line-height:calc(20 * var(--u));padding:0;text-shadow:0 1px 1px rgba(0,0,0,.7)}#ui .card{background:none;border-color:transparent;border-image:var(--k-card) 25 fill / calc(12 * var(--u)) stretch}#ui .card[aria-pressed=true]{border-image-source:var(--k-card-on)}#ui .card .why{color:#ffab94;text-shadow:0 1px 2px rgba(0,0,0,.8)}#ui .minimap{border-image:var(--k-map) 38 / calc(22 * var(--u)) stretch;padding:calc(9 * var(--u))}#ui .alert{background:none;box-shadow:none;border-color:transparent;border-radius:0;border-image:var(--k-chip) 20 15 20 80 fill / calc(14 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u)) calc(52 * var(--u)) stretch;padding-left:calc(14 * var(--u))}#ui .alert.warn{box-shadow:none;filter:hue-rotate(28deg) saturate(1.1)}#ui .alert.warn .ico,#ui .alert.warn .txt,#ui .alert.warn .btn{filter:hue-rotate(-28deg)}#ui .toast{background:none;border:0;border-radius:0;padding:9px 30px;border-image:var(--k-toast) 15 27 fill / 14px 24px stretch}#ui .sel .hp,#ui .bld .dur{height:calc(8 * var(--u))}#ui .sel .hp>div,#ui .bld .dur>div,#ui .bld .bar>div{background:none;border-radius:0;border-image:var(--k-green) 0 16 fill / 0 calc(4 * var(--u)) stretch}#ui .sel .hp.warn>div,#ui .bld .dur.warn>div{border-image-source:var(--k-amber)}#ui .sel .hp.crit>div,#ui .bld .dur.crit>div{border-image-source:var(--k-red)}#ui .bld .bar>div{border-image-source:var(--k-gold)}#ui .start .bar:not(#_){background:none;box-shadow:none;border:0;margin-left:0;padding-left:76px;color:var(--ivory);border-image:var(--k-bar-menu) 0 15 0 85 fill / 0 12px 0 65px stretch}#ui .start .bar:hover:not(:disabled):not(#_){background:none;filter:brightness(1.12)}#ui .start .bar:disabled:not(#_){opacity:.62}#ui .start .bar .medal{left:0;top:0;transform:none;width:64px;height:64px;background:none;border:0;box-shadow:none;color:var(--gold)}#ui .start .bar .medal .ico{width:34px;height:34px}#ui .start .bar .medal .ico.art{width:40px;height:40px}#ui .start .bar.small:not(#_){padding-left:54px;margin-left:0;border-image:var(--k-bar-small) 0 14 0 80 fill / 0 9px 0 47px stretch}#ui .start .bar.small .medal{left:0;width:46px;height:46px}#ui .start .bar.small .medal .ico{width:24px;height:24px}#ui .start .medalbtn .medal{background:var(--k-medal) center / contain no-repeat;border:0;box-shadow:none;filter:saturate(.5);opacity:.85;color:var(--palm)}#ui .start .medalbtn[aria-checked=true] .medal{background-image:var(--k-medal-on);box-shadow:none;filter:none;opacity:1;color:var(--ivory)}#ui .start .pin{background:var(--k-pin) center / contain no-repeat;border-radius:0;box-shadow:none;width:28px;height:35px;padding:0 0 6px;color:var(--ink)}#ui .start .pin.us{background-image:var(--k-pin-gold);box-shadow:none}#ui .start .pin.ally{background-image:var(--k-pin-green);color:var(--ivory)}#ui .start .pin.foe{background-image:var(--k-pin-red);color:var(--ivory)}#ui .start .pin.active{outline:none;filter:drop-shadow(0 0 3px var(--focus)) drop-shadow(0 0 2px var(--focus))}#ui .start .seg .btn[aria-pressed=true]{background:none;color:var(--ink);text-shadow:none}@media(max-height:500px),(max-width:900px){#ui .topbar{background:none;border:0;box-shadow:none;border-image:var(--k-top) 0 28 fill / 0 28px stretch}#ui .topbar>.grp.panel{border-image:none}#ui .topbar:before{display:none}#ui .panel,#ui .palm{border-image-width:10px}#ui .btn,#ui .card{border-image-width:9px}#ui .minimap{border-image-width:22px;padding:10px}#ui .alert{border-image-width:11px 8px 11px 40px;padding-left:8px}#ui .start .bar:not(#_){padding-left:56px;border-image-width:0 9px 0 49px}#ui .start .bar .medal{width:48px;height:48px}#ui .start .bar .medal .ico{width:26px;height:26px}#ui .start .bar .medal .ico.art{width:30px;height:30px}#ui .start .bar.small:not(#_){padding-left:46px;border-image-width:0 7px 0 40px}#ui .start .bar.small .medal{width:40px;height:40px}#ui .start .pin{width:22px;height:28px;font-size:11px}}@media(min-width:901px)and (min-height:501px){#ui{--band: calc(206 * var(--u));--col-r: calc(198 * var(--u));--col-slot: calc(470 * var(--u))}#ui .band{display:block;position:absolute;left:0;right:0;bottom:0;height:calc(var(--sb) + var(--band));border-image:var(--k-panel) 24 fill / calc(14 * var(--u)) stretch;cursor:var(--cur-default, default)}#ui .band:before{content:"";position:absolute;left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(-7 * var(--u));height:calc(14 * var(--u));background:var(--k-khit) left center / auto 100% repeat-x;pointer-events:none}#ui .topbar{left:0;right:0;top:0;height:calc(var(--st) + 68 * var(--u));box-sizing:border-box;gap:calc(4 * var(--u));padding:calc(var(--st) + 4 * var(--u)) calc(var(--sr) + 14 * var(--u)) calc(4 * var(--u)) calc(var(--sl) + 14 * var(--u));border-image:var(--k-top) 0 28 fill / 0 calc(28 * var(--u)) stretch}#ui .topbar>.grp.panel{border-image:none;border:0}#ui .topbar>.grp+.grp{border-left:1px solid rgba(216,154,52,.45)}#ui .topbar .spacer{display:block;flex:1 1 0}#ui .topbar .util{width:auto}#ui .topbar .khit:before{display:none}#ui .minimap{left:calc(var(--sl) + 12 * var(--u));bottom:calc(var(--sb) + 14 * var(--u));width:calc(178 * var(--u));height:calc(178 * var(--u))}#ui .tray{left:calc(var(--sl) + 198 * var(--u));right:calc(var(--sr) + var(--col-r) + var(--col-slot) + 26 * var(--u));bottom:calc(var(--sb) + 78 * var(--u));max-width:none;min-height:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:calc(4 * var(--u)) calc(6 * var(--u));border-image:none;border:0;background:#140c0859;border-radius:calc(8 * var(--u));animation:none;scrollbar-width:thin;scrollbar-color:var(--bamboo) transparent}#ui .dock{left:calc(var(--sl) + 198 * var(--u));right:calc(var(--sr) + var(--col-r) + var(--col-slot) + 26 * var(--u));bottom:calc(var(--sb) + 12 * var(--u));height:calc(60 * var(--u));gap:calc(22 * var(--u));justify-content:center;align-items:center;background:var(--k-khit) center / auto calc(30 * var(--u)) repeat-x;border-radius:calc(4 * var(--u))}#ui .dock .btn:not(#_){width:calc(60 * var(--u));height:calc(60 * var(--u));min-width:0;padding:0;border:0;border-image:none;border-radius:50%;background:var(--k-medal) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}#ui .dock .btn[aria-expanded=true]:not(#_){background-image:var(--k-medal-on)}#ui .dock .btn .label{display:none}#ui .dock .btn .ico.art{width:calc(38 * var(--u));height:calc(38 * var(--u));margin:0}#ui .slot{left:auto;right:calc(var(--sr) + var(--col-r) + 12 * var(--u));width:var(--col-slot);bottom:calc(var(--sb) + 12 * var(--u))}#ui .slot>*{max-width:none}#ui .sel{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:calc(12 * var(--u));row-gap:calc(6 * var(--u));align-items:center;min-height:calc(172 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u))}#ui .sel .portrait{display:flex;grid-row:1 / 3;width:calc(112 * var(--u));height:calc(112 * var(--u));border-radius:50%;border-width:calc(3 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) var(--teak-dark),0 2px 6px #00000080}#ui .sel .info{grid-column:2;align-self:end}#ui .sel .cmds{grid-column:2;margin-left:0;gap:calc(5 * var(--u));flex-wrap:wrap}#ui .sel .cmds .btn{width:calc(44 * var(--u));height:calc(44 * var(--u));min-width:0}#ui .idle{min-height:calc(172 * var(--u));display:flex;align-items:center;padding:calc(16 * var(--u));box-sizing:border-box;background:none;border-radius:0;border-image:var(--k-panel) 24 fill / calc(12 * var(--u)) stretch}#ui .groups{right:calc(var(--sr) + 14 * var(--u));bottom:calc(var(--sb) + 80 * var(--u))}#ui .cam{right:calc(var(--sr) + 14 * var(--u));bottom:calc(var(--sb) + 14 * var(--u))}#ui .advisor,#ui .feed{bottom:calc(var(--sb) + var(--band) + 14 * var(--u))}}