*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}a{color:inherit}
.glassBar{backdrop-filter:blur(18px);background:rgba(17,19,26,.78)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.authBackdrop,.landingHero,.finishBackdrop{min-height:100vh;background:
radial-gradient(circle at 10% 10%,rgba(155,140,255,.23),transparent 32%),
radial-gradient(circle at 90% 90%,rgba(65,210,178,.12),transparent 30%),#11131a;display:flex;align-items:center}
.authCard{width:min(460px,calc(100vw - 32px));margin:auto;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px rgba(0,0,0,.35)}
.huntCard,.emptyCard,.landingCard{border:1px solid rgba(255,255,255,.08)}
.huntCard{min-height:170px}.emptyCard{padding:28px}
.builderLayout{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;height:calc(100vh - 64px);overflow:hidden}
.nodeLibrary,.inspector{padding:18px;background:#151821;overflow:auto}.nodeLibrary{border-right:1px solid rgba(255,255,255,.08)}.inspector{border-left:1px solid rgba(255,255,255,.08)}
.graphViewport{position:relative;overflow:auto;background-color:#101219;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}
.graphCanvas{position:relative;min-width:100%;min-height:100%}.edges{position:absolute;inset:0;pointer-events:none}
.graphAlert{position:sticky!important;top:12px;left:12px;right:12px;z-index:20;margin:12px}.connectBanner{position:sticky;top:12px;margin:12px auto;width:max-content;z-index:19;background:#262a38;padding:8px 12px;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.playerShell{min-height:100vh;background:#11131a}.playerContent{min-height:100vh}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid rgba(255,255,255,.08)}
.puzzleCard{transition:transform .15s,border-color .15s}.puzzleCard:not(.isLocked):hover{transform:translateY(-1px);border-color:#9b8cff}.isLocked{opacity:.58}.statusIcon{width:34px;height:34px;display:grid;place-items:center}
@media(max-width:900px){.builderLayout{grid-template-columns:1fr}.nodeLibrary,.inspector{display:none}.graphViewport:before{content:"Graph editing is optimized for desktop/tablet.";position:fixed;left:12px;right:12px;bottom:12px;background:#242837;padding:10px;border-radius:10px;z-index:50}}
@media(max-width:360px){.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}}
.storefront{min-height:100vh;background:#11131a}.catalogHero{background:radial-gradient(circle at 15% 20%,rgba(155,140,255,.2),transparent 34%),radial-gradient(circle at 85% 20%,rgba(65,210,178,.1),transparent 30%)}
.catalogCard{height:100%;min-height:230px;border:1px solid rgba(255,255,255,.08);transition:transform .18s,border-color .18s}.catalogCard:hover{transform:translateY(-2px);border-color:rgba(155,140,255,.65)}
.publicLanding{display:block;padding-top:64px}