:root{color:#13242c;background:#ead7bc;font-family:Rajdhani,Saira,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #13242c;--muted: #60737d;--panel: rgba(250, 255, 252, .9);--panel-strong: rgba(255, 255, 255, .96);--panel-border: rgba(76, 176, 170, .36);--panel-border-strong: rgba(35, 151, 148, .62);--mint: #45cfc1;--neon-mint: #67ffe4;--cyan: #38c7ff;--mint-dark: #176f72;--cyan-soft: #dff8f2;--violet: #8b73c9;--violet-hot: #a77cff;--amber: #ffc857;--warm: #f4efe4;--danger: #b13b37;--danger-bg: #fff0ec;--ok: #166b52;--ok-bg: #dcf7ed;--card-frame-width: 16px;--card-frame-texture: url(/images/textures/pixel-metal-frame.png);--card-border: rgba(250, 255, 246, .82);--card-lift: none;--graphics-frame-radius: 22px;--graphics-image-radius: calc(var(--graphics-frame-radius) - var(--card-frame-width));--shadow-soft: 0 18px 45px rgba(18, 52, 61, .13);--shadow-glow: 0 0 0 1px rgba(107, 230, 212, .18), 0 18px 45px rgba(21, 73, 82, .18);--tile-border: rgba(103, 255, 228, .48);--tile-border-soft: rgba(56, 199, 255, .22);--tile-shadow: inset 0 0 0 1px rgba(5, 28, 37, .52), inset 0 0 36px rgba(103, 255, 228, .08);--cut-corners: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px) , 0 10px);--button-cut: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px)}html,body,#root{height:100%;overflow:hidden}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#64432b38,#563a2747),url(/images/textures/desk-surface-pixel.png) center / cover no-repeat,#c7aa81}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.unsupported-resolution{display:none}.app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:12px;background:linear-gradient(180deg,#64432b38,#563a2747),url(/images/textures/desk-surface-pixel.png) center / cover no-repeat,#c7aa81}.card-heading span,.challenge-item small,.schema-panel small{color:var(--muted)}.hint-popover-wrap{position:relative;display:inline-flex}.hint-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 48px));z-index:5;padding:14px;border:1px solid var(--panel-border-strong);border-radius:4px;clip-path:var(--cut-corners);background:#fafffcfa;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-color:var(--neon-mint)}.hint-popover strong{display:block;margin-bottom:6px;color:var(--mint-dark);font-weight:900;text-transform:uppercase}.hint-popover p{margin:0;color:#31505a;line-height:1.45;overflow-wrap:anywhere;word-break:normal}.hint-sections{display:grid;gap:8px}.hint-section{padding:9px;border:1px dashed rgba(23,111,114,.55);border-radius:4px;background:#e6faf56b}.hint-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--mint-dark);font-size:12px;font-weight:900;text-transform:uppercase}.hint-section p{margin-top:7px}.hint-hidden{color:#789098!important;font-style:italic;font-weight:350}.hint-reveal,.hint-query-reveal{min-height:auto;padding:6px 9px;border:1px solid var(--panel-border-strong);border-radius:4px;background:#d3f7efeb;color:var(--mint-dark);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hint-query-reveal{width:100%;margin-top:10px;color:#0d5961}.hint-reveal:disabled,.hint-query-reveal:disabled{cursor:not-allowed;opacity:.48}.actions button,.hint-trigger{min-height:36px;border:1px solid var(--panel-border-strong);border-radius:4px;clip-path:var(--button-cut);background:linear-gradient(135deg,rgba(103,255,228,.2),transparent 42%),linear-gradient(180deg,#fffffff5,#d3f7efeb);color:var(--ink);display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;font-weight:750;box-shadow:inset 0 -2px #176f7229,0 6px 16px #1251581a}.hint-trigger{width:38px;min-width:38px;justify-content:center;padding:0}.schema-panel .hint-trigger{background:transparent;box-shadow:none;color:#17343a;text-shadow:0 1px 0 rgba(255,255,255,.5)}.schema-panel .hint-trigger:hover{background:transparent;box-shadow:none}.actions button:hover,.hint-trigger:hover{border-color:var(--mint);box-shadow:0 0 0 3px #45cfc12e,0 0 20px #67ffe42e}.actions button:disabled{cursor:not-allowed;opacity:.55}.actions .primary{background:#176f72;border-color:#176f72;color:#fff}.actions>button:first-child{background:linear-gradient(135deg,rgba(255,200,87,.22),transparent 36%),linear-gradient(180deg,#24a69f,#135f73 62%,#0c4050);border-color:var(--neon-mint);color:#fff;text-shadow:0 1px 0 rgba(5,34,43,.42);box-shadow:inset 0 -3px #05222b47,0 10px 24px #14646a3d,0 0 18px #67ffe42e}.workspace{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;overflow:hidden;background:transparent;border:0;box-shadow:none}.schema-panel{background:url(/images/textures/botanical-sidebar-pixel.png) center / cover no-repeat,#dceee0;min-height:0;overflow:auto}.schema-panel{height:100%;border:1px solid rgba(204,255,223,.74);border-radius:var(--graphics-image-radius);padding:14px;box-shadow:inset 0 0 24px #2f846629;position:relative;-ms-overflow-style:none;scrollbar-width:none}.schema-panel::-webkit-scrollbar{display:none}.schema-drawer-tab{width:34px;min-width:34px;min-height:34px;padding:0;border:1px solid rgba(115,241,255,.68);border-radius:6px;background:#0a385c;color:#a9f6ff;display:inline-grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 12px #41e0ff24}.schema-drawer-tab:hover{border-color:#9bf7ff;background:#0d4e74;box-shadow:0 0 14px #41e0ff4d}.reference-drawer-actions{display:inline-flex;align-items:center;gap:10px}.dictionary-panel{background:url(/images/textures/botanical-sidebar-pixel.png) center / cover no-repeat,#dceee0;overflow-x:hidden}.dictionary-groups{display:grid;gap:12px;margin-top:14px}.dictionary-group{min-width:0;padding:10px;border:1px solid rgba(52,126,89,.28);border-radius:6px;background:#f6fff3e6;box-shadow:0 6px 14px #1e674a1f}.dictionary-group summary{color:#123f34;font-size:14px;white-space:normal;align-items:center}.dictionary-group summary>span{min-width:0;overflow-wrap:anywhere}.dictionary-group summary small{flex:0 0 auto;color:#3b7b64;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dictionary-entry{padding:9px 0;border-top:1px solid rgba(52,103,105,.18)}.dictionary-entry:first-of-type{border-top:0}.dictionary-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dictionary-entry-heading code{color:#0d4d50;font-size:13px;font-weight:900}.dictionary-entry-heading span{color:#3b7b64;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dictionary-entry p{margin:5px 0 7px;color:#315a50;font-size:12px;line-height:1.35}.dictionary-code{display:grid;gap:2px;margin-top:6px;padding:6px 7px;border-radius:4px;background:#dcf6e6e0}.dictionary-code span{color:#3b7b64;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dictionary-code code{color:#174f4c;font-size:11px;overflow-wrap:anywhere}.schema-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.schema-drawer-layer.is-open{pointer-events:auto}.schema-drawer-frame{position:absolute;top:12px;right:12px;bottom:12px;width:min(360px,calc(100vw - 48px));padding:var(--card-frame-width);border-radius:var(--graphics-frame-radius);overflow:hidden;transform:translate(calc(100% + 24px));transition:transform .22s ease-out;background:linear-gradient(135deg,rgba(242,255,232,.72),transparent 36%),repeating-linear-gradient(135deg,rgba(167,235,182,.25) 0 1px,transparent 1px 6px),linear-gradient(180deg,#86ca99,#3f9b72 54%,#1c6f56);box-shadow:0 0 0 1px #d3ffdcd6,0 20px 48px #093c2a52}.schema-drawer-layer.is-open .schema-drawer-frame{transform:translate(0)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#0b242b7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{width:min(420px,calc(100vw - 48px));padding:20px;border:1px solid var(--panel-border-strong);border-radius:4px;clip-path:var(--cut-corners);background:var(--panel-strong);box-shadow:0 24px 60px #0c2c343d,0 0 0 3px #67ffe414}.confirm-modal h2{font-size:20px;margin-bottom:8px;color:var(--ink);font-weight:900}.confirm-modal p{color:#31505a;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions button{min-height:36px;padding:0 12px;border:1px solid var(--panel-border-strong);border-radius:4px;clip-path:var(--button-cut);background:#fff;cursor:pointer}.modal-actions .danger{border-color:var(--danger);background:var(--danger);color:#fff}.victory-backdrop{z-index:30;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(71,241,255,.28),transparent 26%),radial-gradient(circle at 50% 62%,rgba(255,219,105,.18),transparent 38%),#05192bb8}.victory-modal{position:relative;isolation:isolate;width:min(460px,calc(100vw - 48px));overflow:hidden;padding:24px 28px 26px;border:2px solid #86f8ff;border-radius:18px;background:repeating-linear-gradient(0deg,rgba(130,244,255,.05) 0 1px,transparent 1px 5px),linear-gradient(145deg,#133a68,#092344 62%,#071b37);box-shadow:inset 0 0 34px #41e8ff2b,0 0 0 5px #ffee9833,0 28px 78px #020c22ad;color:#e8fdff;text-align:center}.victory-modal:before,.victory-modal:after{position:absolute;z-index:0;width:86px;height:86px;border:1px solid rgba(255,236,145,.52);border-radius:50%;content:""}.victory-modal>:not(.victory-sparkles){position:relative;z-index:1}.victory-modal:before{top:-44px;left:-34px}.victory-modal:after{right:-34px;bottom:-44px}.victory-kicker{margin:2px 0 5px;color:#a3fbff;font-size:11px;font-weight:900;letter-spacing:.16em}.victory-modal h2{margin:0;color:#fff4ac;font-size:30px;line-height:1.05;text-transform:uppercase;text-shadow:0 0 10px rgba(255,224,111,.64)}.victory-modal>p:not(.victory-kicker){max-width:350px;margin:10px auto 14px;color:#d0f7fa;font-size:15px;line-height:1.4}.victory-alien{width:104px;height:104px;margin:-4px auto 4px;border:2px solid rgba(242,255,255,.9);border-radius:50%;background:radial-gradient(circle,rgba(146,255,248,.36),rgba(45,145,209,.18) 62%,transparent 64%);box-shadow:0 0 0 8px #6bf5ff1f,0 0 28px #71f9ff6b;overflow:hidden;animation:victory-alien-float 2.4s ease-in-out infinite}.victory-alien-sprite{width:100%;height:100%;background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;image-rendering:pixelated}.victory-crown{position:absolute;top:17px;left:calc(50% + 42px);color:#fff0a3;font-size:29px;line-height:1;text-shadow:0 0 10px rgba(255,235,127,.92);transform:rotate(13deg)}.victory-progress{display:grid;gap:3px;width:min(250px,100%);margin:0 auto 17px;padding:7px 10px;border:1px solid rgba(150,246,255,.64);border-radius:9px;background:#03143085;box-shadow:inset 0 0 13px #54eeff24}.victory-progress strong{color:#fff8c9;font-size:17px}.victory-progress span{color:#fff0a6;font-size:16px;letter-spacing:2px;text-shadow:0 0 6px rgba(255,235,131,.82),0 0 12px rgba(75,235,255,.7)}.victory-modal>button{min-height:39px;padding:0 19px;border:1px solid #b3ffff;border-radius:7px;background:linear-gradient(180deg,#1caaa9,#08777e);box-shadow:inset 0 1px #ecffff9e,0 0 16px #34efff52;color:#fff;font-weight:900}.victory-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.victory-sparkles span{position:absolute;color:#ccfbff;font-size:14px;opacity:.58;text-shadow:0 0 8px rgba(154,246,255,.92);animation:victory-sparkle 1.9s ease-in-out infinite}.victory-sparkles span:nth-child(1){top:12%;left:8%}.victory-sparkles span:nth-child(2){top:24%;left:18%;animation-delay:-.6s}.victory-sparkles span:nth-child(3){top:8%;left:37%;animation-delay:-1.2s}.victory-sparkles span:nth-child(4){top:20%;right:16%;animation-delay:-.9s}.victory-sparkles span:nth-child(5){top:8%;right:7%;animation-delay:-.3s}.victory-sparkles span:nth-child(6){top:50%;left:6%;animation-delay:-1.5s}.victory-sparkles span:nth-child(7){top:62%;left:18%;animation-delay:-.2s}.victory-sparkles span:nth-child(8){top:47%;right:8%;animation-delay:-1.1s}.victory-sparkles span:nth-child(9){top:66%;right:17%;animation-delay:-.7s}.victory-sparkles span:nth-child(10){bottom:12%;left:34%;animation-delay:-1.4s}.victory-sparkles span:nth-child(11){bottom:8%;right:32%;animation-delay:-.4s}.victory-sparkles span:nth-child(12){bottom:20%;left:8%;animation-delay:-1s}.victory-sparkles span:nth-child(13){bottom:23%;right:7%;animation-delay:-1.7s}.victory-sparkles span:nth-child(14){top:36%;left:29%;animation-delay:-.5s}@keyframes victory-sparkle{0%,to{opacity:.24;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.24) rotate(45deg)}}@keyframes victory-alien-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.challenge-list{display:flex;flex-direction:column;padding:12px;gap:8px}.challenge-item{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:10px;background:#fff;border:1px solid transparent;border-radius:6px;cursor:pointer}.challenge-item:disabled{cursor:not-allowed}.challenge-item.active{background:#e9f6f8;border-color:#8fc7d2}.challenge-item.locked{color:#7a8797;background:#f6f8fa}.challenge-item strong,.challenge-item small{display:block}.challenge-item strong{line-height:1.3;font-size:14px}.center-stage{min-width:0;min-height:0;padding:0;display:grid;grid-template-rows:minmax(300px,50%) minmax(0,1fr);gap:12px;overflow:hidden;position:relative}.visual-stage-frame{min-height:0;padding:var(--card-frame-width);border-radius:var(--graphics-frame-radius);background:var(--card-frame-texture) center / cover no-repeat;image-rendering:pixelated;overflow:hidden}.visual-stage{min-height:0;height:100%;border-radius:var(--graphics-image-radius);background:#102b36;filter:saturate(1.08) brightness(1.12);image-rendering:pixelated;overflow:hidden;position:relative;container-type:size;box-shadow:var(--card-lift)}.visual-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:var(--graphics-image-radius);background:radial-gradient(ellipse at center,transparent 68%,rgba(12,10,12,.12) 94%,rgba(12,10,12,.3) 100%),linear-gradient(180deg,rgba(12,10,12,.3),transparent 12%,transparent 84%,rgba(12,10,12,.32));box-shadow:inset 0 18px 18px #0f0d1075,inset 0 -24px 24px #0e0e148a,inset 20px 0 22px #0f171a75,inset -20px 0 22px #0f171a75,inset 0 0 0 2px #fff9e742}.customer-loading,.query-card{padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.customer-loading,.query-card{background:linear-gradient(180deg,#122f3b2e,#0b242f1f),url(/images/textures/console-panel-pixel.png) center / cover no-repeat,#102b36}.query-card{color:#ecfff9;flex:1 1 auto;border:1px solid rgba(189,255,240,.68);border-radius:var(--graphics-image-radius);clip-path:none;box-shadow:var(--card-lift),inset 0 0 28px #67ffe414}.query-card-frame{min-height:0;padding:var(--card-frame-width);border-radius:var(--graphics-frame-radius);position:relative;z-index:1;overflow:visible;background:linear-gradient(135deg,rgba(247,255,237,.72),transparent 36%),repeating-linear-gradient(135deg,rgba(199,255,235,.24) 0 1px,transparent 1px 6px),linear-gradient(180deg,#c6eee0,#82c9ba 52%,#4f9f97);box-shadow:0 0 0 1px #e8fff4d1,0 0 22px #59e6d033,var(--card-lift)}.results-card-frame{min-height:0;padding:var(--card-frame-width);border-radius:var(--graphics-frame-radius);overflow:hidden;background:linear-gradient(135deg,rgba(111,250,255,.72),transparent 38%),linear-gradient(180deg,#1d8ccf,#0a4d93 46%,#07366d);box-shadow:0 0 0 1px #81faffb8,0 0 24px #32dfff47,var(--card-lift)}.results-card{flex:1 1 auto;min-height:0;padding:16px;border:1px solid rgba(121,247,255,.68);border-radius:var(--graphics-image-radius);background:radial-gradient(circle at 84% 8%,rgba(38,213,255,.16),transparent 29%),repeating-linear-gradient(0deg,rgba(98,235,255,.055) 0 1px,transparent 1px 5px),#061b36;box-shadow:inset 0 0 28px #23d2ff29;position:relative;color:#e8fbff;overflow:hidden}.customer-loading{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;overflow:hidden;border:1px solid var(--panel-border);border-radius:4px;clip-path:var(--cut-corners);background:#fafffcf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.customer-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:var(--graphics-image-radius);--desk-art-width: 92cqw;--desk-art-bottom: -17cqw;--customer-desk-offset: clamp(74px, 8cqw, 150px)}.office-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;image-rendering:pixelated}.scene-transitioning.desk-upgrading .help-desk.current{animation:scene-layer-in 1.2s ease-in both}.scene-transitioning.desk-upgrading .help-desk.previous{animation:scene-layer-out 1.2s ease-out both}.scene-transitioning.office-upgrading .office-backdrop.current{animation:office-layer-reveal 1.2s linear both}.scene-upgrade-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#fffdf4;pointer-events:none;animation:office-upgrade-white 1.2s ease-in-out both}.customer-avatar{position:absolute;left:50%;bottom:var(--customer-desk-offset);z-index:1;width:clamp(210px,15cqw,380px);aspect-ratio:1;transform:translate(-50%);transform-origin:center bottom;animation:customer-arrive-left 1.35s cubic-bezier(.21,.83,.34,1) both,customer-idle 2.4s ease-in-out 1.35s infinite}.customer-scene.from-right .customer-avatar{animation-name:customer-arrive-right,customer-idle}.customer-scene.exiting.from-left .customer-avatar{animation:customer-exit-right .9s cubic-bezier(.62,0,.84,.42) forwards}.customer-scene.exiting.from-right .customer-avatar{animation:customer-exit-left .9s cubic-bezier(.62,0,.84,.42) forwards}.customer-shadow{position:absolute;left:24%;right:24%;bottom:6%;height:10%;border-radius:999px;background:#17212f2e;filter:blur(1px)}.customer-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:300% 100%;image-rendering:pixelated;animation:customer-sprite-cycle 1.35s steps(1) forwards}.customer-scene.from-right .customer-sprite{transform:scaleX(-1)}.customer-scene.exiting .customer-sprite{animation:customer-sprite-walk .42s steps(1) infinite}.help-desk{position:absolute;left:50%;bottom:var(--desk-art-bottom);z-index:2;width:var(--desk-art-width);aspect-ratio:1672 / 941;transform:translate(-50%);background-position:center;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.scene-sound-control{position:absolute;top:18px;left:22px;z-index:6;pointer-events:auto}.scene-sound-toggle{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(151,248,255,.68);border-radius:8px;background:#042a46cc;box-shadow:inset 0 0 12px #41e1ff29,0 5px 16px #05233252;color:#dbfbff}.scene-sound-toggle:hover{border-color:#d9ffff;background:#084662eb}.scene-sound-prompt{width:208px;margin-top:8px;padding:10px;border:1px solid rgba(151,248,255,.72);border-radius:8px;background:#042a46f0;box-shadow:inset 0 0 16px #41e1ff29,0 8px 22px #05233257;color:#e5feff}.scene-sound-prompt strong{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.scene-sound-prompt p{margin:4px 0 9px;color:#c4f5f7;font-size:12px;line-height:1.25}.scene-sound-prompt>div{display:grid;gap:6px}.scene-sound-prompt button{min-height:26px;padding:4px 7px;border:1px solid rgba(137,245,246,.68);border-radius:5px;background:#0f7482bd;color:#f3ffff;font-size:11px;font-weight:800;white-space:nowrap;width:100%}.scene-sound-prompt button+button{background:#e4fffb29}.scene-progress{position:absolute;top:18px;right:22px;z-index:5;display:grid;justify-items:end;gap:3px;min-width:136px;padding:7px 9px 6px;border:1px solid rgba(151,248,255,.68);border-radius:8px;background:#042a46c2;box-shadow:inset 0 0 12px #41e1ff29,0 5px 16px #05233252;color:#dbfbff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-progress-count{font-size:12px;font-weight:900;letter-spacing:.04em}.scene-progress-stars{display:inline-flex;gap:2px;color:#d2f5f842;font-size:13px;line-height:1}.scene-progress-stars .is-lit{color:#fff2a8;text-shadow:0 0 4px #fff3a5,0 0 9px rgba(91,239,255,.94);animation:progress-star-sparkle 2.2s ease-in-out infinite}.customer-subtitles{position:absolute;left:28px;right:28px;bottom:18px;z-index:4;max-height:110px;padding:14px 16px;border:1px solid rgba(77,176,170,.52);border-left:5px solid var(--mint-dark);border-radius:4px;clip-path:var(--cut-corners);background:#fafffcf0;box-shadow:0 18px 45px #12343d24;overflow:auto;opacity:0;transform:translateY(10px);animation:customer-subtitle-in .34s ease-out 1.18s forwards}.customer-scene.exiting .customer-subtitles{animation:customer-subtitle-out .2s ease-in forwards}.customer-subtitles strong{display:block;color:var(--mint-dark);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase;margin-bottom:6px}.customer-subtitles p{margin:0;color:var(--ink);font-size:16px;line-height:1.32;overflow-wrap:anywhere}.dialogue-table-name{color:var(--mint-dark);font-weight:900}.dialogue-field-name{display:inline-block;margin:1px 2px;padding:0 4px;border:1px solid rgba(17,129,139,.32);border-radius:4px;background:#c7faf7b3;color:#075e68;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em;font-weight:800;line-height:1.25}@keyframes customer-arrive-left{0%{transform:translate(-72vw)}to{transform:translate(-50%)}}@keyframes scene-layer-in{0%{opacity:0}to{opacity:1}}@keyframes scene-layer-out{0%{opacity:1}to{opacity:0}}@keyframes office-layer-reveal{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes office-upgrade-white{0%,10%{opacity:0}45%,55%{opacity:.97}to{opacity:0}}@keyframes progress-star-sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@keyframes customer-arrive-right{0%{transform:translate(72vw)}to{transform:translate(-50%)}}@keyframes customer-idle{0%,to{margin-bottom:0}50%{margin-bottom:4px}}@keyframes customer-exit-left{0%{transform:translate(-50%)}to{transform:translate(-72vw)}}@keyframes customer-exit-right{0%{transform:translate(-50%)}to{transform:translate(72vw)}}@keyframes customer-subtitle-in{to{opacity:1;transform:translateY(0)}}@keyframes customer-subtitle-out{to{opacity:0;transform:translateY(10px)}}@keyframes customer-sprite-cycle{0%,24.9%,50%,74.9%{background-position:0 0}25%,49.9%,75%,99.9%{background-position:50% 0}to{background-position:100% 0}}@keyframes customer-sprite-walk{0%,49.9%{background-position:0 0}50%,to{background-position:50% 0}}.work-area{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;overflow:visible;position:relative;z-index:4}.query-card,.query-card-frame,.results-card,.results-card-frame,.result-wrap{min-height:0;display:flex;flex-direction:column}.query-card{overflow:visible}.challenge-kicker{color:var(--mint-dark);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:0}h1,h2,p{margin-top:0}h1{font-size:24px;margin-bottom:8px;font-weight:900}h2{font-size:16px;margin-bottom:0;font-weight:900;color:var(--ink)}.query-card h2{color:#ecfff9}.query-card .card-heading span{color:#ecfff9b8}.results-card h2{color:#dfffff;text-shadow:0 0 10px rgba(73,231,255,.5)}.schema-panel .panel-heading span,.schema-panel small{color:#315a50;text-shadow:none}.schema-panel .panel-heading{padding:8px 10px;border:1px solid rgba(52,126,89,.28);border-radius:6px;background:#f6fff3e6;box-shadow:0 6px 14px #1e674a1f}.schema-title{display:grid;gap:2px}.schema-kicker{color:#3b7b64!important;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.schema-panel h2{color:#123f34;font-size:21px;letter-spacing:-.02em;text-shadow:none}.card-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.db-pill{padding:4px 0;text-align:center;border-radius:999px;background:#e8f6f4f5;color:#48626a;font-size:12px;font-weight:900;border:1px solid rgba(80,172,166,.28);box-shadow:inset 0 -1px #176f7224}.query-card .db-pill{background:#0c2a35b8;color:#bff7ea;border-color:#73f3dc61}.db-pill.loading{min-width:150px}.db-pill.ready{min-width:52px;background:var(--ok-bg);color:var(--ok);border-color:#166b5247}.query-card .db-pill.ready{background:#1e6c53d1;color:#d8fff4;border-color:#73f3dc66}.sql-editor{flex:1;min-height:0;border:1px solid rgba(48,131,135,.42);border-radius:4px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);overflow:hidden;background:#102b36;box-shadow:inset 0 0 0 1px #b5ffed14,inset 0 0 24px #07212a38}.cm-editor{height:100%;min-height:120px;font-size:14px;font-family:SFMono-Regular,Cascadia Code,Fira Code,ui-monospace,monospace;background:#122c38;color:#d9fff5}.cm-editor .cm-gutters{background:#0f2631;color:#d9fff594;border-right-color:#7ee6d329}.cm-editor .cm-content,.cm-editor .cm-line,.cm-editor .cm-line span{color:#d9fff5!important}.cm-editor .cm-activeLine,.cm-editor .cm-activeLineGutter{background:#45cfc11f}.cm-editor .cm-cursor{border-left-color:#73f3dc}.cm-editor .cm-selectionBackground,.cm-editor ::selection{background:#73f3dc47!important}.cm-tooltip.cm-tooltip-autocomplete{border:1px solid rgba(104,241,222,.62);border-radius:4px;background:#0d2733;color:#d9fff5;box-shadow:0 14px 28px #0312197a,0 0 20px #45cfc129;overflow:hidden}.cm-tooltip.cm-tooltip-autocomplete>ul{background:#0d2733;color:#d9fff5}.cm-tooltip.cm-tooltip-autocomplete>ul>li{color:#d9fff5}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:#176f72;color:#fff}.cm-tooltip.cm-tooltip-autocomplete .cm-completionLabel,.cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail{color:#d9fff5}.cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail{color:#9fe6dc}.cm-tooltip.cm-tooltip-autocomplete .cm-completionMatchedText{color:#73f3dc;text-decoration-color:#73f3dc}.actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:36px}.feedback{margin-top:0;padding:8px 10px;border-radius:4px;clip-path:var(--button-cut);background:var(--ok-bg);color:var(--ok);font-size:13px;font-weight:700;border:1px solid rgba(22,107,82,.18)}.feedback.error{background:var(--danger-bg);color:#9b2c1f;border-color:#b13b3733}.result-meta{color:#aeefff;font-size:13px;margin-bottom:8px;text-shadow:0 0 8px rgba(68,224,255,.38)}.table-scroll{flex:1;min-height:0;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;border:1px solid rgba(99,231,255,.56);border-radius:6px;background:#04152d}.table-scroll::-webkit-scrollbar{display:none}table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}th,td{padding:8px 10px;border-bottom:1px solid rgba(93,212,241,.2);text-align:left;white-space:nowrap;color:#e8fbff;text-shadow:none}th{position:sticky;top:0;background:#0a385c;z-index:1;color:#8cf4ff;font-weight:900}tbody tr:nth-child(2n){background:#072342}tbody tr:hover{background:#0b4a70}.empty-state{flex:1;min-height:120px;border:1px dashed rgba(102,238,255,.64);border-radius:6px;clip-path:var(--cut-corners);display:grid;place-items:center;color:#c5f7ff;background:#061c36;text-align:center;padding:18px;text-shadow:none}.schema-list{display:grid;gap:10px}details{border:1px solid rgba(31,103,96,.24);border-radius:4px;padding:8px 10px;background:#f6fff4e0;box-shadow:0 6px 14px #1e674a1f;clip-path:var(--cut-corners)}details[open]{border-color:#176f728a;box-shadow:inset 3px 0 #176f726b,0 6px 14px #1e674a24}summary{cursor:pointer;font-weight:900;display:flex;justify-content:space-between;gap:8px;white-space:nowrap;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.48)}summary span{color:#0d4d50;text-shadow:0 1px 0 rgba(255,255,255,.48)}dl{margin:10px 0 0}dl div{padding:7px 0;border-top:1px solid rgba(52,103,105,.18);background:#ebfaef80}dt{font-weight:900;font-size:13px;white-space:nowrap}dt code{color:var(--mint-dark);font-size:11px;white-space:nowrap;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.45)}dd{margin:2px 0 0;color:#50666a;font-size:12px;text-shadow:0 1px 0 rgba(255,255,255,.42)}@media(max-width:1279px),(max-height:719px){.app-shell{display:none}.unsupported-resolution{height:100dvh;display:grid;place-items:center;padding:32px;background:linear-gradient(180deg,#64432b38,#563a2747),url(/images/textures/desk-surface-pixel.png) center / cover no-repeat,#c7aa81}.unsupported-resolution>div{max-width:520px;padding:28px;border:1px solid var(--panel-border);border-radius:4px;clip-path:var(--cut-corners);background:var(--panel-strong);text-align:center;box-shadow:var(--shadow-soft)}.unsupported-resolution h1{margin:12px 0 8px;font-size:24px}.unsupported-resolution p{margin:0;color:var(--muted)}}