.ix{border:1px solid var(--border);background:var(--entry);border-radius:var(--radius);padding:14px 16px;margin:1.4em 0;font-size:.95rem}
.ix-title{font-weight:700;margin-bottom:8px}
.ix-title small{font-weight:400;color:var(--secondary);margin-left:6px}
.ix label{margin-right:12px;display:inline-block;margin-bottom:6px}
.ix input[type=number],.ix select{width:5em;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--code-bg);color:var(--primary)}
.ix input[type=range]{vertical-align:middle;max-width:60%}
.ix button{cursor:pointer;border:1px solid var(--border);background:var(--code-bg);color:var(--primary);border-radius:6px;padding:4px 10px;margin:2px 4px 2px 0;font:inherit}
.ix button:hover{border-color:var(--secondary)}
.ix pre.o,.ix .o{font-family:var(--mono,monospace);background:var(--code-bg);border-radius:6px;padding:8px 10px;margin:8px 0 0;overflow-x:auto;line-height:1.35;white-space:pre}
.ix .cols{display:flex;gap:10px;flex-wrap:wrap}
.ix .card{flex:1 1 200px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--code-bg);font-family:var(--mono,monospace);font-size:.9rem}
.ix .card h5{margin:0 0 4px;font-family:inherit;font-size:.8rem;color:var(--secondary);font-weight:600}
.ix .ok{color:#2a9d4a}.ix .bad{color:#d6455d}
.ix .strip{display:flex;gap:2px;margin:4px 0 10px;flex-wrap:nowrap}
.ix .cell{flex:1 1 0;min-width:0;text-align:center;font-family:var(--mono,monospace);font-size:.7rem;padding:5px 0;border-radius:3px;color:#111}
.ix .opt{display:block;width:100%;text-align:left;margin:4px 0}
.ix .opt.right{border-color:#2a9d4a}.ix .opt.wrong{border-color:#d6455d}
.ix .why{margin-top:6px;color:var(--secondary);display:none}
.ix .sc{position:relative;height:270px;overflow:hidden;border-radius:8px;background:linear-gradient(#0d1b3d,#2a4a7f 75%,#6e8fb8);margin:6px 0}
.ix .sc .gr{position:absolute;left:0;right:0;bottom:0;height:26px;background:#3b4a3b;border-top:3px solid #6b7a6b}
.ix .sc .cd{position:absolute;top:8px;left:0;right:0;text-align:center;color:#fff;font:700 1.4rem var(--mono,monospace)}
.ix .rkt{position:absolute;left:50%;margin-left:-30px;bottom:26px;width:60px;height:100px;transform-origin:50% 60%;transition:bottom .8s linear,transform .5s ease-out}
.ix .rkt svg{overflow:visible;display:block}
.ix .rkt .fl,.ix .rkt .fr{opacity:0;transition:opacity .15s}
.ix .rkt .on{opacity:1}
.ix .rkt.crash{transition:bottom .9s ease-in,transform .9s ease-in}
.ix .bo{position:absolute;left:50%;bottom:22px;margin-left:-36px;font-size:4.5rem;line-height:1;transform:scale(0);transition:transform .35s cubic-bezier(.2,2,.4,1)}
.ix .bo.show{transform:scale(1)}
.ix .lg{font-size:.78rem;min-height:2.6em;margin-top:6px;white-space:normal}
.ix .stt{font-weight:700;min-height:1.4em;margin-top:4px}
.ix .rkt.nt,.ix .rkt.nt *{transition:none!important}
.ix .rkt.go2{transition:bottom 1.6s ease-in}
.ix .rkt{transition:bottom .8s linear,transform .7s ease-in-out,opacity .3s}
.ix .rkt.crash{transition:bottom 1s cubic-bezier(.5,0,1,.6),transform 1s linear,opacity .3s}
.ix .cd0{display:block;min-height:3em;font-size:.8rem}
.ix select{width:auto;min-width:7em}