@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#060a12;--text:#e7edf7;--muted:#7e8da5;--accent:#72dcff;--line:#273446;font-family:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .2s,color .2s,border-color .2s}button:disabled{cursor:default;opacity:.3}#game{height:100dvh;min-height:420px;position:relative;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}header{position:absolute;left:42px;right:38px;top:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header button{pointer-events:auto}.wordmark{border:0;background:none;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:3px;font-size:26px;padding:5px 0;position:relative}.wordmark span{font-weight:400}.wordmark i{display:inline-block;width:3px;height:20px;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-left:10px;transform:skewY(-25deg)}.top-actions{display:flex;gap:12px}.icon-button{height:42px;width:42px;border:1px solid #253345;background:#0b1320a8;border-radius:7px;color:#a9bed8;font-size:25px;display:grid;place-items:center}.icon-button:hover{background:#1b2d40;color:white;border-color:#6eb1cf}.pause-icon{display:block;width:10px;height:13px;border-left:3px solid;border-right:3px solid}.level-info{position:absolute;top:139px;left:43px;pointer-events:none}.level-info button{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;background:none;border:0;padding:0;color:#aebcd0}.eyebrow .subtle{color:#52627b;letter-spacing:1px;margin-left:4px}.down{margin-left:13px;color:#819bb7}h1{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:28px;letter-spacing:-1px;margin:16px 0 9px}.level-info p{color:#8999af;font-size:14px;margin:0}.stats{display:flex;gap:33px;margin-top:29px;padding-top:23px;border-top:1px solid #243247;width:173px}.stats div{display:flex;flex-direction:column;gap:7px}.stats span{font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:400;color:#c7d5e6}.stats small{font-size:10px;letter-spacing:2px;color:#63758e}.orientation{position:absolute;bottom:109px;right:39px;width:253px;background:linear-gradient(125deg,#121d2bd0,#0b121fd0);border:1px solid #273548;border-radius:10px;padding:17px 18px 13px;backdrop-filter:blur(12px)}.orientation-heading{font-size:10px;letter-spacing:2px;color:#a6b6cc;display:flex;justify-content:space-between}.orientation-heading span+span{color:var(--accent);letter-spacing:1px}.orientation-body{display:flex;align-items:center;gap:17px;margin-top:12px}.orientation-emblem{width:65px;flex-shrink:0}.orientation-emblem svg{width:100%;fill:#111f32;stroke:#527797;stroke-width:1}.orientation-emblem .lit{fill:#26556b;stroke:var(--accent);stroke-width:1.4}#faces{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}#faces button{width:36px;height:34px;border:1px solid #334257;background:#101925;border-radius:4px;font-family:'Space Grotesk',sans-serif;font-size:13px;color:#8a9bb2}#faces button:hover{background:#25384b;color:white}#faces button.active{background:#1d4055;color:#b8f0ff;border-color:#63c3e8;box-shadow:inset 0 0 12px #64d7ff16,0 0 12px #2fbcff10}.orientation p{font-size:11px;color:#7d8fa5;margin:11px 0 0;letter-spacing:.2px}footer{position:absolute;bottom:34px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:15px}.text-button{background:none;border:0;color:#94a4ba;font-size:10px;letter-spacing:1.7px;padding:8px 0;display:flex;align-items:center;gap:11px}.text-button:hover{color:#e4f6ff}.text-button>span:last-child:not(.key){font-size:22px;color:var(--accent)}.key{border:1px solid #354156;border-radius:3px;min-width:23px;height:23px;display:inline-flex;justify-content:center;align-items:center;font-size:11px;color:#b3c3d9;letter-spacing:0}.control-hint{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.4px;color:#62758c}.control-hint i{width:1px;height:14px;background:#263347;margin:0 10px}.chapter-line{position:absolute;bottom:0;height:2px;background:#142131;left:0;right:0}#chapter-progress{height:100%;width:20%;background:var(--accent);box-shadow:0 0 12px var(--accent);transition:width 1s}#message{position:absolute;left:50%;bottom:130px;transform:translateX(-50%);font-size:13px;letter-spacing:.3px;color:#c1d7e6;text-align:center;max-width:380px;line-height:1.7;padding:10px 17px;background:#09111bc9;border:1px solid #26394b;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .35s}#message.visible{opacity:1}#cube-label{color:#c0ddec}dialog{padding:0;border:1px solid #314459;border-radius:13px;width:min(470px,calc(100% - 36px));max-height:calc(100dvh - 48px);background:linear-gradient(145deg,#111e2b,#090f19);color:#e3edf8;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#02050bbd;backdrop-filter:blur(9px)}.modal-inner{padding:38px}.modal-kicker{font-size:10px;letter-spacing:3px;color:var(--accent);margin:0 0 15px}dialog h2{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:34px;letter-spacing:-1px;margin:0 0 12px}dialog p{font-size:14px;line-height:1.8;color:#97abc2}.menu-buttons{display:grid;gap:9px;margin-top:26px}.menu-button{border:1px solid #2b4157;background:#142234;border-radius:5px;padding:14px 18px;text-align:left;font-size:13px;letter-spacing:.8px}.menu-button.primary{background:#b4edff;border-color:#b4edff;color:#0b2231;font-weight:700}.menu-button:hover{border-color:#87d8fa;background:#264159}.menu-button.primary:hover{background:#e0f8ff}.close-modal{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:25px;color:#8294ad}.level-choice{display:flex;align-items:center;gap:16px}.level-choice small{margin-left:auto;color:#80cde8;font-size:10px}.level-choice span:first-child{color:#7ab8d1}.result-stats{display:flex;gap:35px;margin:27px 0}.result-stats strong{font-family:'Space Grotesk';font-weight:400;font-size:32px}.result-stats span{display:block;color:#91a4be;font-size:10px;letter-spacing:2px;margin-top:6px}.setting{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #233348;font-size:14px}.setting input{accent-color:#79d7f6;width:35px;height:20px}.instructions{padding:0;list-style:none}.instructions li{margin:20px 0;color:#a1b3c9;line-height:1.8;font-size:14px}.instructions strong{display:block;color:#e0edf7;font-weight:500}.mobile-hint{display:none}
@media(min-width:1500px){.level-info{top:170px}header{top:38px}.orientation{bottom:125px;right:55px}footer{bottom:40px}}@media(max-width:800px){header{left:24px;right:24px;top:22px}.wordmark{font-size:21px}.level-info{left:25px;top:105px}h1{font-size:23px}.stats{gap:24px;width:150px;margin-top:19px;padding-top:18px}.orientation{right:23px;width:230px;bottom:100px}.control-hint{display:none}footer{left:25px;right:25px;bottom:26px}#message{bottom:290px;max-width:290px;width:max-content}}@media(max-width:540px){#game{min-height:540px}header{top:max(18px,env(safe-area-inset-top));left:20px;right:20px}.wordmark{font-size:20px;letter-spacing:2px}.wordmark i{height:17px;margin-left:7px}.top-actions{gap:7px}.icon-button{width:34px;height:34px;font-size:21px}.level-info{top:91px;left:22px}.eyebrow{font-size:10px}h1{font-size:22px;margin-top:11px}.level-info p{font-size:12px}.stats{position:absolute;left:calc(100vw - 133px);top:6px;width:90px;padding:0;border:0;gap:18px;margin:0}.stats span{font-size:22px}.stats small{font-size:8px;letter-spacing:1px}.orientation{width:calc(100% - 40px);right:20px;bottom:83px;padding:13px 16px 11px}.orientation-body{margin-top:9px;gap:20px}.orientation-emblem{width:39px}#faces{display:flex;justify-content:space-between;gap:5px}#faces button{width:34px;height:34px}.orientation p{display:none}.orientation-heading{font-size:9px}.control-hint{display:none}footer{bottom:max(25px,env(safe-area-inset-bottom));left:23px;right:23px}.text-button{font-size:9px;letter-spacing:1px}#message{bottom:204px;font-size:12px;max-width:290px;padding:8px 12px}.modal-inner{padding:30px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Quiet glass controls and a sharper silver identity against the deeper void. */
.wordmark{font-style:italic;text-shadow:0 1px 0 #ffffff45,0 0 22px #8cd6ff1a}.wordmark span{font-weight:600;color:#cad7e6}.orientation{background:linear-gradient(135deg,#111b2ae8,#080f1bea);border-color:#34475d;box-shadow:0 12px 36px #00000038,inset 0 1px 0 #c9eaff08}#faces button{background:linear-gradient(155deg,#1b2839,#0c1522);border-color:#40516a;color:#acbdd2}#faces button.active{background:linear-gradient(150deg,#25506a,#132c42);border-color:var(--accent);color:#e4f8ff;box-shadow:inset 0 0 14px #77d9ff15,0 0 16px #46bfff14}.icon-button{background:linear-gradient(150deg,#111d2e,#080e18);box-shadow:inset 0 1px 0 #ffffff08}.level-info h1{text-shadow:0 2px 20px #000}.level-info p{color:#95a6bc}
/* Four orthogonal quarter-turn controls; eight topology views, no view locks. */
.orientation{width:194px;padding:15px 16px 12px}.orientation-heading{font-size:10px;letter-spacing:1.4px}#faces.direction-pad{display:grid;grid-template-columns:42px 48px 42px;grid-template-rows:40px 46px 40px;gap:1px;justify-content:center;align-items:center;margin:11px auto 8px}#faces .turn-button{width:42px;height:40px;background:transparent;border:1px solid transparent;border-radius:6px;color:#c0d7e9;display:grid;place-items:center;box-shadow:none}#faces .turn-button:hover{background:#72d9ff0d;border-color:#72d9ff38;color:var(--accent)}#faces .turn-button:active{background:#72d9ff20}#faces .turn-button svg{width:24px;height:24px}.turn-up{grid-column:2;grid-row:1;justify-self:center}.turn-down{grid-column:2;grid-row:3;justify-self:center}.turn-left{grid-column:1;grid-row:2}.turn-right{grid-column:3;grid-row:2}.turn-down svg{transform:rotate(180deg)}.turn-left svg{transform:rotate(-90deg)}.turn-right svg{transform:rotate(90deg)}.controller-cube{grid-column:2;grid-row:2;width:44px;height:48px;color:var(--accent);filter:drop-shadow(0 0 6px #60bdff24)}.controller-cube svg{width:100%;height:100%}#view-name{text-align:center;color:#a7bed4;font-size:11px;letter-spacing:2px;font-family:'Space Grotesk',sans-serif}#view-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}#view-dots span{width:3px;height:3px;border-radius:50%;background:#46556a}#view-dots .active{background:var(--accent);box-shadow:0 0 7px var(--accent)}
@media(max-width:540px){.orientation{width:176px;right:20px;bottom:81px;padding:12px 12px 11px}#faces.direction-pad{margin-top:6px;grid-template-rows:36px 40px 36px;grid-template-columns:40px 42px 40px}#faces .turn-button{height:36px;width:40px}.controller-cube{height:42px;width:40px}#view-name{font-size:10px}#message{bottom:291px}#view-dots{margin-top:8px}.orientation-heading{font-size:9px}}

.teleport-action{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:5;padding:13px 22px;border:1px solid #ffcc78;border-radius:10px;background:#111b2bef;color:#ffdfad;letter-spacing:.12em;font-family:inherit;font-weight:500;font-size:13px;cursor:pointer;box-shadow:0 0 24px #ffcc781a}.teleport-action[hidden]{display:none}.teleport-action:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:600px){.teleport-action{left:24px;transform:none;bottom:102px;padding:12px 14px;max-width:43%;font-size:12px}}

/* Keep the lower right exclusively for the lowered orientation control. */
.orientation{bottom:max(20px,env(safe-area-inset-bottom))}
footer{right:270px;justify-content:flex-start;gap:26px}
.control-hint{margin-left:auto}
@media(max-width:1100px){.control-hint{display:none}}
@media(max-width:600px){
 .orientation{bottom:max(18px,env(safe-area-inset-bottom))}
 footer{left:22px;right:auto;bottom:max(23px,env(safe-area-inset-bottom));width:calc(100% - 230px);flex-direction:column;align-items:flex-start;gap:2px}
 footer .text-button{min-height:36px;text-align:left;line-height:1.5;gap:8px}
 .teleport-action{bottom:128px;max-width:calc(100% - 230px);padding:11px 9px;letter-spacing:.05em}
 #message{bottom:240px}
}
@media(max-width:370px){.orientation{width:156px;right:14px;padding:10px 8px}footer{left:18px;width:calc(100% - 202px)}.teleport-action{left:18px;max-width:calc(100% - 202px)}}

#chapter-name{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;max-width:240px}.chapter-list{margin-top:22px}.chapter-select{border-top:1px solid #2b3b50;padding:14px 0}.chapter-select summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.chapter-select summary::-webkit-details-marker{display:none}.chapter-select summary>span{color:var(--chapter-color);font:20px 'Space Grotesk',sans-serif;min-width:28px}.chapter-select summary strong{font-weight:500;font-size:15px}.chapter-select summary small{margin-left:auto;color:#8195ac;font-size:11px}.chapter-mechanic{font-size:11px!important;color:#8d9bb4!important;margin:12px 0}.level-grid{display:grid;gap:6px}.level-grid .level-choice{padding:11px 12px;font-size:12px;gap:12px}.level-grid .level-choice small{font-size:14px}@media(max-width:540px){#chapter-name{font-size:9px;letter-spacing:.8px;margin-bottom:10px;max-width:215px}.level-info .stats{top:24px}.level-info h1{font-size:21px}}

.creator-link{display:block;margin-top:20px;text-decoration:none}.creator-return{position:absolute;left:40px;bottom:108px;color:var(--accent);font-size:14px;text-decoration:none;z-index:5}.creator-return[hidden]{display:none}a.menu-button{display:block;text-decoration:none;color:inherit}a.menu-button.primary{color:#092332}@media(max-width:600px){.creator-return{left:22px;bottom:205px;font-size:12px}}
dialog.catalog-modal{width:min(780px,calc(100% - 24px))}.catalog-help{font-size:14px}.catalog-group{border-top:1px solid #2d4258;padding:16px 0}.catalog-group summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.catalog-group summary>span{color:var(--accent);font-size:20px}.catalog-group summary strong{font-size:17px;font-weight:500}.catalog-group summary small{margin-left:auto;color:#8ea4be;font-size:12px}.catalog-group-fields{display:grid;grid-template-columns:1fr 100px;gap:12px;margin:16px 0}.catalog-group label{display:grid;gap:7px;color:#9eb3c9;font-size:13px}.catalog-group input{min-width:0;width:100%;border:1px solid #30465e;background:#0b1521;border-radius:5px;color:#dcefff;font-family:inherit;font-size:14px;padding:10px}.catalog-level{display:grid;grid-template-columns:64px minmax(0,1fr) 55px 45px;gap:8px;margin:8px 0}.catalog-level button,.catalog-level a{padding:10px 5px;background:#172b3d;border:1px solid #35516b;border-radius:5px;font-size:14px;text-align:center;color:#beeaff;text-decoration:none}.catalog-add,.catalog-signin{display:block;color:#a8ddf5;font-size:14px;margin:16px 0;text-decoration:none}.catalog-signin[hidden]{display:none}#catalog-status{color:#94d9f4;font-size:14px;line-height:1.6}.catalog-group input:focus{outline:1px solid var(--accent)}@media(max-width:540px){.catalog-modal .modal-inner{padding:28px 16px}.catalog-level{grid-template-columns:52px minmax(0,1fr) 45px 39px;gap:5px}.catalog-group input{padding:9px 6px;font-size:13px}.catalog-group summary strong{font-size:15px}.catalog-group summary small{font-size:11px}.catalog-group-fields{grid-template-columns:1fr 85px}}

.catalog-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-edit-toggle{background:none;border:0;color:#94b4cb;font-size:14px;padding:8px 0}.catalog-edit-toggle:hover{color:var(--accent)}.chapter-select .level-grid{margin-top:14px}.chapter-select summary>span{color:var(--accent)}.chapter-select .level-choice span:nth-child(2){flex:1}.chapter-select .level-choice{text-align:left}

.orientation[hidden]{display:none}