:root{--top:52px;--bottom:222px;--ink:#f3e7ce;--muted:#bbae94;--brass:#b59150;--edge:#604b2f;--blue:#72b2d7;--wood:repeating-linear-gradient(2deg,transparent 0 5px,#ffffff03 6px,#00000015 8px),linear-gradient(100deg,#30271f,#1d1c1b 55%,#30251e)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:13px/1.5 var(--ui-font);-webkit-user-select:none;user-select:none;background:#182a26;margin:0;overflow:hidden}button{font:inherit}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #a6e7df}#view{left:0;top:var(--top);cursor:default;background:#adc783;display:block;position:fixed}#topbar{height:var(--top);background:var(--wood);border-bottom:3px ridge var(--brass);z-index:3;justify-content:space-between;align-items:center;gap:14px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 3px 15px #0006}#resbar{align-items:center;gap:0;height:100%;display:flex}#resbar>div{border-right:1px solid #b5915038;align-items:center;gap:12px;min-width:113px;height:30px;padding:0 17px;display:flex}#resbar>div:first-child{padding-left:0}#resbar i{color:var(--muted);font-size:11px;font-style:normal}#resbar b{font-variant-numeric:tabular-nums;font-size:17px}#resbar svg{color:#ddc58d;fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;width:24px;height:24px}#r-pop.full{color:#ff9e83}#era{letter-spacing:3px;white-space:nowrap;color:#e3cfaa;font-size:15px}#era span{letter-spacing:1px;color:var(--muted);margin-right:12px;font-size:10px}#tools{align-items:center;gap:6px;display:flex}#tools a,#help summary{color:var(--ink);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;background:#0003;padding:5px 10px;font-size:12px;text-decoration:none;display:block}#tools a:hover,#help summary:hover{border-color:var(--brass)}#help summary{list-style:none}#help summary::-webkit-details-marker{display:none}#help .help-content{border:1px solid var(--brass);width:320px;color:var(--muted);background:#24221bf5;padding:16px;line-height:2;position:absolute;top:58px;right:16px;box-shadow:0 10px 30px #0006}#help b{color:var(--ink)}#hud{left:16px;top:calc(var(--top) + 10px);color:#f2ead4aa;pointer-events:none;background:#122a2466;border-radius:3px;padding:3px 9px;font-size:10px;position:fixed}#bottom{height:var(--bottom);background:var(--wood);border-top:3px ridge var(--brass);z-index:2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,1fr) 374px 300px;gap:8px;padding:12px 14px 10px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -6px 20px #0004}.panel{border:1px solid var(--edge);background:linear-gradient(140deg,#ffffff03,#0003);min-width:0;position:relative;box-shadow:inset 0 0 0 2px #171612,0 0 0 1px #c6a16428}.panel:before,.panel:after{content:"";pointer-events:none;z-index:1;background:#b99b60;border:1px solid #382b1b;width:6px;height:6px;position:absolute}.panel-title{color:var(--muted);letter-spacing:2px;font-size:9px;position:absolute;top:5px;left:10px}#info{align-items:center;gap:17px;padding:20px 18px 14px;display:flex;overflow:auto}#info .dim{color:var(--muted)}#info b{letter-spacing:2px;font-size:22px;font-weight:600}#info .portrait{border:2px ridge var(--brass);background:radial-gradient(at 50% 35%,#608b9b,#243e4b);flex:none;width:100px;height:124px;position:relative;overflow:hidden}#info .portrait img{object-fit:contain;object-position:50% 0;filter:drop-shadow(0 3px 2px #0005);width:100%;height:100%}#info .info-copy{color:#d5c6ad;min-width:0;line-height:1.9}#info .info-copy b{color:var(--ink)}#info .eyebrow{letter-spacing:2px;color:var(--blue);margin-bottom:5px;font-size:10px}.status-line{color:var(--muted);border-top:1px solid #b5915040;margin-top:9px;padding-top:8px;font-size:11px}.building-portrait{color:#dfc594;place-items:center;font-size:38px;display:grid}.building-portrait svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:60px;height:60px}#info .empty-title{color:var(--ink);margin-bottom:8px;font-size:19px}#command-panel{padding:19px 10px 8px}#cmd{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:100%;display:grid}.slot{color:var(--ink);cursor:pointer;background:linear-gradient(#4a4432,#302d24);border:1px solid #a08855;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:3px 0;display:flex;position:relative;box-shadow:inset 0 1px #ead6a52b,0 2px 2px #0004}.slot:hover:not(:disabled){background:linear-gradient(#625638,#403828);border-color:#f2d493}.slot:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #0007}.slot.empty{box-shadow:none;background:#12181755;border-color:#6a61412e}.slot.disabled{opacity:.42;cursor:not-allowed}.slot .k{color:#c8b27e;font-size:9px;position:absolute;top:1px;left:4px}.slot .l{white-space:nowrap;font-size:10px;line-height:12px}.slot .s{display:none}.slot svg{fill:none;stroke:#e4d1a0;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin-bottom:2px}.slot.empty .k{color:#7b785e}#minimap-panel{background:radial-gradient(#24312880,#10171488);justify-content:center;align-items:center;padding-top:10px;display:flex}#mini{cursor:crosshair;width:268px;height:134px;display:block}#toast{left:50%;bottom:calc(var(--bottom) + 18px);opacity:0;pointer-events:none;z-index:5;background:#562d24ed;border:1px solid #c29265;padding:8px 20px;transition:opacity .2s;position:fixed;transform:translate(-50%)}#toast.show{opacity:1}@media (min-width:1500px){#bottom{grid-template-columns:minmax(360px,1fr) 410px 340px}#mini{width:300px;height:150px}}@media (max-width:1100px){:root{--bottom:204px}#bottom{grid-template-columns:minmax(220px,1fr) 320px 248px;gap:6px;padding:9px}#mini{width:224px;height:112px}#info{gap:10px;padding:18px 12px 8px}#info .portrait{width:76px;height:108px}#resbar>div{gap:8px;min-width:91px;padding:0 10px}#era span,#tools a{display:none}}@media (max-width:800px){:root{--top:46px;--bottom:164px}#topbar{gap:8px;padding:0 9px}#resbar>div{gap:5px;min-width:0;padding:0 9px}#resbar i{display:none}#resbar b{font-size:14px}#resbar svg{width:18px;height:18px}#era{letter-spacing:1px;font-size:12px}#bottom{grid-template-columns:minmax(160px,1fr) 260px 180px;gap:5px;padding:7px}#mini{width:164px;height:82px}#info .portrait{width:54px;height:92px}#info{gap:8px;padding:15px 8px 6px}#info b{font-size:16px}#info .info-copy{font-size:11px}.slot .l{font-size:9px}.slot svg{height:17px}#command-panel{padding:18px 6px 6px}}@media (max-width:620px){:root{--bottom:278px}#bottom{grid-template-rows:112px 140px;grid-template-columns:minmax(0,1fr) 156px}#info{grid-column:1}#command-panel{grid-area:2/1/auto/-1}#minimap-panel{grid-area:1/2}#mini{width:144px;height:72px}#info .portrait{width:50px;height:78px}#info .eyebrow{margin-bottom:0;font-size:8px}#info .status-line{display:none}#resbar>div{padding:0 5px}#resbar svg{width:15px}#resbar b{font-size:12px}#era{display:none}#hud{font-size:8px}#help .help-content{width:min(320px,90vw)}}#info{overflow:hidden}#info .portrait img{object-fit:unset;width:190%;max-width:none;height:auto;position:absolute;top:-2%;left:-45%}.health-label{color:#c3cdb3;margin-top:5px;font-size:10px}.health-track{background:#161e18;border:1px solid #7e8252;width:min(160px,100%);height:6px;margin:3px 0 6px}.health-track span{background:linear-gradient(#a3d78d,#6da77a);height:100%;display:block}@media (max-width:1100px){#info .status-line{display:none}#info .info-copy{line-height:1.6}}@media (max-width:620px){#info .info-copy{line-height:1.4}#info b{font-size:15px}#info .portrait{height:76px}#topbar{gap:4px}#resbar>div{gap:3px;padding:0 3px}#resbar b{font-size:11px}#resbar svg{width:13px}#help summary{padding:5px 7px;font-size:0}#help summary:after{content:"說明";font-size:11px}}#topbar{gap:10px}#resbar>div{gap:9px;min-width:100px;padding:0 12px}#clock{flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}#clock button,#tech-btn,#hp-btn,.tt-bar button{font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;background:#0003;padding:3px 9px;font-size:12px}#clock button:hover,#tech-btn:hover,#hp-btn:hover,.tt-bar button:hover{border-color:var(--brass)}#clock button:disabled{opacity:.35;cursor:not-allowed}.clock-face{text-align:center;min-width:132px;line-height:1.2}.clock-row{justify-content:center;align-items:baseline;gap:8px;display:flex}#clock-time{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:19px}#clock-speed{color:#ddc58d;border:1px solid var(--edge);font-variant-numeric:tabular-nums;background:#0003;padding:0 5px;font-size:11px;font-style:normal}#clock #era{letter-spacing:2px;color:#cdbb97;font-size:11px}#clock #era span,#clock.net button{display:none}#clock.paused #clock-time{color:#ff9e83}#tech-btn,#hp-btn{margin-right:6px;padding:5px 10px}#hp-btn[aria-pressed=true]{border-color:var(--brass);color:#7fe08a}#scoreboard{right:8px;top:calc(var(--top) + 8px);z-index:2;pointer-events:none;border:1px solid var(--edge);background:#1a1812d9;width:200px;padding:5px 9px 6px;position:fixed;box-shadow:inset 0 0 0 2px #171612c0,0 4px 14px #0005}.sb-title{letter-spacing:2px;color:var(--muted);margin-bottom:3px;font-size:9px}.sb-row{border-top:1px solid #b5915022;align-items:center;gap:6px;height:23px;font-size:12px;display:flex}.sb-row .sw{border:1px solid #000a;flex:none;width:10px;height:10px}.sb-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-row .age{color:var(--muted);border:1px solid var(--edge);flex:none;padding:0 3px;font-size:9px}.sb-row b{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:40px}.sb-row.me .nm,.sb-row.me b{color:#ffe08a}.sb-row.out{opacity:.45}.sb-row.out .nm{text-decoration:line-through}#techtree-modal{z-index:8000;background:#000a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#techtree-modal[hidden]{display:none}.tt-box{border:3px ridge var(--brass);background:#1c1a14;flex-direction:column;width:min(1180px,94vw);height:min(780px,90vh);display:flex;box-shadow:0 12px 50px #000b}.tt-bar{background:var(--wood);border-bottom:1px solid var(--edge);align-items:center;gap:14px;padding:6px 12px;display:flex}.tt-bar b{letter-spacing:3px;flex:1;font-size:15px}.tt-bar a{color:var(--blue);font-size:12px}#tt-frame{background:#fff;border:0;flex:1;width:100%}#bottom{grid-template-columns:374px minmax(260px,1fr) 300px}@media (max-width:1399px){#resbar i{display:none}#resbar>div{min-width:0;padding:0 12px}}@media (max-width:1249px){#speed-down,#speed-up{display:none}}@media (min-width:1500px){#bottom{grid-template-columns:410px minmax(360px,1fr) 340px}}@media (max-width:1100px){#bottom{grid-template-columns:320px minmax(220px,1fr) 248px}#scoreboard{width:170px}#resbar>div{gap:6px;min-width:84px;padding:0 8px}#clock-time{font-size:17px}}@media (max-width:800px){#resbar>div{gap:5px;min-width:0;padding:0 7px}.lock-toggle{display:none!important}#bottom{grid-template-columns:260px minmax(160px,1fr) 180px}#scoreboard{width:140px;padding:4px 6px}.sb-row .age{display:none}.sb-row{height:20px;font-size:11px}.clock-face{min-width:90px}#tech-btn{display:none}}@media (max-width:620px){#bottom{grid-template-columns:minmax(0,1fr) 156px}#scoreboard{top:calc(var(--top) + 4px);width:112px;right:4px}.sb-title,#clock button{display:none}}.sb-row .tm{color:#1d1a12;text-align:center;background:#ddc58d;border-radius:2px;flex:none;min-width:14px;padding:0 4px;font-size:9px}html,body{overscroll-behavior:none}#view,#mini{touch-action:none}.age-roman{letter-spacing:1px;text-align:center;color:#1d1a12;background:linear-gradient(#ead6a5,#b59150);border:1px solid #6a5233;border-radius:2px;min-width:22px;margin-right:6px;padding:0 6px;font:700 13px/18px Georgia,Times New Roman,serif;display:inline-block}#clock #era .age-roman{padding:0 5px;font-size:11px;line-height:15px}#audio-panel{margin-right:6px;position:relative}#audio-btn{border:1px solid var(--edge);cursor:pointer;background:#0003;padding:5px 8px;line-height:0;list-style:none;display:block}#audio-btn::-webkit-details-marker{display:none}#audio-btn:hover{border-color:var(--brass)}#audio-btn svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}#audio-btn .x{display:none}#audio-btn.muted .x{display:block}#audio-btn.muted .wave{display:none}.audio-content{border:1px solid var(--brass);width:250px;color:var(--muted);z-index:9;background:#24221bf5;gap:10px;padding:14px 16px;display:grid;position:absolute;top:40px;right:0;box-shadow:0 10px 30px #0006}.audio-content label{grid-template-columns:36px 1fr 28px;align-items:center;gap:8px;font-size:12px;display:grid}.audio-content label i{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-style:normal}.audio-content label.chk{gap:8px;display:flex}.audio-content input[type=range]{accent-color:#b59150;width:100%}.audio-content button{font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:#0003;padding:4px 10px;font-size:12px}.audio-content button:hover{border-color:var(--brass)}@media (max-width:1249px){.clock-face{min-width:112px}}#bottom{background:repeating-linear-gradient(1deg,#ffffff02 0 2px,#0000 3px 9px),linear-gradient(100deg,#30291e,#24221a 55%,#30291e);border-top-color:#a98c53}#bottom .panel{background:linear-gradient(135deg,#cbb47a08,#00000030);border-color:#75603c;box-shadow:inset 0 0 0 2px #181a14,0 0 0 1px #aa8c4824}#bottom .panel-title{color:#c2b28e;letter-spacing:2px}#bottom .slot{background:linear-gradient(#494434,#302f25);border-color:#8f7c50}#bottom .slot:hover:not(:disabled){background:linear-gradient(#665a3c,#443f2a);border-color:#e3cb89;box-shadow:inset 0 0 12px #d9c17912}#bottom .slot.empty{background:#121b1555;border-color:#80734b30}#bottom .slot svg{stroke:#e4d6af;filter:drop-shadow(0 1px 1px #0008)}#info .portrait{background:radial-gradient(at 50% 40%,#647665,#263e35);border-color:#b89a60}#info .info-copy{scrollbar-width:thin;scrollbar-color:#9d8951 transparent;max-height:100%;overflow-y:auto}#info .portrait img[src$="/villager.png"]{content:url(/art/miniature-v2/portraits/villager.png);object-fit:contain;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}#scoreboard{background:#1b241edb;border-color:#7d704b}#menu{background:linear-gradient(90deg,#0c120ecc,#0c120e66 34%,#0c120e1a 60%,#0c120e33),url(/art/miniature-v2/menu-background-v2.webp) 62%/cover no-repeat!important}#menu .lobby-card{background:linear-gradient(120deg,#30291ef5,#1d241eeb);border:2px solid #b2975d;border-radius:3px;max-height:85vh;overflow:auto;box-shadow:inset 0 0 0 4px #181d16,0 12px 50px #0008}#menu .lobby-card:has(h1){width:min(450px,90vw);margin-top:185px;padding:24px 28px}#menu .lobby-card h1,#menu .lobby-card .sub{display:none}#menu:has(.lobby-card h1):before{content:"環島爭鋒";color:#e9c982;font:700 clamp(32px,4.2vw,60px)/1.2 var(--title-font);letter-spacing:8px;text-shadow:0 2px 1px #181611,0 0 18px #e9c98222;white-space:nowrap;pointer-events:none;background:linear-gradient(110deg,#302419f2,#201f19f5);border:3px double #b89a5d;padding:15px 42px 19px;position:absolute;top:9vh;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0005}#menu:has(.lobby-card h1):after{content:"霧嶼紀元 · 冷的異世界 出品\a 蓋厝、出兵，四國開打！";white-space:pre;text-align:center;font:14px/2 var(--ui-font);letter-spacing:3px;color:#f0e5c9;text-shadow:0 2px 4px #000;pointer-events:none;position:absolute;top:calc(9vh + 122px);left:50%;transform:translate(-50%)}#menu .lobby-card.cols:has(h1){width:min(900px,95vw);max-height:calc(100vh - 240px);margin-top:225px}#menu .lobby-hl{color:#f0e5c9;background:#10150f99;border:1px solid #b99b5d88;border-radius:3px;margin-top:14px;padding:10px 14px}#menu .lobby-hl h3{color:#e9c982;letter-spacing:3px;margin:0 0 6px;font-size:16px}#menu .lobby-hl .hl-item{border-top:1px solid #b99b5d44;padding:6px 0}#menu .lobby-hl .hl-item:first-of-type{border-top:0}#menu .lobby-hl b{color:#ffe08a;font-size:14px}#menu .lobby-hl p{color:#d8cdb0;margin:2px 0 0;font-size:13px;line-height:1.55}#menu .lobby-hl .hl-dev b{color:#9fd69f}@media (min-width:981px){#menu:has(.lobby-card.cols){justify-content:flex-start;align-items:center;padding-left:clamp(16px,5vw,90px)}#menu .lobby-card.cols:has(h1){width:min(460px,42vw);max-height:94vh;margin-top:0}#menu .lobby-card.cols .lobby-cols{grid-template-columns:1fr}#menu:has(.lobby-card.cols):before{top:6vh;left:auto;right:5vw;transform:none}#menu:has(.lobby-card.cols):after{text-align:right;top:calc(6vh + 118px);left:auto;right:5vw;transform:none}#menu .lobby-card.cols .lobby-hl{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10150fb3;width:min(330px,25vw);max-height:38vh;margin:0;padding:8px 12px;position:fixed;bottom:4vh;right:3vw;overflow:auto;box-shadow:0 8px 30px #0007}#menu .lobby-card.cols .lobby-hl p{font-size:12px;line-height:1.45}}#menu .lobby-card.cols .lobby-btn.main{background:linear-gradient(#7a5f2e,#4a3b22);border-color:#e9c982}#menu .lobby-btn{letter-spacing:2px;background:linear-gradient(#57452f,#352f23);border:1px solid #b99b5d;border-radius:2px;padding:12px 16px;box-shadow:inset 0 1px #e4ce9a33,0 3px 4px #0004}#menu .lobby-btn:hover:not(:disabled){background:linear-gradient(#78613c,#4b422b);border-color:#f1d390}#menu .lobby-btn:focus-visible{outline-offset:3px;outline:2px solid #bce2dd}#menu .lobby-btn.ghost{background:#1a201b77;border-color:#7b7654}@media (max-height:650px){#menu:has(.lobby-card h1):before{padding:12px 30px;font-size:36px;top:4vh}#menu:has(.lobby-card h1):after{font-size:12px;top:calc(4vh + 85px)}#menu .lobby-card:has(h1){margin-top:150px}}#bottom .slot[data-icon=民宅]>svg{display:none}#bottom .slot[data-icon=民宅]:before{content:"";background:url(/art/miniature-v2/icons/house.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=碾米廠]>svg{display:none}#bottom .slot[data-icon=碾米廠]:before{content:"";background:url(/art/miniature-v2/icons/mill.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=伐木場]>svg{display:none}#bottom .slot[data-icon=伐木場]:before{content:"";background:url(/art/miniature-v2/icons/lumber.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=礦場]>svg{display:none}#bottom .slot[data-icon=礦場]:before{content:"";background:url(/art/miniature-v2/icons/mine.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=稻田]>svg{display:none}#bottom .slot[data-icon=稻田]:before{content:"";background:url(/art/miniature-v2/icons/farm.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=兵營]>svg{display:none}#bottom .slot[data-icon=兵營]:before{content:"";background:url(/art/miniature-v2/icons/barracks.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=靶場]>svg{display:none}#bottom .slot[data-icon=靶場]:before{content:"";background:url(/art/miniature-v2/icons/range.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=馬廄]>svg{display:none}#bottom .slot[data-icon=馬廄]:before{content:"";background:url(/art/miniature-v2/icons/stable.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=城堡]>svg{display:none}#bottom .slot[data-icon=城堡]:before{content:"";background:url(/art/miniature-v2/icons/castle.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=經濟建築]>svg{display:none}#bottom .slot[data-icon=經濟建築]:before{content:"";background:url(/art/miniature-v2/icons/house.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=軍事建築]>svg{display:none}#bottom .slot[data-icon=軍事建築]:before{content:"";background:url(/art/miniature-v2/icons/barracks.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot[data-icon=訓練村民]>svg{display:none}#bottom .slot[data-icon=訓練村民]:before{content:"";background:url(/art/miniature-v2/icons/villager-f1.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#info .portrait img[src*="/miniature-v2/portraits/villager-"]{object-fit:contain;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.slot.active{border-color:#7fe08a!important;box-shadow:inset 0 0 0 1px #7fe08a,inset 0 0 10px #7fe08a44!important}.slot.active:after{content:"✓";color:#7fe08a;font-size:10px;line-height:12px;position:absolute;top:1px;right:4px}#bottom .slot:is([data-icon=市集],[data-icon=買賣資源、進貢給盟友])>svg{display:none}#bottom .slot:is([data-icon=市集],[data-icon=買賣資源、進貢給盟友]):before{content:"";background:url(/art/miniature-v2/icons/market.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot:is([data-icon=鐵匠鋪],[data-icon=研發攻擊與護甲升級])>svg{display:none}#bottom .slot:is([data-icon=鐵匠鋪],[data-icon=研發攻擊與護甲升級]):before{content:"";background:url(/art/miniature-v2/icons/smith.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot:is([data-icon=工坊],[data-icon=訓練攻城武器])>svg{display:none}#bottom .slot:is([data-icon=工坊],[data-icon=訓練攻城武器]):before{content:"";background:url(/art/miniature-v2/icons/siege.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot:is([data-icon=書院],[data-icon=研發各種進階科技])>svg{display:none}#bottom .slot:is([data-icon=書院],[data-icon=研發各種進階科技]):before{content:"";background:url(/art/miniature-v2/icons/college.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot:is([data-icon=廟宇],[data-icon=訓練僧侶：])>svg{display:none}#bottom .slot:is([data-icon=廟宇],[data-icon=訓練僧侶：]):before{content:"";background:url(/art/miniature-v2/icons/temple.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#bottom .slot:is([data-icon=碼頭],[data-icon=要蓋在水邊；])>svg{display:none}#bottom .slot:is([data-icon=碼頭],[data-icon=要蓋在水邊；]):before{content:"";background:url(/art/miniature-v2/icons/dock.png) 50%/contain no-repeat;width:28px;height:24px;margin-bottom:2px;display:block}#cmdtip{z-index:30;color:#efe3c4;pointer-events:none;opacity:0;background:linear-gradient(#2c2719f5,#1b1810f5);border:1px solid #c7a865;width:320px;max-width:calc(100vw - 16px);padding:8px 11px 9px;font-size:12px;line-height:1.5;transition:opacity 80ms;position:fixed;box-shadow:0 4px 14px #000a,inset 0 1px #f2dca52b}#cmdtip.show{opacity:1}#cmdtip .tt-h{align-items:center;gap:8px;margin-bottom:3px;display:flex}#cmdtip .tt-h b{color:#f6dc9a;font-size:13.5px}#cmdtip .tt-k{color:#e6cf92;text-align:center;background:#0005;border:1px solid #8d7746;border-radius:3px;min-width:18px;margin-left:auto;padding:0 5px;font-size:11px}#cmdtip .tt-trait{color:#c9d8a8;font-size:11.5px}#unittip{z-index:31;color:#efe3c4;pointer-events:none;opacity:0;background:linear-gradient(#2c2719f2,#1b1810f2);border:1px solid #c7a865;border-radius:4px;max-width:300px;padding:5px 9px;font-size:12px;line-height:1.45;transition:opacity 80ms;position:fixed;transform:translate(-50%,-100%);box-shadow:0 3px 10px #0009}#unittip.show{opacity:1}#unittip b{color:#f6dc9a}#unittip .tt-trait{color:#c9d8a8;font-size:11.5px}#cmdtip .tt-d{color:#e9dfc6}#cmdtip .tt-s{color:#c9b88d;margin-top:4px}#cmdtip .tt-x{color:#ff8f78;margin-top:4px}.slot.disabled:hover{background:linear-gradient(#4a4432,#302d24)!important;border-color:#a08855!important}.slot{min-height:0;overflow:hidden}.slot img.bi{object-fit:cover;object-position:50% 35%;border:1px solid #00000080;border-radius:2px;flex:none;width:24px;height:20px;margin-bottom:2px}.slot.disabled img.bi{filter:grayscale()}#bottom .slot:has(img.bi):before{display:none}#settings-btn{font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;background:#0003;margin-right:6px;padding:5px 10px;font-size:12px}#settings-btn:hover{border-color:var(--brass)}@media (max-width:1699px){#resbar>div{gap:5px!important;padding:0 7px!important}#resbar b{font-size:14px}#resbar svg{width:18px;height:18px}#tools{gap:4px}#tools button,#tools summary,#tools .lock-toggle,#tools .resign-btn,#settings-btn{margin-right:2px!important;padding:3px 7px!important;font-size:11px!important}#clock{gap:3px}#clock button{padding:2px 6px}#era{letter-spacing:1px;font-size:12px}}@media (max-width:1050px){#resbar .vc{display:none}#resbar>div{padding:0 5px!important}}:root{--ui-font:system-ui,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;--title-font:"Songti TC","Noto Serif TC",serif}:root:lang(ja){--ui-font:system-ui,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo","Noto Sans JP","PingFang TC",sans-serif;--title-font:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP","Songti TC",serif}:root:lang(en){--ui-font:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang TC",sans-serif;--title-font:Georgia,"Times New Roman","Songti TC",serif}:root:lang(en) #menu:has(.lobby-card h1):before{content:"Roundisle";letter-spacing:3px}:root:lang(en) #menu:has(.lobby-card h1):after{content:"Era of Mist · Presented by Cold's Isekai\a Build homes, raise armies — four regions go to war!";letter-spacing:1px}:root:lang(ja) #menu:has(.lobby-card h1):before{content:"環島争鋒"}:root:lang(ja) #menu:has(.lobby-card h1):after{content:"霧嶼紀元 · 冷的異世界 制作\a 家を建て、兵を出し、四つの国が激突！";letter-spacing:2px}@media (max-width:620px){:root:lang(en) #help summary:after{content:"Help"}:root:lang(ja) #help summary:after{content:"説明"}}:root:not(:lang(zh)) .slot .l{white-space:normal;text-align:center;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding:0 2px;font-size:9px;line-height:10px;display:-webkit-box;overflow:hidden}:root:not(:lang(zh)) .slot svg{margin-bottom:1px}:root:not(:lang(zh)) #tools{gap:4px}:root:not(:lang(zh)) #tools>button{margin-right:2px!important;padding:4px 8px!important}#bottom #cmd .slot:before{width:40px;height:33px;margin-bottom:1px}#bottom #cmd .slot img.bi{width:38px;height:31px;margin-bottom:1px}#bottom #cmd .slot>svg{width:27px;height:27px;margin-bottom:1px}#bottom #cmd .slot .l{font-size:11px;line-height:13px}@media (max-width:800px){#bottom #cmd .slot:before{width:30px;height:25px}#bottom #cmd .slot img.bi{width:28px;height:23px}#bottom #cmd .slot>svg{width:22px;height:22px}#bottom #cmd .slot .l{font-size:10px;line-height:12px}}#bottom #cmd .slot img.bi{object-fit:contain;object-position:center;background:radial-gradient(#55625266,#1a211b33)}#bottom #cmd .slot .upgrade-mark{text-align:center;color:#ffe6a1;pointer-events:none;background:#37301ce8;border:1px solid #c5a75f;border-radius:2px;min-width:14px;height:16px;font:700 15px/14px sans-serif;position:absolute;top:1px;right:3px}#bottom #cmd .slot>svg.command-art{filter:drop-shadow(0 1px 1px #0008);flex:none;width:32px;height:32px;margin-bottom:1px}@media (max-width:800px){#bottom #cmd .slot>svg.command-art{width:26px;height:26px}}@media (min-width:801px) and (pointer:fine){:root{--bottom:143px;--view-bottom:0px}#bottom{pointer-events:none;align-items:end;box-shadow:none!important;grid-template-columns:282px 366px minmax(0,1fr) 242px!important;grid-template-rows:var(--bottom)!important;background:0 0!important;border-top:0!important;gap:0!important;padding:0 8px!important}#bottom>.panel{pointer-events:auto;height:var(--bottom);box-sizing:border-box;background:var(--wood)!important;border:2px solid var(--brass)!important;border-bottom:0!important;box-shadow:inset 0 0 0 2px #181a14,0 -4px 16px #0008!important}#command-panel{border-radius:6px 0 0;grid-area:1/1}#info{border-radius:0 6px 0 0;grid-area:1/2;border-left:0!important}#minimap-panel{border-radius:6px 6px 0 0;grid-area:1/4;padding-top:14px!important}#mini{width:222px!important;height:111px!important}#bottom:before{content:"";background:var(--wood);border-top:2px solid var(--brass);pointer-events:none;grid-area:1/3;align-self:end;height:12px;box-shadow:0 -3px 8px #0006}#info .portrait{width:62px!important;height:84px!important}#info{gap:10px!important;padding:16px 12px 6px!important}#command-panel{padding:16px 7px 6px!important}}@media (min-width:1500px) and (pointer:fine){:root{--bottom:156px}#bottom{grid-template-columns:323px 408px minmax(0,1fr) 272px!important}#mini{width:252px!important;height:126px!important}}@media (min-width:801px) and (max-width:1100px) and (pointer:fine){:root{--bottom:136px}#bottom{grid-template-columns:238px 289px minmax(0,1fr) 209px!important}#mini{width:192px!important;height:96px!important}#info .portrait{width:50px!important;height:72px!important}}@media (min-width:801px) and (pointer:fine){#command-panel{padding:6px 6px 6px 19px!important}#command-panel .panel-title{writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;line-height:1;top:9px;left:4px}#bottom #cmd{gap:3px}#bottom #cmd .slot{justify-content:center;padding:1px 0;overflow:hidden}#bottom #cmd{--icon:calc((var(--bottom) - 18px) / 3 - 14px)}#bottom #cmd .slot:before,#bottom #cmd .slot img.bi{height:var(--icon);width:calc(var(--icon) * 38 / 31);margin-bottom:0}#bottom #cmd .slot>svg,#bottom #cmd .slot>svg.command-art{height:var(--icon);width:var(--icon);margin-bottom:0}#bottom #cmd .slot .l{text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:11px;overflow:hidden}#bottom #cmd .slot .k{font-size:9px;line-height:10px;top:0;left:3px}}@media (min-width:801px) and (max-width:1100px) and (pointer:fine){#bottom #cmd .slot .l{letter-spacing:-.4px;font-size:8.5px}}:root{--frame-hi:#ecd496;--frame:#b59150;--frame-lo:#5c4424;--frame-line:#000000a0;--frame-glow:#e2c17a33}#clock{flex:1 0 auto;min-width:max-content}#resbar{flex:0 auto;min-width:0}#tools{flex:0 auto;gap:5px;min-width:0}#tools>*{flex:none}#tools button,#tools summary,#clock button{white-space:nowrap;border-radius:4px}@media (max-width:1399px){#topbar{gap:8px;padding:0 12px}#resbar>div{gap:6px;padding:0 10px}}@media (max-width:1280px){#resbar b{font-size:15px}#resbar svg{width:20px;height:20px}#tools .lock-toggle{display:none!important}#tools #fs-btn,#tools #settings-btn,#tools #help summary,#tools .resign-btn{line-height:1;padding:5px 9px!important;font-size:0!important}#tools #fs-btn:after{content:"⛶";font-size:15px}#tools #settings-btn:after{content:"⚙";font-size:15px}#tools #help summary:after{content:"？";font-size:14px}#tools .resign-btn:after{content:"🏳";font-size:14px}}@media (max-width:1100px){#resbar>div{gap:5px;padding:0 7px}#resbar b{font-size:14px}#tech-btn,#hp-btn{padding:4px 7px!important;font-size:11px!important}}#topbar{border-bottom:0!important;box-shadow:0 6px 18px #0007!important}#topbar:after{content:"";pointer-events:none;background:linear-gradient(var(--frame-hi),var(--frame) 45%,var(--frame-lo));height:4px;box-shadow:0 1px 0 var(--frame-line),0 0 10px var(--frame-glow);position:absolute;bottom:-4px;left:0;right:0}.panel{border-color:var(--frame-hi) var(--frame) var(--frame-lo) var(--frame);box-shadow:inset 0 0 0 1px var(--frame-line),inset 0 0 0 3px color-mix(in srgb,var(--frame) 20%,transparent),inset 0 14px 22px -14px #ffffff14,inset 0 -18px 26px -18px #0009,0 0 0 1px #0007;border-radius:8px}.panel:before,.panel:after{background:linear-gradient(135deg,var(--frame-hi),var(--frame) 55%,var(--frame-lo));width:8px;height:8px;box-shadow:0 0 5px var(--frame-glow);border:1px solid #000b;border-radius:2px;transform:rotate(45deg)}.panel:before{top:-4px;left:-4px}.panel:after{bottom:-4px;right:-4px}#scoreboard{border-color:var(--frame-hi) var(--frame) var(--frame-lo) var(--frame);box-shadow:inset 0 0 0 1px var(--frame-line),inset 0 0 0 3px color-mix(in srgb,var(--frame) 18%,transparent),0 4px 16px #0007;border-radius:8px}@media (min-width:801px) and (pointer:fine){#bottom>.panel{border:2px solid var(--frame)!important;border-color:var(--frame-hi) var(--frame) var(--frame-lo) var(--frame)!important;box-shadow:inset 0 0 0 1px var(--frame-line),inset 0 0 0 3px color-mix(in srgb,var(--frame) 20%,transparent),inset 0 14px 22px -14px #ffffff18,inset 0 -20px 30px -20px #000a,0 -3px 18px #000a,0 0 0 1px #0007!important;border-bottom:0!important}#command-panel{border-radius:10px 0 0}#info{border-radius:0 10px 0 0}#minimap-panel{border-radius:10px 10px 0 0}#bottom:before{background:linear-gradient(var(--frame-hi),var(--frame) 25%,transparent 26%),var(--wood)!important;border-top:0!important}#bottom #info{padding:12px 12px 6px!important}#bottom #info .sel-main{gap:2px}#bottom #info .sel-main:has(.sel-queue) .sel-sub{display:none}#bottom #info .sel-main:has(.st:nth-child(7)):has(.sel-bonus) .sel-sub{display:none}@media (max-width:1100px){#bottom #info .sel-main:has(.sel-bonus) .sel-sub{display:none}#bottom #info .sel-bonus{-webkit-line-clamp:1}}#bottom #info .sel-stats{gap:0 6px;margin-top:1px}#bottom #info .st{line-height:16px}#bottom #info .sel-foot{padding-top:2px}#bottom #info .sel-foot .qi{width:24px;height:24px}#bottom #info .sel-foot .qi svg{width:15px;height:15px}#bottom #info .sel-left{min-height:0}#bottom #info .sel-portrait{flex:1 1 0;height:auto;min-height:0}}#info:has(.sel-multi){align-items:stretch}#info .sel-multi{min-height:0}#info .sel-head{color:#ffe08a;flex:none;line-height:1.4}#info .sel-grid{flex:1 1 0;min-height:0}#info .st:has(.st-wide){grid-column:span 2}.sel-relics{flex:0 auto;gap:2px;min-width:0;margin-right:6px;display:flex}.sel-relics button{cursor:pointer;background:radial-gradient(circle at 50% 45%,#ffd66e66,#0003 70%),#0003;border:1px solid #c7a865;border-radius:4px;flex:0 28px;place-items:center;min-width:14px;height:28px;padding:0;display:grid;box-shadow:inset 0 0 6px #ffd66e33}.sel-relics button:hover{background:radial-gradient(circle at 50% 45%,#ffd66eaa,#0003 75%),#0003;border-color:#ffe9b0}.sel-relics svg{pointer-events:none;filter:drop-shadow(0 0 3px #ffd66e99);width:100%;max-width:24px;height:24px;display:block}#topbar #resbar i:not(.vc){display:none!important}#topbar #resbar>div{flex:none!important;min-width:0!important}#topbar #resbar b{min-width:max-content}@media (max-width:1699px){#topbar #tools .lock-toggle{display:none!important}#topbar #resbar>div{gap:6px!important;padding:0 8px!important}#topbar #resbar b{font-size:15px}#topbar #resbar .ri{width:30px;height:30px}#topbar #resbar .ri img{width:25px;height:25px}#topbar #resbar>div:has(.ri){height:32px}}@media (max-width:1599px){:root:not(:lang(zh)) #topbar #clock #era{font-size:0}:root:not(:lang(zh)) #topbar #clock #era .age-roman{font-size:11px}:root:not(:lang(zh)) #topbar #tools #fs-btn,:root:not(:lang(zh)) #topbar #tools #settings-btn,:root:not(:lang(zh)) #topbar #tools #help summary,:root:not(:lang(zh)) #topbar #tools .resign-btn{line-height:1;padding:5px 9px!important;font-size:0!important}:root:not(:lang(zh)) #topbar #tools #fs-btn:after{content:"⛶";font-size:15px}:root:not(:lang(zh)) #topbar #tools #settings-btn:after{content:"⚙";font-size:15px}:root:not(:lang(zh)) #topbar #tools #help summary:after{content:"？";font-size:14px}:root:not(:lang(zh)) #topbar #tools .resign-btn:after{content:"🏳";font-size:14px}}@media (max-width:1199px){#topbar #resbar>div{gap:5px!important;padding:0 6px!important}#topbar #resbar b{font-size:14px}#topbar #resbar .ri{width:28px;height:28px}#topbar #resbar .ri img{width:23px;height:23px}#topbar #resbar>div:has(.ri){height:30px}:root:not(:lang(zh)) #topbar #tools #tech-btn,:root:not(:lang(zh)) #topbar #tools #hp-btn{padding:4px 5px!important;font-size:10px!important}}@media (max-width:1049px){#topbar{gap:6px;padding:0 8px}#topbar #resbar>div{gap:4px!important;padding:0 4px!important}#topbar #resbar b{font-size:13px}#topbar #resbar .ri{width:26px;height:26px}#topbar #resbar .ri img{width:21px;height:21px}#topbar #clock{gap:4px}#topbar #clock #era{font-size:0}#topbar #clock #era .age-roman{font-size:11px}#topbar #clock-time{font-size:15px}#topbar #tools{gap:3px}#topbar #tools #tech-btn,#topbar #tools #hp-btn{padding:4px 6px!important}#topbar #tools #fs-btn,#topbar #tools #settings-btn,#topbar #tools #help summary,#topbar #tools .resign-btn{padding:5px 6px!important}}@media (max-width:1099px){:root:not(:lang(zh)) #topbar #resbar>div{gap:3px!important;padding:0 3px!important}:root:not(:lang(zh)) #topbar #resbar b{font-size:12px}:root:not(:lang(zh)) #topbar #resbar .ri{width:22px;height:22px}:root:not(:lang(zh)) #topbar #resbar .ri img{width:18px;height:18px}:root:not(:lang(zh)) #topbar #resbar>div:has(.ri){height:26px}}@media (max-width:999px){:root:not(:lang(zh)) #topbar #tools #tech-btn,:root:not(:lang(zh)) #topbar #tools #hp-btn{line-height:1;padding:5px 7px!important;font-size:0!important}:root:not(:lang(zh)) #topbar #tools #tech-btn:after{content:"🌳";font-size:14px}:root:not(:lang(zh)) #topbar #tools #hp-btn:after{content:"♥";font-size:14px}}@media (max-width:939px){#topbar{gap:4px;padding:0 6px}#topbar #resbar>div{gap:3px!important;padding:0 3px!important}#topbar #resbar b{font-size:12px}#topbar #resbar .ri{width:22px;height:22px}#topbar #resbar .ri img{width:18px;height:18px}#topbar #resbar>div:has(.ri){height:26px}#topbar #clock #era{display:none}#topbar #tools{gap:2px}#topbar #tools>button,#topbar #tools summary{padding:4px 5px!important}}@media (max-width:859px){#topbar{gap:2px;padding:0 3px}#topbar #clock-time{font-size:14px}#topbar #resbar>div{border-right-width:0;gap:2px!important;padding:0 2px!important}#topbar #resbar .ri{width:20px;height:20px}#topbar #resbar .ri img{width:16px;height:16px}#topbar #resbar>div:has(.ri){height:24px}#topbar #clock{gap:2px}#topbar #tools{gap:1px}#topbar #tools>button,#topbar #tools summary{padding:4px!important}:root:not(:lang(zh)) #topbar #tools #tech-btn,:root:not(:lang(zh)) #topbar #tools #hp-btn,:root:not(:lang(zh)) #topbar #tools #fs-btn,:root:not(:lang(zh)) #topbar #tools #settings-btn,:root:not(:lang(zh)) #topbar #tools #help summary,:root:not(:lang(zh)) #topbar #tools .resign-btn{padding:5px 4px!important}}html{--sel-bg:#2b251a;--sel-bg2:#1d1913;--sel-ink:#f3e7ce;--sel-line:#8d7746;--sel-hi:#e9c982;--sel-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e9c982' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html.world-mode #village-panel{--sel-bg:#3a3022;--sel-bg2:#2a2218}html select:not([multiple]),html #settings select{appearance:none;font:inherit;color:var(--sel-ink);border:1px solid var(--sel-line);background:var(--sel-arrow) no-repeat right 11px center/12px 8px,linear-gradient(var(--sel-bg),var(--sel-bg2));cursor:pointer;text-overflow:ellipsis;border-radius:7px;min-height:34px;padding:6px 32px 6px 11px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff14,0 1px 3px #0003}html select:not([multiple]):hover{border-color:var(--sel-hi)}html select:not([multiple]):focus-visible{border-color:var(--sel-hi);outline:none;box-shadow:0 0 0 3px #e9c98240,inset 0 1px #ffffff14}html select:not([multiple]):disabled{opacity:.5;cursor:not-allowed}html select option{color:#f3e7ce;background:#1d1913}@media (max-height:560px) and (max-width:980px){#menu:has(.lobby-card.cols){padding-left:max(10px,env(safe-area-inset-left));justify-content:flex-start;align-items:center}#menu .lobby-card.cols:has(h1){width:min(380px,50vw);max-height:94vh;margin-top:0;padding:12px 14px}#menu .lobby-card.cols .lobby-cols{grid-template-columns:1fr}#menu .lobby-card.cols .lobby-btn{margin:5px 0;padding:8px 12px;font-size:14px}#menu .lobby-card.cols .lobby-btn.main{padding:9px 12px;font-size:15px}#menu:has(.lobby-card.cols):before{letter-spacing:5px;padding:8px 22px 10px;font-size:30px;top:3vh;left:auto;right:3vw;transform:none}#menu:has(.lobby-card.cols):after{text-align:right;font-size:11px;top:calc(3vh + 64px);left:auto;right:3vw;transform:none}#menu .lobby-card.cols .lobby-hl{display:none}}@media (max-width:700px) and (orientation:portrait),(max-height:560px) and (orientation:landscape) and (max-width:980px){#menu .lobby-card.cols:has(h1){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(120deg,#30291ed2,#1d241ec9);margin:0;padding:12px 12px 10px}#menu .lobby-card.cols .lobby-cols{grid-template-columns:1fr;gap:8px;display:grid}#menu .lobby-card.cols .lobby-col{grid-template-columns:1fr 1fr;gap:6px;display:grid}#menu .lobby-card.cols .lobby-col h3{letter-spacing:2px;grid-column:1/-1;margin:2px 0 0;padding-bottom:3px;font-size:14px}#menu .lobby-card.cols .lobby-col .lobby-hint{display:none}#menu .lobby-card.cols .lobby-btn{letter-spacing:1px;min-height:42px;margin:0;padding:9px 6px;font-size:14px}#menu .lobby-card.cols .lobby-btn.main{grid-column:1/-1;padding:10px 8px;font-size:16px}#menu .lobby-card.cols .lobby-btn small{letter-spacing:0;font-size:11px}#menu .lobby-card.cols .lobby-col .lobby-btn:last-of-type:nth-of-type(2n){grid-column:1/-1}#menu .lobby-card.cols .lobby-foot{gap:6px;margin-top:6px}#menu .lobby-card.cols .lobby-foot .lobby-btn{flex:140px}#menu .lobby-card.cols .acct{flex-wrap:nowrap;margin:0 0 6px;font-size:12px;justify-content:space-between!important;gap:6px!important;min-height:0!important}#menu .lobby-card.cols .acct span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#menu .lobby-card.cols .acct .lobby-btn{letter-spacing:0;flex:none;grid-column:auto;width:auto;min-height:30px;padding:3px 10px;font-size:12px}#menu .lobby-card.cols .lobby-hl{display:none}#menu .lobby-dev{margin-top:8px;padding:6px 8px}#menu .lobby-dev .lobby-cols{grid-template-columns:1fr 1fr}}@media (max-width:700px) and (orientation:portrait){#menu:has(.lobby-card.cols){padding:0 10px max(12px,env(safe-area-inset-bottom));align-items:flex-end}#menu .lobby-card.cols:has(h1){width:100%;max-height:60vh;overflow:auto}#menu:has(.lobby-card.cols):before{top:max(4vh,env(safe-area-inset-top));letter-spacing:6px;padding:9px 26px 12px;font-size:30px}#menu:has(.lobby-card.cols):after{top:calc(max(4vh,env(safe-area-inset-top)) + 74px);letter-spacing:2px;font-size:12px;line-height:1.8}}@media (max-height:560px) and (orientation:landscape) and (max-width:980px){#menu .lobby-card.cols:has(h1){width:min(400px,52vw);max-height:94vh;overflow:auto}}:root[data-ui-theme=isekai]{--leng-night:#0b1830;--leng-night-deep:#071022;--leng-panel:#102542;--leng-ice:#9fd9f6;--leng-ice-glow:#d8f1ff;--leng-glow:#6ec6ef;--leng-gold-a:#f0d488;--leng-gold-b:#c9973f;--ink:#dce9f5;--muted:#8fb0cf;--brass:#6ec6ef;--frame-hi:#c9eeff;--frame:#6ec6ef;--frame-lo:#1d4a74;--frame-glow:#6ec6ef40;--edge:#2c5a86;--blue:#9fd9f6;--wood:radial-gradient(120% 160% at 50% -60%, #1f4778aa 0%, transparent 55%), repeating-linear-gradient(118deg, transparent 0 26px, #9fd9f60a 27px, transparent 30px), linear-gradient(100deg, #0e2140, #071022 55%, #0e2140)}:root[data-ui-theme=isekai] body{background:var(--leng-night)}:root[data-ui-theme=isekai] #topbar{border-bottom:2px solid var(--leng-glow);box-shadow:inset 0 -1px #f0d48855,0 3px 18px #6ec6ef33,0 4px 14px #0008}:root[data-ui-theme=isekai] #resbar>div{border-right-color:#6ec6ef2e}:root[data-ui-theme=isekai] #resbar svg{color:var(--leng-ice);filter:drop-shadow(0 0 4px #6ec6ef66)}:root[data-ui-theme=isekai] #resbar b{color:var(--leng-ice-glow);text-shadow:0 0 8px #6ec6ef55}:root[data-ui-theme=isekai] #resbar .vc{color:var(--leng-ice);background:#07102288;border-color:#6ec6ef44}:root[data-ui-theme=isekai] #clock-time{color:var(--leng-ice-glow);text-shadow:0 0 10px #6ec6ef77}:root[data-ui-theme=isekai] #clock #era,:root[data-ui-theme=isekai] #era{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #clock-speed{color:var(--leng-gold-a);background:#07102288}:root[data-ui-theme=isekai] .age-roman{color:#071022;background:linear-gradient(var(--leng-gold-a), var(--leng-gold-b));border-color:#5a4320}:root[data-ui-theme=isekai] #tools a,:root[data-ui-theme=isekai] #tools button,:root[data-ui-theme=isekai] #tools summary,:root[data-ui-theme=isekai] #help summary,:root[data-ui-theme=isekai] #audio-btn,:root[data-ui-theme=isekai] #settings-btn,:root[data-ui-theme=isekai] #clock button,:root[data-ui-theme=isekai] #tech-btn,:root[data-ui-theme=isekai] #hp-btn{border-color:var(--edge);color:var(--ink);background:#07102299}:root[data-ui-theme=isekai] #tools a:hover,:root[data-ui-theme=isekai] #tools button:hover,:root[data-ui-theme=isekai] #help summary:hover,:root[data-ui-theme=isekai] #settings-btn:hover,:root[data-ui-theme=isekai] #clock button:hover,:root[data-ui-theme=isekai] #tech-btn:hover,:root[data-ui-theme=isekai] #hp-btn:hover{border-color:var(--leng-gold-a);color:var(--leng-ice-glow)}:root[data-ui-theme=isekai] #bottom{background:var(--wood);border-top:2px solid var(--leng-glow);box-shadow:inset 0 1px #f0d48855,0 -4px 18px #6ec6ef2a,0 -6px 20px #0006}:root[data-ui-theme=isekai] #bottom .panel{border-color:var(--edge);background:linear-gradient(140deg,#9fd9f60a,#07102266);box-shadow:inset 0 0 0 2px #071022,inset 0 0 18px #6ec6ef14,0 0 0 1px #6ec6ef22}:root[data-ui-theme=isekai] .panel:before,:root[data-ui-theme=isekai] .panel:after{background:var(--leng-gold-a);border-color:#071022;transform:rotate(45deg);box-shadow:0 0 6px #f0d48888}:root[data-ui-theme=isekai] #bottom .panel-title{color:var(--leng-ice);text-shadow:0 0 6px #6ec6ef66}:root[data-ui-theme=isekai] #info .portrait{border:2px solid var(--leng-glow);background:radial-gradient(at 50% 40%,#1f4778,#071022);box-shadow:0 0 10px #6ec6ef44}:root[data-ui-theme=isekai] #info .info-copy{color:#c4d7ea;scrollbar-color:var(--edge) transparent}:root[data-ui-theme=isekai] #info b,:root[data-ui-theme=isekai] #info .sel-name{color:var(--leng-ice-glow);text-shadow:0 0 8px #6ec6ef55}:root[data-ui-theme=isekai] #info .st{color:var(--ink)}:root[data-ui-theme=isekai] #info .st svg{stroke:var(--leng-ice)}:root[data-ui-theme=isekai] #info .st .lb{color:var(--muted)}:root[data-ui-theme=isekai] #info .sel-bonus{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #info .sel-state,:root[data-ui-theme=isekai] .status-line{border-top-color:#6ec6ef33}:root[data-ui-theme=isekai] .health-track{border-color:var(--edge);background:#071022}:root[data-ui-theme=isekai] .health-track span{background:linear-gradient(#9fe6ff,#3f9fd0)}:root[data-ui-theme=isekai] #info .qi{background:linear-gradient(#173560,#0e2141);border-color:#3d79a8}:root[data-ui-theme=isekai] #info .qi:hover{border-color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #info .qi svg{stroke:var(--leng-ice-glow)}:root[data-ui-theme=isekai] .building-portrait{color:var(--leng-ice)}:root[data-ui-theme=isekai] #bottom .slot{color:var(--ink);background:linear-gradient(#173560,#0e2141);border-color:#3d79a8;box-shadow:inset 0 1px #9fd9f62b,0 2px 2px #0006}:root[data-ui-theme=isekai] #bottom .slot:hover:not(:disabled){border-color:var(--leng-gold-a);background:linear-gradient(#1f4579,#12305a);box-shadow:inset 0 0 12px #6ec6ef33,0 0 8px #f0d48844}:root[data-ui-theme=isekai] #bottom .slot svg{stroke:var(--leng-ice-glow);filter:drop-shadow(0 0 3px #6ec6ef66)}:root[data-ui-theme=isekai] #bottom .slot .k{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #bottom .slot.empty{box-shadow:none;background:#07102266;border-color:#2c5a8633}:root[data-ui-theme=isekai] #bottom .slot.empty .k{color:#3d5f80}:root[data-ui-theme=isekai] .slot.disabled:hover{background:linear-gradient(#173560,#0e2141)!important;border-color:#3d79a8!important}:root[data-ui-theme=isekai] #minimap-panel{background:radial-gradient(#10254299,#071022cc)}:root[data-ui-theme=isekai] #cmdtip{border-color:var(--leng-glow);background:linear-gradient(#12294cf5,#0a1730f5);box-shadow:0 4px 14px #000a,0 0 12px #6ec6ef33}:root[data-ui-theme=isekai] #cmdtip .tt-h b{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #cmdtip .tt-k{border-color:var(--edge);color:var(--leng-ice)}:root[data-ui-theme=isekai] #cmdtip .tt-d{color:var(--ink)}:root[data-ui-theme=isekai] #cmdtip .tt-s{color:var(--muted)}:root[data-ui-theme=isekai] #toast{border-color:var(--leng-glow);color:var(--leng-ice-glow);background:#102542ee;box-shadow:0 0 14px #6ec6ef44}:root[data-ui-theme=isekai] #scoreboard{border-color:var(--edge);background:#0b1830db;box-shadow:inset 0 0 0 2px #071022c0,0 0 10px #6ec6ef22}:root[data-ui-theme=isekai] .sb-row{border-top-color:#6ec6ef22}:root[data-ui-theme=isekai] .sb-row.me .nm,:root[data-ui-theme=isekai] .sb-row.me b{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] .sb-row .tm{background:var(--leng-ice);color:#071022}:root[data-ui-theme=isekai] #help .help-content,:root[data-ui-theme=isekai] .audio-content{border-color:var(--leng-glow);background:#0b1830f5}:root[data-ui-theme=isekai] .audio-content input[type=range]{accent-color:var(--leng-glow)}:root[data-ui-theme=isekai] #hud{color:#d8f1ffaa;background:#07102288}:root[data-ui-theme=isekai] #idle-btn,:root[data-ui-theme=isekai] #prodq button{border-color:var(--edge);color:var(--ink);background:#0b1830e6}:root[data-ui-theme=isekai] #prodq .pq-b{color:var(--muted)}:root[data-ui-theme=isekai] #prodq button:hover,:root[data-ui-theme=isekai] #idle-btn:hover{border-color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #tools .resign-btn,:root[data-ui-theme=isekai] #tools .lock-toggle{border-color:var(--edge)!important;color:var(--ink)!important;background:#07102299!important}:root[data-ui-theme=isekai] #tools .resign-btn:hover{border-color:#ff9e83!important}:root[data-ui-theme=isekai] #hero-btn{border-color:var(--leng-gold-a);color:var(--ink);background:#0b1830e6;box-shadow:0 0 10px #f0d48855}:root[data-ui-theme=isekai] #hero-btn b{color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #hero-btn.dead{color:#d9a99a;box-shadow:none;border-color:#8d4a3a}:root[data-ui-theme=isekai] #info .cell{background:linear-gradient(#173560,#0e2141);border-color:#3d79a8}:root[data-ui-theme=isekai] #info .cell:hover{border-color:var(--leng-gold-a)}:root[data-ui-theme=isekai] #info .cell .nm{color:var(--ink)}@media (min-width:801px) and (pointer:fine){:root[data-ui-theme=isekai] #bottom{box-shadow:none;background:0 0;border-top:0}:root[data-ui-theme=isekai] #bottom>.panel{background:var(--wood)!important;border-color:var(--frame-hi) var(--frame) var(--frame-lo) var(--frame)!important}}html{background:#182a26}#hud-toggle{display:none}@media (pointer:coarse) and (max-height:520px){:root{--top:34px;--bottom:124px;--view-top:0px;--view-bottom:0px}#view{top:0!important}#topbar{box-shadow:none;-webkit-backdrop-filter:blur(3px);background:#1a130c94;border-bottom-width:1px;gap:12px;padding:0 10px}#bottom{box-shadow:none;-webkit-backdrop-filter:blur(3px);background:#1a130c8c}#bottom .panel{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.slot{background-color:#140f0a80!important}#mm-tools-top,#mm-tools-bot,#mm-tip,#fs-btn,#fstip{display:none!important}#ecohud{top:calc(var(--top) + 4px)!important}#hud,.lock-toggle{display:none!important}#clock{flex:none;gap:4px}#help{display:none!important}.clock-face{min-width:0!important}#clock-time{font-size:15px}#tools{margin-left:auto;gap:6px!important}.resign-btn{white-space:nowrap;margin-right:0!important;padding:2px 8px!important;font-size:11px!important}#tech-btn,#hp-btn{margin-right:0!important}#resbar>div{gap:4px;min-width:0;height:24px;padding:0 6px}#resbar i,#era,#scoreboard,.clock-face #era,#speed-down,#speed-up{display:none!important}#resbar b{font-size:13px}#resbar svg{width:16px;height:16px}#tools{gap:4px}#tools a,#tech-btn,#hp-btn,#help summary{padding:3px 7px!important;font-size:11px!important}#bottom{border-top-width:2px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 150px;gap:6px;padding:5px 8px}#info{display:none}#command-panel{grid-column:1;padding:4px}#command-panel .panel-title,#minimap-panel .panel-title{display:none}#minimap-panel{grid-column:2;padding-top:0}#mini{width:140px;height:70px}.slot{min-height:36px}.slot .l{font-size:10px}.slot .k{display:none}#chat{bottom:calc(var(--bottom) + 6px + var(--tip-h,0px))}#chat .chat-open{display:none}#touch-bar{flex-wrap:wrap;max-width:calc(100vw - 200px);bottom:calc(var(--bottom) + 8px)!important;flex-direction:row!important}#touch-bar button{padding:0 12px;background:#2018109e!important;min-width:0!important;min-height:36px!important;font-size:13px!important}#touch-bar button.ok{background:#2f5a2ae6!important}#topbar{padding-left:max(10px, env(safe-area-inset-left))!important;padding-right:max(10px, env(safe-area-inset-right))!important}#bottom{padding-left:max(8px, env(safe-area-inset-left))!important;padding-right:max(8px, env(safe-area-inset-right))!important;padding-bottom:max(5px, env(safe-area-inset-bottom))!important}body.hud-min #bottom{padding-left:4px!important}#touch-bar{left:max(10px, env(safe-area-inset-left))!important}#touch-side,#hud-toggle{right:max(8px, env(safe-area-inset-right))!important}#chat{left:max(14px, env(safe-area-inset-left))!important}#toast{bottom:calc(var(--bottom) + 58px)!important;z-index:70!important}#touch-side{top:calc(var(--top) + 8px)!important;gap:5px!important;transform:none!important}#touch-side button{min-height:30px!important;font-size:12px!important}#touch-side .groups button{width:34px!important}#hud-toggle{right:8px;bottom:calc(var(--bottom) + 6px);z-index:66;min-height:30px;font:600 12px var(--ui-font);color:#f3e7ce;background:#201810b3;border:1px solid #b59150;border-radius:8px 8px 0 0;padding:0 12px;display:block;position:fixed}body.hud-min{--bottom:0px}body.hud-min #bottom{border-left:1px solid #b5915088;border-radius:10px 0 0;grid-template-columns:1fr;width:156px;height:82px;padding:4px;left:auto}body.hud-min #command-panel{display:none}body.hud-min #minimap-panel{grid-column:1}body.hud-min #hud-toggle{bottom:88px}}#rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait) and (max-width:600px){#rotate-hint{z-index:99999;color:#f3e7ce;font:600 18px/1.6 var(--ui-font);text-align:center;background:#182a26;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}#rotate-hint .r-phone{border:3px solid #e3c567;border-radius:9px;width:44px;height:76px;animation:1.8s ease-in-out infinite rotate-phone}}html.world-mode #rotate-hint{display:none!important}body:has(#menu) #rotate-hint{display:none!important}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (pointer:coarse) and (max-height:520px){body:not(.has-sel){--bottom:0px}body:not(.has-sel) #bottom{border-left:1px solid #b5915088;border-radius:10px 0 0;grid-template-columns:1fr;width:150px;height:76px;padding:3px;left:auto}body:not(.has-sel) #command-panel,body:not(.has-sel) #hud-toggle{display:none!important}body:not(.has-sel) #minimap-panel{grid-column:1}body:not(.has-sel) #mini{width:140px;height:70px}body.has-sel{--bottom:66px}body.has-sel #cmd{flex-wrap:wrap;align-content:flex-start;gap:4px;overflow:auto;display:flex!important}body.has-sel #cmd .slot.empty{display:none!important}body.has-sel #cmd .slot{flex:none;width:56px;height:40px;min-height:40px}body.has-sel #bottom{grid-template-columns:minmax(0,1fr) 124px;padding-top:3px;padding-bottom:3px}body.has-sel #mini{width:112px;height:56px}#mm-zoom{display:none!important}#ecohud{top:calc(var(--top) + 3px)!important;gap:4px!important}#ecohud button,#ecohud .eco-btn{min-height:28px!important;padding:0 9px!important;font-size:12px!important}#touch-side button{min-height:28px!important;padding:0 8px!important;font-size:11px!important}#touch-bar button{min-height:32px!important;padding:0 10px!important;font-size:12px!important}#topbar{height:32px}:root{--top:32px}}.rpg-ui-icon{object-fit:contain;vertical-align:middle;pointer-events:none;width:28px;height:28px}#rpg-menu i .rpg-ui-icon{width:32px;height:32px;margin:auto;display:block}#rpg-hotbar .sk>.rpg-ui-icon{width:30px;height:30px}#pk-bar i .rpg-ui-icon{width:28px;height:28px;margin:auto;display:block}#village-panel .cell>.rpg-item-icon{width:36px;height:36px}#village-panel .ic>.rpg-item-icon{width:32px;height:32px}#rpg-quest .q{align-items:center;min-height:26px}#rpg-quest .q>.rpg-quest-state{background:#f3ead4;border:1px solid #b4a47c;border-radius:50%;flex:0 0 18px;align-self:flex-start;width:18px;height:18px;margin-top:1px;position:relative}.rpg-quest-state.available:before{content:"";background:#a98637;width:2px;height:6px;position:absolute;top:3px;left:7px}.rpg-quest-state.available:after{content:"";background:#a98637;width:2px;height:2px;position:absolute;top:11px;left:7px}#rpg-quest .rpg-quest-state.active{background:#e3edf4;border-color:#7292a7}.rpg-quest-state.active:before{content:"";border-top:2px solid #4d7898;border-right:2px solid #4d7898;width:5px;height:5px;position:absolute;top:4px;left:5px;transform:rotate(45deg)}#rpg-quest .rpg-quest-state.done{background:#e4eddd;border-color:#92ad7e}.rpg-quest-state.done:before{content:"";border-bottom:2px solid #608547;border-left:2px solid #608547;width:8px;height:4px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}#rpg-quest .rpg-quest-state.ready{background:#f7e6b9;border-color:#bd9443}.rpg-quest-state.ready>.rpg-ui-icon{width:18px;height:18px;display:block}#rpg-quest h4>.rpg-ui-icon{flex:none;width:22px;height:22px}#rpg-quest .claim{white-space:nowrap;min-height:28px}#rpg-prompt>.rpg-ui-icon{width:22px;height:22px}@media (max-width:980px){#rpg-quest .claim{min-height:44px}}.chat-send,.chat-close,#rpg-chat-toggle,#rpg-quest-toggle,#rpg-target-cancel,#rpg-menu .mobile-more,#rpg-menu .mobile-extra,#rpg-hotbar .mobile-label,#rpg-hotbar .cooldown{display:none}@media (max-width:980px),(pointer:coarse) and (max-height:600px){html.world-mode{--rpg-l:max(10px,env(safe-area-inset-left));--rpg-r:max(10px,env(safe-area-inset-right));--rpg-t:max(8px,env(safe-area-inset-top));--rpg-b:max(12px,env(safe-area-inset-bottom));--top:0px!important}html.world-mode body #tools{display:none!important}html.world-mode body #rpg-me{left:var(--rpg-l);top:var(--rpg-t);border-radius:12px;gap:7px;width:205px;height:70px;padding:6px}html.world-mode body #rpg-me img{object-fit:contain;width:42px;height:56px}html.world-mode body #rpg-me>div{min-width:0}html.world-mode body #rpg-me .who{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-size:13px;overflow:hidden}html.world-mode body #rpg-me .who small{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;line-height:12px;display:block;overflow:hidden}html.world-mode body #rpg-me .num,html.world-mode body #rpg-me .coins{display:none}html.world-mode body #rpg-place{top:var(--rpg-t);max-width:25vw;padding:5px 12px;display:block}html.world-mode body #rpg-place b{letter-spacing:2px;white-space:nowrap;font-size:15px}html.world-mode body #rpg-place span,html.world-mode body #rpg-tip{display:none}html.world-mode body #minimap-panel{top:var(--rpg-t);right:var(--rpg-r);border-radius:10px!important;padding:4px!important}html.world-mode body #mini{min-height:44px;width:112px!important;height:56px!important}html.world-mode body #minimap-panel.big #mini{width:112px!important;height:56px!important}html.world-mode body #rpg-mapbar .mm-big{display:none}html.world-mode:has(#minimap-panel.big) body #rpg-quest.mobile-expanded{top:calc(var(--rpg-t) + 116px)}html.world-mode body #rpg-mapbar{justify-content:flex-end;gap:4px;margin:0}html.world-mode body #rpg-mapbar span{display:none}html.world-mode body #rpg-mapbar button{min-width:44px;min-height:44px;padding:2px 5px;font-size:11px}html.world-mode body #rpg-quest-toggle{z-index:63;top:calc(var(--rpg-t) + 116px);right:var(--rpg-r);background:var(--rpg-card);border:1px solid var(--rpg-line);max-width:190px;min-height:44px;color:var(--rpg-ink);font:12px var(--ui-font);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;padding:6px 10px;display:block;position:fixed;overflow:hidden}html.world-mode body #rpg-quest{display:none}html.world-mode body #rpg-quest.mobile-expanded{top:calc(var(--rpg-t) + 116px);right:var(--rpg-r);z-index:70;width:min(290px,100vw - 24px);max-height:calc(100dvh - 150px);display:block;overflow:auto}html.world-mode body #rpg-menu{right:var(--rpg-r);bottom:calc(var(--rpg-b) + 132px);border-radius:12px;gap:8px;padding:5px}html.world-mode body #rpg-menu button{width:48px;min-height:44px;font-size:11px;display:none}html.world-mode body #rpg-menu button[data-feature=背包],html.world-mode body #rpg-menu .mobile-more{display:flex}html.world-mode body #rpg-menu button i{background:0 0;border:0;width:28px;height:26px;font-size:20px}html.world-mode body #rpg-menu.mobile-expanded{z-index:70;grid-template-columns:repeat(3,1fr);width:220px;max-height:calc(100dvh - 60px);display:grid;overflow:auto}html.world-mode body #rpg-menu.mobile-expanded button{width:60px;min-height:52px;display:flex}html.world-mode body #rpg-hotbar{left:auto;right:var(--rpg-r);bottom:var(--rpg-b);width:148px;height:122px;box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;display:block;transform:none}html.world-mode body #rpg-hotbar .sk{pointer-events:auto;color:var(--rpg-ink);background:linear-gradient(#fff9e9,#eee2c4);border:2px solid #b9a26d;border-radius:50%;flex-direction:column;justify-content:center;gap:0;padding:0;font-size:26px;display:flex;position:absolute;box-shadow:0 2px 8px #30261950}html.world-mode body #rpg-hotbar .sk[data-key="1"]{width:68px;height:68px;bottom:0;right:0}html.world-mode body #rpg-hotbar .sk[data-key="2"]{width:56px;height:56px;font-size:23px;top:0;left:4px}html.world-mode body #rpg-hotbar .sk.empty,html.world-mode body #rpg-hotbar .auto,html.world-mode body #rpg-hotbar .sk small{display:none}html.world-mode body #rpg-hotbar .mobile-label{font:12px var(--ui-font);z-index:1;display:block}html.world-mode body #rpg-hotbar .cooldown{background:conic-gradient(#26354799 var(--remaining,0%),transparent 0);font:700 13px var(--ui-font);color:#fff;text-shadow:0 1px 2px #000;border-radius:50%;place-content:center;display:block;position:absolute;inset:0}html.world-mode body #rpg-hotbar .cooldown:empty{display:none}html.world-mode body #rpg-hotbar .sk:disabled{cursor:default}html.world-mode body #rpg-hotbar .xp{pointer-events:none;width:148px;height:3px;position:fixed;bottom:-6px;left:auto;right:0}html.world-mode body #rpg-chat-toggle{z-index:68;left:var(--rpg-l);bottom:var(--rpg-b);border:1px solid var(--rpg-line);background:var(--rpg-card);width:44px;height:44px;color:var(--rpg-ink);font:22px var(--ui-font);border-radius:12px;display:block;position:fixed}html.world-mode body #chat{left:calc(var(--rpg-l) + 52px);bottom:var(--rpg-b);width:min(280px,35vw);padding:5px 8px;font-size:12px}html.world-mode body #chat:not(.open):not(:has(.chat-line)){display:none}html.world-mode body #chat:not(.open) #rpg-chat-tabs,html.world-mode body #chat:not(.open) #rpg-chat-foot,html.world-mode body #chat:not(.open) .chat-hint{display:none}html.world-mode body #chat:not(.open) .chat-log{min-height:0;max-height:34px;overflow:hidden}html.world-mode body #chat:not(.open) .chat-line:not(:last-child){display:none}html.world-mode body #chat.open{left:var(--rpg-l);bottom:var(--rpg-b);z-index:76;width:min(440px,100vw - 24px)}html.world-mode body #chat.open .chat-log{min-height:40px;max-height:min(100px,25dvh)}html.world-mode body #chat.open .chat-input{min-height:44px;font-size:16px}html.world-mode body #chat.open #rpg-chat-tabs button{min-width:44px;min-height:44px}html.world-mode body #chat.open .chat-to,html.world-mode body #chat.open .chat-send{min-height:44px}:is(html.world-mode:has(#chat.open) #rpg-hotbar,html.world-mode:has(#chat.open) #rpg-menu,html.world-mode:has(#chat.open) #rpg-prompt){visibility:hidden}html.world-mode body #rpg-prompt{bottom:var(--rpg-b);z-index:66;pointer-events:auto;text-overflow:ellipsis;touch-action:manipulation;max-width:38vw;min-height:44px;padding:8px 14px;font-size:13px;position:fixed;overflow:hidden;transform:translate(-50%);top:auto!important;left:50%!important}html.world-mode body #rpg-prompt kbd{display:none}html.world-mode body #village-panel{top:var(--rpg-t);right:var(--rpg-r);width:min(390px,100vw - 24px);max-height:calc(var(--rpg-vh,100dvh) - 20px);z-index:75;overflow:auto}html.world-mode body #village-panel button,html.world-mode body #village-say button{min-height:44px}html.world-mode body #village-panel .x{min-width:44px;min-height:44px}html.world-mode body #village-say{bottom:var(--rpg-b);z-index:75;max-height:calc(100dvh - 20px);overflow:auto}html.world-mode.village-talking #rpg-hotbar{visibility:hidden}html.world-mode:has(#village-panel) #rpg-hotbar{visibility:hidden}html.world-mode body #rpg-menu button,html.world-mode body #rpg-hotbar button,html.world-mode body #rpg-chat-toggle{touch-action:manipulation}@media (max-width:700px){html.world-mode body #rpg-place{display:none}}@media (max-height:400px){html.world-mode body #rpg-quest-toggle{top:calc(var(--rpg-t) + 112px);max-width:145px}html.world-mode body #rpg-me{width:185px;height:64px}html.world-mode body #rpg-me img{width:36px;height:50px}}@media (orientation:portrait){html.world-mode body #rpg-place{display:none}html.world-mode body #chat{width:calc(100vw - 235px)}html.world-mode body #rpg-prompt{bottom:calc(var(--rpg-b) + 76px);max-width:52vw;left:35%!important}html.world-mode body #rpg-quest-toggle{top:calc(var(--rpg-t) + 116px)}}html.world-mode body #minimap-panel.mobile-expanded #mini{width:min(280px,45vw)!important;height:min(140px,30dvh)!important}html.world-mode body #rpg-target-cancel:not([hidden]){right:calc(var(--rpg-r) + 76px);bottom:var(--rpg-b);z-index:67;border:1px solid var(--rpg-line);background:var(--rpg-card);width:72px;min-height:44px;color:var(--rpg-ink);font:12px var(--ui-font);border-radius:10px;display:block;position:fixed}:is(html.world-mode:has(#chat.open) #rpg-target-cancel,html.world-mode:has(#village-panel) #rpg-target-cancel){visibility:hidden}html.world-mode body #rpg-menu.mobile-expanded{top:var(--rpg-t);max-height:calc(var(--rpg-vh,100dvh) - 20px);bottom:auto}html.world-mode body #chat.open .chat-send{border:1px solid var(--rpg-line);color:#385c40;min-width:44px;min-height:44px;font:13px var(--ui-font);background:#e8f0e2;border-radius:8px;display:block}html.world-mode body #chat.open .chat-input{min-width:0}html.world-mode body #chat .chat-hint{display:none}html.world-mode body #rpg-hotbar .xp{left:var(--rpg-l);right:var(--rpg-r);width:auto;bottom:3px}html.world-mode body #chat.open .chat-close{min-width:44px;min-height:44px;color:var(--rpg-ink);background:#efe7d4;border:0;border-radius:9px;display:block;position:absolute;top:4px;right:6px}html.world-mode body #chat.open #rpg-chat-tabs{gap:8px;padding-right:44px}:is(html.world-mode:has(#minimap-panel.mobile-expanded) body #rpg-quest-toggle,html.world-mode:has(#minimap-panel.mobile-expanded) body #rpg-quest){visibility:hidden}html.world-mode{--u:clamp(1px,calc(min(100vw,100vh) / 390),1.5px);--m:calc(var(--u) * 2 - 1px);--mh:calc(56 * var(--m) + 44 * var(--u) + 14px)}html.world-mode body #rpg-me{width:calc(205 * var(--u));height:calc(70 * var(--u));padding:calc(6 * var(--u));gap:calc(7 * var(--u))}html.world-mode body #rpg-me img{width:calc(42 * var(--u));height:calc(56 * var(--u))}html.world-mode body #rpg-me .who{font-size:calc(13 * var(--u))}html.world-mode body #rpg-me .who small{font-size:calc(10 * var(--u));line-height:calc(12 * var(--u))}html.world-mode body #rpg-me .bar{height:calc(8 * var(--u));margin-top:calc(4 * var(--u))}html.world-mode body #mini,html.world-mode body #minimap-panel.big #mini{width:calc(112 * var(--m))!important;height:calc(56 * var(--m))!important}html.world-mode body #mini-marks .mm-exit{font-size:calc(9 * var(--u));padding:calc(1 * var(--u)) calc(4 * var(--u))}html.world-mode body #rpg-mapbar button{font-size:calc(11 * var(--u));min-width:calc(44 * var(--u));min-height:calc(44 * var(--u))}html.world-mode body #rpg-quest-toggle{top:calc(var(--rpg-t) + var(--mh));min-height:calc(44 * var(--u));max-width:calc(190 * var(--u));font-size:calc(12 * var(--u))}:is(html.world-mode body #rpg-quest.mobile-expanded,html.world-mode:has(#minimap-panel.big) body #rpg-quest.mobile-expanded){top:calc(var(--rpg-t) + var(--mh))}html.world-mode body #rpg-hotbar{width:calc(148 * var(--u));height:calc(122 * var(--u))}html.world-mode body #rpg-hotbar .sk{font-size:calc(26 * var(--u))}html.world-mode body #rpg-hotbar .sk[data-key="1"]{width:calc(68 * var(--u));height:calc(68 * var(--u))}html.world-mode body #rpg-hotbar .sk[data-key="2"]{width:calc(56 * var(--u));height:calc(56 * var(--u));left:calc(4 * var(--u));font-size:calc(23 * var(--u))}html.world-mode body #rpg-hotbar .mobile-label{font-size:calc(12 * var(--u))}html.world-mode body #rpg-menu{bottom:calc(var(--rpg-b) + 132 * var(--u))}html.world-mode body #rpg-menu button{width:calc(48 * var(--u));min-height:calc(44 * var(--u));font-size:calc(11 * var(--u))}html.world-mode body #rpg-menu button i{width:calc(28 * var(--u));height:calc(26 * var(--u));font-size:calc(20 * var(--u))}html.world-mode body #rpg-menu.mobile-expanded{width:calc(220 * var(--u))}html.world-mode body #rpg-menu.mobile-expanded button{width:calc(60 * var(--u));min-height:calc(52 * var(--u))}html.world-mode body #rpg-target-cancel:not([hidden]){right:calc(var(--rpg-r) + 76 * var(--u));width:calc(72 * var(--u));min-height:calc(44 * var(--u))}html.world-mode body #rpg-chat-toggle{width:calc(44 * var(--u));height:calc(44 * var(--u));font-size:calc(22 * var(--u))}html.world-mode body #chat{left:calc(var(--rpg-l) + 52 * var(--u));width:min(440px,calc(100vw - var(--rpg-l) - var(--rpg-r) - 52 * var(--u) - 160 * var(--u)));font-size:calc(12 * var(--u))}html.world-mode body #chat:not(.open) .chat-line:nth-last-child(-n+3){display:block}html.world-mode body #chat:not(.open) .chat-log{max-height:calc(54 * var(--u))}html.world-mode body #rpg-prompt{min-height:calc(44 * var(--u));font-size:calc(13 * var(--u));bottom:calc(var(--rpg-b) + 4 * var(--u))}}@media (orientation:portrait) and (max-width:980px){html.world-mode body #rpg-prompt{bottom:calc(var(--rpg-b) + 70 * var(--u));max-width:calc(100vw - var(--rpg-l) - var(--rpg-r) - 160 * var(--u));transform:none;left:var(--rpg-l)!important}}@media (max-width:980px),(pointer:coarse) and (max-height:600px){html.world-mode body #rpg-hotbar .hb-items{pointer-events:none;grid-template-columns:repeat(4,44px);gap:6px;position:absolute;display:grid!important}html.world-mode body #rpg-hotbar .sk.item,html.world-mode body #rpg-hotbar .sk.item.empty{pointer-events:auto;font-size:12px;width:44px!important;height:44px!important;display:grid!important;position:relative!important}html.world-mode body #rpg-hotbar .sk.item.empty{opacity:.6}html.world-mode body #fog-banner{white-space:nowrap;text-overflow:ellipsis;padding:5px 12px;font-size:12px;overflow:hidden}html.world-mode body #toast{text-align:center;max-width:70vw;padding:5px 12px;font-size:12px;bottom:auto}html.world-mode body #village-say .opts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}html.world-mode body #village-say .opts button{width:100%;min-height:46px;margin:0;font-size:15px}html.world-mode body #village-panel .pq-btns,html.world-mode body #village-panel .cs-foot{grid-template-columns:1fr 1fr;gap:8px;display:grid}html.world-mode body #village-panel .pq-btns button,html.world-mode body #village-panel .cs-foot button,html.world-mode body #village-panel .fol-list button,html.world-mode body #village-panel .shop button{width:100%;min-height:46px}html.world-mode body #village-panel select{width:100%;min-height:46px;margin:4px 0}html.world-mode body #village-panel p+button,html.world-mode body #village-panel .sb-wrap button{min-height:46px}html.world-mode body #village-panel>div>button:not(.x):not(.cell){width:100%;min-height:46px;margin-top:6px;display:block}}@media (orientation:landscape) and (max-height:460px) and (max-width:980px),(orientation:landscape) and (max-height:460px) and (pointer:coarse){html.world-mode body #rpg-place{display:none}html.world-mode body #rpg-me{gap:6px;width:176px;height:58px;padding:5px}html.world-mode body #rpg-me img{width:34px;height:46px}html.world-mode body #rpg-quest-toggle{left:var(--rpg-l);right:auto;top:calc(var(--rpg-t) + 64px);max-width:176px;min-height:40px;padding:4px 8px;font-size:12px}:is(html.world-mode body #rpg-quest.mobile-expanded,html.world-mode:has(#minimap-panel.big) body #rpg-quest.mobile-expanded){left:var(--rpg-l);right:auto;top:calc(var(--rpg-t) + 64px);width:min(300px,52vw)}html.world-mode body #mini,html.world-mode body #minimap-panel.big #mini{width:96px!important;height:48px!important}html.world-mode body #rpg-mapbar button{min-width:40px;min-height:40px;font-size:11px}html.world-mode body #rpg-menu{left:var(--rpg-l);right:auto;bottom:calc(var(--rpg-b) + 52px);gap:6px;padding:4px}html.world-mode body #rpg-menu button{width:52px;min-height:44px}html.world-mode body #rpg-menu.mobile-expanded{left:var(--rpg-l);right:auto;top:var(--rpg-t);width:min(240px,45vw);bottom:auto}html.world-mode body #rpg-hotbar .hb-items{bottom:0;right:78px}html.world-mode body #fog-banner{top:calc(var(--rpg-t) + 2px);max-width:calc(100vw - 352px)}html.world-mode body #toast{top:calc(var(--rpg-t) + 40px);max-width:calc(100vw - 352px)}html.world-mode body #rpg-prompt{max-width:30vw;bottom:var(--rpg-b)}html.world-mode body #chat:not(.open){left:calc(var(--rpg-l) + 52px);width:min(300px,34vw)}}@media (orientation:portrait) and (max-width:700px){html.world-mode body #rpg-place{display:none}html.world-mode body #rpg-quest-toggle{left:var(--rpg-l);right:auto;top:calc(var(--rpg-t) + 76px);max-width:calc(100vw - 150px)}:is(html.world-mode body #rpg-quest.mobile-expanded,html.world-mode:has(#minimap-panel.big) body #rpg-quest.mobile-expanded){left:var(--rpg-l);width:calc(100vw - var(--rpg-l) - var(--rpg-r));right:auto;top:calc(var(--rpg-t) + 76px)}html.world-mode body #rpg-menu{left:var(--rpg-l);right:auto;bottom:calc(var(--rpg-b) + 56px)}html.world-mode body #rpg-menu.mobile-expanded{left:var(--rpg-l);right:auto;top:var(--rpg-t);width:min(260px,100vw - 20px);bottom:auto}html.world-mode body #rpg-hotbar .hb-items{right:0;bottom:calc(122 * var(--u) + 8px)}html.world-mode body #fog-banner{top:calc(var(--rpg-t) + 128 * var(--u));max-width:calc(100vw - 20px)}html.world-mode body #toast{top:calc(var(--rpg-t) + 168 * var(--u));max-width:calc(100vw - 20px)}html.world-mode body #rpg-prompt{bottom:calc(var(--rpg-b) + 120px)!important}}@media (max-width:980px),(pointer:coarse) and (max-height:600px){html.world-mode body #rpg-me .who{font-size:calc(12 * var(--u,1))}html.world-mode body #rpg-me .who small{font-size:calc(9 * var(--u,1))}html.world-mode body #rpg-quest-toggle{font-size:calc(11 * var(--u,1));padding:4px 8px}html.world-mode body #rpg-menu button,html.world-mode body #rpg-mapbar button{font-size:calc(10 * var(--u,1))}html.world-mode body #mini-marks .mm-pct{font-size:calc(9 * var(--u,1));padding:1px 4px}html.world-mode body #rpg-prompt{font-size:calc(12 * var(--u,1))}html.world-mode body #fog-banner,html.world-mode body #toast{font-size:11px}html.world-mode body #rpg-hotbar .mobile-label{font-size:calc(11 * var(--u,1))}html.world-mode body #village-say{font-size:13px}}html.arena-mode body .pk-team{width:190px;top:calc(var(--top) + 8px);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:7px;display:grid}html.arena-mode body .pk-team h4{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;overflow:hidden}html.arena-mode body .pk-u{touch-action:manipulation;flex-direction:column;gap:1px;min-width:0;min-height:44px;padding:3px}html.arena-mode body .pk-u.hero{flex-direction:row;grid-column:1/-1;gap:6px}html.arena-mode body #pk-right .pk-u{text-align:center;flex-direction:column}html.arena-mode body #pk-right .pk-u.hero{text-align:right;flex-direction:row-reverse}html.arena-mode body .pk-u img{border-radius:7px;width:32px;height:36px}html.arena-mode body .pk-u.hero img{width:36px;height:42px}html.arena-mode body .pk-u>div{width:100%}html.arena-mode body .pk-u .n{text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}html.arena-mode body .pk-u.hero .n{font-size:12px}html.arena-mode body .pk-u .bar{height:5px;margin-top:2px}html.arena-mode body .pk-u:not(.hero) .cd{display:none}html.arena-mode body #pk-score{min-width:150px;max-width:220px;top:calc(var(--top) + 8px);padding:5px 12px}html.arena-mode body #pk-score .r{letter-spacing:0;white-space:nowrap;font-size:10px}html.arena-mode body #pk-score .s{gap:8px;font-size:11px}html.arena-mode body #pk-score .s span{white-space:nowrap;text-overflow:ellipsis;max-width:70px;overflow:hidden}html.arena-mode body #pk-score .s b{font-size:24px}html.arena-mode body #pk-score .time{font-size:19px;line-height:1.1}html.arena-mode body #pk-bar{bottom:max(8px,env(safe-area-inset-bottom));gap:6px;max-width:calc(100vw - 16px);padding:7px}html.arena-mode body #pk-bar button{white-space:nowrap;touch-action:manipulation;min-width:62px;height:50px;padding:3px 7px;font-size:12px}html.arena-mode body #pk-bar button.skill{min-width:78px}html.arena-mode body #pk-bar .sep{margin:2px 0}html.arena-mode body #pk-bar .mobile-label{display:none}html.arena-mode body #toast{top:calc(var(--top) + 98px);text-align:center;max-width:65vw;padding:5px 12px;font-size:12px;z-index:66!important;bottom:auto!important}html.arena-mode body #pk-cancel{bottom:76px;right:max(8px,env(safe-area-inset-right));z-index:67;border:1px solid var(--rpg-line);background:var(--rpg-card);min-height:44px;color:var(--rpg-ink);font:13px var(--ui-font);border-radius:10px;padding:6px 12px;position:fixed}html.arena-mode body #pk-cancel[hidden]{display:none}html.arena-mode body #pk-end>div{min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}html.arena-mode body #pk-end button{min-height:44px}@media (max-width:980px),(pointer:coarse) and (max-height:600px){html.arena-mode{--top:0px!important}html.arena-mode body #tools{display:none!important}html.arena-mode body .pk-team{top:max(6px,env(safe-area-inset-top));border-radius:11px;gap:3px;width:154px;padding:5px}html.arena-mode body #pk-left{left:max(8px,env(safe-area-inset-left))}html.arena-mode body #pk-right{right:max(8px,env(safe-area-inset-right))}html.arena-mode body .pk-team h4{display:none}html.arena-mode body .pk-u.hero{gap:4px;min-height:44px;padding:2px}html.arena-mode body .pk-u.hero img{width:30px;height:36px}html.arena-mode body .pk-u.hero .n{font-size:11px}html.arena-mode body .pk-u .cd{font-size:10px}html.arena-mode body .pk-u:not(.hero){height:45px;min-height:44px;padding:2px}html.arena-mode body .pk-u:not(.hero) img{width:26px;height:29px}html.arena-mode body .pk-u:not(.hero) .n{display:none}html.arena-mode body #pk-score{top:max(6px,env(safe-area-inset-top));border-radius:11px;min-width:126px;max-width:150px;padding:4px 8px}html.arena-mode body #pk-score .s span{display:none}html.arena-mode body #pk-score .s{gap:10px}html.arena-mode body #pk-score .r{font-size:10px}html.arena-mode body #pk-score .s b{font-size:23px;line-height:1.1}html.arena-mode body #pk-score .time{font-size:17px}html.arena-mode body #pk-bar{bottom:max(8px,env(safe-area-inset-bottom));border-radius:12px;gap:7px;padding:5px}html.arena-mode body #pk-bar button{min-width:56px;height:48px;padding:3px 5px;font-size:12px}html.arena-mode body #pk-bar button.skill{min-width:68px}html.arena-mode body #pk-bar button i{font-size:21px}html.arena-mode body #pk-bar button small,html.arena-mode body #pk-bar .sep,html.arena-mode body #pk-bar .desktop-label{display:none}html.arena-mode body #pk-bar .mobile-label{display:block}html.arena-mode body #pk-bar button[data-key="1"]{display:none}html.arena-mode body #pk-banner{letter-spacing:2px;max-width:80vw;padding:8px 20px;font-size:20px;top:40%}html.arena-mode body #pk-banner small{font-size:12px}html.arena-mode body #toast{max-width:70vw;font-size:11px;top:116px}}@media (max-width:480px){html.arena-mode body .pk-team{width:116px}html.arena-mode body .pk-u.hero img{width:24px;height:32px}html.arena-mode body .pk-u.hero .n{font-size:10px}html.arena-mode body #pk-score{min-width:108px;max-width:120px;padding:4px}html.arena-mode body #pk-score .r{font-size:9px}html.arena-mode body #pk-bar button{min-width:48px;padding:3px 4px}html.arena-mode body #pk-bar button.skill{min-width:60px}}html.arena-mode body #pk-left{border-top:3px solid #5b9cc4}html.arena-mode body #pk-right{border-top:3px solid #cf7967}html.arena-mode body #pk-view{z-index:63;left:50%;top:calc(var(--top) + 92px);border:1px solid var(--rpg-line);background:var(--rpg-card);min-width:48px;min-height:44px;color:var(--rpg-ink);font:12px var(--ui-font);border-radius:10px;padding:3px 9px;position:fixed;transform:translate(-50%)}@media (max-width:980px),(pointer:coarse) and (max-height:600px){html.arena-mode body #pk-view{left:auto;right:max(8px,env(safe-area-inset-right));top:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:none}}@media (max-width:480px){html.arena-mode body #pk-view{top:max(116px,calc(env(safe-area-inset-top) + 110px));bottom:auto}}
