/* Level 4 shares the canonical arcade HUD. The construction scene is isolated. */
#buildGame[hidden],#buildDialog[hidden]{display:none!important}
#buildGame{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:minmax(0,1fr) 42px 62px;background:#111d22;color:#fff;font:14px Arial,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}
#buildGame *{box-sizing:border-box}#buildGame button{cursor:pointer;touch-action:none}#buildGame button:focus-visible{outline:3px solid white;outline-offset:2px}
body.build-playing .wrap{visibility:hidden}body.build-playing #mobileExit{display:none!important}body.build-playing #rotateOverlay{z-index:120!important}
.build-scene{position:relative;min-height:0;overflow:hidden}#buildCanvas{display:block;width:100%;height:100%;outline:none;touch-action:none}
.build-champion{display:flex;align-items:center;justify-content:center;gap:.5em;max-width:100%;min-width:0;white-space:nowrap}#buildChampionName{min-width:0;overflow:hidden;text-overflow:ellipsis}#buildBest{flex-shrink:0}
.build-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;background:#101722;border-bottom:1px solid #786749}.build-level{font:11px LastCallArcade,monospace;color:#f3cf84}.build-personal{white-space:nowrap;font:9px LastCallArcade,monospace;color:#c9d4d2}.build-personal b{color:#84e4da;font-size:14px;margin-left:8px}.build-actions{display:flex;gap:8px}.build-actions button{min-height:32px;padding:5px 10px;font:bold 10px Arial;border:1px solid #b99952;border-radius:3px;background:#1e2838;color:#ffe3a5}
.build-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left));background:#101722;border-top:2px solid #ac8e53}.build-keys{font-size:10px;color:#d6d9db;line-height:1.8}.build-keys b{color:#ffe0a2}.build-goal{font-weight:bold;color:#f5d489;text-align:center;font-size:12px}.build-goal small{display:block;font-weight:normal;color:#cbdad6;font-size:10px;margin-top:4px}.build-pad{display:flex;gap:8px}.build-pad button{width:48px;min-height:46px;background:linear-gradient(#3c5262,#25333e);border:1px solid #d9b56e;border-radius:5px;color:#fff2cf;font:bold 22px Arial;box-shadow:0 3px #0008}.build-pad button[data-build="rotate"]{width:78px;font-size:12px}.build-pad button[data-build="drop"]{width:78px;font-size:12px;background:linear-gradient(#bc8744,#84572c)}.build-pad button.held{background:#bd873d}
#buildDialog{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#111c2add;backdrop-filter:blur(3px);padding:18px;overflow:auto;touch-action:pan-y}.build-card{width:min(720px,100%);max-height:100%;overflow:auto;padding:28px;background:radial-gradient(ellipse at top,#3c514b,#182b2d 80%);border:2px solid #d5ae65;box-shadow:0 15px 60px #0008,inset 0 0 0 5px #111e2977;text-align:center;border-radius:5px}.build-eyebrow{font:10px/1.6 LastCallArcade,monospace;color:#e9c88c;letter-spacing:1px;margin-bottom:14px}.build-card h2{font:clamp(22px,3vw,34px)/1.4 LastCallArcade,monospace;color:#ffe2a0;text-shadow:3px 3px #172332;margin:0 0 14px}.build-card p{font-size:15px;line-height:1.55;color:#e0e5e4;margin:12px 0}.build-objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.build-objectives div{padding:13px 8px;border:1px solid #73818a;background:#111e2955;font-size:12px;line-height:1.6}.build-objectives b{display:block;color:#f3cf88;font-size:18px;margin-bottom:6px}.build-card button{min-height:46px;margin:5px;padding:12px 20px;background:linear-gradient(#f3d7a0,#c5a15c);border:2px solid #f8e0aa;color:#172632;font:bold 14px Arial;border-radius:3px}.build-card button.secondary{background:transparent;color:#efcd92;border:1px solid #8a969d}.build-card button:disabled{opacity:.5;cursor:wait}.build-result{font:28px/1.4 LastCallArcade,monospace!important;color:#ffe0a0!important}.build-save.error{color:#ffb6a3}.build-arrival{display:flex;align-items:center;justify-content:center;gap:20px}.build-arrival canvas{height:115px;width:63px}.build-arrival blockquote{max-width:280px;margin:0;font:bold italic 18px/1.5 Georgia;color:#ffe6bb}
@media(pointer:coarse),(max-height:500px){#buildGame{grid-template-rows:minmax(0,1fr) 44px 60px}.build-strip{padding:0 8px;gap:8px}.build-level{font-size:9px}.build-personal{font-size:8px}.build-personal b{font-size:13px;margin-left:5px}.build-actions{gap:5px}.build-actions button{min-height:44px;font-size:9px;padding:4px 8px}.build-keys{display:none}.build-footer{padding:6px 10px}.build-goal{font-size:10px}.build-goal small{font-size:9px}.build-card{padding:15px}.build-card h2{font-size:22px;margin-bottom:8px}.build-card p{font-size:12px;line-height:1.45;margin:8px 0}.build-eyebrow{font-size:8px;margin-bottom:8px}.build-objectives{margin:10px 0}.build-objectives div{padding:7px;font-size:10px}.build-objectives b{font-size:15px;margin-bottom:2px}.build-card button{padding:9px 14px;font-size:12px;min-height:44px}.build-arrival canvas{height:80px;width:44px}.build-arrival blockquote{font-size:14px}}
@media(max-width:650px){.build-level{font-size:8px}.build-personal{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px}.build-personal b{font-size:12px;margin-left:0}.build-actions button{font-size:8px;padding:4px 6px}.build-pad{gap:6px}.build-pad button{width:44px}.build-pad button[data-build="rotate"],.build-pad button[data-build="drop"]{width:58px;font-size:10px}.build-goal{max-width:175px;font-size:9px}.build-goal small{font-size:8px}}

.build-bracket-guide{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:10px;margin:18px 0}.build-bracket-guide>div{min-width:0}.build-bracket-guide svg{display:block;width:min(100%,108px);height:108px;margin:0 auto 10px}.build-bracket-guide b{display:block;color:#ffe0a0;font-size:13px;line-height:1.5}.build-bracket-guide small{display:block;color:#d7e8e3;font-size:11px;line-height:1.5}.build-bracket-guide>span{color:#daba78;font-size:28px}.build-guide-tip{padding:10px;border:1px solid #6dc6ae;background:#102f2f!important}.build-guide-clock{font-size:11px!important;color:#b8d2c6!important}
@media(max-height:500px){.build-bracket-guide{margin:10px 0;gap:7px;grid-template-columns:1fr 18px 1fr 18px 1fr}.build-bracket-guide svg{width:66px;height:66px;margin-bottom:5px}.build-bracket-guide b{font-size:11px}.build-bracket-guide small{font-size:10px}.build-guide-tip{padding:6px}.build-guide-clock{font-size:10px!important}}
@media(max-height:500px){.build-guide-card{padding:10px 16px}.build-guide-card .build-eyebrow,.build-guide-card .build-guide-clock{display:none}.build-guide-card h2{font-size:18px;line-height:1.25;margin-bottom:6px}.build-guide-card p{font-size:11px;line-height:1.35;margin:6px 0}.build-guide-card .build-bracket-guide{margin:6px 0}.build-guide-card .build-bracket-guide svg{width:48px;height:48px;margin-bottom:3px}.build-guide-card .build-bracket-guide b{font-size:10px;line-height:1.4}.build-guide-card .build-bracket-guide small{font-size:9px;line-height:1.3}.build-guide-card .build-guide-tip{padding:6px}.build-guide-card button{min-height:44px;margin:4px;padding:8px 12px}}
@media(max-height:375px){.build-guide-card>p:first-of-type{display:none}}