:root{color-scheme:dark;--br-accent: #3a8fd4;--br-green: #5cb85c;--br-bg: #0c1420}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--br-bg);color:#f0f0f0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app,.br-wrap{width:100%;height:100%;height:100dvh}.br-wrap{position:relative}.br-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.br-canvas canvas{display:block;width:100%!important;height:100%!important}.br-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;display:flex;flex-direction:column;justify-content:space-between}.br-top{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.br-level-name{font-size:.82rem;font-weight:700;background:#00000073;padding:6px 12px;border-radius:999px}.br-budget{font-size:.82rem;background:#00000073;padding:6px 12px;border-radius:999px}.br-budget strong{color:#7bed9f}.br-hint{position:absolute;top:52px;left:50%;transform:translate(-50%);font-size:.72rem;color:#ffffffbf;background:#00000059;padding:4px 12px;border-radius:8px;max-width:92vw;text-align:center;pointer-events:none}.br-toolbar{pointer-events:auto;padding:8px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(transparent,#000000a6)}.br-materials{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.br-mat-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 16px;background:#ffffff14;color:#fff;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.br-mat-btn--active{border-color:var(--br-accent);background:#3a8fd459}.br-actions{display:flex;gap:8px;justify-content:center}.br-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;min-width:52px}.br-btn--primary{background:var(--br-accent);color:#fff;flex:1;max-width:200px}.br-btn--ghost{background:#ffffff1f;color:#fff}.br-btn:active{transform:scale(.96)}.br-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#060a14e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));pointer-events:auto}.br-overlay[hidden]{display:none!important}.br-card{width:min(420px,94vw);padding:26px 20px;background:#101828f7;border:1px solid rgba(255,255,255,.1);border-radius:18px;text-align:center}.br-badge{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#7eb8e8;font-weight:700;margin-bottom:8px}.br-card h1{font-size:1.55rem;margin-bottom:10px}.br-card h2{font-size:1.35rem;margin-bottom:10px}.br-desc,.br-tip,.br-result-msg{color:#a0aec0;line-height:1.5;font-size:.9rem;margin-bottom:14px}.br-tip{font-size:.78rem;opacity:.75}.br-level-pick{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.br-level-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;background:#ffffff0f;color:#fff;font:inherit;text-align:left;cursor:pointer}.br-level-btn--active{border-color:var(--br-accent);background:#3a8fd433}.br-level-btn--locked{opacity:.45;cursor:not-allowed}.br-stars{font-size:1.8rem;color:#f5c842;margin-bottom:16px;letter-spacing:4px}.br-start-btn{width:100%;max-width:none;margin-bottom:10px}.br-result .br-btn{margin:4px}@media(max-width:480px){.br-hint{top:46px;font-size:.65rem}.br-mat-btn{padding:8px 12px;font-size:.8rem}}