*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#5fb3e8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#2b2118}#c{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}#labels{position:fixed;inset:0;pointer-events:none}.lbl{position:absolute;transform:translate(-50%,-100%);background:#fff8e7;border:2px solid #6b4a2b;border-radius:9px;padding:0 6px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 2px #6b4a2b55}.lbl.up{background:#7ee07e;border-color:#2f7d32}.bub{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#ffd84d;border:2px solid #8a5b00;border-radius:14px;padding:4px 9px;font-size:13px;font-weight:800;animation:bob 1s ease-in-out infinite;cursor:pointer}@keyframes bob{50%{margin-top:-5px}}#hud{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 6px) 8px 0;pointer-events:none}#res{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.chip{background:#fffaf0ee;border:2px solid #6b4a2b;border-radius:12px;padding:2px 7px;font-weight:800;font-size:13px;min-width:54px;text-align:center;box-shadow:0 2px #6b4a2b66}.chip.flash{animation:fl .5s}@keyframes fl{50%{background:#b8f5b0}}#erabar{margin:6px auto 0;display:flex;align-items:center;gap:6px;background:#fffaf0dd;border:2px solid #6b4a2b;border-radius:12px;padding:2px 8px;width:max-content;max-width:100%;font-size:12px;font-weight:800}.pb{width:70px;height:9px;background:#e4d6bf;border-radius:6px;overflow:hidden;border:1px solid #6b4a2b}.pb i{display:block;height:100%;background:linear-gradient(90deg,#f0a830,#e0702a);width:0}#quest{margin:6px 0 0;pointer-events:auto;max-width:230px;background:#fff8e7ee;border:2px solid #6b4a2b;border-radius:12px;padding:5px 8px;font-size:12px;font-weight:700;box-shadow:0 2px #6b4a2b66}#quest .t{font-size:10px;text-transform:uppercase;color:#9a6a2a;letter-spacing:.5px}#quest button{margin-top:4px}#nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:4px;padding:6px 6px calc(env(safe-area-inset-bottom) + 6px);background:linear-gradient(#0000,#0003)}#nav button{flex:1;border:2px solid #6b4a2b;background:#fff3d6;border-radius:14px;padding:5px 0 4px;font-size:11px;font-weight:800;color:#4a3320;box-shadow:0 3px #6b4a2b;display:flex;flex-direction:column;align-items:center}#nav button b{font-size:21px;line-height:1.1}#nav button:active{transform:translateY(2px);box-shadow:0 1px #6b4a2b}#shelterbtn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 80px);border:3px solid #8a5b00;background:#ffd84d;border-radius:20px;padding:9px 16px;font-size:15px;font-weight:900;box-shadow:0 4px #8a5b00;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:translate(-50%) scale(1.06)}}#raidbanner{position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 140px);background:#c0392bee;color:#fff;border:2px solid #6d1a12;border-radius:12px;padding:6px 10px;font-weight:800;font-size:13px;text-align:center;pointer-events:none}.hidden{display:none!important}#sheet{position:fixed;left:0;right:0;bottom:0;max-height:66vh;overflow:auto;background:#fff8e7;border-top:3px solid #6b4a2b;border-radius:20px 20px 0 0;padding:8px 14px calc(env(safe-area-inset-bottom) + 14px);box-shadow:0 -6px 20px #0004;animation:up .18s ease-out}@keyframes up{0%{transform:translateY(40%);opacity:.4}}.grip{width:44px;height:5px;border-radius:3px;background:#c9b48f;margin:0 auto 6px}#sheet .x{position:absolute;right:10px;top:8px;border:none;background:#e9dcc2;border-radius:50%;width:34px;height:34px;font-size:16px;font-weight:900}h2{margin:2px 0 8px;font-size:19px}h3{margin:10px 0 4px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.card{border:2px solid #6b4a2b;border-radius:14px;background:#fff;padding:8px;text-align:left;font:inherit;color:inherit;box-shadow:0 3px #6b4a2b55}.card .ic{font-size:26px}.card .nm{font-weight:900;font-size:14px}.card .ds{font-size:11px;color:#6b5a48;min-height:28px}.card[disabled]{opacity:.5}.cost{display:flex;gap:4px;flex-wrap:wrap;font-size:12px;font-weight:800;margin-top:3px}.cost span{background:#f2e6cf;border-radius:8px;padding:1px 5px}.cost span.no{background:#ffd1c9;color:#a22}.btn{border:2px solid #2f7d32;background:#5cc95c;color:#fff;font-weight:900;border-radius:12px;padding:10px 14px;font-size:15px;box-shadow:0 3px #2f7d32;text-shadow:0 1px 0 #0004}.btn.big{width:100%;font-size:17px;padding:13px}.btn.alt{background:#4aa3df;border-color:#1f5f8b;box-shadow:0 3px #1f5f8b}.btn.red{background:#e05a4a;border-color:#8b2a1f;box-shadow:0 3px #8b2a1f}.btn[disabled]{filter:grayscale(1);opacity:.6}.btn.sm{padding:5px 10px;font-size:13px}.row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed #d8c6a4}.row .g{flex:1;font-size:13px}.row .g b{font-size:15px}.rb{width:42px;height:42px;border-radius:12px;border:2px solid #6b4a2b;background:#fff3d6;font-size:22px;font-weight:900;box-shadow:0 2px #6b4a2b}.rb[disabled]{opacity:.4}.lvl{display:flex;gap:4px;margin:4px 0 8px}.lvl i{flex:1;height:9px;border-radius:4px;background:#e4d6bf}.lvl i.on{background:#f0a830}.req{font-size:13px;padding:3px 0}.small{font-size:12px;color:#6b5a48}#toasts{position:fixed;left:0;right:0;top:40%;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#2b2118e6;color:#fff;padding:8px 14px;border-radius:14px;font-weight:800;font-size:14px;animation:tin 2.6s forwards;max-width:90%;text-align:center}@keyframes tin{0%{opacity:0;transform:translateY(10px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.credits p{font-size:12px;margin:4px 0}a{color:#1f5f8b}#hint{position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 78px);z-index:6;display:flex;gap:8px;align-items:stretch;pointer-events:none}#hinttext{flex:1;background:#fff8e7f2;border:2px solid #6b4a2b;border-radius:12px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25}#selectall{pointer-events:auto;min-height:44px;min-width:44px;max-width:132px;border:2px solid #1f5f8b;background:#4aa3df;color:#fff;border-radius:12px;font-weight:800;font-size:12px;padding:6px 8px}.qbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 4px}.qbtns button{min-height:44px;border:2px solid #6b4a2b;background:#fff3d6;border-radius:12px;font-weight:800;font-size:14px;color:#2b2118}.qbtns button[disabled]{opacity:.45}#recruitstatus{font-size:13px;font-weight:800;margin:4px 0}