:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0b0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#0b0f1a;overflow:hidden}*,*:before,*:after{box-sizing:border-box}#root{width:100%;height:100vh}:root{--bg: #0b0f1a;--ink: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--glass: rgba(255, 255, 255, .06);--glassBorder: rgba(255, 255, 255, .22);--aqua: #6cf2ff;--aqua2: #00eaff;--shadow: rgba(0, 0, 0, .5)}.scene{position:relative;width:100%;height:100%;color:var(--ink)}.scene__bg{position:absolute;inset:0;background:radial-gradient(900px 420px at 50% 15%,rgba(108,242,255,.12),transparent 60%),radial-gradient(600px 320px at 15% 75%,rgba(0,234,255,.08),transparent 55%),radial-gradient(700px 380px at 85% 80%,rgba(108,242,255,.06),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 55%),var(--bg);filter:saturate(1.05)}.scene__stage{position:absolute;inset:0;overflow:hidden}.particleCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scene__controls{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 14px;display:grid;gap:10px;background:linear-gradient(180deg,transparent,rgba(11,15,26,.92) 40%,rgba(11,15,26,.98));border-top:1px solid rgba(255,255,255,.06)}.controls__row{display:flex;align-items:center;gap:12px;max-width:1040px;margin:0 auto;width:100%}.controls__hint{font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none}.breakButton{border-radius:12px;border:1px solid rgba(108,242,255,.35);background:linear-gradient(180deg,#6cf2ff1f,#6cf2ff0d);color:var(--ink);padding:10px 14px;font-weight:650;letter-spacing:.2px;cursor:pointer;box-shadow:0 12px 30px #00eaff0f;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}.breakButton:hover:not(:disabled){transform:translateY(-1px);border-color:#6cf2ff8c;background:linear-gradient(180deg,#6cf2ff29,#6cf2ff0f)}.breakButton:disabled{opacity:.55;cursor:not-allowed}.breakButton:focus-visible{outline:2px solid rgba(108,242,255,.8);outline-offset:2px}.soundToggle{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;padding:8px 12px;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.a11yToggle{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;padding:8px 12px;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.a11yToggle:hover{transform:translateY(-1px);border-color:#ffffff38;background:#ffffff14}.a11yToggle:focus-visible{outline:2px solid rgba(108,242,255,.7);outline-offset:2px}.scene--a11y{--ink: rgba(255, 255, 255, .98);--muted: rgba(255, 255, 255, .85)}.scene--a11y .controls__hint{font-size:14px}.scene--a11y .terminal__screen{font-size:13px;color:#ffffffe6}.scene--a11y .terminal__input{font-size:14px}.scene--a11y .glassCeiling__label{color:#ffffffe6;border-color:#ffffff3d}.soundToggle:hover{transform:translateY(-1px);border-color:#fff3;background:#ffffff14}.soundToggle:focus-visible{outline:2px solid rgba(108,242,255,.7);outline-offset:2px}.glassCeiling{position:absolute;left:0;right:0;top:0;height:var(--ceilingHeight, 34vh);min-height:240px;pointer-events:none}.glassCeiling__pane{position:absolute;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff14,#ffffff05);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px var(--shadow)}.glassCeiling__label{position:absolute;right:14px;bottom:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0000001f;color:#ffffffc7;font-size:12px;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.scene--reducedTransparency .glassCeiling__label{background:#00000038}.scene--reducedTransparency .glassCeiling__pane{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#ffffff29,#ffffff14)}.glassCeiling--cracking .glassCeiling__pane{box-shadow:0 18px 60px #0000008c,0 0 40px #00eaff0f}.glassCeiling--shattered .glassCeiling__pane{animation:panePop .42s ease-out forwards}@keyframes panePop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-8px) scale(1.02);opacity:0}}.glassCeiling__cracks{position:absolute;inset:0;width:100%;height:100%}.crack{fill:none;stroke:#ffffffa6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;stroke-dasharray:900;stroke-dashoffset:900}.glassCeiling--cracking .crack{opacity:1;animation:crackDraw 1.5s ease-out forwards}.glassCeiling--cracking .crack--b{animation-delay:.14s}.glassCeiling--cracking .crack--c{animation-delay:.24s}.glassCeiling--cracking .crack--d{animation-delay:.32s}.glassCeiling--cracking .crack--e{animation-delay:.41s}.glassCeiling--cracking .crack--f{animation-delay:.46s}@keyframes crackDraw{0%{stroke-dashoffset:900;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.glassCeiling__shards{position:absolute;inset:0;opacity:0}.glassCeiling--shattered .glassCeiling__shards{opacity:1}.glassShard{position:absolute;top:0;height:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000059;transform:translateZ(0);opacity:0}.glassCeiling--shattered .glassShard{opacity:1;animation:shardDrop 1.65s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:var(--delay)}@keyframes shardDrop{0%{transform:translateZ(0) rotate(0);filter:blur(0px)}65%{filter:blur(0px)}to{transform:translate3d(var(--dx),78vh,0) rotate(var(--rot));filter:blur(.1px)}}.glassShard.s1{left:0%;width:18%;clip-path:polygon(0% 0%,100% 0%,72% 100%,0% 90%);--dx: -10px;--rot: -18deg;--delay: 0ms}.glassShard.s2{left:16%;width:13%;clip-path:polygon(0% 0%,100% 0%,82% 100%,18% 100%);--dx: -16px;--rot: 10deg;--delay: 40ms}.glassShard.s3{left:28%;width:14%;clip-path:polygon(0% 0%,100% 0%,95% 82%,40% 100%,0% 78%);--dx: 8px;--rot: -8deg;--delay: 70ms}.glassShard.s4{left:41%;width:18%;clip-path:polygon(0% 0%,100% 0%,100% 72%,64% 100%,0% 88%);--dx: 14px;--rot: 14deg;--delay: .11s}.glassShard.s5{left:58%;width:14%;clip-path:polygon(0% 0%,100% 0%,82% 100%,0% 92%);--dx: 26px;--rot: -20deg;--delay: .15s}.glassShard.s6{left:71%;width:12%;clip-path:polygon(0% 0%,100% 0%,100% 86%,28% 100%,0% 78%);--dx: 10px;--rot: 22deg;--delay: .19s}.glassShard.s7{left:82%;width:10%;clip-path:polygon(0% 0%,100% 0%,72% 100%,0% 84%);--dx: 8px;--rot: -12deg;--delay: .22s}.glassShard.s8{left:90%;width:10%;clip-path:polygon(0% 0%,100% 0%,100% 92%,24% 100%,0% 78%);--dx: -6px;--rot: 10deg;--delay: .25s}.glassShard.s9{left:47%;width:16%;clip-path:polygon(0% 0%,100% 0%,90% 100%,0% 76%);--dx: -28px;--rot: 6deg;--delay: .29s}.glassShard.s10{left:33%;width:13%;clip-path:polygon(0% 0%,100% 0%,72% 100%,10% 100%);--dx: 36px;--rot: -26deg;--delay: .32s}.terminal{max-width:1040px;margin:0 auto;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#080a12b8;box-shadow:0 22px 60px #00000061;overflow:hidden}.scene--reducedTransparency .terminal{background:#080a12eb}.terminal__screen{max-height:132px;overflow:auto;padding:12px 12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#ffffffd6}.terminal__line{padding:1px 0;white-space:pre-wrap}.terminal__inputRow{display:flex;gap:8px;align-items:center;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.07);background:#0000002e}.terminal__prompt{color:#6cf2ffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.terminal__input{width:100%;background:transparent;border:0;outline:0;color:#ffffffeb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:2px 0}.terminal__input::placeholder{color:#fff6}.terminal.is-disabled{opacity:.75}.scene__message{position:absolute;left:0;right:0;top:40%;transform:translateY(-50%);text-align:center;opacity:0;pointer-events:none;transition:opacity .7s ease;padding:0 16px}.scene__message.is-visible{opacity:1}.message__title{font-size:clamp(22px,3.6vw,44px);font-weight:750;letter-spacing:-.02em;text-shadow:0 18px 50px rgba(0,0,0,.6)}.message__subtitle{margin-top:6px;font-size:clamp(14px,1.8vw,18px);color:#fffc}.message__tag{margin-top:14px;display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid rgba(108,242,255,.25);background:#6cf2ff14;color:#6cf2fff2;letter-spacing:.06em;font-weight:650}@media(prefers-reduced-motion:reduce){.glassCeiling--shattered .glassShard,.glassCeiling--shattered .glassCeiling__pane,.glassCeiling--cracking .crack{animation:none!important}.scene__message{transition:none}}.scene--reducedMotion .glassCeiling--shattered .glassShard,.scene--reducedMotion .glassCeiling--shattered .glassCeiling__pane,.scene--reducedMotion .glassCeiling--cracking .crack{animation:none!important}.scene--reducedMotion .scene__message{transition:none}