*{box-sizing:border-box}html,body{background:#0b1a24;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}#app{width:100%;height:100%;position:relative}canvas{display:block}:root{--menu-text:#e8f2ef;--menu-muted:#8fb3ad;--menu-accent:#5ad1e6;--menu-line:#ffffff1a;--menu-line-strong:#ffffff2e;--menu-fill:#ffffff0f;--menu-fill-hover:#ffffff1f;--menu-panel:#10222bdb}.menu-screen{color:var(--menu-text);background:radial-gradient(120% 85% at 50% -15%,#5ad1e629,#0000 62%),radial-gradient(95% 70% at 88% 112%,#3aa08c29,#0000 66%),linear-gradient(#0e222d 0%,#08151d 55%,#050d13 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-screen:before,.menu-screen:after{content:"";pointer-events:none;position:fixed;inset:0}.menu-screen:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.641 60'%3E%3Cpath d='M17.32 0L34.641 10L34.641 30L17.32 40L0 30L0 10ZM17.32 40L17.32 60' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='.7'/%3E%3C/svg%3E");background-size:46px 79.67px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%)}.menu-screen:after{background:radial-gradient(75% 65% at 50% 45%,#0000 40%,#0009 100%)}.menu-flanks{pointer-events:none;--flank-bleed:60px;position:fixed;inset:0;overflow:hidden}.menu-flanks:before,.menu-flanks:after{content:"";background-image:url(/assets/castle-flank-DjVDcKru.webp);background-repeat:no-repeat;background-size:auto 100%;background-position:calc(-1 * var(--flank-bleed)) bottom;opacity:.5;width:min(34vw,620px);position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 42%,#0000 94%);mask-image:linear-gradient(90deg,#000 0% 42%,#0000 94%)}.menu-flanks:before{left:0}.menu-flanks:after{right:0;transform:scaleX(-1)}@media (width<=900px){.menu-flanks{display:none}}.menu-topbar{z-index:1;justify-content:flex-end;align-items:center;gap:8px;padding:18px 22px 0;display:flex;position:relative}.menu-account{border:1px solid var(--menu-line);color:var(--menu-text);background:#0003;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 6px;font-size:13px;display:flex}.menu-avatar{background:linear-gradient(150deg, var(--menu-accent), #2f8f9e);color:#06171d;text-transform:uppercase;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.menu-linkbtn{font:inherit;color:var(--menu-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 12px;font-size:13px}.menu-linkbtn:hover{background:var(--menu-fill);color:var(--menu-text)}.menu-stage{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:34px;padding:24px 22px 56px;display:flex;position:relative}.menu-status{color:var(--menu-muted);text-align:center;font-size:15px}.menu-hero{text-align:center}.menu-wordmark{letter-spacing:.16em;text-indent:.08em;text-transform:uppercase;background:linear-gradient(#fff 0%,#a8e8f2 55%,#4fb6cb 100%);color:#0000;filter:drop-shadow(0 6px 26px #5ad1e647);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,7vw,68px);font-weight:800}.menu-tagline{letter-spacing:.42em;text-transform:uppercase;color:var(--menu-muted);text-indent:.21em;margin:12px 0 0;font-size:12px;font-weight:600}.menu-section-title{letter-spacing:.3em;text-indent:.15em;text-transform:uppercase;color:#cfe9f2;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:21px}.menu-backlink{font:inherit;color:var(--menu-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 16px 8px 10px;font-size:14px;transition:color .16s;display:flex;position:absolute;top:22px;left:26px}.menu-backlink:hover,.menu-backlink:focus-visible{color:var(--menu-text);outline:none}.menu-backlink-icon svg{width:20px;height:20px;display:block}.art-tile,.settings-panel,.menu-page .menu-section,.menu-page #room-list{border:0;border-image-source:url(/assets/tile-frame-CMWCOLVN.webp);border-image-slice:340;border-image-width:46px;border-image-repeat:stretch}.menu-page .menu-section,.menu-page #room-list{border-image-width:34px}.art-tile:before,.settings-panel:before{content:"";z-index:-1;--bevel:22px;clip-path:polygon(var(--bevel) 0, calc(100% - var(--bevel)) 0, 100% var(--bevel), 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, var(--bevel) 100%, 0 calc(100% - var(--bevel)), 0 var(--bevel));position:absolute;inset:10px}.art-tiles{perspective:2400px;gap:clamp(16px,2vw,28px);width:min(1180px,100%);display:grid}.art-tiles.is-duo{grid-template-columns:1.5fr 1fr}.art-tiles.is-trio{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr}.art-tiles.is-trio>:first-child{grid-row:span 2}.art-tiles.is-duo>:first-child,.art-tiles.is-trio>:first-child{--tilt:4.5deg}.art-tiles.is-duo>:last-child,.art-tiles.is-trio>:nth-child(2),.art-tiles.is-trio>:nth-child(3){--tilt:-4.5deg}.art-tile{font:inherit;isolation:isolate;cursor:pointer;color:var(--menu-text);transform:rotateY(var(--tilt,0deg));background:0 0;align-content:center;transition:transform .35s cubic-bezier(.2,.7,.3,1);display:grid;position:relative}.art-tile:hover,.art-tile:focus-visible{outline:none;transform:rotateY(0)scale(1.05)}.art-tile:hover:before,.art-tile:focus-visible:before{filter:brightness(1.12)drop-shadow(0 18px 38px #00000080)}.art-tile:before{background-image:linear-gradient(168deg, #05141c8c 0%, #030c12db 100%), var(--tile-art);background-size:cover;background-position:var(--tile-art-pos,center);transition:filter .25s}.art-tile:after{content:"";pointer-events:none;background:url(data:image/webp;base64,UklGRpYPAABXRUJQVlA4WAoAAAAQAAAAcwAAWwAAQUxQSNAFAAAF8HTbtmnb2rbV1voY03suH1521LZ9RR208ROudMX0A2zbV8xmyLZ9bc3eW6sbXXOnuVK6YldEOJAkNW7ATuJTywIrVZ7w8pjOxXg+IWIcxvne8fEN19/iZCVCoQBAMYCLZBgglGwAQgG4jcjcoag4pRzAxaLHjW1SsgsppoQY00k8F68eRaRhHBd7e8fXX3/T4QK5d8Avo3ctmIBUsHSDBNzNo9vGLCVLCXvxbMotjldscXx0dHJyMEOPu1aCYMZ1V1RVEC0kTmNKya54SvO0KWwz4XLcWx8dHh8vZxn0rtvze6+aNCLsw9g8TzdjtCt+lGI8H686gMW4WB8dHO2thmaWas9Ty++S9XZk27iL0+m+vmJXvjaGCIzzxfrMwXq9DNjucAtG2zg70YMHKcV0PqbsAhbD+szemTPTDpSk9kZnAVt4f9ZnNJxPKV30iKtf0/VytZoIKI2UgZqlDKg0LiFVHK24LKCsuBa+7E37ZhbN0gW3BAzjbLlYTqf5lRo5NRyVmkWDDLi0XsSu3i3jCGYwu2ApJQqGYTqbL6dDb5+Add4zWWrUtfSnsa4hmSXJmjWapAHDdLKYZdbkBWKhhcWljSxDu8Ub6g1liEyekmWhzyaTxajas0lDWwu+t1IHQprvqyRYHYZclmAIwzCZTyeht+jLymrV11ZDbgHEs90QDbh6MMmtR1VdM+VrFLXrtrrg6trCYwGuuSFZqlkvYUVfSu0miutW7yU1O+9KSI2aoO7iyWKIpuAwCbNx6NJR1zI212IAaKXfHSLV3RmQBUjN6MzSkpGdwZtQ4NlJv3oQQpiOQap5yX/URAmgVsWJ0PZcXe3ryvOUDIdDXTEATtDdnGIIo46qW9UlpSeVlG0faQtT8IwsI+gAVCUEotZ7baVjjS20FK8WTnlUwOuSj8xAIjNRyRY4WzG2leR0BY/aCQsWqlCZlwhEevSqgx62Jb331aTS66JJNvq1B4NrG7uFXNsttOnYtuw60WyTH5fmNzXDUluMbl3kaJlrLSEUC2W/1/NXmZ+liI4sms4CUe1cZgRUy8zFA+gC7ZiHUcPRwY5rFWBhDkh2Dyqx9wJ3bSSoVIeeeby3KXoqrFwCdtTMNXNSpIy8s0lYY4hSDlAySOmnihCWVmkGSj15LlIv406+SqUuviFdlFZXL8UANXgOZICkqD1tVjnhKsVw1VKpF3NVFzpud5HyfAmunHUoGyrVlKJKUDTnRQBIPu8SUtUFKVuK1Pp6SbK6In2g0I3QIEnjAHJ0SYpgg3kKqpupkQ5ngAht5gwK5bkwDGUwlXxob2FnhNgI10yp/35ukAnOziy4cy1mSg9TEwqcg3sgFSvYfENXZtOMD4OFVZyP93ne3VbIi61Mek53eWwhq6gyHeYjKJ993ecv5uuszAcTODAo6Aw+OgNIzlMBrQZRJBvgzp+7oZCovnomJeffGTIu4OHse1/+L7RcHR0uUsEkzLHlAIJh+c6HrtG3DqB4eUZRXHKRfzznQ9YRF3GtffHkt451RhWoaFhjDqCL4k+P+D7FcU18W8m660dv2epACFmKSBVzDPqdR/47YSdc/Q6fvBPqc0NLl6ty+YXHnZ1uuBtb8PCM1w+5PNqwmcCh1Sx7cELFdfOKN50ndsaFuPErt6lx2TEDZAvI/zzzk6lsjV25a/GOJ6mHcv6oK34aCQ/45+O+il1zgXz4CdpYqVSXTMbw2/v/BkPCznl48avVtPHvWHms+MmD/ojddH3oe46doamDrib6vmf9Gzvrt/ncrYv1LbUynDne+Ipz2NVvhhS+ek/kgi41JfzzC9+P3XV1yG2+eZSgkDS6jRZiEPn5w36FXffD7103SUGzlbwJoH++yz92fhcePv+VUSSAFFMbf3Dv/wCnYMPrXiAIIJSCLz/6LE6Jv+w1QmpU0fc83XFq/NZfu8F8hD/l/ThNPn/Vs4bZ55/+O5wuD4d3+s+PL+D0eTCcSv+///a/gAFWUDggoAkAAPAnAJ0BKnQAXAA+MRaIQyIhCoWamhABgliBigDtAG8A9QfYsU+X+Sv5LLP/rd8yQD9I3rvUx+ZfRD6dvmV/bX10/RR/tvUA/y3UAegB+mfpt/tv8FX9m/2v7e+0P/9fYA9ADO0/vXhD5KPZstam7/bcLvxAyZf4/gxc28wj2e+s/77jd0lM61/Tf+by4/nv+R9gn9ZP+T/ePa79mn7X+zX+3A2DmjI64WdCfEos3ppf6UMVin9s14RRTAM9oWZf0VBrs+jmCYNWR6dOB23P/AfZ/jAKUI+hA8448tAWtosYG/OgjXc2quWaVmkX9XRE8hDizKRz679lbRjPeLSqouu36n94kWQKtEDfgu0EOEZybrcKfl5QUL49nWn99pfqXtyRzajVrzWJ8mNheLN2/iSTYUph+0UWyZq+s7t9Qw6gKOhW5KiknAAA/qW//17/RjjwynmtavAdzw+cI1USX/gU0T4O/XQf9MojXL8NHgoAv6lxtdiS+eQFRJPOvCTVAfDbDPewAjGk2dgefcQ7o80jmP3yGVA/q6jsILZ2RKX1DBHMa5+UcrWm8V8//9KapXXUCzlwrr3wYDd//4NiZ6mxP9C/LpBy2/e47zDUqw/I/sxqVviGsG586aALYwX8rVHORBxNN5zOn6E+Yi0fw84N3mLzt/DX2b8TrkTXDjBBAgYOn683fMUgOOwsg+BWWyzVZ/8R66VA90PIj3s/g6tnC6sLGTbKRHZmBmxfphYRIrmC2IF+bu4AX7v1+YsVGII9RQSGWVIPxbsA2YHlcHbOAAGdgtds4VQtAeaEe+NWtwipb717UmSek2jdSKofSnBfmd7ZZIzXIAiJ+vhMV56DNVeV0ZW5DT2be4FcVfUHmYGlnVpsplZkl1K/cW/UCcuSVnQJAOJzlXl579Sv9Pi2mfe8+KG9+jZ2i+IT3OuEX7Z3Oru8K5jTWurQcu6dFOWla8N7azcvfWG8kbjJFpTGLpXIast8HZV3XOYGn1pTB99qPqVOKz4qBFJX8ohBWag3HkFBI02BgE2I96pm3jRX5/xvUSAP/f1ikHQIxdMsESpvRAbQ32MSuEf/5pSWkgDLiYX/NzWJP91Ma5M/4lMcICvOgnvLOtZREphw5Lt53mK9Jqd+Om73oCVeoWRQahZE3zD9tF8WOsG1LLdwwWlTFF0W/PeW0fUwg67/Y0PQtkwPam34mkaU2n0qttIv3uy/yI8KfmHC+po2zMI9J2+2+AqTdBEUiD/9/VpChFXOpYYFKmAzSlWTZfhr6lVSoWOs5kEaYMlO1/e3JD2c6rq+YEICFbEnBCubwJmI/lOQK14G50aH6GdYTrKcgMncjJSJsE4Lh/munJwYRtKeaHhdDNg/N9+Nh7gCRoGhqeV0T6APgD5/FjQm5MxMRVDAwb2ncOQkBL5w1GPDSb56BqszWuiRaBdROsGLHL0VlbckUvtn3RkvCe7Krg7Csexf9/XuMsyqXM+e6PsST6NI3bazhB8ul8iI3/YfMb8J2XD1Ra+cN1qJCgcswGzQBsrUmnbBiD/oZGqf0SM1fLSnWkSe3cIFAVVvoKjkcHtDnfVgQum9YS896ngDLN8TJ3o/i9GrSBvxDYy13H7hgd62V/vCO1Doh6gJ8JbN2i89Sd1OWIEQ6s/QPkeLsB2vJS279SauXsvQ1ibkzWi/NjqQCE7N4n0buFKArt3P9F0CqxhV22WVxnMIwXO02MBPoL/APzGcik4txNnVIsWzRPoX/ODv7TjrJEORiQEDf37J+2nE2G+/Z9auANHKagOXlVzHHNd9aKEBu1tx55NhxOtWuAICHMXz/CGcsXrRQkDGgERWv/EuRoRqGWBWqzIQTYcV5uG0kL1k4201cQwGV2rYCiKpTlm4GOiZPPYCF8KetDl49gZau8d3ZEPl3DniV4J7WD66c3tHLoatt5mlwluv0vLbxvlCSL+ft4lly88D2IAEjfaXdYK/x7j/eAxHoqNDndEooc+llLFd90piQ6cf5bUh3APUk9PFKNv3iiHSfOgQ/xKD0eA2CEEtkLBvZWyzhSA+7Ap3KGLFRUQxAP/i9sTWn0kL+q4/xxWuFnakDvXfVIu3+A32YT89xSRk3kBCeHNcB+8tMZqSK9KbY4n38TkPVqWwWJBX8NV65QmrOV3n/7uEx317OlmmQbEr7XZAR6fTyRLb3Ih1aYNkqzUqCJbzlfIcuXI5SRaJzbsKkwexHbF4PfJ4uJX+sudEMkVNv9K+2Ban8yv6jr8jy664d3JJZ6yIqA/Z25M4NMoOIT7/lauzttY6DPXhnZpDhrWixRFKaGYf7wfSupfHuPjlpmkonYIxvV93PRLYobOV4pZ88oUDssEEi/gOGCmkZvsL2s3iVLkXmHsnsh5edh0VHPCY/0mwZaCM78FzGGeYYZuIat7P0zfyrj9Jgp4qrT0QnKeTWg1UxUQPtoejic82KF0uenicJI8teS/9QqBxd7AkbjxXpOVFFu8etdQ9PPp5/oP/4mhC+MwfYHq+AEnwUFJzmVWDjmgsoZZbd+wx2nSNlzgp5EUBKbhgJipkZmmk5xTXr1IGUS4LBL0uswKqlEdi8YK2vjxT7YWGIfRIXUNRXlku7tKMfSUbVqmJeTYjqTXJ1Fx24x9TyS365ipKKbcjIe1coIw0IIXanZjsn2Zmbj/sONW1TTAzgsYxJKKy6perqBGjUZNNX8LR71k1MmJILJTF1JjAUbJ46/2GTqLNrGgM4PSyZy/b7XB2h6ge+48MQ+k9xnIE6i6eQ0XFpTHc08aDZK97tecn/FpbcULTHtj0B6uUoDD58ly4h2KktmWRVjLKy2i5h9XD5gON4axo1myNKd6B7E+1VOrnbmCfCDPqrm6LSiBb1xEN3DIyNvizVHDbZCgJiCeXOSJ524YcxRQkCCbr64R1CjWo6WT9oNFXClDn0GCGuChVn1evDmvvCVgpnapYJ5uZ5CThU086HgELGbkrHQBegpBZhqirodu2zJFmgd3G7l0z+z2U0+SMj/0ftbW3IEP22UPBVwYNh20NCKqFHgs4AY9PftL2rWGqXJTEnXTLxwfvfYv1SpE60k/R6ZmNSUrIkgmsiLAEM52UT2f+NRPzxN+xzMSNzG9bC/9uym/HHaj1AOizPC8pOwAFil4MlrD+kgtO+wQX0lTv5yqKzdnwAAZRbgl56OYbDE6llkaHijzoC+qkII22irFO09VO1LRzvUirvkxLTMrz9prvy7TaDlelTwEQAskB0j7eHue+0g2mDjFFsHTbjIsI9bQ5JdDEiPEpAAA=) 50%/contain no-repeat;width:62px;height:49px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.art-tile.is-hero{text-align:center;justify-items:center;gap:20px;min-height:370px;padding:46px 40px 52px}.art-tiles.is-trio .art-tile.is-hero{min-height:420px}.art-tile.is-row{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:186px;padding:30px 34px}.art-tile-icon{--hex:polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%);aspect-ratio:1/.94;width:104px;clip-path:var(--hex);color:#ccf0ff;filter:drop-shadow(0 0 14px #5ad1e673);background:#7ae2fce6;place-items:center;display:grid;position:relative}.art-tile.is-row .art-tile-icon{width:84px}.art-tile-icon:before{content:"";clip-path:var(--hex);background:linear-gradient(160deg,#09202cf0,#051018f7);position:absolute;inset:2px}.art-tile-icon svg{width:46%;height:46%;position:relative}.art-tile-text{gap:8px;display:grid}.art-tile-title{letter-spacing:.06em;text-transform:uppercase;color:#f2fbff;text-shadow:0 2px 18px #000000bf,0 0 30px #5ad1e640;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.4vw,38px);font-weight:600}.art-tiles.is-trio .art-tile.is-row .art-tile-title{font-size:clamp(19px,1.5vw,26px)}.art-tile-note{color:#9fd4e6;text-shadow:0 1px 10px #000000b3;font-size:clamp(13px,1vw,16px);line-height:1.4}.art-tile-arrow{color:#cdf1ff;border:1px solid #96ebff8c;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 0 14px #5ad1e640,inset 0 0 12px #5ad1e626}.art-tile-arrow svg{width:24px;height:24px}.art-tile:hover .art-tile-arrow,.art-tile:focus-visible .art-tile-arrow{border-color:#bef5ffe6;transform:translate(4px)}@media (width<=900px){.art-tiles.is-duo,.art-tiles.is-trio{grid-template-rows:none;grid-template-columns:1fr}.art-tiles.is-trio>:first-child{grid-row:auto}.art-tile{--tilt:0deg}.art-tile.is-hero,.art-tiles.is-trio .art-tile.is-hero{min-height:240px}}.settings-grid{grid-template-columns:1.5fr 1fr 1fr;grid-template-areas:"graphics audio audio""graphics display account";align-items:stretch;gap:clamp(14px,1.6vw,24px);width:min(1180px,100%);display:grid}.settings-panel{isolation:isolate;padding:26px 30px 32px;position:relative}.settings-panel:before{background:linear-gradient(165deg,#0b2634eb,#051119f2)}.menu-stage.is-page{justify-content:flex-start;gap:14px;min-height:0;padding-bottom:24px}.menu-stage.is-page .menu-wordmark{font-size:clamp(26px,3.4vw,40px)}.menu-stage.is-page .menu-tagline{margin-top:6px}.menu-stage.is-page .menu-section-title{margin-top:10px;font-size:18px}.menu-page{flex-direction:column;flex:1;gap:clamp(12px,1.4vw,20px);width:min(1180px,100%);min-height:0;display:flex}.menu-backrow{width:min(1180px,100%);margin-bottom:-20px;display:flex}.menu-page>.menu-backlink,.menu-backrow>.menu-backlink{background:#081a248c;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-self:flex-start;padding:6px 16px 6px 10px;transition:color .16s,border-color .16s,background .16s;position:static}.menu-page>.menu-backlink{margin-bottom:-4px}.menu-page>.menu-backlink:hover,.menu-page>.menu-backlink:focus-visible,.menu-backrow>.menu-backlink:hover,.menu-backrow>.menu-backlink:focus-visible{background:#142c3acc;border-color:#8cdceb66}.menu-page>#room-list{flex:1;min-height:0;overflow-y:auto}.menu-page .menu-section,.menu-page #room-list{isolation:isolate;margin:0;padding:26px 28px 32px;position:relative}.menu-page .menu-section:before,.menu-page #room-list:before{content:"";z-index:-1;--bevel:22px;clip-path:polygon(var(--bevel) 0, calc(100% - var(--bevel)) 0, 100% var(--bevel), 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, var(--bevel) 100%, 0 calc(100% - var(--bevel)), 0 var(--bevel));background:linear-gradient(#7ee0f41c,#7ee0f400 88px),linear-gradient(165deg,#0b2634eb,#051119f2);position:absolute;inset:7px}.menu-page .panel-tab-body{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:min-content;align-items:stretch;gap:clamp(12px,1.4vw,20px);height:auto;min-height:0;padding-right:8px;display:grid;overflow-y:auto}.menu-page .menu-section.is-wide-section{grid-column:1/-1}.menu-page>form{flex-direction:column;flex:1;gap:clamp(12px,1.4vw,20px);min-height:0;display:flex}.menu-page .panel-tabs{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081a24b8;border-bottom:0;border-radius:999px;flex:none;align-self:start;gap:4px;margin:0;padding:5px;box-shadow:inset 0 0 0 1px #8cdceb29}.menu-page .panel-tab{border-bottom:0;border-radius:999px;margin:0;padding:9px 22px;transition:color .18s,background .18s}.menu-page .panel-tab:hover:not(.is-active){background:#5ac8dc1a}.menu-page .panel-tab.is-active{color:#04202b;background:linear-gradient(#86e7f7,#34b5d1);box-shadow:0 4px 14px #3fb8cf52}.menu-page .panel-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081a24b8;border-top:0;border-radius:999px;flex:none;margin-top:0;padding:10px 16px;box-shadow:inset 0 0 0 1px #8cdceb29,0 -8px 22px #0000004d}.settings-panel.is-graphics{grid-area:graphics}.settings-panel.is-audio{grid-area:audio}.settings-panel.is-display{grid-area:display}.settings-panel.is-account{grid-area:account}.settings-panel .menu-section{margin:0}.settings-panel .menu-section h2{letter-spacing:.16em;text-transform:uppercase;color:#d6effa;font-family:Georgia,Times New Roman,serif}@media (width<=1080px){.settings-grid{grid-template-columns:1fr;grid-template-areas:"graphics""audio""display""account"}}.menu-panel,.modal-card,#hud,#knight-detail-panel,#trade-troop-detail-panel,.building-card{border:0 solid #0000;border-image-source:url(/assets/frame-panel-ClunzaGe.png);border-image-slice:90 100;border-image-width:40px 45px;border-image-repeat:stretch;border-radius:0}.modal-card,#hud{border-image-width:30px 34px}#knight-detail-panel,#trade-troop-detail-panel{border-image-width:21px 23px}.building-card{border-image-width:18px 20px}.btn-primary,.btn-neutral,.btn-danger,.icon-btn:not(.modal-close-btn),.swap-btn-primary,.swap-btn-ghost,#auth-form button,#create-room-submit,.room-row button,#waiting-start,button.secondary{color:#dbeef4;border:0 solid #0000;z-index:0;background:0 0;border-image-source:url(/assets/button-normal-BcbsdGih.png);border-image-slice:28 40 fill;border-image-width:17px 24px;border-image-repeat:stretch;border-radius:0;transition:filter .16s,color .16s;position:relative}.btn-primary,.icon-btn-primary,.swap-btn-primary,#auth-form button,#create-room-submit,.room-row button:not(.btn-danger),#waiting-start{color:#04222b;border-image-source:url(/assets/button-active-Dk7WXzWL.png)}.btn-danger,.icon-btn-danger{color:#ffe9e4;border-image-source:url(/assets/button-danger-B0XiK1aP.png)}.btn-neutral:after,.swap-btn-ghost:after,button.secondary:after,.icon-btn:not(.icon-btn-primary):not(.icon-btn-danger):not(.modal-close-btn):after{content:"";z-index:-1;pointer-events:none;opacity:0;border:0 solid #0000;border-image-source:url(/assets/button-active-Dk7WXzWL.png);border-image-slice:inherit;border-image-width:inherit;border-image-repeat:inherit;transition:opacity .16s;position:absolute;inset:0}.btn-neutral:hover:not(:disabled):after,.swap-btn-ghost:hover:not(:disabled):after,button.secondary:hover:not(:disabled):after,.icon-btn:not(.icon-btn-primary):not(.icon-btn-danger):not(.modal-close-btn):hover:not(:disabled):after{opacity:1}.btn-neutral:hover:not(:disabled),.swap-btn-ghost:hover:not(:disabled),button.secondary:hover:not(:disabled),.icon-btn:not(.icon-btn-primary):not(.icon-btn-danger):not(.modal-close-btn):hover:not(:disabled){color:#04222b}.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled),.icon-btn-primary:hover:not(:disabled),.icon-btn-danger:hover:not(:disabled),.swap-btn-primary:hover:not(:disabled),#auth-form button:hover:not(:disabled),#create-room-submit:hover:not(:disabled),.room-row button:hover:not(:disabled),#waiting-start:hover:not(:disabled){filter:brightness(1.14)}.menu-panel{background:var(--menu-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(540px,100%);padding:32px 34px 34px;box-shadow:0 26px 60px #00000080}.menu-panel-head{align-items:center;gap:10px;margin-bottom:22px;display:flex}.menu-panel-head h1{margin:0;font-size:21px;font-weight:700}.menu-back{font:inherit;border:1px solid var(--menu-line);width:32px;height:34px;color:var(--menu-muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;place-items:center;display:grid}.menu-back svg{width:19px;height:19px}.menu-back:hover{border-color:var(--menu-line-strong);background:var(--menu-fill);color:var(--menu-text)}.menu-panel.is-auth .menu-panel-head{justify-content:center}.menu-section+.menu-section{border-top:1px solid var(--menu-line);margin-top:22px;padding-top:18px}.menu-section h2{letter-spacing:.1em;text-transform:uppercase;color:var(--menu-accent);align-items:center;gap:9px;margin:0 0 16px;font-size:13px;font-weight:700;display:flex}.section-icon{flex:none;place-items:center;width:20px;height:20px;display:grid}.section-icon svg{width:20px;height:20px}.field-hint{color:var(--menu-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.field-hint.is-error{color:#ff9c8a}#auth-form,#create-room-form,.settings-form{flex-direction:column;gap:10px;display:flex}#auth-form input,#create-room-form>.panel-tab-body input:not([type=range]):not([type=checkbox]):not([type=radio]),.settings-form input{font:inherit;color:var(--menu-text);border:1px solid var(--menu-line-strong);background:#00000047;border-radius:11px;padding:11px 13px}#auth-form input:focus,#create-room-form input:focus,.settings-form input:focus{border-color:var(--menu-accent);outline:none}.settings-form{margin-top:10px}.settings-row{color:#cfe3df;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.settings-label{align-items:center;gap:6px;display:inline-flex}.select{border:1px solid var(--menu-line-strong);min-width:0;max-width:62%;color:var(--menu-text);cursor:pointer;background:#00000047;border-radius:11px;flex:240px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:relative}.select:hover,.select:focus-visible{border-color:var(--menu-accent);outline:none}.select-icon{width:26px;height:26px;color:var(--menu-accent);background:#5ad1e624;border-radius:8px;flex:none;place-items:center;display:grid}.select-icon svg{width:16px;height:16px}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-chevron{color:var(--menu-muted);flex:none;place-items:center;transition:transform .16s;display:grid}.select-chevron svg{width:16px;height:16px}.select.is-open .select-chevron{transform:rotate(180deg)}.select-menu{z-index:6;border:1px solid var(--menu-line-strong);background:#0c1e27;border-radius:11px;flex-direction:column;gap:2px;max-height:260px;padding:6px;display:none;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 18px 40px #0009}.select.is-open .select-menu{display:flex}.select-option{font:inherit;text-align:left;color:var(--menu-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 11px;font-size:13px}.select-option:hover,.select-option:focus-visible{background:var(--menu-fill-hover);outline:none}.select-option.is-selected{color:var(--menu-accent);background:#5ad1e629;font-weight:600}.settings-row input[type=range]{cursor:pointer;appearance:none;--fill:0%;background:0 0;border:none;flex:1;min-width:0;height:20px;margin:0;padding:0}.settings-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--menu-accent) 0 var(--fill), #ffffff21 var(--fill) 100%);border-radius:999px;height:6px}.settings-row input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--menu-accent) 0 var(--fill), #ffffff21 var(--fill) 100%);border-radius:999px;height:6px}.settings-row input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(160deg,#fff,#a8e8f2);border:none;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 1px 6px #0000008c,0 0 0 5px #5ad1e624}.settings-row input[type=range]::-moz-range-thumb{background:linear-gradient(160deg,#fff,#a8e8f2);border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #0000008c,0 0 0 5px #5ad1e624}.settings-row input[type=range]:focus-visible{outline:none}.settings-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #5ad1e659}.settings-row input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #5ad1e659}.settings-value{border:1px solid var(--menu-line-strong);text-align:center;font-variant-numeric:tabular-nums;min-width:56px;color:var(--menu-text);background:#00000047;border-radius:9px;flex:none;padding:8px 10px;font-weight:600}.settings-row-checkbox{justify-content:flex-start;gap:10px}.settings-row input[type=checkbox]{border:1px solid var(--menu-line-strong);cursor:pointer;appearance:none;background:#00000047;border-radius:6px;flex:none;width:20px;height:20px;margin:0;transition:background .14s,border-color .14s;position:relative}.settings-row input[type=checkbox]:hover{border-color:var(--menu-accent)}.settings-row input[type=checkbox]:checked{border-color:var(--menu-accent);background:linear-gradient(160deg,#6fdcee,#3fb8cf)}.settings-row input[type=checkbox]:checked:after{content:"";border:2px solid #06171d;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(43deg)}.settings-row input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #5ad1e659}.settings-row-stacked{cursor:default;display:block}.settings-row-stacked>.settings-label{margin-bottom:7px}.settings-row-stacked input{box-sizing:border-box;width:100%;display:block}.unit-block+.unit-block{margin-top:14px}.item-grid-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.unit-block>.settings-row-stacked{border-left:1px solid var(--menu-line);margin-left:12px;padding-left:12px}.item-list-hint{color:var(--menu-muted);margin:0 0 8px;font-size:11px}.settings-row-stacked.is-collapsible:not(.is-open)>.item-list-hint,.settings-row-stacked.is-collapsible:not(.is-open)>.item-list,.settings-row-stacked.is-collapsible.is-open>.item-summary{display:none}.item-grid-toggle{width:26px;height:26px;color:var(--menu-muted);cursor:pointer;background:#0b1a24b8;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .18s,color .18s,background .18s;display:grid}.item-grid-toggle:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-top:-3px;transform:rotate(45deg)}.item-grid-toggle:hover{color:var(--menu-text);background:#142c3ad9}.is-open>.item-grid-head>.item-grid-toggle{color:var(--menu-accent);transform:rotate(180deg)}.item-summary{width:100%;font:inherit;text-align:left;cursor:pointer;background:#06141c73;border:1px dashed #8cdceb33;border-radius:10px;flex-wrap:wrap;gap:6px;padding:8px;transition:border-color .18s,background .18s;display:flex}.item-summary:hover{background:#0c222e99;border-color:#8cdceb6b}.item-summary-empty{color:var(--menu-muted);font-size:12px}.item-chip{color:var(--menu-text);background:#0f2c3ad9;border:1px solid #8cdceb2e;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 8px;font-size:12px;display:inline-flex}.item-chip-icon{font-size:14px;line-height:1}.item-chip-count{font-variant-numeric:tabular-nums;text-align:center;color:#04202b;background:linear-gradient(#86e7f7,#34b5d1);border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700}.item-list{flex-direction:column;gap:2px;display:flex}.item-list-group{letter-spacing:.08em;text-transform:uppercase;color:var(--menu-accent);border-bottom:1px solid var(--menu-line);margin:10px 0 4px;padding-bottom:3px;font-size:10px;font-weight:700}.item-list-group:first-child{margin-top:0}.item-row{width:100%;font:inherit;text-align:left;color:var(--menu-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;transition:background .12s,border-color .12s,color .12s;display:flex}.item-row:hover,.item-row:focus-visible{background:var(--menu-fill-hover);border-color:var(--menu-line-strong)}.item-row.is-set{background:var(--menu-fill);border-color:var(--menu-accent)}.item-row-icon{text-align:center;flex:none;width:20px;font-size:15px;line-height:1.35}.item-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.item-row-name{color:var(--menu-text);font-size:12px;font-weight:600}.item-row-description{font-size:11px;line-height:1.3}.item-row-effect{color:var(--menu-accent);font-size:11px;line-height:1.3}.item-row.is-inert{opacity:.62}.item-row.is-inert .item-row-effect{color:var(--menu-muted);font-style:italic}.item-row-count{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:18px;font-size:12px;line-height:1.35}.item-row.is-set .item-row-count{color:var(--menu-accent);font-weight:700}.info-dot{border:1px solid var(--menu-line-strong);width:15px;height:15px;color:var(--menu-muted);font:inherit;cursor:help;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:10px;font-style:italic;font-weight:700;line-height:1;display:inline-grid;position:relative}.info-dot:hover,.info-dot.is-open{border-color:var(--menu-accent);color:var(--menu-accent)}.info-bubble{z-index:7;border:1px solid var(--menu-line-strong);width:max-content;max-width:min(280px,70vw);color:var(--menu-text);text-align:left;white-space:normal;opacity:0;visibility:hidden;background:#0c1e27;border-radius:9px;padding:9px 11px;font-size:12px;font-style:normal;font-weight:400;line-height:1.45;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 14px 30px #0000008c}.info-bubble.is-visible{opacity:1;visibility:visible}.settings-row-segmented{flex-wrap:wrap;align-items:flex-start}.segmented{border:1px solid var(--menu-line);background:#00000047;border-radius:999px;flex:230px;justify-content:flex-end;gap:4px;min-width:0;padding:3px;display:flex}.segmented-option{color:var(--menu-muted);text-align:center;white-space:nowrap;cursor:pointer;border-radius:999px;flex:1;padding:6px 12px;font-size:12px;transition:background .14s,color .14s}.segmented-option input{opacity:0;pointer-events:none;position:absolute}.segmented-option:hover{color:var(--menu-text)}.segmented-option:has(input:checked){color:#06171d;background:linear-gradient(160deg,#6fdcee,#3fb8cf);font-weight:600}.segmented-option:has(input:focus-visible){box-shadow:0 0 0 2px #5ad1e68c}.panel-footer{border-top:1px solid var(--menu-line);align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.panel-footer #auth-error{text-align:left;flex:1;margin:0}.panel-footer #create-room-submit{filter:drop-shadow(0 8px 18px #3fb8cf4d);border-image-width:21px 30px;align-items:center;gap:12px;margin-left:auto;padding:14px 30px 14px 20px;font-size:16px;font-weight:700;display:flex}.panel-footer #create-room-submit:hover:not(:disabled){filter:drop-shadow(0 8px 18px #3fb8cf4d)brightness(1.14)}.btn-icon{color:#8ce8f7;background:#04151cd1;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.btn-icon svg{width:17px;height:17px}#auth-form button,#create-room-submit,.room-row button,#waiting-start,button.secondary{font:inherit;cursor:pointer;padding:11px 28px;font-weight:600}button.secondary{font-weight:500}#auth-form button:disabled,#create-room-submit:disabled,.room-row button:disabled,#waiting-close:disabled,button.secondary:disabled{opacity:.55;cursor:default}#auth-error{color:#ff9b8f;text-align:center;min-height:16px;margin-top:10px;font-size:13px}#auth-toggle{text-align:center;color:var(--menu-accent);margin-top:16px;font-size:13px;text-decoration:none;display:block}#auth-toggle:hover{text-decoration:underline}#room-list{flex-direction:column;gap:8px;max-height:min(520px,62vh);display:flex;overflow-y:auto}#room-list-empty{color:var(--menu-muted);text-align:center;padding:26px 0;font-size:13px;line-height:1.5}.room-row{background:var(--menu-fill);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.room-row:hover{border-color:var(--menu-line);background:var(--menu-fill-hover)}.room-info{flex-direction:column;gap:2px;min-width:0;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.room-meta{color:var(--menu-muted);font-size:12px}.room-row .room-settings{border-top:1px solid var(--menu-line);gap:4px 14px;margin-top:8px;padding-top:8px;font-size:12px}.room-row .room-settings dd{text-align:left}.room-row button{flex:none}.preset-list{flex-direction:column;gap:8px;display:flex}.preset-save{justify-content:flex-end;display:flex}.panel-tabs{border-bottom:1px solid var(--menu-line);gap:4px;margin-bottom:4px;display:flex}.panel-tab{font:inherit;color:var(--menu-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px 11px;font-size:15px;font-weight:600}.panel-tab:hover{color:var(--menu-text)}.panel-tab.is-active{color:var(--menu-accent);border-bottom-color:var(--menu-accent)}.panel-tab-body{scrollbar-gutter:stable;height:min(58vh,470px);padding-top:14px;padding-right:10px;overflow-y:auto}.panel-tab-body,.select-menu,#hud-build,#hud-resource-panel,#unit-select-bar,#swap-card,#summary-stage,#summary-table,#roll-ledger-list,#units-list,#units-detail{scrollbar-width:thin;scrollbar-color:#5ad1e680 #ffffff0d}.panel-tab-body::-webkit-scrollbar{width:10px}.select-menu::-webkit-scrollbar{width:10px}#hud-build::-webkit-scrollbar{width:10px}#hud-resource-panel::-webkit-scrollbar{width:10px}#unit-select-bar::-webkit-scrollbar{width:10px}#swap-card::-webkit-scrollbar{width:10px}#summary-stage::-webkit-scrollbar{width:10px}#summary-table::-webkit-scrollbar{width:10px}#roll-ledger-list::-webkit-scrollbar{width:10px}#units-list::-webkit-scrollbar{width:10px}#units-detail::-webkit-scrollbar{width:10px}.panel-tab-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.select-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#hud-build::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#hud-resource-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#unit-select-bar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#swap-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#summary-stage::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#summary-table::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#roll-ledger-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#units-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#units-detail::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.panel-tab-body::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}.select-menu::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#hud-build::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#hud-resource-panel::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#unit-select-bar::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#swap-card::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#summary-stage::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#summary-table::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#roll-ledger-list::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#units-list::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}#units-detail::-webkit-scrollbar-thumb{background:linear-gradient(#6fdceebf,#3fb8cf99) padding-box padding-box;border:2px solid #0000;border-radius:999px}.panel-tab-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}.select-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#hud-build::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#hud-resource-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#unit-select-bar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#swap-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#summary-stage::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#summary-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#roll-ledger-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#units-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}#units-detail::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6fdcee,#3fb8cf) padding-box padding-box}.panel-tab-body>.menu-section:first-child{margin-top:0}.panel-tab-body>.menu-section:last-child{padding-bottom:6px}#waiting-players{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.waiting-player{background:var(--menu-fill);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.waiting-player.is-bot{flex-wrap:wrap;row-gap:8px}.bot-level-picker{flex:1 0 100%;justify-content:stretch}.waiting-bot-level{color:var(--menu-muted);font-size:12px}#waiting-add-bot{width:100%}#waiting-hint{color:var(--menu-muted);text-align:center;margin-bottom:12px;font-size:13px}.room-settings{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:12.5px;display:grid}.room-settings dt{color:var(--menu-muted)}.room-settings dd{text-align:right;color:var(--menu-text);margin:0}#waiting-summary{border:1px solid var(--menu-line);background:var(--menu-fill);border-radius:12px;margin-bottom:14px;padding:12px 14px}.loading-screen{z-index:20;transition:opacity .35s}.loading-screen.is-done{opacity:0;pointer-events:none}.loading-screen .menu-stage{gap:20px}.loading-bar{background:var(--menu-fill);border-radius:999px;width:min(420px,78vw);height:6px;overflow:hidden}.loading-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#3fb8cf,#8ce8f7);width:0;height:100%;transition:width .3s}.loading-status{letter-spacing:.18em;text-transform:uppercase;color:var(--menu-muted);margin:0;font-size:12px;font-weight:600}.loading-detail{font-variant-numeric:tabular-nums;color:var(--menu-muted);opacity:.65;margin:-12px 0 0;font-size:12px}.loading-cancel{margin-top:10px}.ground-stepper{align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.ground-arrow{border:1px solid var(--menu-line);background:var(--menu-fill);width:34px;color:var(--menu-muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:border-color .14s,background .14s,color .14s;display:grid}.ground-arrow svg{width:18px;height:18px}.ground-arrow:hover{border-color:var(--menu-accent);background:var(--menu-fill-hover);color:var(--menu-text)}.ground-preview{border:1px solid var(--menu-line);background-color:var(--menu-fill);background-repeat:repeat;background-size:118px;border-radius:10px;flex:1;min-width:0;height:92px;box-shadow:inset 0 2px 14px #00000073}#waiting-start{width:100%}#waiting-close{width:100%;margin-top:8px}#hud{color:#e8f2ef;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:linear-gradient(170deg,#112d3ce6,#081821ed);width:min(1000px,100% - 300px);padding:13px 19px;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000008c,0 0 26px #5ad1e61a,inset 0 1px #ffffff12}#hud.is-collapsed{padding:10px 19px 9px}#hud.is-collapsed #hud-resources{margin-bottom:6px}#status-bar{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;left:14px}#mute-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8f2ef;cursor:pointer;z-index:5;background:#0b1a2499;border:none;border-radius:10px;width:40px;height:40px;font-size:18px;position:absolute;top:14px;right:14px}#mute-btn:hover{background:#0b1a24cc}#unit-count-hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8f2ef;white-space:nowrap;cursor:pointer;z-index:5;background:#0b1a2499;border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:14px;right:62px}#unit-count-hud:hover{background:#142d3cc7}.unit-count-entry{align-items:center;gap:4px;display:inline-flex}.unit-count-side{opacity:.55;align-items:center;gap:10px;padding-left:10px;display:inline-flex}.unit-count-side:first-child{padding-left:0}.unit-count-side.is-active{opacity:1}.unit-count-total{color:#5ad1e6;border-left:1px solid #ffffff2e;align-items:center;gap:4px;padding-left:10px;display:inline-flex}#game-log-panel{z-index:4;flex-direction:row-reverse;align-items:flex-start;display:flex;position:absolute;top:64px;right:14px}#game-log-tab{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8f2ef;cursor:pointer;writing-mode:vertical-rl;background:#0b1a24d1;border:none;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 6px;font-size:12px;line-height:1.2;display:flex}#game-log-tab:hover{color:#fff;background:#0b1a24f2}#game-log-body{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1a24d1;border-radius:10px;flex-direction:column;gap:6px;max-width:0;max-height:45vh;margin-right:6px;transition:max-width .2s,opacity .15s;display:flex;overflow:hidden}#game-log-panel.is-open #game-log-body{opacity:1;pointer-events:auto;max-width:320px;padding:10px 12px}#game-log-header{white-space:nowrap;align-items:center;font-weight:600;display:flex}#game-log-list{flex-direction:column;gap:10px;min-width:296px;padding-right:4px;display:flex;overflow-y:auto}.game-log-round{border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.game-log-round:last-child{border-bottom:none;padding-bottom:0}.game-log-round-header{color:#e8f2ef;letter-spacing:.2px;font-size:13px;font-weight:700}.game-log-entries{flex-direction:column;gap:5px;padding-left:4px;display:flex}.game-log-entry{color:#cfe3df;font-size:12px;line-height:1.5}.log-muted{color:#8fa6a1;font-size:11px}.log-win{color:#3ecf6e;font-weight:700}.log-loss{color:#e85c5c;font-weight:700}.log-dice{border-radius:4px;padding:0 2px;font-weight:700}.log-dice-high{color:#3ecf6e}.log-dice-mid{color:#e8a83e}.log-dice-low{color:#e85c5c}.log-dice-meta{color:#9aa4b8;font-size:.85em;font-weight:600}.hud-swatch{border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;line-height:1;display:inline-flex;overflow:visible}#hud-turn{color:#cfe3df;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1a2499;border-radius:10px;padding:8px 12px;font-size:13px}#turn-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8f2ef;background:#0b1a2499;border-radius:10px;width:238px;padding:8px 10px 9px;font-size:12px}#turn-panel.is-hidden{display:none}#turn-panel-head{letter-spacing:.09em;text-transform:uppercase;color:#8fa8a3;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}#turn-panel-round{letter-spacing:.04em;color:#cfe3df;font-size:11px}.turn-seat{border-left:2px solid #0000;border-radius:7px;grid-template-columns:14px 1fr auto;align-items:center;gap:2px 7px;padding:3px 6px;display:grid}.turn-seat+.turn-seat{margin-top:2px}.turn-seat.is-active{background:#5ad1e624;border-left-color:#5ad1e6}.turn-seat.is-you .turn-seat-name{color:#ffd23f}.turn-seat.is-out{opacity:.4}.turn-seat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.turn-seat-when{color:#8fa8a3;white-space:nowrap;font-size:11px}.turn-seat.is-active .turn-seat-when{color:#5ad1e6;font-weight:600}.turn-seat-notes{color:#cfe3df;flex-direction:column;grid-column:2/-1;gap:1px;font-size:11px;display:flex}.turn-seat-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.turn-seat-note.is-empty{color:#6d827e}#autoroll-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f6e6c8;pointer-events:auto;background:#2e1e0ab8;border:1px solid #e8a83e73;border-radius:10px;width:238px;padding:7px 9px;font-size:12px}#autoroll-status-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#autoroll-status-title{letter-spacing:.02em;font-weight:600}#autoroll-status-stop{flex:none;padding:2px 8px;font-size:11px}#autoroll-status-goals{color:#d8c39a;margin-top:3px;font-size:11px;line-height:1.35}#roll-ledger{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8f2ef;pointer-events:auto;background:#0b1a2499;border-radius:10px;width:238px;font-size:12px;overflow:hidden}#roll-ledger.is-hidden,#roll-ledger.is-empty{display:none}#roll-ledger-head{color:#8fa8a3;width:100%;font:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px 6px;font-size:10px;font-weight:600;display:flex}#roll-ledger-head:hover{color:#cfe3df}#roll-ledger-body{padding:0 10px 9px}#roll-ledger.is-collapsed #roll-ledger-list,#roll-ledger.is-collapsed #roll-ledger-totals{display:none}#roll-ledger-rolls{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.ledger-roll{color:#8fa8a3;white-space:nowrap;background:#ffffff0f;border-radius:999px;align-items:baseline;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.ledger-roll.is-own{color:#cfe3df;background:#5ad1e629}.ledger-roll.is-lead{font-size:12px}.ledger-roll-who{opacity:.75}.ledger-roll-total{color:#ffd23f;font-weight:700}.ledger-roll.is-lead .ledger-roll-total{font-size:15px}.ledger-section{letter-spacing:.09em;text-transform:uppercase;color:#6d827e;margin:7px 0 3px;font-size:9px;font-weight:600}.ledger-section:first-child{margin-top:0}.ledger-entry{cursor:pointer;border-radius:7px;grid-template-columns:26px 1fr;align-items:start;column-gap:7px;padding:3px 5px;display:grid}.ledger-entry:hover{background:#5ad1e61f}.ledger-entry-icon{justify-content:center;align-items:center;height:26px;font-size:15px;line-height:1;display:flex}.ledger-entry-icon img{object-fit:contain;width:100%;height:100%}.ledger-entry-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ledger-entry-lines{flex-direction:column;gap:1px;display:flex}.ledger-line{align-items:baseline;gap:4px;font-size:11px;line-height:1.35;display:flex}.ledger-line-icon{flex:none}.ledger-line.is-gain .ledger-line-text{color:#7fe3a8;font-weight:600}.ledger-line.is-loss .ledger-line-text{color:#f08c8c;font-weight:600}.ledger-line.is-progress .ledger-line-text{color:#8fa8a3}.ledger-line.is-info .ledger-line-text{color:#cfe3df}.ledger-line-note{color:#6d827e;white-space:nowrap;margin-left:auto;font-size:10px}.ledger-empty{color:#6d827e;padding:2px 5px;font-size:11px}#roll-ledger-totals{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:7px;padding-top:6px;display:flex}#roll-ledger-totals.is-hidden{display:none}.ledger-totals-label{letter-spacing:.09em;text-transform:uppercase;color:#6d827e;font-size:9px;font-weight:600}#roll-ledger-list{max-height:min(38vh,420px);overflow-y:auto}#hud-resources{pointer-events:auto;background:#00000047;border:1px solid #5ad1e62e;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:8px;padding:3px 6px;display:flex}.hud-resource{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 2px;transition:opacity .12s,border-color .12s,background .12s;display:flex;position:relative}.hud-resource.has-stock{background:#5ad1e61a;border-color:#5ad1e666}.hud-resource.is-spending{background:#f0ba6a29;border-color:#f0ba6a99}#hud-resources:has(.is-spending) .hud-resource:not(.is-spending){opacity:.4}.hud-resource.is-lacking{background:#ff8a742e;border-color:#ff8a74a6}.hud-resource.is-lacking .hud-resource-count{color:#ffb4a3}.hud-resource-delta{font-variant-numeric:tabular-nums;color:#f0ba6a;background:#102a37;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-8px;right:3px}.hud-resource-delta:empty{display:none}.hud-resource.is-lacking .hud-resource-delta{color:#ffb4a3}.hud-resource-icon{border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.hud-resource-count{font-variant-numeric:tabular-nums;color:#f2ede0;text-align:right;min-width:1.2em;font-size:14px;font-weight:700}#hud-build{pointer-events:auto;max-height:min(42vh,300px);overflow-y:auto}#hud-pieces{align-items:stretch;gap:6px;display:flex}.piece-card{cursor:grab;background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:6px 7px 7px;transition:background .15s,border-color .15s,opacity .15s;display:flex}.piece-card:hover{background:#5ad1e61a;border-color:#5ad1e673}.piece-card-head{position:relative}.piece-card-costs{margin-top:auto}.piece-card-name{align-items:baseline;gap:6px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.piece-card-buildable{z-index:1;font-variant-numeric:tabular-nums;color:#a8e8f2;background:#091c24d1;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700;position:absolute;top:4px;right:4px;box-shadow:inset 0 0 0 1px #5ad1e64d}.piece-card-buildable.is-none{color:#6e8a86;box-shadow:inset 0 0 0 1px #ffffff1f}.piece-card-costs{flex-wrap:wrap;align-items:center;line-height:1.1;display:flex}.piece-card-missing:before{content:"fehlt";letter-spacing:.07em;text-transform:uppercase;color:#ffb4a3;margin-right:5px;font-size:9px;font-weight:700}.piece-card-missing{align-items:center;display:flex}.piece-card-missing:empty{display:none}.piece-card-missing .piece-cost{margin:0}.piece-card .piece-icon{box-sizing:border-box;aspect-ratio:4/3;background:radial-gradient(120% 95% at 50% 12%,#5ad1e61f,#00000057);border:1px solid #ffffff1a;border-radius:9px;width:100%;height:auto;min-height:58px;max-height:104px;margin-bottom:0;padding-bottom:3px;box-shadow:inset 0 4px 12px #0006}.piece-card.is-disabled{cursor:not-allowed;opacity:.4}.piece-card.is-disabled:hover{background:#ffffff0a;border-color:#ffffff17}.piece-cost{font-variant-numeric:tabular-nums;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:5px;margin:1px 5px 1px 0;padding:1px 7px 1px 1px;font-size:12px;font-weight:700;display:inline-flex}.piece-cost.is-short{color:#ffb4a3;background:#ff8a7424;border-color:#ff8a7480}.piece-cost-icon{border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.piece-desc{color:#8fb3ad;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.piece-free{letter-spacing:.04em;text-transform:uppercase;color:#a8e8f2;background:#5ad1e62e;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700}.piece-icon{flex-direction:column;justify-content:flex-end;align-items:center;width:40px;height:30px;margin-bottom:2px;display:flex}.piece-icon-settlement{border-bottom:24px solid;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0}.piece-icon-city-roof{border-bottom:12px solid;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0}.piece-icon-city-base{border-radius:2px;width:20px;height:15px}.piece-icon-road{border-radius:3px;width:32px;height:8px;transform:rotate(-16deg)}.piece-icon-barracks-merlons{justify-content:space-between;width:26px;display:flex}.piece-icon-barracks-merlons span{width:5px;height:6px;display:block}.piece-icon-barracks-wall{border-radius:1px;width:26px;height:14px}.piece-icon-manufaktur-chimney{border-radius:1px;width:5px;height:12px;margin-left:16px}.piece-icon-manufaktur-base{border-radius:2px;width:28px;height:16px}.piece-icon.is-portrait{justify-content:center;padding-bottom:0}.piece-portrait{object-fit:contain;width:100%;height:100%;display:block}.build-menu-entry .piece-icon.is-portrait{width:48px;height:36px;transform:none}#building-rail-art .piece-icon.is-portrait{box-sizing:border-box;width:100%;height:100%;padding:10px;transform:none}.piece-icon-img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;width:1.75em;height:1.3em;display:block}#build-menu{z-index:7;border:1px solid var(--menu-line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0b1a24f2;border-radius:10px;min-width:190px;padding:6px;position:absolute;box-shadow:0 16px 40px #0000008c}.build-menu-head{letter-spacing:.1em;text-transform:uppercase;color:#8fb3ad;padding:2px 8px 6px;font-size:10px;font-weight:700}.build-menu-entry{width:100%;font:inherit;color:var(--menu-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:4px 8px;display:flex}.build-menu-entry:hover{background:#ffffff1f}.build-menu-entry.is-disabled{opacity:.45}.build-menu-entry .piece-icon{transform-origin:bottom;flex:none;width:30px;height:24px;margin-bottom:0;transform:scale(.72)}.build-menu-label{white-space:nowrap;flex:1;font-size:13px;font-weight:600}.build-menu-cost{color:#cfe3df;white-space:nowrap;font-size:11px}#hud-tabs{pointer-events:auto;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:6px;margin-top:7px;padding-top:3px;display:flex;position:relative}#hud-strip-left{align-items:center;gap:5px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}#hud-collapse,#hud-autoroll{width:30px;height:26px;font:inherit;color:#7f9a96;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;font-size:13px;line-height:1;transition:color .14s,background .14s}#hud-collapse:hover,#hud-autoroll:hover{color:#e8f2ef;background:#5ad1e633}#hud-autoroll.is-active{color:#f6e6c8;background:#e8a83e38;border-color:#e8a83e8c}#hud-autoroll.is-active:hover{background:#e8a83e57}#hud-end-turn{font:inherit;color:#5ad1e6;cursor:pointer;background:#5ad1e624;border:1px solid #5ad1e680;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .14s,color .14s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}#hud-end-turn:hover{color:#d6f6fc;background:#5ad1e647}#hud-end-turn.is-edge{z-index:5;padding:10px 16px;position:absolute;top:auto;bottom:14px;right:14px;transform:none}#hud-end-turn .hud-btn-icon{font-size:14px}.hud-tab{color:#7f9a96;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:5px 16px 7px;font-size:14px;font-weight:600;transition:color .14s,border-color .14s;display:flex}.hud-tab-icon{opacity:.5;font-size:16px}.hud-tab:hover{color:#e8f2ef}.hud-tab.is-active{color:#5ad1e6;border-bottom-color:#5ad1e6}.hud-tab.is-active .hud-tab-icon{opacity:1}#hud.is-wide{width:min(1080px,100% - 300px)}#hud-resource-panel{pointer-events:auto;font-variant-numeric:tabular-nums;max-height:48vh;padding-right:4px;overflow:auto}.res-summary{align-items:baseline;gap:8px;font-size:15px;display:flex}.res-summary strong{color:#5ad1e6;font-size:20px}.res-summary span{color:#9fb0ac;font-size:11.5px}#hud-resource-panel>.res-section,#hud-resource-panel>.res-columns{margin-top:12px}.res-section-head{letter-spacing:.02em;color:#e8f2ef;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;padding-bottom:3px;font-size:12px;font-weight:700;display:flex}.res-section-hint{color:#9fb0ac;font-size:10.5px;font-weight:500}.res-empty{color:#9fb0ac;padding:10px 2px;font-size:11.5px}.res-strip{align-items:flex-end;gap:4px;display:flex}.res-num{border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0 2px;display:flex;position:relative}.res-num:hover{background:#ffffff0f}.res-num.is-empty{opacity:.4}.res-num-value{color:#f2ede0;font-size:11px;font-weight:700}.res-num-bar{background:#ffffff12;border-radius:4px;flex-direction:column-reverse;width:26px;height:76px;display:flex;overflow:hidden}.res-num-bar span{width:100%;box-shadow:inset 0 0 0 1px #00000026}.res-num-token{color:#23303a;background:#f2e8d0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.res-num-prob{color:#9fb0ac;font-size:9.5px}.res-num-rate{font-variant-numeric:tabular-nums;color:#cfe3df;text-align:center;font-size:9.5px;line-height:1.15}.res-num-rate.is-over{color:#7ad694}.res-num-rate.is-under{color:#e0916f}.res-num-lock{font-size:10px;position:absolute;top:0;right:2px}.res-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.res-bar-row{grid-template-columns:20px minmax(52px,auto) 1fr 40px 62px;align-items:center;gap:7px;padding:2px 0;font-size:11.5px;display:grid}.res-icon-img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;width:1.4em;height:1.4em;display:block}.res-bar-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.res-bar-label{color:#cfe3df}.res-bar-track{background:#ffffff17;border-radius:4px;height:7px;display:block;overflow:hidden}.res-bar-fill{border-radius:4px;height:100%;display:block}.res-bar-value{color:#f2ede0;text-align:right;font-weight:700}.res-bar-note{color:#9fb0ac;text-align:right;font-size:10px}.res-category-list{border-top:1px solid #ffffff14;margin-top:10px;padding-top:8px}.res-category{align-items:center;gap:8px;padding:2px 0;font-size:11px;display:flex}.res-category-name{color:#cfe3df;flex:0 0 108px}.res-category-chips{flex-wrap:wrap;flex:1;gap:5px;display:flex}.res-category-chip{color:#9fb0ac;align-items:center;gap:3px;display:inline-flex}.res-category-chip span{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:inline-flex}.res-category-total{color:#f2ede0;font-weight:700}.res-table{border-collapse:collapse;width:100%;font-size:11.5px}.res-table th{text-align:left;color:#9fb0ac;white-space:nowrap;padding:0 6px 4px;font-size:10.5px;font-weight:600}.res-table td{white-space:nowrap;border-top:1px solid #ffffff0f;padding:4px 6px}.res-table td:first-child{align-items:center;gap:6px;display:flex}.res-table tr.is-locked{opacity:.45}.res-mini-token{color:#23303a;text-align:center;background:#f2e8d0;border-radius:9px;min-width:19px;margin-right:3px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}.res-progress{vertical-align:middle;background:#ffffff1f;border-radius:3px;width:40px;height:5px;margin-right:6px;display:inline-block;overflow:hidden}.res-progress span{background:#5ad1e6;height:100%;display:block}.res-tag{color:#cfe3df;background:#ffffff1a;border-radius:6px;padding:1px 5px;font-size:9.5px}.res-tag.is-locked{background:#8f1f1a8c}.res-dim{color:#9fb0ac}#trade-edge-btn{font:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#5ad1e6;cursor:pointer;z-index:5;background:#0b1a24b8;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-weight:600;display:flex;position:absolute;bottom:14px;right:14px}#trade-edge-btn:hover{color:#d6f6fc;background:#0b1a24eb}.hud-btn-icon{font-size:15px;line-height:1}#hud-center-roll{pointer-events:none;gap:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-roll-square{width:132px;height:132px;font:inherit;-webkit-backdrop-filter:blur(10px);color:#f4f8f7;cursor:pointer;pointer-events:auto;background:#ffffff17;border:1px solid #ffffff38;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 34px #00000059,inset 0 1px #ffffff1f}.hud-roll-square:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff29}.hud-roll-square:disabled{opacity:.35;cursor:default;transform:none}.hud-roll-square-icon{opacity:.9;font-size:34px;line-height:1}.hud-roll-square-label{letter-spacing:.3px;text-align:center;padding:0 8px;font-size:21px;font-weight:700;line-height:1.12}#hud-gain{color:#a6e6b8;text-align:center;border-top:1px solid #ffffff1f;min-height:15px;margin-top:8px;padding-top:8px;font-size:12px}.modal-overlay{opacity:0;pointer-events:none;background:#0b1a2480;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.modal-overlay.is-visible{opacity:1;pointer-events:auto}.modal-card{color:#e8f2ef;background:#12262f;min-width:260px;padding:26px 30px;font-size:14px;position:relative;box-shadow:0 8px 24px #0006}#building-card{width:1000px;max-width:calc(100vw - 32px)}#building-layout{align-items:stretch;gap:22px;display:flex}#building-rail{flex-direction:column;flex:none;gap:14px;width:262px;display:flex}#building-main{flex-direction:column;flex:1;min-width:0;display:flex}#building-title-row{align-items:center;gap:12px;margin:0 34px 14px 0;display:flex}#building-title{letter-spacing:.01em;margin:0;font-size:26px;font-weight:700}#building-demolish-btn{color:#ffb4a3;background:#c1352b2e;border:1px solid #c1352b8c;border-radius:8px;flex:none;justify-content:center;width:30px;height:30px;padding:0;font-size:14px}#building-demolish-btn:hover:not(:disabled){background:#d64439d9}#building-rail-art{background:radial-gradient(120% 90% at 50% 15%,#5ad1e624,#00000059);border:1px solid #ffffff1a;border-radius:14px;place-items:center;height:132px;display:grid;box-shadow:inset 0 6px 22px #00000073}#building-rail-art .piece-icon{transform-origin:bottom;width:96px;height:74px;margin:0;transform:scale(1.9)}#building-rail-role{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;padding:14px}.building-role-title{text-align:center;color:#e8f2ef;border-bottom:1px solid #ffffff1a;margin-bottom:11px;padding-bottom:11px;font-size:13px;font-weight:700;line-height:1.35}.building-role-feature{align-items:flex-start;gap:10px;display:flex}.building-role-feature+.building-role-feature{margin-top:12px}.building-role-icon{background:#5ad1e624;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.building-role-feature-title{color:#5ad1e6;font-size:12.5px;font-weight:700}.building-role-feature-text{color:#9db3ae;margin-top:2px;font-size:11.5px;line-height:1.4}#building-rail-facts{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto 1fr;gap:9px 12px;margin:0;padding:14px;font-size:12px;display:grid}#building-rail-facts dt{color:#9db3ae}#building-rail-facts dd{text-align:right;color:#e8f2ef;margin:0;font-weight:600}#building-stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.building-stat-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;align-items:flex-start;gap:11px;padding:12px 13px;display:flex}.building-stat-card-icon{background:#5ad1e621;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.building-stat-card-text{flex:1;min-width:0}.building-stat-card-label{letter-spacing:.08em;text-transform:uppercase;color:#9db3ae;font-size:11px;font-weight:700}.building-stat-card-value{color:#e8f2ef;margin-top:2px;font-size:15px;font-weight:700}.building-stat-card-extra{color:#9db3ae;margin-top:6px;font-size:11px;line-height:1.35}.building-stat-card-extra:empty{display:none}.building-status-badge{color:#8fe3ab;background:#7ed99e29;border-radius:999px;padding:2px 10px;font-size:12.5px;display:inline-block}.building-status-badge.is-defended{color:#7fdcef;background:#5ad1e629}.building-section+.building-section{margin-top:20px}.building-section-head{letter-spacing:.04em;color:#5ad1e6;align-items:center;gap:8px;margin-bottom:11px;font-size:13px;font-weight:700;display:flex}.building-section-icon{font-size:15px}#building-footer{align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}#building-footer #building-action-row{flex:1;margin-top:0}#building-footer-close{color:#e8f2ef;background:#ffffff14;border:1px solid #ffffff29;flex:none}#building-footer-close:hover{background:#ffffff29}.trade-title{margin-bottom:14px;font-weight:600}#building-body{flex-direction:column;gap:4px;min-width:200px;margin-bottom:14px;display:flex}.building-stock-row{color:#cfe3df;font-size:13px}.modal-close-btn{color:#e8f2ef;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.modal-close-btn:hover{background:#ffffff2e}#building-tabs,.building-tabs-row{border-bottom:1px solid #ffffff1a;gap:4px;margin:0 28px 14px 0;display:flex}.building-tab{font:inherit;color:#9db3ae;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 10px;font-size:13px;font-weight:600}.building-tab:hover{color:#cfe3df}.building-tab.is-active{color:#e8f2ef;border-bottom-color:#5ad1e6}.building-tab-panel{min-width:220px;min-height:440px;display:none}.building-tab-panel.is-active{flex-direction:column;display:flex}#building-action-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.building-stat{align-items:center;gap:8px;display:flex}.building-stat-icon{font-size:15px;line-height:1}.building-stat-badge{font-size:13px;line-height:1}.building-life-pips{flex:1;gap:4px;display:flex}.building-life-pip{background:#ffffff1f;border:1px solid #ffffff24;border-radius:4px;flex:1;max-width:34px;height:8px}.building-life-pip.is-full{background:linear-gradient(#ff7a6b,#e8483a);border-color:#ffffff4d}.building-stat-grid{gap:8px;margin-top:4px;display:flex}.building-stat-tile{background:#ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:13px;display:flex}.building-stat-tile strong{color:#e8f2ef;font-size:15px}.building-stat-tile.is-pending strong{color:#f0c46a}#rekrutierung-body{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:10px;max-height:500px;padding-right:4px;display:grid;overflow-y:auto}.recruit-queue-note{color:#f0c46a;background:#f0c46a1a;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.recruit-queue-label{font-weight:600}.recruit-queue-chips{flex-wrap:wrap;gap:5px;display:flex}.recruit-queue-chip{width:30px;height:30px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:0;font-size:15px;line-height:1}.recruit-queue-chip:hover:not(:disabled){background:#e8483a59;border-color:#e8483ab3}.recruit-queue-chip.is-building{cursor:default;background:#5ad1e62e;border-color:#5ad1e699}.recruit-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.recruit-card-head{align-items:center;gap:8px;display:flex}.recruit-card-icon{font-size:18px;line-height:1}.recruit-card-cost{color:#9fb4b0;text-align:right;margin-left:auto;font-size:11px}.recruit-stat-grid{flex-direction:column;gap:4px;display:flex}.recruit-stat{color:#cfe3df;align-items:center;gap:5px;font-size:12px;display:flex}.recruit-stat em{font-style:normal}.recruit-buffs{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding-top:8px;display:flex}.recruit-buff{color:#cfe3df;align-items:center;gap:6px;font-size:12px;display:flex}.recruit-buff em{flex:1;font-style:normal}.recruit-buff-duration{color:#5ad1e6;white-space:nowrap;font-size:11px}.recruit-buff-empty{color:#7d9490;font-size:12px;font-style:italic}.recruit-card>.icon-btn{justify-content:center;width:100%}#trade-troop-detail-panel{color:#e8f2ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0b1a24b8;flex-direction:column;gap:10px;width:208px;padding:17px 19px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:12px;transform:translate(16px,-50%)}#trade-troop-detail-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}#trade-troop-detail-title-row{align-items:center;gap:6px;display:flex}#trade-troop-detail-title{font-size:14px;font-weight:600}#trade-troop-detail-close{color:#9fb8b3;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:18px;line-height:1}#trade-troop-detail-close:hover{color:#e8f2ef}#trade-troop-detail-stats{flex-direction:column;gap:4px;display:flex}#trade-troop-detail-cargo-capacity{color:#b9cdc9;margin-top:-4px;font-size:12px}#trade-troop-detail-cargo-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#trade-troop-detail-members{flex-direction:column;gap:4px;display:flex}.trade-troop-member-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}#trade-troop-detail-action-row{flex-wrap:wrap;gap:8px;display:flex}#building-log-list{flex-direction:column;gap:3px;max-height:140px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.building-log-row{color:#cfe3df;font-size:12px;line-height:1.4}.building-log-empty{color:#7d9490;font-size:12px;font-style:italic}#barracks-garrison-section{margin-top:6px}#barracks-garrison-header{color:#cfe3df;margin-bottom:4px;font-size:13px}#barracks-garrison-list{flex-direction:column;gap:4px;max-height:120px;padding-right:4px;display:flex;overflow-y:auto}.barracks-garrison-row{color:#e8f2ef;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.barracks-garrison-row .icon-btn{border-image-width:9px 13px;padding:4px 13px;font-size:12px}#barracks-garrison-all-out-btn{margin-top:6px}.icon-btn{font:inherit;cursor:pointer;border-image-width:13px 19px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;display:inline-flex}.icon-btn:disabled{opacity:.45;cursor:default}.icon-btn-icon{font-size:15px;line-height:1}#lager-capacity-label{font-size:15px}#lager-capacity-bar{background:#ffffff14;border-radius:4px;width:100%;height:8px;display:flex;overflow:hidden}.lager-capacity-segment{height:100%}#lager-stock-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.lager-stock-tile{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;padding:9px 11px}.lager-stock-tile.has-stock{background:#5ad1e612;border-color:#5ad1e647}.lager-stock-head{align-items:center;gap:7px;display:flex}.lager-stock-icon{align-items:center;font-size:16px;display:inline-flex}.lager-stock-chip{align-items:center;gap:3px;display:flex}.lager-stock-chip>span:first-child{align-items:center;display:inline-flex}.lager-stock-name{color:#9db3ae;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lager-stock-tile.has-stock .lager-stock-name{color:#cfe3df}.lager-stock-amount{font-variant-numeric:tabular-nums;color:#e8f2ef;margin:3px 0 7px;font-size:19px;font-weight:700}.lager-stock-tile:not(.has-stock) .lager-stock-amount{color:#64807c}.lager-stock-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.lager-stock-bar>div{height:100%}#lager-request-row{background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:13px;display:flex}.lager-request-field{flex-direction:column;gap:6px;min-width:0;display:flex}.lager-request-field:nth-child(3){flex:1;min-width:190px}.lager-request-label{letter-spacing:.06em;text-transform:uppercase;color:#9db3ae;font-size:11px;font-weight:700}#lager-request-row select{font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:9px;padding:8px 10px}.lager-amount-stepper{background:#0b1a24;border:1px solid #ffffff26;border-radius:9px;align-items:center;display:flex;overflow:hidden}.lager-amount-step{font:inherit;color:#cfe3df;cursor:pointer;background:#ffffff0f;border:none;align-self:stretch;width:30px;font-size:15px;line-height:1}.lager-amount-step:hover{color:#e8f2ef;background:#5ad1e638}#lager-amount-input{width:48px;font:inherit;color:#e8f2ef;text-align:center;appearance:textfield;background:0 0;border:none;padding:8px 0}#lager-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#lager-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#lager-request-row .icon-btn{margin-left:auto;padding:9px 18px}.produktion-status{color:#cfe3df;margin-bottom:8px;font-size:13px}.produktion-choose{flex-direction:column;gap:4px;display:flex}.produktion-choose-title{color:#f0f7f4;white-space:nowrap;align-items:center;gap:14px;margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:21px;display:flex}.produktion-choose-title:before,.produktion-choose-title:after{content:"";background:linear-gradient(90deg,#0000,#5ad1e673,#0000);flex:1;height:1px}.produktion-choose-sub{text-align:center;color:#8fb3ad;margin-bottom:14px;font-size:13px}.produktion-kind-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;display:grid}.produktion-kind-card{text-align:center;font:inherit;color:#e8f2ef;cursor:pointer;background:linear-gradient(170deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:background .12s,border-color .12s,transform .12s;display:flex}.produktion-kind-card:hover{background:#5ad1e61a;border-color:#5ad1e666;transform:translateY(-1px)}.produktion-kind-card.is-picked{background:#5ad1e621;border-color:#5ad1e6;box-shadow:0 0 0 1px #5ad1e666,0 0 22px #5ad1e626}.produktion-kind-art{background:radial-gradient(circle at 50% 45%,#5ad1e624,#0000 70%);border:1px solid #ffffff12;border-radius:12px;place-items:center;width:100%;height:88px;font-size:40px;display:grid;position:relative}.produktion-kind-check{color:#04161e;background:#5ad1e6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:none;position:absolute;top:-9px;right:-9px;box-shadow:0 0 12px #5ad1e680}.produktion-kind-card.is-picked .produktion-kind-check{display:grid}.produktion-kind-name{color:#f0f7f4;font-family:Georgia,Times New Roman,serif;font-size:17px}.produktion-kind-desc{color:#8fb3ad;font-size:11.5px;line-height:1.35}.produktion-kind-goods{flex-direction:column;gap:5px;width:100%;margin-top:4px;display:flex}.produktion-kind-good{background:#0000003d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:flex}.produktion-choose-footer{background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding:12px 14px;display:flex}.produktion-choose-note{color:#8fb3ad;flex:260px;align-items:center;gap:9px;font-size:12px;line-height:1.4;display:flex}.produktion-choose-buttons{gap:8px;display:flex}.produktion-choose-buttons .icon-btn{padding:9px 18px}#produktion-choose-cancel{color:#e8f2ef;background:#ffffff14;border:1px solid #ffffff29}#produktion-choose-cancel:hover{background:#ffffff29}.produktion-retool{background:linear-gradient(150deg,#5ad1e617,#ffffff08);border:1px solid #5ad1e638;border-radius:14px;align-items:center;gap:18px;margin-top:10px;padding:18px 20px;display:flex}.retool-stage{background:radial-gradient(circle,#5ad1e629,#0000 70%);border-radius:50%;flex:none;place-items:center;width:74px;height:74px;display:grid;position:relative}.retool-gear{opacity:.85;font-size:40px;line-height:1}.retool-hammer{transform-origin:20% 80%;font-size:24px;line-height:1;position:absolute;bottom:8px;right:4px}.retool-spark{opacity:0;background:#ffd68a;border-radius:50%;width:4px;height:4px;position:absolute;top:58%;left:50%}#building-dialog.is-visible .retool-stage.is-idle{opacity:.45}#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-gear{animation:5s linear infinite retool-spin}#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-hammer{animation:1.1s ease-in-out infinite retool-tap}#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-spark{animation:1.1s ease-out infinite retool-spark}#building-dialog.is-visible .retool-spark.is-0{--spark-x:16px;--spark-y:-14px;animation-delay:.35s}#building-dialog.is-visible .retool-spark.is-1{--spark-x:22px;--spark-y:2px;animation-delay:.45s}#building-dialog.is-visible .retool-spark.is-2{--spark-x:8px;--spark-y:-22px;animation-delay:.55s}.retool-text{min-width:0}.retool-headline{color:#e8f2ef;font-size:17px;font-weight:700}.retool-sub{color:#8fb3ad;margin-top:3px;font-size:13px;line-height:1.4}.retool-bar{background:#ffffff14;border-radius:999px;height:5px;margin-top:12px;position:relative;overflow:hidden}.retool-bar:after{content:"";background:linear-gradient(90deg,#0000,#5ad1e6,#0000);border-radius:999px;width:38%;position:absolute;inset:0 auto 0 0}#building-dialog.is-visible .retool-bar:after{animation:1.6s ease-in-out infinite retool-sweep}@keyframes retool-spin{to{transform:rotate(360deg)}}@keyframes retool-tap{0%,55%,to{transform:rotate(-14deg)}30%{transform:rotate(16deg)}}@keyframes retool-spark{0%,30%{opacity:0;transform:translate(0)scale(.6)}40%{opacity:1}to{opacity:0;transform:translate(var(--spark-x), var(--spark-y)) scale(1)}}@keyframes retool-sweep{0%{transform:translate(-110%)}to{transform:translate(370%)}}@media (prefers-reduced-motion:reduce){#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-gear,#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-hammer,#building-dialog.is-visible .retool-stage:not(.is-idle) .retool-spark,#building-dialog.is-visible .retool-bar:after{animation:none}}.produktion-order{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.produktion-order.is-working{background:linear-gradient(150deg,#5ad1e61a,#ffffff08);border-color:#5ad1e63d}.produktion-order-main{flex:220px;min-width:0}.produktion-order-head{color:#e8f2ef;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.produktion-order-badge{color:#9fd7e4;background:#5ad1e61f;border:1px solid #5ad1e659;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.produktion-order-sub{color:#8fb3ad;margin-top:3px;font-size:12px;line-height:1.4}.produktion-order-bar{background:#ffffff14;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.produktion-order-bar>div{background:linear-gradient(90deg,#3fb8cf,#7fe0f0);border-radius:999px;height:100%;transition:width .3s}.produktion-order-controls{flex-direction:column;flex:0 auto;gap:8px;display:flex}.produktion-order-buttons{gap:8px;display:flex}.produktion-order-limit{color:#cfe3df;align-items:center;gap:7px;font-size:12px;display:flex}.produktion-order-limit input{width:62px;font:inherit;text-align:center;color:#e8f2ef;background:#00000047;border:1px solid #ffffff24;border-radius:8px;padding:5px 6px;font-size:13px}.produktion-order-limit-unit{color:#8fb3ad}.produktion-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.produktion-panel{background:#ffffff08;border:1px solid #ffffff17;border-radius:14px;padding:14px 15px}.produktion-panel-head{color:#e8f2ef;margin-bottom:10px;font-size:17px;font-weight:600}.produktion-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.produktion-filter{font:inherit;color:#cfe3df;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;display:inline-flex}.produktion-filter:hover{background:#ffffff1c}.produktion-filter.is-active{color:#04161e;background:#5ad1e6;border-color:#7fe0f0;font-weight:600}.produktion-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.produktion-recipe-card{text-align:left;font:inherit;color:#e8f2ef;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;transition:background .12s,border-color .12s;display:flex}.produktion-recipe-card:hover{background:#5ad1e61a;border-color:#5ad1e666}.produktion-recipe-card.is-picked{background:#5ad1e624;border-color:#5ad1e6;box-shadow:0 0 0 1px #5ad1e659}.produktion-recipe-card.is-running .produktion-recipe-art:after{content:"▶";color:#5ad1e6;font-size:9px;position:absolute;top:3px;left:4px}.produktion-recipe-art{background:#00000047;border:1px solid #ffffff17;border-radius:10px;flex:none;place-items:center;width:54px;height:54px;font-size:26px;display:grid;position:relative}.produktion-recipe-yield{color:#9fd7e4;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:3px}.produktion-recipe-body{flex-direction:column;gap:3px;min-width:0;display:flex}.produktion-recipe-name{font-size:14px;font-weight:600}.produktion-recipe-rounds{color:#8fb3ad;font-size:11px}.produktion-detail-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.produktion-detail-title{color:#f0f7f4;font-size:18px;font-weight:600}.produktion-detail-tag{color:#cfe3df;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.produktion-detail-art{background:radial-gradient(circle at 50% 45%,#5ad1e61f,#0000 70%);border-radius:12px;place-items:center;height:92px;margin-bottom:12px;font-size:46px;display:grid}.produktion-detail-effects{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.produktion-detail-effect{background:#ffffff0a;border-left:2px solid #5ad1e680;border-radius:0 8px 8px 0;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;display:flex}.produktion-detail-effect-who{color:#9fd7e4;align-items:center;gap:5px;font-weight:600;display:inline-flex}.produktion-detail-effect em{color:#e8f2ef;font-style:normal}.produktion-detail-effect-how{color:#8fb3ad;font-size:11px}.produktion-detail-effect-empty{color:#8fb3ad;font-size:12px}.produktion-section-label{letter-spacing:.08em;text-transform:uppercase;color:#8fb3ad;margin-bottom:7px;font-size:11px}.produktion-need-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px;display:grid}.produktion-need{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.produktion-need.is-short{background:#ff8a741f;border-color:#ff8a7480}.produktion-need-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.produktion-need-amount{font-size:13px;font-weight:600}.produktion-need-have{color:#8fb3ad;font-size:11px}.produktion-need.is-short .produktion-need-have{color:#ffb4a3}.produktion-fact-list{flex-direction:column;gap:1px;margin-bottom:12px;display:flex}.produktion-fact{color:#cfe3df;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;font-size:13px;display:flex}.produktion-fact>span{align-items:center;gap:7px;display:inline-flex}.produktion-actions{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.produktion-actions .icon-btn{justify-content:center;padding:9px 18px}.produktion-current{color:#cfe3df;background:#00000038;border-radius:10px;padding:9px 11px;font-size:12px}.produktion-auto-supply-label{color:#cfe3df;cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}@media (width<=900px){.produktion-layout{grid-template-columns:minmax(0,1fr)}}#trade-row{align-items:center;gap:10px;display:flex}#trade-row select{font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px}#trade-building-row{align-items:center;gap:14px;margin:10px 0;font-size:13px;display:flex}#trade-building-row select{font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;margin-left:4px;padding:4px 6px}#trade-ratio{color:#cfe3df;min-height:16px;margin:12px 0;font-size:13px}#trade-buttons{justify-content:flex-end;gap:8px;display:flex}#trade-buttons button{font:inherit;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-weight:600}#trade-buttons button:first-child{color:#0b1a24;background:#5ad1e6}#trade-buttons button:first-child:hover{background:#7fe0f0}#trade-buttons button:last-child{color:#e8f2ef;background:#ffffff1a}#trade-buttons button:last-child:hover{background:#ffffff2e}#shop-card{width:480px}#shop-building-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;font-size:13px;display:flex}#shop-building-row select{font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;margin-left:4px;padding:4px 6px}#shop-taler-label{color:#ffd23f;font-weight:600}#shop-card .building-tab-panel{min-height:0;max-height:340px;overflow-y:auto}.shop-table{border-collapse:collapse;width:100%;font-size:13px}.shop-table th{text-align:left;color:#7d9490;text-transform:uppercase;letter-spacing:.03em;background:#12262f;border-bottom:1px solid #ffffff26;padding:4px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.shop-table td{vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:6px}.shop-cell-label{white-space:nowrap}.shop-cell-icon{vertical-align:middle;align-items:center;display:inline-flex}.shop-row-amount{width:48px;font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px}.arena-over-summary{color:#cfe3e0;flex-direction:column;gap:8px;min-width:260px;margin:4px 0 14px;font-size:13px;display:flex}.arena-over-side{align-items:center;gap:9px;display:flex}.arena-over-name{color:#e8f2ef;font-weight:600}.arena-over-left{color:#9fb8b4;white-space:nowrap;margin-left:auto}#pause-buttons{flex-direction:column;gap:10px;min-width:200px;display:flex}.btn-primary,.btn-neutral,.btn-danger{font:inherit;cursor:pointer;padding:11px 28px;font-weight:600}.settings-toggle-row{color:#e8f2ef;cursor:pointer;align-items:center;gap:8px;margin:10px 0;font-size:13px;display:flex}.settings-toggle-row:last-of-type{margin-bottom:16px}.settings-group-title{letter-spacing:.08em;text-transform:uppercase;color:#9fb8b3;border-top:1px solid #ffffff1f;margin:4px 0 10px;padding-top:12px;font-size:12px;font-weight:600}.settings-select-row{cursor:default;justify-content:space-between}.settings-inline-select{color:#e8f2ef;font:inherit;cursor:pointer;background:#091a21d9;border:1px solid #ffffff2e;border-radius:6px;padding:4px 8px;font-size:12px}.settings-hint{color:#9fb8b3;margin:-4px 0 16px;font-size:11px;line-height:1.45}#toast{color:#fff;opacity:0;pointer-events:none;background:#c1352be6;border-radius:8px;padding:8px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;top:72px;left:50%;transform:translate(-50%,-8px)}#toast.is-visible{opacity:1;transform:translate(-50%)}#toast.is-info{background:#0b1a24e0;box-shadow:inset 0 0 0 1px #5ad1e64d}#announcement{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.3px;text-align:center;opacity:0;pointer-events:none;background:#0b1a24c7;border-radius:12px;max-width:clamp(220px,100vw - 560px,620px);padding:9px 20px;font-size:24px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:14px;left:50%;transform:translate(-50%,-10px)}#announcement.is-visible{opacity:1;transform:translate(-50%)}#building-cards{pointer-events:none;z-index:4;position:absolute;inset:0}.building-card{color:#e8f2ef;background:linear-gradient(160deg,#0c202af2,#06121af5);flex-direction:column;gap:8px;min-width:168px;max-width:260px;padding:16px 18px;font-size:12px;line-height:1.35;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 26px #00000073}.building-card.is-hidden,.building-card.is-compact .building-card-head,.building-card.is-compact .building-card-flags,.building-card.is-compact .building-card-facts,.building-card.is-compact .building-card-bar,.building-card.is-compact .building-card-bar-label{display:none}.building-card.is-compact{min-width:0;padding:12px 14px}.building-card-head{align-items:center;gap:9px;display:flex}.building-card-portrait{flex:none;justify-content:center;align-items:center;width:34px;height:26px;display:flex}.building-card-portrait img{max-width:100%;max-height:100%}.building-card-title{font-size:13px;font-weight:600}.building-card-owner{color:#9fb8b3;align-items:center;gap:5px;font-size:11px;display:flex}.building-card-owner-dot{border:1px solid #00000080;border-radius:50%;width:8px;height:8px}.building-card-flags{flex-direction:column;gap:4px;display:flex}.building-card-flags.is-empty,.building-card-facts.is-empty,.building-card-storage.is-empty,.building-card-stock.is-empty{display:none}.building-card-flag{align-items:baseline;gap:6px;display:flex}.building-card-flag-icon{flex:none}.building-card-flag.is-warning{color:#f0a19a}.building-card-flag.is-action{color:#e8c483}.building-card-flag.is-waiting{color:#9dc6ea}.building-card-flag.is-info{color:#9fb8b3}.building-card-facts{color:#b9cdc8;flex-direction:column;gap:2px;display:flex}.building-card-fact{justify-content:space-between;gap:12px;display:flex}.building-card-value{color:#e8f2ef;font-variant-numeric:tabular-nums}.building-card-value.is-hidden,.building-card-stock-entry.is-hidden{color:#7d938f}.building-card-storage{flex-direction:column;gap:5px;display:flex}.building-card-stock{flex-wrap:wrap;gap:4px 10px;display:flex}.building-card-stock-entry{align-items:center;gap:3px;display:inline-flex}.building-card-stock-count{font-variant-numeric:tabular-nums}.building-card-bar{background:#ffffff24;border-radius:2px;height:4px;overflow:hidden}.building-card-bar.is-hidden .building-card-bar-fill{display:none}.building-card-bar-fill{background:#6cc04a;height:100%;transition:width .2s}.building-card-bar-fill.is-full{background:#c1352b}.building-card-bar-label{color:#9fb8b3;font-variant-numeric:tabular-nums;font-size:11px}#dice-labels{pointer-events:none;z-index:5;position:absolute;inset:0}.dice-label{color:#e6f1f7;opacity:.5;background:#06131bdb;border:1px solid #ffffff24;border-radius:11px;flex-direction:column;align-items:flex-start;gap:4px;max-width:250px;padding:5px 10px 7px;font-weight:700;line-height:1.15;transition:opacity .25s,border-color .25s,background .25s;display:flex;position:absolute;transform:translate(24px,-50%);box-shadow:0 8px 22px #00000080}.dice-label.is-left{transform:translate(calc(-100% - 24px),-50%)}.dice-label.is-fixed,.dice-label.is-fixed.is-left{align-items:center;transform:translate(-50%,calc(-100% - 18px))}.dice-label.is-live{opacity:1}.dice-label-head{align-items:baseline;gap:8px;display:flex}.dice-label-total{font-variant-numeric:tabular-nums;font-size:30px;transition:font-size .22s}.dice-label-calc{flex-wrap:wrap;gap:4px;display:flex}.dice-label-chip{white-space:nowrap;color:#ffd98a;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;padding:1px 7px;font-size:12.5px;font-weight:600;animation:.32s cubic-bezier(.34,1.56,.64,1) both dice-chip-pop}.dice-label-chip.is-face{color:#b6cbd8;background:#ffffff0a}.dice-label-chip.is-triggered{background:#ffd98a29;border-color:#ffd98ab3}.dice-label-chip.is-foreign{color:#ff9d8f;background:#ff7a6b29;border-color:#ff7a6b99}.dice-label-tag{letter-spacing:.2px;opacity:.9;font-size:12.5px;font-weight:600}.dice-label-tag:empty{display:none}.dice-label.is-win{color:#7ff0ae;background:#08221ae6;border-color:#6ee7a08c}.dice-label.is-win .dice-label-total{text-shadow:0 0 16px #6ee7a099;font-size:40px;animation:.42s cubic-bezier(.34,1.56,.64,1) dice-verdict-pop}.dice-label.is-loss{color:#ff8b7c;opacity:.85;background:#220c0bdb;border-color:#ff7a6b66}.dice-label.is-loss .dice-label-total{font-size:24px;animation:.34s ease-in-out dice-verdict-shake}@keyframes dice-chip-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dice-verdict-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes dice-verdict-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#combat-result-extend-btn{color:#e8f2ef;cursor:pointer;visibility:hidden;pointer-events:none;opacity:0;z-index:6;background:#0b1a24bf;border:none;border-radius:50%;width:48px;height:48px;font-size:20px;transition:transform .2s;position:absolute;top:50%;right:22px;transform:translateY(-50%)scale(.85)}#combat-result-extend-btn.is-visible{visibility:visible;pointer-events:auto;transform:translateY(-50%)scale(1)}#combat-result-extend-btn:hover{background:#0b1a24eb}#combat-action-banner{color:#e8f2ef;opacity:0;pointer-events:none;background:#12262ff2;border:1px solid #ffffff26;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:min(680px,100% - 32px);padding:8px 14px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%,-8px)}#combat-action-banner.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}#combat-action-buttons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}#attack-confirm-buttons,#unit-transfer-buttons,#troop-transfer-buttons,#loot-buttons{justify-content:flex-end;gap:8px;display:flex}#loot-info{color:#cfe3df;margin-bottom:10px;font-size:13px}#loot-rows{flex-direction:column;gap:4px;max-height:46vh;margin-bottom:12px;display:flex;overflow-y:auto}.loot-row{background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.loot-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.loot-row-available{color:#9fb8b3;font-size:12px}.loot-row input{width:64px;font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px}#autoroll-dialog .modal-card{width:min(560px,92vw)}#autoroll-pieces{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.autoroll-piece{font:inherit;color:#cfe3df;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;font-size:12px;transition:background .12s,border-color .12s,color .12s;display:flex}.autoroll-piece:hover{background:#ffffff17}.autoroll-piece.is-picked{color:#f6e6c8;background:#e8a83e29;border-color:#e8a83e99}.autoroll-piece.is-reached{background:#7ad69429;border-color:#7ad694b3}.autoroll-piece-name{text-align:center;font-weight:600;line-height:1.15}.autoroll-piece-state{color:#9fb8b3;text-align:center;font-size:10px}#autoroll-resources{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.autoroll-resource .loot-row-available.is-reached{color:#7ad694;font-weight:600}#autoroll-buttons{justify-content:flex-end;gap:10px;display:flex}#unit-transfer-direction-row,#troop-transfer-direction-row{gap:6px;margin-bottom:10px;display:flex}#unit-transfer-direction-row button,#troop-transfer-direction-row button{font:inherit;cursor:pointer;color:#e8f2ef;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-weight:600}#unit-transfer-direction-row button.is-active,#troop-transfer-direction-row button.is-active{color:#0b1a24;background:#5ad1e6;border-color:#5ad1e6}#unit-transfer-row,#troop-transfer-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}#unit-transfer-row select,#unit-transfer-row input,#troop-transfer-row select,#troop-transfer-row input{font:inherit;color:#e8f2ef;background:#0b1a24;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px}#unit-transfer-row input,#troop-transfer-row input{width:56px}#unit-transfer-info,#troop-transfer-info{color:#cfe3df;margin-bottom:12px;font-size:13px}#summary-card{flex-direction:column;width:820px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:24px 26px 20px;display:flex;overflow:hidden}#summary-title{text-align:center;color:#f0f7f4;text-shadow:0 2px 14px #00000080;flex:none;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:30px}#summary-tabs{border-bottom:1px solid #ffffff1f;flex:none;gap:6px;margin-bottom:14px;display:flex}.summary-tab{font:inherit;color:#7f9a96;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:14px;font-weight:600;transition:color .14s,border-color .14s}.summary-tab:hover:not(:disabled){color:#e8f2ef}.summary-tab.is-active{color:#f0f7f4;border-bottom-color:#5ad1e6}.summary-tab:disabled{opacity:.4;cursor:default}#summary-stage,#summary-table{flex:1;min-height:0;padding-right:4px;overflow-y:auto}#summary-stage{flex-direction:column;gap:12px;display:flex}.ceremony-box{background:linear-gradient(160deg,#5ad1e617,#ffffff05);border:1px solid #5ad1e638;border-radius:14px;padding:14px 16px}.ceremony-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ceremony-icon{font-size:32px;line-height:1}.ceremony-title{color:#f0f7f4;font-family:Georgia,Times New Roman,serif;font-size:22px}.ceremony-note{color:#8fb3ad;font-size:12px}.ceremony-list{flex-direction:column;gap:6px;display:flex}.ceremony-row{opacity:0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(6px)}.ceremony-row.is-revealed{opacity:1;transform:none}.ceremony-row.is-rank-1{background:linear-gradient(120deg,#e2bd7c33,#ffffff0a);border-color:#e2bd7c99;padding:11px 12px;box-shadow:0 0 22px #e2bd7c2e}.ceremony-row.is-rank-1 .ceremony-value{color:#f3dcae;font-size:17px}.ceremony-rank{text-align:center;flex:none;width:28px;font-size:17px}.ceremony-value{font-variant-numeric:tabular-nums;color:#e8f2ef;margin-left:auto;font-size:14px;font-weight:700}.summary-player{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}#summary-table{flex-direction:column;gap:16px;display:flex}.summary-section-title{color:#9fd7e4;border-bottom:1px solid #5ad1e640;margin-bottom:6px;padding-bottom:4px;font-family:Georgia,Times New Roman,serif;font-size:17px}.summary-grid{border-collapse:collapse;width:100%;font-size:13px}.summary-grid th{text-align:right;color:#cfe3df;padding:4px 8px;font-weight:600}.summary-grid th:first-child{text-align:left}.summary-grid td{border-top:1px solid #ffffff0f;padding:4px 8px}.summary-row-label{color:#cfe3df;align-items:center;gap:8px;display:flex}.summary-row-icon{align-items:center;font-size:15px;line-height:1;display:inline-flex}.summary-value{text-align:right;font-variant-numeric:tabular-nums;color:#e8f2ef}.summary-value.is-best{color:#f3dcae;font-weight:700}#summary-buttons{border-top:1px solid #ffffff1a;flex:none;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;display:flex}#swap-start-dialog{background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), transparent 0px, transparent 70px, #06121ae6 130px)}#swap-card{--swap-gold:#e2bd7c;background:linear-gradient(165deg,#13303ff7,#07151efa);width:780px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:26px 30px 24px;overflow-y:auto;box-shadow:0 24px 70px #0009,0 0 40px #5ad1e61f,inset 0 1px #ffffff12}#swap-card .modal-close-btn{background:#ffffff0a;border:1px solid #ffffff24;border-radius:9px;width:34px;height:34px;font-size:15px;top:16px;right:18px}#swap-card .modal-close-btn:hover{background:#ffffff1f}#swap-head{text-align:center;margin:0 46px 16px}#swap-title{letter-spacing:.4px;color:#f0f7f4;text-shadow:0 2px 12px #00000080;font-family:Georgia,Times New Roman,serif;font-size:27px}#swap-title .swap-title-number{color:var(--menu-accent);font-weight:700}#swap-title .swap-title-resource{color:var(--swap-gold)}.swap-rule{background:linear-gradient(90deg,#0000,#5ad1e673,#0000);width:min(340px,80%);height:1px;margin:12px auto 0;position:relative}.swap-rule:after{content:"";background:var(--menu-accent);width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px #5ad1e699}#swap-info-block{color:#cfe3df;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding:10px 14px;font-size:13px;display:flex}.swap-coin{color:#2a2015;border:2px solid var(--swap-gold);background:radial-gradient(circle at 38% 32%,#fdf6e4,#e6d8b6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #00000073,inset 0 0 0 1px #ffffff80}.swap-coin.is-hot{color:#c1352b}.swap-coin.is-small{width:32px;height:32px;font-size:16px}.swap-fact{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.swap-fact-label{color:var(--menu-muted)}.swap-fact-divider{background:#ffffff1f;align-self:stretch;width:1px;min-height:20px}.swap-info-building{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.swap-icon{align-items:center;font-size:13px;line-height:1;display:inline-flex}#swap-lock-note{color:#ffd9a3;background:#e2bd7c1a;border:1px solid #e2bd7c66;border-radius:12px;align-items:center;gap:9px;margin:0 0 14px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.tile-upgrade-section.is-locked{opacity:.5}.tile-upgrade-section.is-locked button{cursor:default}.tile-upgrade-section{color:#cfe3df;background:linear-gradient(160deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:12px;margin:0 0 14px;padding:13px 15px;font-size:13px;position:relative}.tile-upgrade-title{color:#f0f7f4;align-items:center;gap:10px;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:18px;display:flex}.tile-upgrade-step{width:26px;height:26px;color:var(--menu-accent);background:#5ad1e61f;border:1px solid #5ad1e673;border-radius:8px;flex:none;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.tile-upgrade-section:last-of-type{margin-bottom:0}.tile-upgrade-note{margin-bottom:10px;line-height:1.45}.tile-upgrade-muted{color:var(--menu-muted)}.tile-upgrade-cost{background:#5ad1e612;border:1px solid #5ad1e633;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;display:flex}.tile-upgrade-cost-label{color:#9fd7e4}.swap-cost-chips{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.piece-cost.is-labelled{padding:2px 10px 2px 2px;font-weight:600}.piece-cost.is-labelled.is-zero{opacity:.45}.add-number-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.add-number-stepper,.add-number-charge-buttons,.add-number-throw-buttons,.add-number-result{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stepper-box{background:#00000040;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex}.stepper-box button{width:30px;height:26px;font:inherit;color:#e8f2ef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:7px;font-size:15px}.stepper-box button:hover:not(:disabled){background:#5ad1e638}.stepper-box button:disabled{opacity:.35;cursor:default}.stepper-count{text-align:center;font-variant-numeric:tabular-nums;color:#f0f7f4;min-width:30px;font-size:16px;font-weight:700}.add-number-charge-buttons button:not(.swap-btn-primary):not(.swap-btn-ghost){font:inherit;color:#e8f2ef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-width:42px;padding:6px 10px;font-weight:700}.add-number-charge-buttons button:not(.swap-btn-primary):not(.swap-btn-ghost):hover:not(:disabled){background:#5ad1e638}.add-number-charge-buttons button:disabled{opacity:.35;cursor:default}.add-number-result{justify-content:flex-start}.payout-upgrade-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.payout-card{text-align:left;font:inherit;color:#e8f2ef;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;transition:background .12s,border-color .12s,transform .12s;display:flex}.payout-card:hover{background:#5ad1e61f;border-color:#5ad1e680;transform:translateY(-1px)}.payout-medal{letter-spacing:-.5px;width:34px;height:34px;color:var(--swap-gold);background:radial-gradient(circle at 40% 32%,#e2bd7c38,#e2bd7c0d);border:1px solid #e2bd7c8c;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.payout-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.payout-card-title{color:#f0f7f4;font-family:Georgia,Times New Roman,serif;font-size:15px}.payout-card-desc{color:var(--menu-muted);font-size:11px;line-height:1.3}#swap-start-buttons{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.swap-btn-primary,.swap-btn-ghost{font:inherit;cursor:pointer;align-items:center;gap:8px;padding:11px 28px;font-weight:600;display:inline-flex}.swap-btn-primary.is-compact,.swap-btn-ghost.is-compact{padding:7px 14px;font-size:13px}#swap-pick-banner{color:#e8f2ef;opacity:0;pointer-events:none;background:#12262ff2;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%,-8px)}#swap-pick-banner.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}#swap-pick-banner button{font:inherit;cursor:pointer;color:#0b1a24;background:#5ad1e6;border:none;border-radius:6px;padding:4px 10px;font-weight:600}#swap-pick-banner button:hover{background:#7fe0f0}#swap-pick-banner button:last-child{color:#e8f2ef;background:#ffffff1a}#swap-pick-banner button:last-child:hover{background:#ffffff2e}#box-select-rect{pointer-events:none;background:#5ad1e626;border:1px solid #5ad1e6;display:none;position:absolute}#box-select-rect.is-visible{display:block}#crosshair{pointer-events:none;display:none;position:absolute;inset:0}#crosshair.is-visible{display:block}#crosshair-mark{background:#fff;border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;transition:opacity .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #000000a6,0 0 6px #00000080}#crosshair-mark:before{content:"";border:1px solid #ffffff80;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}#crosshair-mark.is-idle{opacity:.35}#crosshair-hint{color:#cfe9f2;letter-spacing:.02em;white-space:nowrap;background:#08141ab8;border-radius:6px;padding:5px 12px;font-size:12px;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#beam-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#stock-floats{pointer-events:none;z-index:5;position:absolute;inset:0}.stock-float{transform:translate(-50%, calc(-50% + var(--row,0) * 26px));position:absolute}.stock-float-inner{white-space:nowrap;text-shadow:0 1px 2px #000000a6;background:#06141ab8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 3px;font-size:15px;font-weight:700;line-height:1;animation:ease-out forwards stock-float-rise;display:flex}.stock-float.is-gain .stock-float-amount{color:#8ce39b}.stock-float.is-loss .stock-float-amount{color:#ff9d8b}@keyframes stock-float-rise{0%{opacity:0;transform:translateY(8px)scale(.75)}7%{opacity:1;transform:translateY(0)scale(1.1)}13%{transform:translateY(-4px)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-58px)scale(.94)}}#fun-dice-panel{color:#e8f2ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0b1a24b8;border-radius:12px;flex-direction:column;gap:8px;width:168px;padding:10px 12px;font-size:13px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#fun-dice-title{font:inherit;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;font-weight:600;display:flex}#fun-dice-title:hover{color:#a8e8f2}#fun-dice-chevron{color:#8fb3ad;font-size:11px}#fun-dice-panel.is-collapsed>:not(#fun-dice-title){display:none}#fun-dice-panel.is-collapsed{gap:0}#fun-dice-palette{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fun-dice-card{color:#0b1a24;cursor:grab;background:#5ad1e6;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600}.fun-dice-card:active{cursor:grabbing}#fun-dice-container{border:1px dashed #ffffff4d;border-radius:8px;flex-direction:column;gap:4px;min-height:64px;padding:6px;display:flex}#fun-dice-container-empty{color:#7d9490;text-align:center;margin:auto;font-size:12px;font-style:italic}.fun-dice-row{justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.fun-dice-remove{color:#c1352b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:700}#fun-dice-actions{gap:8px;display:flex}#fun-dice-actions button{font:inherit;color:#0b1a24;cursor:pointer;background:#5ad1e6;border:none;border-radius:6px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}#knight-detail-panel{color:#e8f2ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0b1a24b8;flex-direction:column;gap:10px;width:208px;padding:17px 19px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:12px;transform:translate(16px,-50%)}#knight-detail-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}#knight-detail-title-row{align-items:center;gap:6px;display:flex}#knight-detail-title{font-size:14px;font-weight:600}#knight-detail-close{color:#9fb8b3;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:18px;line-height:1}#knight-detail-close:hover{color:#e8f2ef}#knight-detail-stats{flex-direction:column;gap:4px;display:flex}.knight-detail-stat-row{color:#b9cdc9;justify-content:space-between;gap:8px;display:flex}.knight-detail-stat-row strong{color:#e8f2ef;font-weight:600}.knight-detail-stat-row .hunger-value{flex-direction:column;align-items:flex-end;gap:3px;min-width:96px;display:flex}.hunger-bar{background:#ffffff29;border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}.hunger-bar i{border-radius:2px;height:100%;transition:width .25s;display:block}.hunger-count{color:#9fb8b3;font-size:11px;font-weight:400}.hunger-effect{color:#e0a23c;font-size:11px;font-style:normal;display:block}.knight-detail-section-label{text-transform:uppercase;letter-spacing:.5px;color:#7d9490;margin-top:2px;font-size:11px}#knight-detail-inventory-capacity{color:#b9cdc9;margin-top:-4px;font-size:12px}#knight-detail-inventory-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#knight-detail-inventory-grid .is-usable{cursor:pointer;background:#ffd98a1a;border-radius:6px;outline:1px solid #ffd98a73;transition:background .15s,outline-color .15s}#knight-detail-inventory-grid .is-usable:hover{background:#ffd98a38;outline-color:#ffd98ad9}#knight-detail-buffs,#knight-detail-rolls{flex-direction:column;gap:4px;display:flex}#knight-detail-rolls .knight-roll-buffed{color:#ffd98a}#fun-dice-actions button:disabled{opacity:.45;cursor:default}#unit-select-bar{--unit-card-w:46px;--unit-card-h:44px;--unit-card-gap:3px;align-content:flex-end;column-gap:var(--unit-card-gap);max-width:min(calc(15 * var(--unit-card-w) + 14 * var(--unit-card-gap)), max(calc(2 * var(--unit-card-w) + var(--unit-card-gap)), calc(50% - 488px)));z-index:4;flex-wrap:wrap;row-gap:9px;max-height:42vh;padding:8px 0 2px;display:none;position:absolute;bottom:14px;left:14px;overflow-y:auto}#unit-select-bar.is-visible{display:flex}.formation-row{flex:0 0 100%;gap:4px;margin-bottom:2px;display:flex}.formation-chip{font:inherit;color:#cfe3df;cursor:pointer;background:#0b1a24b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:flex}.formation-chip:hover{background:#142c3ad9}.formation-chip.is-active{color:#eaf6f2;background:#1e4654e6;border-color:#a0dccdbf}.formation-chip-icon{font-size:13px;line-height:1}.formation-row.is-types{flex-wrap:wrap;margin-bottom:4px}.formation-chip-count{font-variant-numeric:tabular-nums;opacity:.7}.formation-chip.is-spacing{cursor:default;padding-right:7px}.formation-chip.is-spacing .formation-chip-count{text-align:right;width:2.4em}.formation-chip.is-spacing input[type=range]{cursor:pointer;appearance:none;--fill:0%;background:0 0;border:none;width:74px;height:12px;margin:0;padding:0}.formation-chip.is-spacing input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #a0dccdd9 0 var(--fill), #ffffff29 var(--fill) 100%);border-radius:999px;height:4px}.formation-chip.is-spacing input[type=range]::-moz-range-track{background:linear-gradient(90deg, #a0dccdd9 0 var(--fill), #ffffff29 var(--fill) 100%);border-radius:999px;height:4px}.formation-chip.is-spacing input[type=range]::-webkit-slider-thumb{appearance:none;background:#eaf6f2;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 4px #0009}.formation-chip.is-spacing input[type=range]::-moz-range-thumb{background:#eaf6f2;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0009}.formation-chip.is-type.is-active{color:#ffe7b3;background:#3f2f0ee0;border-color:#f5c542d9;box-shadow:0 0 10px #f5c54238}.formation-chip.is-type.is-partial{border-color:#f5c54280}.menu-panel.is-armoury{width:min(1240px,100%);padding:30px 34px 34px}#armoury-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:start;gap:22px;display:grid}.armoury-side{flex-direction:column;gap:12px;min-width:0;display:flex}.armoury-gear{max-height:70vh;overflow-y:auto}.armoury-kinds{flex-wrap:wrap;gap:8px;display:flex}.armoury-kind{font:inherit;color:#cfe3df;cursor:pointer;background:#0b1a24b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;display:flex}.armoury-kind:hover{background:#142c3ad9}.armoury-kind.is-active{color:#eaf6f2;background:#1e4654e6;border-color:#a0dccdbf}.armoury-kind-icon{font-size:17px;line-height:1}.armoury-stage{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.armoury-canvas{aspect-ratio:3/4;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 38%,#3a68768c,#061018e6 72%);border-radius:10px;width:100%;max-width:100%;height:min(70vh,780px);margin-inline:auto;display:block}.armoury-canvas:active{cursor:grabbing}.armoury-anim .settings-row{margin:0}.armoury-controls{color:#8fb0aa;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;font-size:12px;display:flex}.armoury-hint{margin:0}.armoury-option{cursor:pointer;align-items:center;gap:7px;display:flex}@media (width<=1000px){#armoury-layout{grid-template-columns:minmax(0,1fr)}.armoury-canvas{height:min(56vh,560px)}.armoury-stage{position:static}}.formation-chip.is-paint{margin-left:auto}#paint-card{flex-direction:column;gap:12px;width:min(1100px,94vw);max-width:none;display:flex}#paint-palette{flex-wrap:wrap;gap:8px;display:flex}.paint-swatch{font:inherit;color:#cfe3df;cursor:pointer;background:#0b1a24b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:flex}.paint-swatch:hover{background:#142c3ad9}.paint-swatch.is-active{color:#f2fbf8;border-color:var(--swatch,#a0dccdbf);box-shadow:0 0 0 1px var(--swatch,#a0dccd8c) inset;background:#1e4654e6}.paint-swatch.is-absent{opacity:.45}.paint-swatch:disabled{cursor:not-allowed}.paint-swatch:disabled:hover{background:#0b1a24b8}.paint-swatch-dot{background:var(--swatch,#8aa);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #00000073}.paint-swatch.is-eraser .paint-swatch-dot{background:repeating-linear-gradient(45deg,#556,#556 3px,#223 3px 6px)}.paint-swatch-count{font-variant-numeric:tabular-nums;opacity:.8}.paint-swatch-count.is-short{color:#ffb27a;opacity:1}.paint-swatch-count.is-full{color:#9ee6b4;opacity:1}#paint-front{text-align:center;letter-spacing:.08em;color:#9fc4bd;margin-bottom:6px;font-size:12px}#paint-field{grid-template-columns:repeat(var(--paint-cols), 1fr);-webkit-user-select:none;user-select:none;touch-action:none;background:#06121a99;border-radius:8px;gap:2px;padding:8px;display:grid}.paint-cell{aspect-ratio:1;background:#ffffff0d;border-radius:2px;transition:background 90ms linear}.paint-cell.is-center{background:#a0dccd1c}.paint-cell:hover{box-shadow:inset 0 0 0 1px #e6f5f080}.paint-cell.is-set{box-shadow:inset 0 0 0 1px #00000059}#paint-options{color:#bcd6d0;gap:16px;font-size:13px;display:flex}.paint-option{cursor:pointer;align-items:center;gap:7px;display:flex}.paint-hint{opacity:.65;align-self:center;margin-left:auto}#paint-buttons{justify-content:flex-end;gap:8px;display:flex}#paint-buttons .btn-neutral:first-child{margin-right:auto}.unit-select-card{width:var(--unit-card-w);height:var(--unit-card-h);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8f2ef;cursor:pointer;background:linear-gradient(170deg,#112d3ce6,#081821ed);border:1px solid #5ad1e64d;border-radius:7px;flex:none;grid-template:"icon buffs"minmax(0,1fr)"name buffs""move move""food food"/1fr 11px;align-items:center;padding:2px 3px 3px;transition:transform .14s,opacity .14s,border-color .14s,box-shadow .14s;display:grid;overflow:hidden}.unit-select-card:hover{border-color:#5ad1e6a6}.unit-select-card.is-primary{border-color:#5ad1e6cc;box-shadow:0 0 12px #5ad1e640}.unit-select-card.is-marked{border-color:#f5c542d9;transform:translateY(-6px);box-shadow:0 6px 16px #00000073,0 0 12px #f5c5424d}#unit-select-bar.has-marks .unit-select-card:not(.is-marked){opacity:.45}.unit-select-icon{text-align:center;grid-area:icon;font-size:14px;line-height:1.15}.unit-select-name{letter-spacing:.1px;text-align:center;color:#b9cdc9;white-space:nowrap;grid-area:name;font-size:8px;overflow:hidden}.unit-select-buffs{flex-direction:column;grid-area:buffs;justify-content:safe center;align-items:center;gap:1px;min-height:0;font-size:8px;line-height:1;display:flex;overflow:hidden}.unit-select-buff{opacity:.4;filter:grayscale()}.unit-select-buff.is-running{opacity:1;filter:none;background:#f5c5422e;border-radius:3px;box-shadow:0 0 5px #f5c54259}.unit-select-move{background:#ffffff1f;border-radius:999px;grid-area:move;width:100%;height:2px;margin-top:2px;overflow:hidden}.unit-select-move i{background:linear-gradient(90deg,#6fdcee,#3fb8cf);border-radius:999px;height:100%;display:block}.unit-select-food{background:#ffffff1a;border-radius:999px;grid-area:food;width:100%;height:2px;margin-top:1px;overflow:hidden}.unit-select-food i{border-radius:999px;height:100%;transition:width .25s;display:block}#units-card{flex-direction:column;width:1040px;max-width:calc(100vw - 32px);display:flex}#units-title-row,.units-filter-row,#units-footer{flex:none}#units-title-row{align-items:baseline;gap:16px;margin:0 34px 12px 0;display:flex}#units-title{margin:0;font-size:26px;font-weight:700}#units-tally{color:#9db3ae;gap:14px;font-size:12.5px;display:flex}#units-tally strong{color:#e8f2ef}.units-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.units-chip{color:#b9cdc9;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.units-chip:hover{color:#e8f2ef;background:#ffffff1a}.units-chip.is-active{color:#e8f2ef;background:#5ad1e629;border-color:#5ad1e699}.units-chip.is-empty{opacity:.45}.units-chip-count{font-variant-numeric:tabular-nums;color:#5ad1e6;font-weight:700}#units-layout{align-items:stretch;gap:18px;height:clamp(260px,52vh,500px);min-height:0;display:flex}#units-list{flex-direction:column;flex:none;gap:4px;width:336px;padding-right:6px;display:flex;overflow-y:auto}#units-detail{border-left:1px solid #ffffff1a;flex:1;min-width:0;padding-left:18px;overflow-y:auto}.unit-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.unit-row:hover{background:#ffffff14}.unit-row.is-picked{background:#5ad1e621;border-color:#5ad1e68c}.unit-row.is-garrison,.unit-row.is-troop{opacity:.72}.unit-row-icon{background:#5ad1e61f;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid;position:relative}.unit-row-swatch{border:1px solid #0b1a24e6;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.unit-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.unit-row-head{align-items:baseline;gap:8px;display:flex}.unit-row-name{color:#e8f2ef;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.unit-row-place{color:#8fe3ab;background:#7ed99e29;border-radius:999px;flex:none;padding:1px 7px;font-size:10.5px}.unit-row-place.is-garrison{color:#7fdcef;background:#5ad1e629}.unit-row-place.is-troop{color:#f0cf7a;background:#f5c54229}.unit-row-meta{color:#9db3ae;align-items:center;gap:8px;font-size:11.5px;display:flex}.unit-row-roll{font-variant-numeric:tabular-nums;white-space:nowrap}.unit-row-roll.is-buffed{color:#ffd98a}.unit-row-gear{gap:2px;margin-left:auto;display:inline-flex}.unit-row-flag{color:#ffb4a3;background:#d6443938;border-radius:5px;flex:none;padding:0 4px}.unit-bar{background:#ffffff1f;border-radius:999px;width:100%;height:3px;display:block;overflow:hidden}.unit-bar i{background:linear-gradient(90deg,#6fdcee,#3fb8cf);border-radius:999px;height:100%;display:block}.unit-bar.is-load i{background:linear-gradient(90deg,#f5c542,#e0a23c)}#units-detail-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.units-detail-icon{background:#5ad1e621;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.units-detail-names{flex-direction:column;flex:1;min-width:0;display:flex}.units-detail-names strong{font-size:19px;font-weight:700}.units-detail-names em{color:#9db3ae;font-size:12px;font-style:normal}.units-detail-owner{color:#9db3ae;flex:none;align-items:center;gap:7px;font-size:12px;display:inline-flex}.units-detail-owner i{border-radius:50%;width:10px;height:10px}.units-stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.units-flag-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.units-flag{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}.units-flag.is-warn{color:#ffb4a3;background:#d644392e}.units-flag.is-info{color:#9db3ae;background:#ffffff12}.units-roll-list,.units-fact-list,.units-gear-list{flex-direction:column;gap:4px;display:flex}.units-gear{opacity:.55;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.units-gear.is-running{opacity:1;background:#f5c54214;border-color:#f5c54259}.units-gear.is-usable{cursor:pointer;outline:1px solid #ffd98a73;transition:background .15s,outline-color .15s}.units-gear.is-usable:hover{background:#ffd98a2e;outline-color:#ffd98ad9}.units-gear-icon{flex:none;font-size:18px}.units-gear-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.units-gear-name{color:#e8f2ef;font-size:12.5px;font-weight:600}.units-gear-name em{color:#9db3ae;font-style:normal}.units-gear-effect{color:#5ad1e6;font-size:12px}.units-gear-lifetime{color:#9db3ae;font-size:11px}.units-gear-state{color:#b9cdc9;text-align:right;flex:none;font-size:11px}.units-cargo-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.units-cargo{background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:12.5px;display:flex}.units-cargo>span:first-child{align-items:center;display:inline-flex}.units-cargo.is-usable{cursor:pointer;background:#ffd98a1a;outline:1px solid #ffd98a73}.units-cargo.is-usable:hover{background:#ffd98a38;outline-color:#ffd98ad9}.units-empty-note{color:#7d9490;padding:10px 2px;font-size:12px}#units-footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}#units-footer-close{margin-left:auto}