.golem-shell{--g-panel-line:#b4aaff1f;--g-panel-line-strong:#b4aaff47;--g-text:#eae8f7;--g-dim:#9b9ab0;--g-faint:#6b6a80;--g-accent:#a8a2ff;--g-bad:#ff6b6b;height:100%;min-height:0;color:var(--g-text);background:radial-gradient(110% 75% at 12% 0,#9682ff1a,#0000 60%),radial-gradient(100% 70% at 92% 100%,#78c8ff0f,#0000 62%),repeating-linear-gradient(90deg,#0000 0 79px,#a096dc05 80px),#0a0a12;overflow:hidden}.golem-stage{grid-template-columns:minmax(206px,252px) minmax(480px,1fr) minmax(228px,280px);gap:clamp(12px,1.5vw,24px);width:min(1720px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(10px,1.6vh,20px) clamp(12px,2vw,32px);display:grid}.golem-side{align-content:start;gap:10px;min-height:0;display:grid;overflow:hidden}.golem-side-left{padding-top:clamp(64px,8.5vh,88px)}.golem-side-right{padding-top:clamp(64px,8.5vh,88px);overflow-y:auto}.golem-panel{border:1px solid var(--g-panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff09;border-radius:14px;padding:15px 16px}.golem-panel>span,.golem-panel-head span{color:var(--g-faint);font:500 .68rem/1 var(--font-mono);letter-spacing:.13em}.golem-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.golem-panel-head b{font:.8rem var(--font-mono);color:var(--g-accent)}.golem-mission h2{font-family:var(--font-display);letter-spacing:-.03em;margin:12px 0 8px;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1}.golem-mission p{color:var(--g-dim);margin:0;font-size:.78rem;line-height:1.55}.golem-panel-meta{justify-content:space-between;gap:6px;margin-top:9px;display:flex}.golem-panel-meta span{color:var(--g-faint);font:.58rem var(--font-mono);letter-spacing:.06em}.golem-track{background:#ffffff14;border-radius:99px;height:7px;margin-top:13px;overflow:hidden}.golem-track i{background:linear-gradient(90deg, #7169d4, var(--g-accent));border-radius:99px;height:100%;transition:width .35s;display:block}.golem-legend{gap:8px;display:grid}.golem-legend>div{align-items:center;gap:9px;display:flex}.golem-legend small{color:var(--g-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.golem-swatch{border-radius:4px;flex:none;width:13px;height:13px;box-shadow:0 0 8px}.golem-swatch.is-golem{color:#8278ff;background:linear-gradient(#c7c3ff,#7169d4)}.golem-swatch.is-goal{color:#726be0;background:radial-gradient(circle,#d6d1ff 0 40%,#726be0 60%)}.golem-swatch.is-wall{color:#0000;box-shadow:none;background:#454661}.golem-swatch.is-crate{color:#c47d54;background:#c47d54}.golem-swatch.is-switch{color:#0000;background:0 0;box-shadow:inset 0 0 0 2px #e0aa63}.golem-help{gap:8px;display:grid}.golem-help>div{align-items:center;gap:8px;display:flex}.golem-help kbd{border:1px solid var(--g-panel-line-strong);min-width:17px;color:var(--g-dim);font:.62rem/1.2 var(--font-mono);text-align:center;border-radius:5px;padding:2px 7px}.golem-help small{color:var(--g-faint);font-size:.68rem}.golem-center{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.golem-board-frame{border:1px solid var(--g-panel-line);background:radial-gradient(120% 100% at 50% 0,#14162a,#08080f 68%);border-radius:20px;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 0 60px #0006}.golem-board{aspect-ratio:1.25;gap:6px;width:min(92%,82vh);margin:auto;display:grid}.golem-cell{background-color:#1a1b2a;background-image:var(--golem-sprites);background-position:66.667% 100%;background-size:400% 200%;border:1px solid #2b2c40;border-radius:8px;min-width:0;position:relative}.golem-cell.is-wall{background-position:66.667% 0;border-color:#454661}.golem-cell.is-goal:after,.golem-cell.is-switch:after,.golem-cell.is-crate:after{content:"";background-image:var(--golem-sprites);pointer-events:none;background-repeat:no-repeat;background-size:400% 200%;position:absolute;inset:5%}.golem-cell.is-goal:after{background-position:100% 0}.golem-cell.is-switch:after{background-position:0 100%}.golem-cell.is-switch.is-activated:after{filter:drop-shadow(0 0 10px #7effcea6);background-position:33.333% 100%}.golem-cell.is-crate:after{background-position:33.333% 0}.golem-cell.is-active:before{content:"";z-index:2;background-image:var(--golem-directions);filter:drop-shadow(0 5px 3px #00000073);pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;position:absolute;inset:-28% -14% 4%}.golem-cell.is-active.is-facing-right:before{background-position:33.333% 0}.golem-cell.is-active.is-facing-up:before{background-position:66.667% 0}.golem-cell.is-active.is-facing-left:before{background-position:100% 0}.golem-callout{z-index:8;color:#eefaf0;font-family:var(--font-display);letter-spacing:-.01em;pointer-events:none;background:#141e1aeb;border:1px solid #96eba080;border-radius:12px;padding:10px 20px;font-size:clamp(1rem,1.7vw,1.5rem);animation:1.05s both golem-callout;position:absolute;top:8%;left:50%;transform:translate(-50%)}.golem-callout.is-switch{color:#1c1608;background:#e0aa63f2;border-color:#e0aa63e6}.golem-callout.is-blocked{color:#fff3f4;background:#680c18f0;border-color:#ff4f62b8;box-shadow:0 0 40px #ff4f6238}@keyframes golem-callout{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}17%,74%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}.golem-overlay{z-index:7;text-align:center;color:var(--g-text);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0a12db;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,4vh,40px);display:flex;position:absolute;inset:0;overflow-y:auto}.golem-overlay>span{color:var(--g-accent);font:.68rem var(--font-mono);letter-spacing:.18em}.golem-overlay h2{font-family:var(--font-display);letter-spacing:-.06em;margin:14px 0 10px;font-size:clamp(2.1rem,4vw,4rem);line-height:.84}.golem-overlay p{color:#c1bfd4;max-width:460px;margin:0;font-size:.78rem;line-height:1.6}.golem-overlay button{color:#100f1e;background:var(--g-accent);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:min(290px,100%);margin-top:20px;padding:15px 18px;font-size:.72rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.golem-overlay button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #a8a2ff40}.golem-onboarding{grid-template-columns:repeat(3,1fr);gap:8px;width:min(620px,100%);margin-top:18px;display:grid}.golem-onboarding div{text-align:left;border:1px solid #ffffff1f;border-radius:12px;gap:9px;padding:12px;display:flex}.golem-onboarding b{color:var(--g-accent);font:.78rem var(--font-mono)}.golem-onboarding span{color:#c9c6da;font-size:.68rem;line-height:1.45}.golem-notice{color:var(--g-dim);font:.68rem var(--font-mono);letter-spacing:.02em;text-align:center;flex:none;margin-top:10px;padding:9px 4px 0}.golem-score{gap:6px;display:grid}.golem-score strong{font:1.6rem var(--font-mono);letter-spacing:.03em;color:var(--g-accent)}.golem-score small{color:var(--g-faint);font:.66rem var(--font-mono)}.golem-telemetry{grid-template-columns:repeat(2,1fr);gap:0;padding:0;display:grid;overflow:hidden}.golem-telemetry>span{border-bottom:1px solid var(--g-panel-line);grid-column:1/-1;padding:13px 14px 10px}.golem-telemetry>div{text-align:center;border-right:1px solid var(--g-panel-line);gap:5px;min-width:0;padding:9px 7px 10px;display:grid}.golem-telemetry>div:last-child{border-right:0}.golem-telemetry small{color:var(--g-faint);font:.49rem var(--font-mono);letter-spacing:.04em}.golem-telemetry b{color:var(--g-text);font:.85rem var(--font-mono)}.golem-queue{border:1px dashed var(--g-panel-line-strong);border-radius:10px;flex-wrap:wrap;gap:6px;min-height:44px;padding:8px;display:flex}.golem-queue span{color:#d6d1ff;width:26px;height:26px;font:1rem var(--font-mono);background:#2d2d4a;border-radius:6px;place-items:center;display:grid}.golem-queue span.is-current{outline:2px solid #d6d1ff}.golem-queue small{color:var(--g-faint);align-self:center;font-size:.68rem}.golem-dpad{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;display:grid}.golem-dpad button,.golem-actions button,.golem-levels-grid button{border:1px solid var(--g-panel-line);color:var(--g-dim);cursor:pointer;background:#ffffff09;border-radius:8px;padding:9px;transition:border-color .2s,color .2s,background .2s}.golem-dpad button:hover:not(:disabled),.golem-actions button:hover:not(:disabled),.golem-levels-grid button:hover:not(:disabled){color:var(--g-text);border-color:var(--g-panel-line-strong);background:#ffffff12}.golem-dpad button{justify-content:space-between;align-items:center;display:flex}.golem-dpad b{color:var(--g-accent);font-size:1.15rem}.golem-dpad small{font:.56rem var(--font-mono)}.golem-dpad button:disabled,.golem-actions button:disabled,.golem-levels-grid button:disabled{opacity:.35;cursor:not-allowed}.golem-actions{gap:6px;margin-top:4px;display:grid}.golem-actions button{font:.64rem var(--font-mono);min-height:38px}.golem-actions button:first-child{color:#fff;background:#7169d4;border-color:#958fff}.golem-actions button:first-child:hover:not(:disabled){background:#857cee}.golem-levels-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.golem-levels-grid button{text-align:center;font:.62rem var(--font-mono);gap:2px;padding:7px 4px;display:grid}.golem-levels-grid button.is-active{color:#e4e1ff;background:#292747;border-color:#958fff}.golem-levels-grid button em{color:#f0c98a;letter-spacing:-.05em;font-size:.58rem;font-style:normal}.golem-tools{grid-template-columns:1fr}.golem-tools button{min-height:38px;font:.64rem var(--font-mono)}@media (max-width:1180px){.golem-stage{grid-template-columns:minmax(480px,1fr) minmax(210px,254px)}.golem-side-left{display:none}}@media (max-width:820px){.golem-stage{flex-direction:column;height:auto;min-height:100%;padding:8px 10px 16px;display:flex;overflow-y:auto}.golem-center{width:100%}.golem-board-frame{border-radius:16px;flex:none;min-height:62vh}.golem-side-right{padding-top:12px;overflow:visible}.golem-onboarding{grid-template-columns:1fr}.golem-overlay h2{font-size:clamp(1.8rem,8vw,3rem)}.golem-overlay p{font-size:.74rem}}@media (max-height:660px){.golem-side-left,.golem-side-right{padding-top:46px}.golem-panel{padding:12px}.golem-mission p{display:none}}@media (prefers-reduced-motion:reduce){.golem-callout{animation:none}}