.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.demo-intro p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.demo-tag{white-space:nowrap;font:600 9px Inter,sans-serif;letter-spacing:1px;color:#ff8fa2;border:1px solid #633046;background:#301321;border-radius:30px;padding:10px 14px}.kay-demo{display:grid;grid-template-columns:166px minmax(0,1fr);min-height:600px;border:1px solid #382137;border-radius:28px;background:#0c090f;overflow:hidden;box-shadow:0 25px 90px #0005;text-align:left}.demo-sidebar{padding:26px 15px;border-right:1px solid #241825;background:#100c14;display:flex;flex-direction:column;gap:28px}.demo-brand{display:flex;align-items:center;gap:9px;font:700 17px Orbitron,sans-serif}.demo-brand img{width:32px;height:32px;object-fit:cover;border-radius:50%}.demo-sidebar small{font-size:6px;letter-spacing:1px;color:#8f8297}.demo-nav{display:flex;flex-direction:column;gap:10px}.demo-nav button{border:0;border-radius:25px;background:transparent;text-align:left;padding:13px 15px;font:600 11px Orbitron,sans-serif}.demo-nav button span{font:500 8px Inter,sans-serif;color:#927f9f;margin-right:13px}.demo-nav button[aria-selected=true]{background:#ff234e;color:white}.demo-nav button[aria-selected=true] span{color:white}.demo-side-footer{margin-top:auto;color:#897c92;font-size:9px;line-height:1.9}.demo-main{padding:26px;min-width:0}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.demo-heading p{font-size:8px;letter-spacing:1.6px;color:#a194ae;margin:0 0 10px}.demo-heading h3{font:600 24px Orbitron,sans-serif;margin:0}.demo-heading img{width:155px;aspect-ratio:2.8;object-fit:cover;border-radius:12px}.demo-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.demo-panel{background:#18101f;border:1px solid #25192d;border-radius:18px;padding:20px;min-width:0}.demo-panel h4{margin:0 0 10px;font:600 15px Orbitron,sans-serif}.demo-panel .hint{color:#a597b0;font-size:10px;line-height:1.8;margin:7px 0 16px}.demo-subtabs{display:flex;gap:8px;margin-bottom:22px}.demo-subtabs button{flex:1;border:0;border-radius:8px;background:#241a2d;padding:9px;font-size:10px}.demo-subtabs button[aria-pressed=true]{background:#ff234e}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;margin:16px 0;min-height:22px}.demo-row select{max-width:145px;width:48%;border:1px solid #46304e;color:#ddd0e6;background:#211729;padding:8px;border-radius:8px;font-size:10px}.demo-switch{appearance:none;width:31px;height:18px;background:#53415d;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0;margin:0}.demo-switch:before{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#eee7f3;transition:left .15s}.demo-switch:checked{background:#ff234e}.demo-switch:checked:before{left:16px}.demo-range{display:block;margin:22px 0;font-size:11px}.demo-range>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.demo-range output{color:#d0bdde;font-variant-numeric:tabular-nums}.demo-range input{display:block;width:100%;accent-color:#ff234e;cursor:pointer;margin:0}.demo-range small{display:flex;justify-content:space-between;font-size:8px;color:#a28eaf;margin-top:9px}.demo-colors{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.demo-colors button{width:22px;height:22px;border-radius:6px;border:2px solid transparent;padding:0}.demo-colors button[aria-pressed=true]{outline:2px solid white;outline-offset:3px}.demo-color{width:42px;height:25px;border:0;background:transparent;cursor:pointer}.demo-preview{height:290px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#362034,#100c15 65%);border-radius:13px;touch-action:none}.demo-preview>img{position:absolute;height:86%;width:64%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 12px 12px #0008)}.demo-preview svg{position:absolute;inset:0;width:100%;height:100%;stroke-linecap:round;overflow:visible}.demo-preview .demo-box{fill:none}.demo-preview .demo-fov{fill:none;stroke:#af90bb;stroke-width:1;opacity:.6}.demo-target{position:absolute;border:2px solid white;background:#ff234e;border-radius:50%;width:18px;height:18px;padding:0;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff234e30;cursor:grab;touch-action:none}.demo-target:active{cursor:grabbing}.demo-preview .crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;pointer-events:none}.demo-preview[data-fire=true] .crosshair{animation:demo-pulse .6s ease-in-out infinite;box-shadow:0 0 20px #ff234e66;border-color:#ff234e}.demo-preview .score{position:absolute;left:24%;top:7%;font:600 9px Inter,sans-serif;padding:5px 7px;background:var(--demo-color);color:#fff;border-radius:3px}.demo-state{font-size:10px;color:#b1a1be;line-height:1.8;margin:14px 0 0}.demo-game{display:flex;align-items:center;gap:10px;font-size:10px;flex-wrap:wrap}.demo-game select{background:#24192c;color:white;border:1px solid #493053;padding:8px 12px;border-radius:12px}.demo-note{font-size:10px;color:#a38bab;line-height:1.8;margin:18px 0 40px;border-left:2px solid #ff234e;padding:2px 14px}.demo-button{background:#ff234e;border:0;padding:12px 14px;font-weight:600;font-size:10px;border-radius:10px}.demo-button.secondary{background:#281b32;box-shadow:none}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.demo-code{width:100%;min-height:110px;background:#100b16;border:1px solid #47304f;color:#d9c9e4;border-radius:12px;padding:14px;resize:vertical;font:11px monospace}.demo-config{grid-column:1/-1}.demo-status{min-height:32px;color:#ff97ab;font-size:11px;line-height:1.7;margin:15px 0 0}.demo-screens-title{font-size:9px;letter-spacing:2px;color:#a995b5;text-transform:uppercase;margin:0 0 20px;text-align:center}.interface .tabs{flex-wrap:wrap;gap:5px}.interface .tabs button{padding:11px 19px}.interface .preview-frame img{height:auto;max-height:760px;object-fit:contain;aspect-ratio:auto}.demo-hidden{display:none!important}@keyframes demo-pulse{50%{transform:translate(-50%,-50%) scale(1.25)}}@media(max-width:900px){.kay-demo{grid-template-columns:135px minmax(0,1fr)}.demo-main{padding:20px}.demo-heading img{width:110px}.demo-columns{gap:12px}.demo-panel{padding:16px}.demo-nav button{padding:12px 9px;font-size:10px}.demo-nav button span{margin-right:8px}}@media(max-width:650px){.demo-intro{align-items:flex-start}.demo-tag{font-size:7px;padding:8px 10px}.demo-intro p{font-size:10px}.kay-demo{grid-template-columns:1fr;border-radius:20px}.demo-sidebar{padding:18px;border-right:0;border-bottom:1px solid #2c1d30;gap:18px}.demo-sidebar>div:first-child{display:flex;align-items:center;justify-content:space-between}.demo-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.demo-nav button{padding:10px 3px;text-align:center;font-size:9px}.demo-nav button span{display:none}.demo-side-footer{display:none}.demo-main{padding:18px}.demo-heading{margin-bottom:18px}.demo-heading h3{font-size:20px}.demo-heading img{width:100px}.demo-columns{grid-template-columns:1fr}.demo-panel{padding:18px}.demo-preview{height:315px}.demo-note{font-size:9px;margin-bottom:30px}.interface .tabs button{font-size:9px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){.demo-preview[data-fire=true] .crosshair{animation:none}.demo-switch:before{transition:none}}