:root{--bg:#fff;--ink:#243c35;--muted:#59776e;--green:#236b5b;--mint:#6dcdb8;--line:#dcece7}
body{background:#fff}
#language{font:inherit;font-size:13px;color:var(--green);background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;max-width:130px}
header{gap:12px;flex-wrap:wrap}
.orbit{background:#eff9f6;border-color:#6dcdb8}
.panel{box-shadow:none}
button:focus-visible,select:focus-visible{outline:3px solid #6dcdb8;outline-offset:3px}
.camp-refined{padding:26px;background:#fff;border-color:#dcece7;border-radius:16px}
.camp-heading{gap:12px}.camp-heading h3{font-size:22px}.camp-heading small{font-size:10px;letter-spacing:2px}
.camp-toggle{font-size:12px;padding:9px 13px;border-radius:8px;white-space:nowrap}
.camp-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
.camp-section h4{margin:0;font-size:16px;letter-spacing:.5px}.camp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.camp-wallet{font-size:12px;font-variant-numeric:tabular-nums;background:#eff9f6;color:#236b5b;padding:5px 10px;border-radius:20px;white-space:nowrap}
.camp-rest{display:flex;align-items:center;justify-content:space-between;gap:12px}.camp-rest p,.camp-caption{font-size:12px;color:var(--muted);margin:4px 0 0}.camp-rest button{min-width:86px;border-radius:9px;padding:11px 15px}
.camp-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.camp-product{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.camp-product strong{font-size:14px;font-weight:600;line-height:1.5;display:block;color:var(--ink)}.camp-product p{font-size:12px;margin:5px 0 0;color:var(--muted)}
.camp-product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.camp-product-footer>span{font-size:17px;font-weight:600;color:#236b5b;white-space:nowrap;font-variant-numeric:tabular-nums}.camp-product-footer small{font-size:10px;letter-spacing:0;font-weight:400}
.camp-product .camp-buy{padding:8px 12px;border-radius:8px;font-size:12px;background:#eff9f6;border-color:#cce9df;color:#236b5b;min-height:38px}
.camp-product-wide{grid-column:1/-1;flex-direction:row;align-items:center;background:#f5fbf8;gap:12px}.camp-product-wide .camp-product-footer{gap:16px;flex-shrink:0}
.camp-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.camp-items button{min-width:0;padding:12px 6px;border-radius:9px;font-size:13px}
.camp-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.camp-jobs button{min-width:0;padding:12px 4px;border-radius:9px;font-size:13px}.camp-jobs button.camp-current:disabled{opacity:1;background:#236b5b;border-color:#236b5b;color:#fff}
@media(max-width:700px){.camp-refined{padding:20px}.camp-section{padding-top:18px;margin-top:18px}.camp-product{padding:13px;gap:14px}.camp-products{gap:10px}.camp-product-wide{align-items:flex-start}.camp-product-wide .camp-product-footer{flex-direction:column;align-items:flex-end;gap:8px}.camp-product-wide strong{font-size:13px}.camp-product-wide p{font-size:11px}}
.pixel-sprite{display:block;line-height:0}.pixel-sprite img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.brand-sprite{width:48px;height:64px;object-fit:contain;image-rendering:pixelated}
.portrait.sprite-portrait{display:grid;height:174px;background:#eff9f6;border-radius:12px;overflow:hidden}.sprite-portrait .pixel-sprite{width:158px;height:158px}
.duel-avatar{width:144px;height:166px;margin:auto;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#6dcdb828,transparent 70%)}.duel-avatar .pixel-sprite{width:156px;height:156px}.enemy-avatar{background:radial-gradient(ellipse at 50% 80%,#cce9df55,transparent 70%)}
#companions{position:fixed;right:18px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:35;pointer-events:none;border:1px solid #cce4dc;background:#ffffffed;border-radius:14px;box-shadow:0 4px 20px #173c2f12;padding:6px 12px 8px;max-width:180px}
#companions:empty{display:none}.companions-label{color:#59776e;font-size:9px;letter-spacing:1px;text-align:center}.companion-members{display:flex;gap:10px;align-items:flex-end;justify-content:center}.companion{display:flex;align-items:center;flex-direction:column;gap:0}.companion .pixel-sprite{width:62px;height:62px}.companion>span{font-size:10px;line-height:1.3;color:#236b5b}
.companions-active main{padding-bottom:110px}.companions-active #toast{bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:70}
@media(max-width:700px){.duel-avatar{width:110px;height:144px}.duel-avatar .pixel-sprite{width:132px;height:144px;max-width:100%}.portrait.sprite-portrait{height:146px}.sprite-portrait .pixel-sprite{width:132px;height:132px}#companions{right:10px;padding:4px 9px 6px}.companion .pixel-sprite{width:52px;height:52px}.companion-members{gap:6px}.companions-active main{padding-bottom:100px}}