*{box-sizing:border-box}html,body,#root{touch-action:none;background:#f4efe2;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.page{background:radial-gradient(circle at 50% 12%,#ffd66f57,#0000 28%),linear-gradient(#fffdf7,#e9dfc9);width:100vw;height:100vh;position:relative;overflow:hidden}.unsupported-device-screen{color:#70480c;text-align:center;background:radial-gradient(circle at 50% 18%,#ffd66f52,#0000 32%),linear-gradient(#fffdf7,#e9dfc9);place-items:center;width:100vw;min-height:100vh;padding:28px;display:grid}.unsupported-device-screen p{max-width:520px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,7vw,34px);font-weight:700;line-height:1.25}.phone-frame{background:#fff9e8;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@media (width>=600px){.phone-frame{width:100%;height:100%;box-shadow:none;left:0;transform:none}}.menu-screen,.game-screen,.scene-mount{position:absolute;inset:0;overflow:hidden}.game-screen{background:radial-gradient(circle at 30% 20%,#ffd66f26,#0000 35%),radial-gradient(circle at 70% 80%,#8ae0ff1a,#0000 35%),linear-gradient(135deg,#fffbeff2,#fff5ddfa)}.menu-screen{color:#8c6117;background:radial-gradient(circle at 50% 82%,#ffcd4866,#0000 28%),linear-gradient(#fffdf8 0%,#fbf1d6 100%);overflow:hidden}.menu-bg{background:linear-gradient(90deg,#0000 0 8%,#c591252e 8% 10%,#0000 10% 90%,#c591252e 90% 92%,#0000 92%),repeating-radial-gradient(circle at 50% 12%,#bf8a1b3d 0 1px,#0000 2px 38px);position:absolute;inset:0}.title-lockup{text-align:center;z-index:1;position:absolute;top:118px;left:100px;right:100px}.title-lockup svg{color:#d79d25;filter:drop-shadow(0 0 10px #ffd45ce6)}.title-lockup p{letter-spacing:0;color:#a87519;margin:16px 0 0;font-size:28px}.title-lockup h1{color:#c98514;text-shadow:0 4px #fff3bd,0 0 24px #ffbc2c75;margin:0;font-family:Georgia,Times New Roman,serif;font-size:78px;line-height:1}.level-path{-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;flex-direction:column;align-content:start;gap:20px;padding-bottom:40px;display:flex;position:absolute;inset:420px 96px 250px;overflow:hidden auto;flex-direction:column!important;display:flex!important}.level-path::-webkit-scrollbar{display:none}.path-node{color:#80530e;cursor:pointer;background:radial-gradient(circle at 16% 12%,#fffffff2,#0000 24%),linear-gradient(135deg,#ffffffdb,#ffefb2cc);border:1px solid #bc821842;border-radius:30px;grid-template-columns:100px 1fr 48px;align-items:center;gap:20px;width:100%;min-height:180px;padding:20px 26px;transition:all .3s;display:grid;position:relative;transform:none;box-shadow:0 18px 38px #7d520f24,inset 0 1px #ffffffb8}.path-node:hover{border-color:#bc821866;transform:translateY(-4px);box-shadow:0 24px 48px #7d520f38,inset 0 1px #fffc}.path-node.current{border-color:#d99e23a3;animation:2s ease-in-out infinite alternate currentGlow;box-shadow:0 22px 44px #9a631038,0 0 44px #ffc63a57}@keyframes currentGlow{0%{box-shadow:0 22px 44px #9a631038,0 0 44px #ffc63a57}to{box-shadow:0 26px 52px #9a631047,0 0 60px #ffc63a80}}.node-index{color:#a96d0f;background:radial-gradient(circle at 35% 25%,#fff8d7,#f2bd38 58%,#a76a0d);border-radius:50%;place-items:center;width:80px;height:80px;font-size:32px;font-weight:800;transition:all .3s;display:grid;box-shadow:inset 0 0 0 5px #ffffff8c,0 12px 22px #794d0a33,0 0 28px #ffd4526b}.path-node:hover .node-index{transform:scale(1.1);box-shadow:inset 0 0 0 5px #ffffffa6,0 16px 32px #794d0a4d,0 0 40px #ffd45299}.node-copy{text-align:left;gap:4px;min-width:0;display:grid}.node-copy small{color:#c18418;font-size:18px;font-weight:800}.node-copy strong{color:#9a6818;white-space:nowrap;text-overflow:ellipsis;font-size:28px;line-height:1.1;overflow:hidden}.node-arrow{color:#b77913;width:48px;height:48px}.path-node.current{border-color:#d99e23a3;box-shadow:0 22px 44px #9a631038,0 0 44px #ffc63a57}.path-node.current .node-index{animation:1.5s ease-in-out infinite nodePulse;transform:scale(1.06);box-shadow:inset 0 0 0 5px #fff8ca,0 0 0 8px #f5b72a2e,0 0 42px #ffbf23a8}@keyframes nodePulse{0%,to{transform:scale(1.06)}50%{transform:scale(1.12)}}.path-node:disabled{opacity:.38}.primary-cta,.icon-btn{color:#87560e;background:radial-gradient(circle at 35% 18%,#fffffff2,#0000 28%),linear-gradient(135deg,#fff7cf,#e7a926 52%,#fff2aa);border:1px solid #9f69103d;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 14px 28px #7c500c38,inset 0 1px #ffffffa6}.primary-cta:hover,.icon-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #7c500c52,inset 0 1px #ffffffbf}.primary-cta:active,.icon-btn:active{transform:translateY(0);box-shadow:0 8px 16px #7c500c38,inset 0 1px #ffffffa6}.primary-cta:before,.icon-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.primary-cta:hover:before,.icon-btn:hover:before{left:100%}.primary-cta{border-radius:999px;height:86px;font-size:31px;font-weight:800;position:absolute;bottom:84px;left:286px;right:286px}.scene-mount canvas{display:block;width:100%!important;height:100%!important}.game-ui{pointer-events:none;position:absolute;inset:0}.game-ui button{pointer-events:auto}.game-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff38;border:2px solid #bc821840;border-radius:40px;justify-content:space-between;align-items:center;padding:32px;display:flex;position:absolute;top:48px;left:48px;right:48px;box-shadow:0 16px 48px #00000014}.header-status{text-align:center}.header-status h2{color:#8c6117;letter-spacing:-1px;margin:0;font-family:Georgia,serif;font-size:56px}.header-status p{color:#a87519;text-transform:uppercase;letter-spacing:3px;margin:6px 0 0;font-size:26px;font-weight:800}.header-actions{gap:20px;display:flex}.ui-icon-btn{color:#8c6117;cursor:pointer;background:#fff;border:2px solid #e0d5c0;border-radius:32px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #8c611726}.ui-icon-btn.large{border-radius:36px;width:110px;height:110px}.ui-icon-btn:hover{background:#fdfaf2;transform:translateY(-4px);box-shadow:0 12px 32px #8c611738}.ui-icon-btn:active{transform:translateY(0)scale(.95)}.ui-icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.game-footer{z-index:10;position:absolute;bottom:0;left:0;right:0}.console-overlay{background:#000;flex-direction:column;gap:10px;padding:28px 60px;font-family:Courier New,Courier,monospace;display:flex;position:relative;overflow:hidden}.console-overlay:after{content:"";pointer-events:none;background:linear-gradient(#12101000 50%,#0000000f 50%) 0 0/100% 4px;position:absolute;inset:0}.console-line{align-items:flex-start;gap:12px;font-size:22px;font-weight:700;line-height:1.4;display:flex}.console-line.system .text{color:#7a7a7a}.console-line.activity .text{color:#f4b12c}.console-line .prompt{color:#c98514;flex-shrink:0}.console-line .text{white-space:pre-wrap;word-break:break-word;flex:1}.win-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;opacity:0;pointer-events:none;background:#fffcf2e0;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.win-overlay.active{opacity:1;pointer-events:auto}.win-card{text-align:center;background:#fff;border:3px solid #f4b12c;border-radius:64px;max-width:800px;padding:80px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transform:translateY(40px);box-shadow:0 40px 100px #7d520f40}.win-overlay.active .win-card{transform:translateY(0)}.win-card h3{color:#8c6117;margin:32px 0 16px;font-family:Georgia,serif;font-size:64px}.win-card p{color:#a87519;margin-bottom:32px;font-size:32px}.win-timer-bar{background:#c9851433;border-radius:999px;width:100%;height:10px;margin-bottom:16px;overflow:hidden}.win-timer-fill{background:linear-gradient(90deg,#f4b12c,#e07000);border-radius:999px;height:100%;transition:width 30ms linear}.win-timer-label{color:#a87519!important;margin-bottom:28px!important;font-size:28px!important}.win-card .primary-cta{width:100%;max-width:280px;margin-top:32px;position:relative;bottom:auto;left:auto;right:auto}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.webgl-error-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:999;background:#fffcf2f2;place-items:center;padding:40px;display:grid;position:absolute;inset:0}.webgl-error-card{text-align:center;background:#fff;border:3px dashed #d79d25;border-radius:48px;width:100%;max-width:700px;padding:60px;box-shadow:0 30px 80px #7d520f33}.webgl-error-card h3{color:#8c6117;letter-spacing:-.5px;margin:0 0 16px;font-family:Georgia,serif;font-size:42px}.webgl-error-card p{color:#a87519;margin:0 0 24px;font-size:24px;line-height:1.4}.webgl-error-details{color:#f7a034;text-align:left;word-break:break-all;background:#231f18;border:1px solid #4a3820;border-radius:20px;max-height:180px;margin-bottom:24px;padding:24px;font-family:monospace;font-size:16px;overflow-y:auto}.webgl-troubleshoot{text-align:left;background:#fdfbf7;border:1px solid #e2d5bd;border-radius:24px;margin-bottom:32px;padding:30px}.webgl-troubleshoot h4{color:#8c6117;margin:0 0 16px;font-family:Georgia,serif;font-size:24px}.webgl-troubleshoot ol{color:#80530e;margin:0;padding-left:24px}.webgl-troubleshoot li{margin-bottom:16px;font-size:19px;line-height:1.5}.webgl-troubleshoot li:last-child{margin-bottom:0}.webgl-troubleshoot strong{color:#8c6117}.webgl-troubleshoot p{margin:6px 0 0;color:#a87519!important;font-size:17px!important;line-height:1.4!important}.webgl-troubleshoot code{color:#8c6117;background:#f1ebd8;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:16px}.webgl-error-card .primary-cta{width:auto;margin:0 auto;padding:0 60px;position:relative;bottom:auto;left:auto;right:auto}.tutorial-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:200;opacity:0;pointer-events:none;background:#2b2215d1;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.tutorial-overlay.active{opacity:1;pointer-events:auto}.tutorial-card{text-align:center;pointer-events:auto;background:linear-gradient(135deg,#fffdfa 0%,#fbf5e6 100%);border:3px solid #d79d25;border-radius:48px;flex-direction:column;align-items:center;width:90%;max-width:820px;padding:60px 80px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(30px);box-shadow:0 40px 100px #0006}.tutorial-overlay.active .tutorial-card{transform:translateY(0)}.tutorial-icon-holder{color:#fff;background:radial-gradient(circle at 35% 25%,#fff6ca,#f6c03d 58%,#a76d0d);border-radius:40px;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:30px;display:flex;box-shadow:0 16px 36px #a76d0d4d}.tutorial-card h3{color:#8c6117;margin:0 0 20px;font-family:Georgia,serif;font-size:52px}.tutorial-card p{color:#80530e;margin:0 0 35px;font-size:26px;line-height:1.5}.tutorial-card .primary-cta{cursor:pointer;border-radius:999px;width:auto;height:80px;padding:0 80px;font-size:28px;font-weight:800;position:relative;bottom:auto;left:auto;right:auto}.tutorial-skip-hint{color:#a87519;margin-top:15px;font-size:18px;font-style:italic}.editor-screen{color:#5d4217;background:radial-gradient(circle at 50% 12%,#ffd66f33,#0000 40%),linear-gradient(#fdfaf2,#e5dcc7);flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.editor-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffb3;border-bottom:2px solid #bc821833;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 20px #0000000d}.editor-back-btn{color:#8c6117;cursor:pointer;background:0 0;border:1px solid #8c61174d;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;transition:all .2s;display:flex}.editor-back-btn:hover{background:#8c611714;transform:translate(-2px)}.editor-title-container{align-items:center;gap:20px;display:flex}.editor-title-container h2{color:#8c6117;margin:0;font-family:Georgia,serif;font-size:28px}.level-select-row{align-items:center;gap:8px;display:flex}.level-select-row label{color:#a87519;font-size:14px;font-weight:600}.level-select-row select{color:#5d4217;background:#fff;border:1.5px solid #dcb970;border-radius:8px;outline:none;padding:6px 12px;font-weight:600}.editor-actions{gap:10px;display:flex}.editor-cta-btn{color:#87560e;cursor:pointer;background:radial-gradient(circle at 35% 18%,#fffffff2,#0000 28%),linear-gradient(135deg,#fff7cf,#e7a926 52%,#fff2aa);border:1px solid #9f69104d;border-radius:12px;align-items:center;gap:6px;padding:8px 18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 10px #7c500c26}.editor-cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #7c500c38}.editor-cta-btn.secondary{color:#8c6117;box-shadow:none;background:#fff;border:1.5px solid #dcb970}.editor-cta-btn.secondary:hover{background:#fdfaf2;box-shadow:0 4px 8px #0000000a}.editor-cta-btn.test-btn{color:#fff;background:linear-gradient(135deg,#76e08a,#3ca855);border-color:#2b7d3f;box-shadow:0 4px 10px #3ca85533}.editor-cta-btn.test-btn:hover:not(:disabled){box-shadow:0 6px 14px #3ca85559}.editor-cta-btn.delete-btn{color:#fff;background:linear-gradient(135deg,#ff8fa3,#ff4d6d);border-color:#c92c4b;box-shadow:0 4px 10px #ff4d6d33}.editor-cta-btn.delete-btn:hover:not(:disabled){box-shadow:0 6px 14px #ff4d6d59}.editor-cta-btn:disabled{opacity:.5;cursor:not-allowed}.save-status-bar{text-align:center;border-bottom:1px solid #0000001a;padding:8px 24px;font-size:14px;font-weight:700}.save-status-bar.success{color:#155724;background:#d4edda}.save-status-bar.info{color:#856404;background:#fff3cd}.editor-body{flex:1;display:flex;overflow:hidden}.editor-workspace{flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px;display:flex;overflow-y:auto}.workspace-settings{background:#ffffff80;border:1px solid #bc821826;border-radius:16px;justify-content:space-between;gap:16px;width:100%;max-width:800px;padding:12px 20px;display:flex}.settings-field{align-items:center;gap:8px;display:flex}.settings-field.numeric input{width:60px}.settings-field label{color:#8c6117;font-size:14px;font-weight:700}.settings-field input{border:1.5px solid #e0d5c0;border-radius:8px;outline:none;padding:6px 10px}.settings-field input:focus{border-color:#dcb970}.editor-grid-container{background:#f4efe2;border:4px solid #e0d5c0;border-radius:24px;max-height:none;padding:20px;overflow:visible;box-shadow:inset 0 4px 10px #0000000f,0 10px 30px #0000000a}.editor-grid{background:#e9dfc9;border-radius:12px;gap:4px;padding:4px;display:grid}.grid-cell{cursor:pointer;background:#fffdf9;border-radius:8px;justify-content:center;align-items:center;font-size:32px;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.grid-cell:hover{z-index:2;background:#fff;transform:scale(1.02);box-shadow:0 4px 8px #8c611726}.grid-cell.cell-wall{background:#8b7355;box-shadow:inset 0 2px 5px #0003}.grid-cell.cell-missing{box-shadow:none;pointer-events:auto;background:0 0;border:1px dashed #0000001a}.grid-cell.cell-missing:hover{background:#00000008}.grid-cell.cell-xTile{background:#ffe3e3;border:2px dashed #ff4d6d}.grid-cell.cell-keyTile{border:2px solid #a87519}.grid-cell.cell-portal{background:#e1f5fe;border:2px dashed #00838f}.grid-cell.cell-spike{background:#eceff1;border:2px dotted #37474f}.grid-cell.has-start{box-shadow:0 0 12px #ffd66a}.grid-cell.selected-block{outline-offset:-3px;z-index:3;outline:3px solid #fa0}.grid-cell.selected-spike{outline-offset:-3px;z-index:3;outline:3px solid #fa0;box-shadow:0 0 16px #fa06}.grid-cell.picking-trigger-mode{cursor:crosshair!important}.grid-cell.picking-trigger-mode:hover{background:#ffaa0040!important;border:2px solid #fa0!important}.grid-cell-trigger-overlay{color:#fff;pointer-events:none;z-index:5;background:#f90;border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000004d}.cell-coordinates{color:#a87519;opacity:.5;pointer-events:none;font-family:monospace;font-size:10px;position:absolute;bottom:2px;right:4px}.start-icon{font-size:14px;position:absolute;top:4px;left:4px}.cell-block-overlay{color:#fff;border:2px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;inset:6px;box-shadow:0 4px 8px #00000038}.block-symbol-name{letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.block-lift-indicator{color:#ffd66a;background:#0006;border-radius:4px;margin-top:2px;padding:1px 4px;font-size:10px;font-weight:800}.block-mini-dirs{gap:2px;margin-top:2px;display:flex}.block-mini-dirs .arrow{font-size:9px}.editor-palette{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffffb3;border-right:2px solid #bc821833;flex-direction:column;flex-shrink:0;gap:16px;width:180px;height:100%;padding:20px 16px;display:flex;overflow-y:auto;box-shadow:4px 0 20px #00000008}.editor-palette h3{color:#8c6117;margin:0;font-family:Georgia,serif;font-size:18px}.palette-grid{flex-direction:column;gap:8px;display:flex}.palette-tool-btn{cursor:pointer;color:#5d4217;text-align:left;box-sizing:border-box;background:#fff;border:1.5px solid #e0d5c0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.palette-tool-btn:hover{background:#fdfaf2;border-color:#dcb970}.palette-tool-btn.active{color:#87560e;background:#fff9e8;border-color:#e7a926;box-shadow:inset 0 1px 3px #c785141a}.tool-icon{flex-shrink:0;font-size:18px}.tool-parameters{box-sizing:border-box;background:#fff9e8;border:1px solid #f6c03d;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-top:8px;padding:10px 12px;display:flex}.tool-parameters label{color:#87560e;font-size:13px;font-weight:700}.tool-parameters select,.tool-parameters input{box-sizing:border-box;background:#fff;border:1.5px solid #dcb970;border-radius:6px;outline:none;width:100%;padding:6px 8px}.editor-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-left:2px solid #bc821833;flex-direction:column;gap:20px;width:380px;padding:20px;display:flex;overflow-y:auto}.editor-sidebar h3{color:#8c6117;border-bottom:2px solid #8c61171a;margin:0;padding-bottom:8px;font-family:Georgia,serif;font-size:22px}.inspector-empty{text-align:center;color:#a87519;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.inspector-empty p{opacity:.85;margin:0;font-size:14px;line-height:1.5}.inspector-panel{flex-direction:column;gap:16px;display:flex}.inspector-header{justify-content:space-between;align-items:center;display:flex}.inspector-header h4{color:#8c6117;margin:0;font-family:Georgia,serif;font-size:18px}.delete-block-btn{color:#ff4d6d;cursor:pointer;background:0 0;border:1px solid #ff8fa3;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.delete-block-btn:hover{background:#ffeef0}.inspector-section{background:#fff;border:1.5px solid #e0d5c0;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 2px 6px #00000005}.inspector-section h5{color:#8c6117;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:13px;font-weight:800}.inspector-field{flex-direction:column;gap:4px;display:flex}.inspector-field.indent{border-left:2px solid #e0d5c0;padding-left:20px}.inspector-field label{color:#a87519;font-size:12px;font-weight:700}.inspector-field select,.inspector-field input{color:#5d4217;border:1.5px solid #e0d5c0;border-radius:6px;outline:none;padding:6px;font-size:13px;font-weight:600}.inspector-field select:focus,.inspector-field input:focus{border-color:#dcb970}.inspector-row{align-items:center;display:flex}.inspector-row label{cursor:pointer;color:#5d4217;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.inspector-row input[type=checkbox]{accent-color:#e7a926;width:16px;height:16px}.editor-instructions{background:#fdfaf2;border:1.5px solid #e0d5c0;border-radius:12px;padding:12px}.editor-instructions h5{color:#8c6117;margin:0 0 6px;font-size:13px}.editor-instructions ul{color:#5d4217;margin:0;padding-left:16px;font-size:12px;line-height:1.5}.editor-instructions li{margin-bottom:4px}.test-screen-wrapper{z-index:1000;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.test-header{color:#ffd66a;background:#19140ff2;border-bottom:2px solid #8c6117;justify-content:space-between;align-items:center;padding:16px 30px;font-family:Georgia,serif;font-size:20px;font-weight:800;display:flex}.game-screen-embed{flex:1;position:relative;overflow:hidden}.home-screen{pointer-events:auto;background:linear-gradient(90deg,#d8a73e33 1px,#0000 1px) 0 0/96px 96px,linear-gradient(#d8a73e2e 1px,#0000 1px) 0 0/96px 96px,radial-gradient(circle at top,#8d622238,#0000 35%),#f7f0dfe0;border:5px double #8d6222bf;padding:12px 24px 98px;position:absolute;inset:0}.home-screen:before,.home-screen:after{content:"";pointer-events:none;border:2px solid #d8a73e8c;width:120px;height:120px;position:absolute}.home-screen:before{border-bottom:0;border-right:0;top:14px;left:14px}.home-screen:after{border-top:0;border-left:0;bottom:92px;right:14px}.back-button,.hud-button,.control-strip button,.modal-close{color:#5a3515;cursor:pointer;background:linear-gradient(#fffdf8,#e8dfcf);border:2px solid #8d6222;border-radius:5px;min-height:38px;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffffffb8,0 3px 6px #442b1424}.back-button{z-index:2;min-width:120px;font-size:20px;position:absolute;top:24px;left:32px}.brand-crest{text-align:center;justify-content:center;align-items:center;max-width:760px;min-height:90px;margin:0 auto;display:flex;position:relative}.brand-crest h1{color:#ffcf55;text-transform:uppercase;text-shadow:0 2px #6c4112,0 0 14px #ffc94580;background:radial-gradient(circle at top,#8d6222,#5c3a18);border-radius:0 0 32px 32px;margin:0;padding:8px 36px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.2vw,48px);line-height:.88}.flourish{background:linear-gradient(90deg,#0000,#8d6222);flex:1;max-width:220px;height:2px}.flourish.mirror{transform:scaleX(-1)}.home-panel{height:calc(100% - 90px);padding:8px 32px 16px;position:relative;overflow:auto}.home-panel h2{text-align:center;letter-spacing:0;text-transform:uppercase;color:#4a2c12;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.5vw,34px)}.level-map{grid-template-columns:repeat(auto-fill,minmax(130px,160px));justify-content:center;gap:16px 20px;display:grid}.level-card,.pack-card,.scroll-card{color:#4a2c12;cursor:pointer;background:linear-gradient(#fffef8,#eadfc9);border:2px solid #b8852f;border-radius:6px;min-height:120px;padding:8px;position:relative;box-shadow:0 5px 12px #442b141f}.level-preview{aspect-ratio:1.45;background-color:#0000;background-image:linear-gradient(90deg,#ffffff47 1px,#0000 1px),linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(145deg,#b8c8d6,#f0e7d6);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:4px;place-items:center;margin-bottom:6px;display:grid;position:relative;overflow:hidden}.gate-mini{border:4px solid #d8a73e;border-bottom:0;border-radius:16px 16px 0 0;width:32px;height:24px}.grid-mini{color:#fff;text-shadow:0 1px 2px #000;font-size:9px;position:absolute;bottom:4px;left:4px;right:4px}.chain{color:#ffe4a0;background:#39271194;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.complete:after{display:none}.pack-grid,.scroll-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:980px;margin:0 auto;display:grid}.pack-card,.scroll-card{text-align:center;place-content:center;gap:6px;min-height:140px;font-family:Georgia,Times New Roman,serif;font-size:18px;display:grid}.pack-card span,.scroll-card small{font-family:Arial,sans-serif;font-size:12px}.locked{filter:saturate(.3)brightness(.72)}.toggle-row{color:#4a2c12;cursor:pointer;background:#ffffffbd;border:2px solid #b8852f;border-radius:8px;justify-content:space-between;align-items:center;min-height:54px;padding:10px 16px;font-size:18px;display:flex}.bottom-tabs{pointer-events:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:70px;display:grid;position:absolute;bottom:12px;left:24px;right:24px}.tab{color:#5a3515;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fffdf8,#f0e2c4);border:2px solid #b8852f;border-radius:4px;grid-template-rows:20px 1fr;place-items:center;gap:4px;font-size:clamp(12px,1.5vw,22px);display:grid;position:relative}.tab.active{background:linear-gradient(#f9df8b,#d9a33b)}.tab-svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.hud{pointer-events:none;z-index:10;padding:16px;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-card,.goal-strip,.control-strip{background:#fffaebe0;border:2px solid #8d6222b8;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #442b141f}.hud-card{flex-direction:column;min-width:min(420px,75vw);top:12px}.hud-card strong{color:#4a2c12;font-family:Georgia,Times New Roman,serif;font-size:18px}.hud-card span{color:#6b4c35;font-family:Arial,sans-serif;font-size:11px}.goal-strip{top:82px}.goal-strip span{color:#27170a;background:color-mix(in srgb, var(--goal), white 60%);opacity:.55;border-radius:3px;padding:3px 6px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.goal-strip .done{opacity:1;box-shadow:0 0 10px var(--goal);background:var(--goal);color:#fff}.control-strip{bottom:12px}.win-overlay-proper,.modal-backdrop,.toast{pointer-events:auto}.win-overlay-proper{color:#442b14;background:#fff6daeb;border:3px double #d8a73e;border-radius:6px;place-items:center;gap:6px;min-width:250px;padding:20px;font-size:20px;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.win-overlay-proper em{font-size:32px;font-style:normal}.modal-backdrop{z-index:1000;background:#301f0e6b;place-items:center;display:grid;position:absolute;inset:0}.scroll-modal{z-index:1001;color:#4a2c12;background:linear-gradient(#fff9e8,#e8d7ae);border:4px double #b8852f;border-radius:6px;width:min(520px,100vw - 30px);padding:24px;position:relative;box-shadow:0 16px 40px #00000038}.scroll-modal h2{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:26px}.scroll-modal h3{color:#8d6222;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:16px}.scroll-modal p,.scroll-modal small{font-family:Arial,sans-serif;line-height:1.5}.scroll-modal p{font-size:16px}.modal-close{float:right;margin-top:-6px}.toast{z-index:2000;color:#5a3515;background:#fff8e2f0;border:2px solid #8d6222;border-radius:6px;padding:8px 14px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@media (width<=760px){.home-screen{padding:12px 14px 96px}.back-button{min-width:88px;font-size:18px;top:20px;left:18px}.brand-crest{min-height:92px}.home-panel{padding:6px 6px 20px}.level-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.level-card{min-height:132px}.bottom-tabs{gap:4px;min-height:74px;bottom:10px;left:10px;right:10px}.tab span:last-child{font-size:11px}.control-strip{flex-wrap:wrap;justify-content:center;width:calc(100vw - 22px)}}.tutorial-hud{pointer-events:none;z-index:500;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}@keyframes tutorialPop{0%{opacity:0;filter:blur(4px);transform:scale(.9)translateY(15px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.tutorial-textbox{pointer-events:auto;-webkit-backdrop-filter:blur(12px);color:#4a2c12;background:linear-gradient(135deg,#fffcf5e6 0%,#f7efdaf0 100%);border:2px solid #b8852fd9;border-radius:14px;align-self:center;max-width:min(480px,90vw);min-height:130px;margin-top:80px;padding:20px 24px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards tutorialPop;position:relative;box-shadow:0 12px 32px #301f0e38,inset 0 0 0 1px #fff9,0 0 0 4px #b8852f26}.tutorial-textbox h3:after{content:"";background:linear-gradient(90deg,#0000,#8d622259 50%,#0000);width:100%;height:1px;margin-top:6px;margin-bottom:10px;display:block}.tutorial-textbox.center,.tutorial-textbox.near{margin-top:80px;margin-bottom:unset}.tutorial-textbox h3{letter-spacing:1.5px;color:#8d6222;text-transform:uppercase;text-align:center;text-shadow:0 1px #fffc;margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:800}.tutorial-textbox p{color:#52341b;text-align:center;margin:0;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.55}.skip-bar-container{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#301f0e8c;border:1.5px solid #d8a73e73;border-radius:12px;justify-content:center;align-items:center;width:290px;height:24px;display:flex;position:absolute;top:18px;right:74px;overflow:hidden;box-shadow:0 4px 12px #0003,0 0 0 1px #ffffff0d}.skip-bar-fill{background:linear-gradient(90deg,#ffd366,#ff7b00);transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #ffb10099}.skip-bar-container span{color:#fff;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1.5px 3px #000000e6;pointer-events:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;position:relative}.level-complete-glow{opacity:0;pointer-events:none;z-index:2000;mix-blend-mode:screen;position:absolute;inset:0}.level-complete-glow.active{opacity:1;animation:.85s ease-in-out forwards completeFlash}@keyframes completeFlash{0%{opacity:0;background:radial-gradient(circle,#ffebaa00 0%,#fff0 100%)}40%{opacity:1;background:radial-gradient(circle,#ffdc64f2 0%,#fffffff2 60%,#fff9 100%)}to{opacity:1;background:radial-gradient(circle,#ffd750 0%,#fff 40% 100%)}}.hud-hover-zone{z-index:1000;pointer-events:auto;justify-content:flex-end;align-items:flex-start;padding:18px 18px 0 0;display:flex;position:absolute;top:0;right:0}.hamburger-hud-container{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#fffaebf0;border:1.5px solid #8d6222b8;border-radius:20px;justify-content:flex-end;align-items:center;gap:8px;max-width:40px;height:40px;padding:4px;transition:all .35s cubic-bezier(.175,.885,.32,1.15);display:flex;overflow:hidden;transform:scale(.85);box-shadow:0 6px 18px #442b141f}.hud-hover-zone:hover .hamburger-hud-container{opacity:1;pointer-events:auto;transform:scale(1)}.hamburger-hud-container:hover{border-radius:12px;max-width:760px;padding:4px 10px}.hamburger-trigger{color:#5a3515;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hamburger-hud-container:hover .hamburger-trigger{color:#8d6222;transition:transform .3s;transform:rotate(90deg)}.hamburger-menu-expanded{opacity:0;visibility:hidden;flex-shrink:0;align-items:center;gap:12px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;transform:translate(15px)}.hamburger-hud-container:hover .hamburger-menu-expanded{opacity:1;visibility:visible;transform:translate(0)}.hud-card-compact{text-align:left;border-right:1.2px solid #8d622240;flex-direction:column;padding-right:10px;display:flex}.hud-card-compact strong{color:#4a2c12;font-family:Georgia,serif;font-size:12px}.hud-card-compact span{color:#8d6222;zoom:1.2;margin-top:.5px;font-family:Arial,sans-serif;font-size:9px}.hud-buttons-row{gap:6px;display:flex}.hud-btn-compact{color:#5a3515;cursor:pointer;background:linear-gradient(#fffdf8,#e8dfcf);border:1.2px solid #8d6222;border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.hud-btn-compact:hover:not(:disabled){background:linear-gradient(#fffdf8,#dcb970);transform:translateY(-1px)}.hud-btn-compact:disabled{opacity:.4;cursor:not-allowed}@media (width<=760px){.hamburger-hud-container:hover{max-width:95vw}.hud-btn-compact span{display:none}}.back-button,.pause-btn,.editor-cta-btn,.editor-back-btn{zoom:1.35}.bottom-tabs{zoom:1}.pause-menu-container{zoom:.95}.brand-crest,.home-panel,.scroll-modal,.win-card,.tutorial-textbox,.hud-hover-zone{zoom:1.12}.editor-header,.editor-palette,.editor-workspace,.editor-sidebar{zoom:.75!important}.editor-screen .editor-cta-btn{zoom:1!important;color:#53320c!important;background:#fff!important;border:1.5px solid #dcb970!important;border-radius:8px!important;width:auto!important;min-width:105px!important;height:38px!important;padding:6px 14px!important;box-shadow:0 2px 4px #0000000d!important}.editor-screen .editor-cta-btn>*{transform:none!important}.editor-screen .editor-cta-btn.test-btn{color:#fff!important;background:linear-gradient(135deg,#76e08a,#3ca855)!important;border-color:#2b7d3f!important;box-shadow:0 3px 6px #3ca85533!important}.editor-screen .editor-cta-btn.delete-btn{color:#fff!important;background:linear-gradient(135deg,#ff8fa3,#ff4d6d)!important;border-color:#c92c4b!important;box-shadow:0 3px 6px #ff4d6d33!important}.editor-screen .editor-cta-btn.secondary{color:#8c6117!important;background:#fdfaf2!important}.editor-screen .editor-back-btn{zoom:1!important;background:#fdfaf2!important;border:1.5px solid #dcb970!important;border-radius:8px!important;min-width:90px!important;height:36px!important;padding:6px 12px!important}.level-card.autoselected{transform:scale(1.04);color:#5c3b0a!important;border:4px solid #ffd66a!important;outline:none!important;box-shadow:0 0 16px #ffd66f80!important}.pack-poster-card.autoselected{transform:scale(1.03);border:6px double #ffd66a!important;outline:none!important;box-shadow:0 0 20px #ffd66f99!important}.back-button.autoselected,.pause-btn.autoselected,.editor-cta-btn.autoselected,.editor-back-btn.autoselected{transform:scale(1.05);color:#ffd66a!important;filter:brightness(1.2)drop-shadow(0 0 10px #ffd66ff2)!important;border:none!important;outline:none!important}.home-screen{box-sizing:border-box;background:#faf6eb!important;padding:16px 20px 85px!important}.home-screen:before{content:"";opacity:.85;pointer-events:none;background:url(/UI%20assets/separated_floral/floral%20bottom%20left%20corner.svg) 50%/contain no-repeat;width:50px;height:50px;position:absolute;top:12px;left:12px;transform:scaleY(-1);border:none!important}.home-screen:after{content:"";opacity:.85;pointer-events:none;background:url(/UI%20assets/separated_floral/floral%20bottom%20left%20corner.svg) 50%/contain no-repeat;width:50px;height:50px;position:absolute;bottom:96px;right:12px;transform:scaleX(-1);border:none!important}.brand-crest{flex-direction:column;align-items:center;margin-bottom:4px;display:flex;position:relative}.brand-crest:after{content:"";opacity:.85;background:url(/UI%20assets/separated_floral/floral%20line%20center.svg) 50%/contain no-repeat;width:120px;height:10px;margin-top:4px;display:block}.home-panel{box-sizing:border-box;margin-top:8px;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.bottom-tabs{background:#fff!important;border:2px solid #e0d5c0!important;border-radius:16px!important;gap:16px!important;padding:12px 18px!important;box-shadow:0 -4px 16px #0000000f,0 10px 30px #0000000d!important}.bottom-tabs .tab{flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;transition:all .2s;display:flex;color:#8c6117!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:10px 16px!important;font-size:18px!important;font-weight:700!important}.bottom-tabs .tab.active{border-radius:10px;transform:scale(1.03);color:#5c3b0a!important;background:#c5912514!important}.tab-icon-mi{margin-bottom:4px;display:block;font-size:33px!important}.back-button,.pause-btn,.editor-cta-btn,.editor-back-btn{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:48px;font-family:Georgia,serif;transition:all .2s;display:inline-flex;box-shadow:none!important;color:#53320c!important;text-shadow:0 1px 1px #fffc!important;background:url(/UI%20assets/separated_floral/floral%20button%20frame.svg) 50%/100% 100% no-repeat!important;border:none!important;padding:17.5px 24px 4.5px!important;font-size:13px!important;font-weight:800!important}.back-button>*,.pause-btn>*,.editor-cta-btn>*,.editor-back-btn>*{transform:none}.editor-cta-btn{min-width:140px!important}.back-button,.editor-back-btn{min-width:130px!important}.back-button:hover,.pause-btn:hover,.editor-cta-btn:hover,.editor-back-btn:hover{transform:translateY(-1px);filter:brightness(1.1)drop-shadow(0 2px 4px #d8a73e59)!important}.level-card{transition:all .2s;color:#53320c!important;background:#fffdf9!important;border:2px solid #e0d5c0!important;border-radius:12px!important}.level-card:hover{transform:translateY(-2px);background:#fff!important;border-color:#c59125!important;box-shadow:0 6px 12px #c5912526!important}.level-card.locked{opacity:.7;color:#a8a095!important;background:#f5f2eb!important;border-color:#e6e2da!important}.level-card.complete{background:linear-gradient(135deg,#fffef0 0%,#fff9e6 100%)!important;border-color:#ffd66a!important;box-shadow:0 4px 10px #ffd66f40!important}.scroll-modal,.win-card{box-sizing:border-box;position:relative;background:#fffdf9!important;border:4px double #c59125!important;border-radius:24px!important;padding:30px!important;box-shadow:0 20px 50px #301e084d!important}.scroll-modal:before,.win-card:before{content:"";opacity:.85;pointer-events:none;background:url(/UI%20assets/separated_floral/floral%20bottom%20left%20corner.svg) 50%/contain no-repeat;width:54px;height:54px;position:absolute;top:12px;left:12px;transform:scaleY(-1)}.scroll-modal:after,.win-card:after{content:"";opacity:.85;pointer-events:none;background:url(/UI%20assets/separated_floral/floral%20bottom%20left%20corner.svg) 50%/contain no-repeat;width:54px;height:54px;position:absolute;bottom:12px;right:12px;transform:scaleX(-1)}.pack-poster-card{cursor:pointer;background:linear-gradient(135deg,#1c1103 0%,#3a2205 100%);border:4px double #b8852f;border-radius:24px;flex-direction:column;width:190px;height:285px;transition:all .35s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #23140573}.pack-poster-card:hover{border-color:#ffd66a;transform:translateY(-8px)scale(1.03);box-shadow:0 28px 56px #23140599,0 0 25px #ffd66f73}.poster-image-container{border-bottom:2.5px solid #b8852f59;width:100%;height:72%;position:relative;overflow:hidden}.poster-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.pack-poster-card:hover .poster-image{transform:scale(1.1)}.poster-overlay{background:linear-gradient(#0000 50%,#1c1103e6 100%);position:absolute;inset:0}.poster-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:14px 10px;display:flex}.poster-title{color:#ffd66a;text-shadow:0 2px 4px #000c;margin:0;font-family:Georgia,serif;font-size:18px;font-weight:800}.poster-subtitle{color:#d8a73e;text-transform:uppercase;letter-spacing:2px;margin-top:5px;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.poster-floral{opacity:.65;pointer-events:none;background:url(/UI%20assets/separated_floral/floral%20decoration%20center.svg) 50%/contain no-repeat;width:24px;height:24px;position:absolute;bottom:8px}.pause-menu-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px 10px 40px;display:flex}.pause-header{width:100%;margin-bottom:24px;padding-top:36px;position:relative}.pause-floral-top{opacity:.85;background:url(/UI%20assets/separated_floral/floral%20decoration%20center.svg) 50%/contain no-repeat;width:140px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pause-header h2{color:#8c6117;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-family:Georgia,serif;font-size:28px}.pause-level-info{flex-direction:column;gap:2px;display:flex}.pause-level-info strong{color:#4a2c12;font-family:Georgia,serif;font-size:18px}.pause-level-info span{color:#8d6222;font-family:Arial,sans-serif;font-size:14px}.pause-actions-list{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.pause-btn{height:48px;width:220px!important;min-width:220px!important}.pause-btn.primary{filter:sepia(.1)brightness(1.08)drop-shadow(0 4px 10px #b8852f4d)!important}.pause-floral-bottom{opacity:.85;background:url(/UI%20assets/separated_floral/floral%20decoration%20center.svg) 50%/contain no-repeat;width:140px;height:24px;margin-top:30px;transform:scaleY(-1)}.home-screen,.back-button,.brand-crest,.home-panel,.bottom-tabs{transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s}.home-screen.slide-down,.back-button.slide-down,.brand-crest.slide-down,.home-panel.slide-down{opacity:0;transform:translateY(60px)}.bottom-tabs.slide-down{opacity:0;transform:translateY(140%)!important}.kbd-key{color:#333;vertical-align:middle;background:linear-gradient(#fff,#e6e6e6);border:1px solid #999;border-radius:4px;margin:0 3px;padding:1px 6px;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:800;line-height:1.25;display:inline-block;box-shadow:0 1.5px #888,0 1.5px 2px #0000002e}.gp-btn{color:#fff;vertical-align:middle;background:#252525;border:1px solid #3c3c3c;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0 3px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1.5px #111,0 1px 2px #00000040}.gp-btn.dpad{color:#e6e6e6;letter-spacing:.5px;background:#2b2b2b;border-radius:4px;width:44px;height:18px;font-size:9px}.gp-btn.shoulder{color:#fff;background:#3c3c3c;border-radius:4px;width:32px;height:17px;font-size:9px}.gp-btn.circle{color:#fff;background:#e21b1b;border-color:#9f0c0c}.gp-btn.triangle{color:#fff;background:#092;border-color:#061}.gp-btn.star{color:#5a3515;background:#fc0;border-color:#c90;font-size:12px}.gp-btn.cross{color:#fff;background:#2b5bc7;border-color:#1e3e8a;font-family:Arial,sans-serif;font-weight:700}.level-intro-container{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#8d6222f2 0%,#14100cfa 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-intro-container.fade-in{animation:.53s cubic-bezier(.19,1,.22,1) forwards introOverlayFadeIn}.level-intro-container.fade-out{animation:.53s cubic-bezier(.19,1,.22,1) forwards introOverlayFadeOut}.level-intro-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:600px;display:flex}.level-intro-text{flex-direction:column;align-items:center;gap:8px;margin:16px 0;display:flex}.level-no-badge{color:#fc0;letter-spacing:4px;text-shadow:0 2px 8px #ffd7004d;font-family:Cinzel,serif,Georgia;font-size:14px;font-weight:700;animation:.71s cubic-bezier(.19,1,.22,1) .18s both textSlideUp}.level-name-heading{color:#fff;letter-spacing:2px;text-shadow:0 4px 16px #0006;margin:0;font-family:Cinzel,serif,Georgia;font-size:40px;font-weight:500;animation:.8s cubic-bezier(.19,1,.22,1) .27s both textSlideUp}.pack-name-sub{color:#fff9;letter-spacing:2px;font-family:Cinzel,serif,Georgia;font-size:11px;animation:.89s cubic-bezier(.19,1,.22,1) .36s both textSlideUp}.floral-vine{width:320px;height:80px}.floral-vine.vine-top{animation:4s ease-in-out infinite alternate vineFloatTop}.floral-vine.vine-bottom{animation:4s ease-in-out infinite alternate vineFloatBottom}.draw-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.25s cubic-bezier(.4,0,.2,1) 90ms forwards drawLine}.fade-leaf{opacity:0;transform-origin:50%;animation:.71s ease-out .71s forwards leafFade}.flower-blossom{opacity:0;transform-origin:50%;animation:.71s cubic-bezier(.175,.885,.32,1.275) .89s forwards flowerPop}@keyframes introOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes leafFade{to{opacity:1}}@keyframes flowerPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes vineFloatTop{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes vineFloatBottom{0%{transform:translateY(0)}to{transform:translateY(4px)}}.controls-overlay-hud{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cbd5e1;z-index:1000;pointer-events:none;background:#000000c2;border:1px solid #ffffff1f;border-radius:8px;width:175px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.72rem;position:absolute;top:18px;left:18px;box-shadow:0 6px 20px #0006}.controls-overlay-hud h4{color:#ffd66a;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffd66a33;margin:0 0 6px;padding-bottom:4px;font-size:.8rem;font-weight:600}.controls-grid{flex-direction:column;gap:5px;display:flex}.control-row{justify-content:space-between;align-items:center;display:flex}.control-label{opacity:.8}.control-keys{align-items:center;display:flex}.control-divider{opacity:.35;margin:0 3px;font-size:.65rem}.controls-grid kbd{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:4px;padding:1px 4px;font-family:inherit;font-size:.64rem;font-weight:600;box-shadow:0 1px 2px #0000004d}.controls-grid kbd.pad-icon{color:#ffd66a!important;background:#ffd66a24!important;border-color:#ffd66a59!important}.skip-bar-container{color:#fff;z-index:1001;pointer-events:none;background:#000000c2;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:.76rem;display:flex;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 15px #0006}.skip-bar-fill{z-index:-1;background:#ffd66a47;border-right:2px solid #ffd66a;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.skip-bar-container kbd{color:#fff;background:#ffffff2e;border:1px solid #ffffff59;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.skip-bar-container kbd.gp-btn.cross{color:#ffd66a;background:#ffd66a38;border-color:#ffd66a80;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:inline-flex}