*{box-sizing:border-box}body{margin:0;background:#102019;color:#f3edd2;font:13px 'Microsoft JhengHei',sans-serif;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #b0a07070;background:linear-gradient(#303a2cdd,#15201be8);text-shadow:0 1px 3px #000;box-shadow:inset 0 1px #ffffff15;border-radius:5px}button:hover{filter:brightness(1.22);border-color:#e4d49b}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:fixed;inset:0 0 auto;height:84px;display:flex;align-items:flex-start;padding:10px 24px;z-index:5;background:linear-gradient(#07140fe3,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.round-block{min-width:150px;line-height:1.6;text-shadow:0 2px 5px #000}.round-block>span{font-size:18px;font-weight:700}.round-block small{display:block;font-size:11px;color:#d0d8b9}.phase{font-size:14px;color:#a4e58c;border-bottom:2px solid #8fc66c;padding:7px 13px;text-shadow:0 1px 3px #000}.population{position:absolute;top:0;left:50%;transform:translateX(-50%);width:111px;height:106px;text-align:center;background:linear-gradient(#554d30e8,#1c3026cb);border:1px solid #b5aa7590;border-top:0;border-radius:0 0 48% 48%;box-shadow:0 4px 12px #0005}.population>span{display:block;font-size:32px;height:39px;color:#d4bc7b}.population>b{font:700 26px 'Times New Roman';display:block}.population small{font-size:9px;color:#c5c9a5}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.gold{display:flex;align-items:center;gap:10px;font:25px 'Times New Roman';margin-right:20px;text-shadow:0 2px 5px #000}.gold>span{color:#ead58d}.gold b{font-weight:400;color:#fff4ce}.top-actions>a,.top-actions>button{height:38px;min-width:38px;text-align:center;padding:4px 9px;border:0;background:#14241b77;color:#d1c89d;font-size:22px;border-radius:3px}.top-actions>a small{font-size:8px;display:block;margin-top:-3px}.player-rail{position:fixed;left:16px;top:100px;width:166px;z-index:3}.player{display:flex;gap:8px;padding:10px 8px;background:linear-gradient(90deg,#15291de6,#14271b88);border-left:3px solid #a7d65c;border-radius:2px}.avatar{width:36px;height:42px;background:linear-gradient(#ceb56f,#6b7b4b);border:1px solid #decb88;border-radius:5px;text-align:center;font-size:30px;color:#f8eab9}.player-name{flex:1;font-size:10px}.player-name small{display:block;font-size:8px;color:#c4cfa6;margin:3px 0}.player-name b{font-size:12px}.life{height:5px;background:#13281a;margin-top:3px}.life i{display:block;height:100%;background:#85cc42}.journey{margin-top:10px;padding:10px;background:#14271bcc;border:1px solid #78945a55;font-size:10px}.journey>span{color:#c3cca7;display:block;margin-bottom:6px}.journey>b{font-size:14px}#history{display:flex;gap:3px;flex-wrap:wrap;margin-top:6px}#history span{font-size:8px;background:#456a32;padding:3px}#history .loss{background:#744837}#reset{font-size:9px;margin-top:7px;padding:6px 9px;background:#172a1c99}.synergy-rail{position:fixed;right:17px;top:104px;width:133px;z-index:3;text-shadow:0 1px 3px #000}.synergy-rail h2{font-size:11px;letter-spacing:2px;margin:0 0 9px}.synergy{display:flex;align-items:center;justify-content:space-between;margin:5px 0;padding:9px 8px;background:#152619a6;border-right:2px solid #63765388;color:#b9c6a8;font-size:11px;border-radius:25px 2px 2px 25px}.synergy.active{border-color:#cfec6b;color:#e3f6ae;background:#42672bbf}.synergy-rail>small{font-size:8px;color:#c4cdad}.market{position:fixed;top:23%;left:0;right:0;height:330px;z-index:6;display:none;background:linear-gradient(transparent,#07130ab8 20%,#09120be8 82%,#0c180be8);border-bottom:1px solid #b7c69630;box-shadow:0 20px 55px #0003}.shop-open .market{display:block}.market-title{position:absolute;left:50%;top:-17px;transform:translateX(-50%);display:flex;gap:20px;align-items:center;background:linear-gradient(90deg,transparent,#112014dd,transparent);padding:8px 45px;white-space:nowrap}.market-title>span{font-size:13px;letter-spacing:3px;color:#e4d4a2}.market-title>small{font-size:9px;color:#c4cbb2}.market-title>button{position:absolute;right:0;border:0;background:transparent;font-size:22px;padding:0 6px}.market-display{position:absolute;inset:22px 0 38px}#market-stage{position:absolute;inset:0 115px 63px;pointer-events:none}#market-stage canvas{width:100%;height:100%;display:block}#shop{position:absolute;inset:0 115px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.card{border:0;border-radius:0;box-shadow:none;position:relative;background:transparent!important;text-align:center;padding:0;height:auto;min-height:0;overflow:visible;transition:background .15s}.card:hover{background:linear-gradient(transparent,#e9e5a411)!important;filter:none}.card:hover .unit-pedestal{box-shadow:0 0 25px #b5df9288}.unit-pedestal{position:absolute;bottom:74px;left:20%;width:60%;height:22px;border-radius:50%;background:radial-gradient(ellipse,#568a6950,#255c5144);border:1px solid #86cdae55;transform:perspective(100px) rotateX(35deg);box-shadow:0 0 13px #4a9e7944}.card.water .unit-pedestal{background:#4386a64d;border-color:#74d6f360}.card.fire .unit-pedestal{background:#8b63384d;border-color:#edb76d60}.card.electric .unit-pedestal{background:#a7a44e4d;border-color:#eadf8a60}.card strong{position:absolute;bottom:37px;left:0;right:0;font-size:15px;font-weight:500;color:#b8d2e2;text-shadow:0 2px 3px #000}.card .type{position:absolute;bottom:59px;left:0;right:0;font-size:12px;color:#e7e7bc}.card .info{position:absolute;bottom:20px;left:0;right:0;font-size:8px;color:#aabd97}.card .cost{position:absolute;bottom:-3px;left:0;right:0;font:700 17px 'Times New Roman';color:#eee8cc}.card[disabled]{opacity:.43}.card:not(button){display:flex;align-items:flex-end;justify-content:center;padding-bottom:25px;color:#74856f;font-size:11px}.market-circle{position:absolute;bottom:20px;border-radius:50%;height:78px;width:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(#303c2dd9,#142217d9);border:1px solid #a8b18f66;box-shadow:0 0 0 4px #14271a44}#shop-lock{left:26px}#refresh{right:26px}.market-circle>span{font-size:39px;line-height:1.1;color:#d3c58f}.market-circle>small{font-size:11px;color:#e7e4c9}#shop-lock[aria-pressed=true]{border-color:#e4ce78;background:#5c5c2ce8}.market-odds{position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);display:flex;gap:30px;padding:9px 30px;background:linear-gradient(#1a281de8,#132019e8);border:1px solid #87956c88;border-radius:20px;white-space:nowrap;font-size:12px}.market-odds small{font-size:9px;align-self:center;color:#a7b49a}.odds-1{color:#e2e1cf}.odds-2{color:#9ed7d2}.odds-3{color:#9ba6f1}.market-odds b{margin-left:5px}.bench-hud{position:fixed;bottom:94px;left:50%;transform:translateX(-50%);width:min(760px,64vw);height:73px;z-index:4;display:flex;gap:7px;align-items:center;padding:6px 9px;background:linear-gradient(#233c2099,#102414e0);border:1px solid #a8b98570;border-radius:5px;box-shadow:0 4px 20px #0004}.bench-hud>span{position:absolute;top:-19px;left:0;font-size:9px;color:#e4e9cf;text-shadow:0 1px 4px #000;letter-spacing:2px}#bench{flex:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.cell{height:57px;position:relative;cursor:pointer;background:linear-gradient(#5b744344,#74885755);border:1px solid #abc17b55;border-radius:2px}.cell:hover{border-color:#f7e2a0;background:#bfdc7850}.selected{border-color:#f5db79!important;box-shadow:0 0 12px #f0d26988}.unit{position:relative;height:100%;text-align:center}.unit img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;position:relative;top:-4px;filter:drop-shadow(0 3px 2px #0008)}.unit .name{position:absolute;bottom:0;left:0;right:0;font-size:7px;color:#e7efd2;text-shadow:0 1px 2px #000}.stars{position:absolute;z-index:1;top:0;left:3px;color:#f6db72;font-size:9px}#sell{width:51px;font-size:9px;padding:6px 3px;background:#26391d}.bottom-left{position:fixed;bottom:15px;left:19px;display:flex;align-items:center;gap:19px;z-index:5}#level{width:89px;height:77px;border-radius:45% 45% 30% 30%;border:2px solid #b2a577;background:linear-gradient(#444a2be8,#182719f5);font-size:0;position:relative;box-shadow:0 0 0 5px #101c1280}#level:before{content:'人口 ↑';display:block;font-size:17px;color:#eee0aa;font-weight:700}#level:after{content:'◉ 4';display:block;font:16px 'Times New Roman';margin-top:4px;color:#ddd6b5}#message{max-width:470px;font-size:10px;background:#182c17c9;border-left:2px solid #9db967;padding:9px 13px;color:#dce7c5;line-height:1.6}.bottom-right{position:fixed;bottom:15px;right:18px;display:flex;gap:10px;align-items:center;z-index:7}#fight{padding:12px 17px;background:linear-gradient(#4b6632,#1f3c20);border-color:#b3c67c;color:#e8efc4}#shop-toggle{width:80px;height:80px;border-radius:50%;border:2px solid #c4b878;background:radial-gradient(#455834,#13271b);box-shadow:0 0 0 5px #152a1980}#shop-toggle span{display:block;font-size:31px;line-height:1.2}#shop-toggle small{font-size:9px}#shop-toggle[aria-expanded=true]{border-color:#f3d98a}#battle-log-toggle{font-size:22px;width:39px;height:39px;padding:0}.battle-log{position:fixed;bottom:105px;right:18px;z-index:8;width:245px;padding:15px;background:#102018ed;border:1px solid #a8b08280;border-radius:5px}.battle-log h2{font-size:12px;margin:0 0 8px}#log{height:220px;overflow:auto;color:#c7d2b9;font-size:10px;line-height:1.8}#log>div{padding:5px 0;border-bottom:1px solid #78905b33}.world-toolbar{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:15px;font-size:8px;color:#c9d6b5;text-shadow:0 1px 3px #000;z-index:3;white-space:nowrap}dialog{max-width:530px;background:#1c3022;color:#eee7cc;border:1px solid #acb27c;border-radius:10px;padding:25px}dialog::backdrop{background:#0009}dialog h2{font-size:18px}dialog p{font-size:12px;line-height:1.9;color:#c5d2b7}dialog button{padding:10px 22px}.shop-open .synergy-rail{opacity:.55}.shop-open .player-rail{opacity:.75}@media(max-width:950px){.player-rail{width:138px;left:10px}.synergy-rail{width:116px;right:10px}.market{height:290px;top:24%}.market-title{padding:6px 28px}.market-title small{display:none}#market-stage{inset:0 88px 63px}#shop{inset:0 88px 0}.market-circle{width:59px;height:59px}#shop-lock{left:14px}#refresh{right:14px}.market-circle>span{font-size:30px}.card strong{font-size:12px}.market-odds{gap:18px;padding:8px 20px}.bench-hud{bottom:94px;width:64vw}.bottom-left{left:12px;gap:10px}#message{max-width:300px;font-size:9px}#level{width:73px;height:70px}#level:before{font-size:14px}.bottom-right{right:12px}#shop-toggle{width:72px;height:72px}#fight{font-size:11px;padding:11px}.gold{margin-right:5px}.round-block{min-width:120px}}@media(max-width:620px){.topbar{padding:8px 10px}.round-block{min-width:86px}.round-block>span{font-size:13px}.round-block small{font-size:8px}.phase{font-size:10px;padding:5px}.population{width:77px;height:80px}.population>span{font-size:24px;height:30px}.population>b{font-size:21px}.population small{font-size:7px}.top-actions{gap:3px}.top-actions>button,.top-actions>a{min-width:28px;height:29px;font-size:17px;padding:2px 5px}.gold{font-size:18px;gap:3px}.player-rail{top:93px;width:112px}.avatar{display:none}.player-name{font-size:9px}.journey{padding:7px;font-size:9px}.synergy-rail{top:93px;width:90px}.synergy{font-size:9px;padding:6px}.synergy-rail h2{font-size:9px}.synergy-rail>small{display:none}.market{height:250px;top:29%}.market-display{inset:15px 0 35px}#market-stage{inset:0 52px 62px}#shop{inset:0 52px 0}.market-circle{width:39px;height:48px;border-radius:25px;bottom:5px}.market-circle>span{font-size:25px}.market-circle>small{font-size:8px}#shop-lock{left:6px}#refresh{right:6px}.card strong{font-size:10px}.card .type{font-size:9px}.card .info{font-size:7px}.card .cost{font-size:13px}.market-odds{gap:12px;padding:7px 15px;font-size:10px}.market-odds small{display:none}.bench-hud{width:92vw;height:63px;bottom:98px}.cell{height:49px}.bottom-left{bottom:14px;left:10px}#level{height:62px;width:64px}#level:before{font-size:12px}#message{max-width:170px;font-size:8px;padding:6px}#shop-toggle{height:63px;width:63px}#shop-toggle span{font-size:25px}#fight{font-size:10px;padding:10px}#battle-log-toggle{display:none}.bottom-right{gap:7px;right:8px}.world-toolbar{font-size:7px;bottom:3px}.world-toolbar span:last-child{display:none}}@media(max-height:630px){.market{height:230px;top:23%}.market-display{top:10px}.player-rail{top:80px}.synergy-rail{top:80px}.journey{display:none}.bench-hud{height:55px;bottom:75px}.cell{height:43px}.bottom-left,.bottom-right{bottom:9px}#shop-toggle{height:58px;width:58px}#level{height:57px;width:63px}.market-title{top:-23px}}

[hidden]{display:none!important}.sell-floating{position:fixed;bottom:105px;right:22px;z-index:4;padding:9px 14px;width:auto!important;font-size:10px!important;background:#26391de8!important}.sell-floating:disabled{display:none}.world-toolbar{bottom:5px}.bottom-left #message{max-width:390px}.dragging-unit{cursor:grabbing!important}

.life i{background:#146333}.synergy-rail{max-height:55vh;overflow-y:auto}.synergy{padding:7px 8px}#pokemon-info{padding:11px;margin-top:9px;background:#102619ed;border:1px solid #7e9b6566;font-size:10px}#pokemon-info>b,#pokemon-info>span,#pokemon-info>strong{display:block;margin-bottom:7px}#pokemon-info>span{font-size:9px;color:#c9d5ab}#pokemon-info>strong{color:#e2d697}#pokemon-info p{font-size:10px;line-height:1.7;color:#c8d7bd;margin:0 0 7px}#pokemon-info small{font-size:8px;color:#8eaa92}.card .type{font-size:10px}.market-title>small{max-width:300px}.synergy-rail>small{font-size:8px}@media(max-width:620px){#pokemon-info{padding:7px}#pokemon-info p{font-size:8px}.card .type{font-size:8px}}

.market-title{z-index:12;padding-right:58px;min-height:48px;max-width:calc(100vw - 24px)}.market-display{z-index:1;top:42px}#shop-close{z-index:20;right:2px;top:0;width:46px;height:46px;display:grid;place-items:center;padding:0;font-size:34px;background:#14221ff5;border:1px solid #e0d29a;border-radius:6px;pointer-events:auto;line-height:1}.market{z-index:12}

.odds-4{color:#dc9af3}.odds-5{color:#f6ce72}.market-odds{gap:18px}.market-odds span{white-space:nowrap}@media(max-width:700px){.market-odds{gap:9px;padding:8px 12px;font-size:10px}.market-odds small{display:none}}

.synergy-rail{overflow-y:auto;max-height:65vh}
.settings-wrap{position:relative;pointer-events:auto}#settings-toggle{width:38px;height:36px;font-size:23px}#settings-menu[hidden]{display:none}#settings-menu{position:absolute;right:0;top:46px;width:195px;padding:12px;display:flex;flex-direction:column;gap:5px;background:#10202df5;border:1px solid #7297a66e;border-radius:9px;box-shadow:0 12px 36px #0008;color:#edf5ec}#settings-menu strong{font-size:13px;padding:4px 7px 8px}#settings-menu small{font-size:10px;color:#8fa8b7;padding:4px 7px}#settings-menu a,#settings-menu button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:35px;padding:8px 10px;font-size:14px;border:0;border-radius:4px;background:transparent;box-shadow:none}#settings-menu a:hover,#settings-menu button:hover{background:#33546888;filter:none}#settings-menu span{font-size:12px}.settings-divider{border-top:1px solid #83a0ad33;margin:5px 0}