#game-container{position:relative}
#game-container canvas:focus{outline:none}
#bar .dj-setup-link{background:transparent;border:1px solid #adc7b44a;color:#ffe5b9;border-radius:5px;padding:4px 10px;font:inherit;cursor:pointer;margin-left:auto;margin-right:18px}
.dj-setup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:43% 57%;align-items:center;padding:3.5%;box-sizing:border-box;background:linear-gradient(90deg,rgba(13,34,31,.25),transparent 35%,rgba(13,34,31,.3));font-family:Inter,Arial,sans-serif;color:#fff0d2}
.dj-setup-preview{align-self:stretch;position:relative;padding:4% 7%}
.dj-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:#fff0d2;text-shadow:0 1px 4px #122d29}
.dj-setup h1{font-size:64px;font-size:clamp(32px,5vw,76px);line-height:.92;letter-spacing:-.04em;margin:14px 0;color:#fff4da;text-shadow:0 3px 22px #17342b66}
.dj-preview-label{position:absolute;bottom:6%;font-size:10px;letter-spacing:.13em;background:#15342ede;padding:10px 14px;border-radius:5px}
.dj-setup-card{background:#173531;border:1px solid #f1d5a42b;border-radius:16px;padding:24px;padding:clamp(16px,2.4vw,34px);box-shadow:0 16px 60px #10221e55;max-height:100%;overflow:auto;box-sizing:border-box}
.dj-setup h2{margin:0 0 16px;font-size:28px;font-size:clamp(20px,2.4vw,32px);letter-spacing:-.03em}
.dj-levels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dj-level{padding:0 0 10px;background:#102a27;color:#fff0d2;border:2px solid #ffffff1c;border-radius:8px;text-align:left;overflow:hidden;cursor:pointer;font:inherit;position:relative}
.dj-level[aria-pressed=true]{border-color:#efb76d;background:#29443a}
.dj-level[aria-pressed=true]:after{content:'✓';position:absolute;right:7px;top:7px;width:22px;height:22px;line-height:22px;text-align:center;background:#efb76d;border-radius:50%;color:#16382e;font-weight:800}
.dj-level img{display:block;width:100%;height:95px;height:clamp(55px,8vw,115px);object-fit:cover}
.dj-level strong,.dj-level span{display:block;padding:0 10px}.dj-level strong{margin:9px 0 5px;font-size:15px;font-size:clamp(12px,1.25vw,17px)}.dj-level span{color:#b8cec0;font-size:11px;font-size:clamp(9px,.85vw,12px);line-height:1.4}
.dj-level-description{color:#bcd0c2;line-height:1.5;font-size:12px;min-height:36px;margin:12px 0 16px}
.dj-paint{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dj-setup h3{font-size:12px;margin:0 0 10px;font-weight:600}.dj-setup h3 span{display:block;color:#9dbbad;font-size:11px;margin-top:4px;font-weight:400}
.dj-swatches{display:flex;flex-wrap:wrap}.dj-swatch{margin:0 6px 6px 0;width:27px;height:27px;border-radius:50%;border:2px solid #ffffff25;cursor:pointer;padding:0;position:relative}.dj-swatch[aria-pressed=true]{outline:2px solid #ffe9bf;outline-offset:2px}.dj-swatch[aria-pressed=true]:after{content:'✓';font-size:15px;color:white;text-shadow:0 1px 3px black}
.dj-setup-help{font-size:12px;line-height:1.55;color:#d9dfcd;margin:18px 0 14px;padding-top:14px;border-top:1px solid #ffffff14}
.dj-drop-in{width:100%;padding:15px 16px;background:#eeb26b;border:0;border-radius:7px;font:700 15px Inter,Arial,sans-serif;color:#17372d;text-align:left;cursor:pointer}.dj-drop-in span{float:right;font-size:19px}
.dj-saved{font-size:10px;color:#9fb8a9;text-align:center;margin:10px 0 0}
.dj-setup button:focus,#bar button:focus{outline:3px solid #fff6db;outline-offset:3px}.dj-level:hover{border-color:#e7ba7b}.dj-drop-in:hover{background:#f7c487}
.dj-change-ride{display:block;margin:10px auto;padding:10px 18px;background:#ffffff0a;border:1px solid #bcd0b94d;border-radius:6px;color:#f3dfbc;cursor:pointer;font:inherit}
@media(max-height:600px){.dj-setup{padding:2%;grid-template-columns:38% 62%}.dj-setup-card{padding:14px 18px}.dj-setup h2{font-size:22px;margin-bottom:10px}.dj-level img{height:60px}.dj-level strong{font-size:13px;margin:5px 0 2px}.dj-level span{font-size:10px}.dj-level{padding-bottom:6px}.dj-level-description{margin:7px 0;min-height:0;font-size:10px}.dj-setup h3{margin-bottom:7px}.dj-setup h3 span{display:inline;margin-left:5px}.dj-setup-help{margin:10px 0;padding-top:8px;font-size:10px}.dj-setup-help br{display:none}.dj-drop-in{padding:11px;font-size:13px}.dj-saved{margin-top:6px;font-size:9px}.dj-swatch{width:25px;height:25px}.dj-setup h1{font-size:44px}}
@media(max-width:650px) and (orientation:portrait){.dj-setup{grid-template-columns:1fr}.dj-setup-preview{display:none}.dj-setup-card{width:100%}}

.dj-help-short{display:none}
@media(max-height:450px){.dj-setup-card{padding:10px 14px}.dj-setup h2{font-size:20px;margin-bottom:8px}.dj-level img{height:44px}.dj-level span,.dj-level-description,.dj-saved,.dj-help-full{display:none}.dj-level strong{font-size:12px;margin:6px 0 0}.dj-level{padding-bottom:6px}.dj-paint{margin-top:12px;gap:12px}.dj-swatch{width:22px;height:22px;margin-right:4px;margin-bottom:2px}.dj-setup h3{font-size:11px;margin-bottom:7px}.dj-setup h3 span{font-size:10px}.dj-help-short{display:block}.dj-setup-help{font-size:10px;line-height:1.3;margin:8px 0;padding-top:7px}.dj-drop-in{padding:10px;font-size:12px}.dj-preview-label{font-size:8px;padding:8px;bottom:5%}}