:root{--teal:#1f7f75;--orange:#f28c28;--cream:#fff4de;--ink:#3b3a45;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}html,body{height:100%;color:var(--ink);background:#bfe6f5;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}button{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}#topleft{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.counter{box-sizing:border-box;background:url(../ui/counter.png) 0 0/100% 100% no-repeat;align-items:center;gap:10px;width:250px;height:66px;padding:0 22px;font-weight:700;display:flex}.counter.money{color:#c4711a;font-size:26px}.counter .coin{filter:drop-shadow(0 2px #00000026);width:42px;height:42px}.counter.stats{justify-content:space-between;height:52px;padding:0 28px;font-size:15px}.counter.stats b{color:var(--teal)}#mission{box-sizing:border-box;text-align:center;background:url(../ui/mission.png) 0 0/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:400px;height:84px;padding:6px 40px 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#mission .label{color:#8d7c69;letter-spacing:.2em;font-size:12px}#mission b{color:var(--teal);font-size:16px}#topright{gap:6px;display:flex;position:absolute;top:12px;right:12px}button.round{filter:drop-shadow(0 2px #00000026);background:url(../ui/round_cream.png) 0 0/100% 100% no-repeat;place-items:center;width:48px;height:48px;font-size:20px;display:grid}button.round:active{filter:none;transform:translateY(2px)}#build{background:linear-gradient(#0000,#1f7f7547);justify-content:center;gap:4px;padding:6px 10px 4px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}#build::-webkit-scrollbar{display:none}.card{box-sizing:border-box;width:76px;height:96px;color:var(--ink);background:url(../ui/item_normal.png) 0 0/100% 100% no-repeat;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;padding-bottom:8px;font-size:11px;font-weight:700;transition:transform .1s;display:flex;position:relative}.card:hover:not(:disabled){transform:translateY(-3px)}.card.selected{background-image:url(../ui/item_selected.png);transform:translateY(-6px)}.card .ico{object-fit:contain;width:46px;height:46px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.card .ico.emoji{text-align:center;background:url(../ui/round_teal.png) 50%/100% 100% no-repeat;font-size:30px;line-height:46px}.card .cost{color:#8d7c69;font-size:10px;font-weight:600}.card:disabled{opacity:.5;filter:saturate(.3)}.card:disabled .cost{color:#b04a3c}#build .cancel{background:url(../ui/round_cream.png) 0 0/100% 100% no-repeat;flex:none;align-self:center;place-items:center;width:56px;height:56px;margin-left:6px;display:grid}#build .cancel img{width:34px;height:34px}#build .cancel[hidden]{display:none}body.building #game{cursor:copy}#panel{box-sizing:border-box;background:url(../ui/window.png) 0 0/100% 100% no-repeat;width:270px;padding:22px 26px 24px;font-size:13px;transition:left .12s,top .12s;position:absolute;top:70px;right:10px}#panel h3{align-items:center;gap:6px;margin:0 34px 6px 0;font-size:16px;display:flex}#panel h3 img{object-fit:contain;width:26px;height:26px}#panel .row{justify-content:space-between;align-items:center;gap:6px;margin:5px 0;display:flex}#panel .row.buttons{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}#panel .row b{color:var(--teal)}#panel .act{box-sizing:border-box;color:#fff;text-shadow:0 1px #00000059;filter:drop-shadow(0 2px #0000002e);background:url(../ui/action.png) 0 0/100% 100% no-repeat;min-width:96px;height:38px;padding:0 12px;font-size:12px;font-weight:700}#panel .act:active{filter:none;transform:translateY(2px)}#panel .act:disabled{opacity:.45}#panel .act.danger{filter:hue-rotate(160deg)saturate(1.2)drop-shadow(0 2px #0000002e)}#panel .x{color:#b04a3c;filter:drop-shadow(0 2px #00000026);background:url(../ui/round_cream.png) 0 0/100% 100% no-repeat;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid;position:absolute;top:4px;right:6px}#panel .x:active{filter:none;transform:translateY(2px)}#toast{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.toast-msg{box-sizing:border-box;text-align:center;color:#c4711a;white-space:nowrap;background:url(../ui/nameplate.png) 0 0/100% 100% no-repeat;min-width:300px;padding:14px 44px;font-size:14px;font-weight:700;animation:2.6s forwards pop}@keyframes pop{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@media (max-width:700px){.counter{width:190px;height:52px;padding:0 16px}.counter.money{font-size:20px}.counter .coin{width:32px;height:32px}.counter.stats{height:42px;padding:0 20px;font-size:12px}#mission{width:min(360px,100% - 20px);height:60px;padding:4px 30px;top:auto;bottom:108px}#mission b{font-size:13px}#mission .label{display:none}#panel{width:calc(100% - 20px);bottom:110px;right:10px;top:auto!important;left:10px!important}.card{width:64px;height:84px;font-size:10px}.card .ico{width:38px;height:38px}#build{justify-content:flex-start}.toast-msg{min-width:240px;padding:10px 30px;font-size:12px}}.float{pointer-events:none;color:var(--orange);text-shadow:0 2px #fff,0 0 8px #fff;white-space:nowrap;font-size:20px;font-weight:900;animation:1.4s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-100%)}.float.big{color:#e45b4f;font-size:28px}.float.money{color:#2e8a7d;font-size:16px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-80%)scale(.6)}15%{opacity:1;transform:translate(-50%,-110%)scale(1.15)}30%{transform:translate(-50%,-120%)scale(1)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.pulse{animation:.5s ease-out pulse}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}#loading{z-index:10;color:var(--ink);background:#bfe6f5;place-items:center;font-size:22px;font-weight:700;display:grid;position:fixed;inset:0}