.cb{--ink:#f0e3c8;--muted:#b4bfb3;width:min(100%,640px);margin:auto;background:#243f48;color:var(--ink);border:1px solid #8d9279;border-radius:12px;overflow:hidden;position:relative;isolation:isolate;font-family:inherit;font-size:13px;line-height:1.25}.cb *{box-sizing:border-box}.cb button,.cb input{font:inherit;min-height:40px;padding:7px 10px;border:1px solid #869483;border-radius:7px;background:#35525a;color:var(--ink);touch-action:manipulation}.cb button{cursor:pointer}.cb button:hover:not(:disabled){background:#46636a;border-color:#c7b68b}.cb button:disabled{opacity:.4;cursor:default}.cb button:focus-visible,.cb input:focus-visible,.cb canvas:focus-visible{outline:3px solid #e2bf83;outline-offset:-3px}.cb button.cb-primary{background:#b57859;border-color:#deba89;color:#fff0d3;font-weight:700}.cb button.cb-primary:hover:not(:disabled){background:#c88a65}.cb button[aria-pressed=true]{background:#c0ae80;color:#253e45;border-color:#ead6a2}.cb-top{display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid #70877866}.cb-place{flex:1;min-width:0}.cb-place strong{display:block;font-size:17px;line-height:1.15}.cb-place small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.cb-top button{font-size:11px}.cb-top button:last-child{min-width:40px;font-size:17px}.cb-vitals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:7px 10px 5px}.cb-vital{display:grid;grid-template-columns:auto minmax(0,1fr) 22px;gap:4px;align-items:center;font-size:10px;min-width:0}.cb-vital b{font-size:10px;font-variant-numeric:tabular-nums;text-align:end}.cb-track{height:7px;border:1px solid #7d8d7f;background:#1d3843;border-radius:4px;overflow:hidden}.cb-track i{display:block;height:100%;background:#c58e70}.cb-vital.stamina .cb-track i{background:#aebb95}.cb-vital.energy .cb-track i{background:#c9b47c}.cb-objective{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;padding:4px 10px 6px;font-variant-numeric:tabular-nums}.cb-objective strong{font-size:11px}.cb-objective span:nth-child(2){color:#d9b783}.cb-arena{display:block;width:100%;height:auto;aspect-ratio:640/340;background:#354d52;touch-action:none}.cb-forecast{min-height:24px;padding:5px 10px;font-size:10px;color:#c3c7af;border-top:1px solid #84938066;line-height:1.4}.cb-controls{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:7px 10px;direction:ltr}.cb-directions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cb-directions button{font-size:25px;padding:4px;min-width:0}.cb-fights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cb-fights button{font-size:12px;min-width:0;padding:6px 3px;min-height:48px}.cb-status{margin:0;min-height:30px;font-size:11px;line-height:1.4;padding:4px 10px 7px;color:#c0ccb9}.cb-foot{display:flex;gap:8px;justify-content:space-between;padding:6px 10px;border-top:1px solid #83937e44;color:#acbda9}.cb-foot small{font-size:9px;line-height:1.3}.cb-foot small:last-child{text-align:end}.cb-overlay{position:absolute;inset:0;padding:12px;background:#16313eed;z-index:5;display:flex;align-items:center;justify-content:center}.cb-overlay[hidden]{display:none}.cb-panel{width:min(100%,500px);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #aba480;background:#2c4852;border-radius:11px;padding:16px;outline:none;box-shadow:0 8px 30px #12293566}.cb-panel h2{font-size:22px;margin:0 0 10px;line-height:1.2;color:#ecdbb5}.cb-panel p{font-size:12px;color:#bfc9b8;line-height:1.5;margin:0 0 13px}.cb-panel-actions,.cb-mode-options,.cb-shop{display:flex;gap:6px;flex-wrap:wrap}.cb-panel-actions{margin-top:13px}.cb-panel-actions button,.cb-mode-options button,.cb-shop button{font-size:12px;flex:1;min-width:95px;min-height:42px}.cb-panel label{font-size:11px;display:flex;flex-direction:column;gap:5px}.cb-panel input{min-width:0;width:100%}.cb-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px;direction:ltr}.cb-stages button{padding:5px 2px;min-width:0;font-size:12px}.cb-choices{display:grid;gap:6px}.cb-choices button{display:flex;flex-direction:column;gap:5px;text-align:start;padding:8px 10px}.cb-choices small{font-size:10px;line-height:1.4;color:inherit;opacity:.87}.cb-shop{margin-top:9px}@media(max-width:420px){.cb{border-radius:10px}.cb-top{gap:5px;padding:6px 7px}.cb-place strong{font-size:15px}.cb-place small{font-size:9px}.cb-top button{font-size:10px;padding:5px 7px}.cb-vitals{padding:6px 7px 4px;gap:5px}.cb-vital{grid-template-columns:auto minmax(0,1fr) 20px;font-size:8px;gap:3px}.cb-vital b{font-size:9px}.cb-track{height:6px}.cb-objective{font-size:10px;padding:4px 8px 5px}.cb-objective strong{font-size:10px}.cb-forecast{font-size:9px;min-height:26px;padding:5px 8px}.cb-controls{grid-template-columns:86px minmax(0,1fr);gap:9px;padding:6px 7px}.cb-directions{gap:4px}.cb-directions button{font-size:22px}.cb-fights{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.cb-fights button{min-height:42px;font-size:11px}.cb-status{font-size:10px;min-height:35px;padding:4px 8px 6px}.cb-foot{padding:5px 8px}.cb-foot small{font-size:8px}.cb-panel{padding:13px}.cb-panel h2{font-size:20px}.cb-panel-actions button,.cb-mode-options button,.cb-shop button{font-size:11px;min-width:85px}.cb-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.cb-stages button{font-size:11px}}@media(prefers-reduced-motion:reduce){.cb *{animation:none!important;transition:none!important}}