html{background:#809bce}body{scroll-behavior:smooth;color:#809bce;background:#d6eadf;margin:8px;font-family:VT323,monospace;font-size:20px}:root{--periwinkle:#809bce;--periwinkle-dark:#3d3a5c;--sky:#95b8d1;--mint:#b8e0d2;--mint-pale:#d6eadf;--pink:#eac4d5;--ink:#45415e;--ink-soft:#6b6685;--white:#fff;--card-dark:#2e2a45}*{box-sizing:border-box}.pixel-font{font-family:"Press Start 2P",monospace}.mp-hero{background:var(--periwinkle);width:100%;min-height:100vh;position:relative;overflow:hidden}.mp-mosaic{z-index:0;filter:blur(4px);opacity:.9;grid-template-columns:repeat(56,1fr);display:grid;position:absolute;inset:-10px;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 95%);mask-image:linear-gradient(#000 0% 55%,#0000 95%)}.mp-mosaic-cell{aspect-ratio:1;width:100%}.mp-topbar{z-index:3;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.mp-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex;position:absolute;inset:0}.mp-title{color:var(--periwinkle-dark);text-shadow:3px 3px #ffffff40;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(28px,6vw,56px);line-height:1.4}.mp-tagline{color:var(--periwinkle-dark);max-width:480px;margin-top:12px;font-family:VT323,monospace;font-size:clamp(16px,2.2vw,20px)}.mp-cat-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.mp-side-cat-img{width:220px;height:auto;image-rendering:pixelated;filter:drop-shadow(3px 3px #45415e33);cursor:pointer;transition:transform .1s;animation:3s ease-in-out infinite cat-bob}.mp-side-cat-img:active{transform:scale(.92)}.mp-side-cat-shadow{background:#45415e33;border-radius:50%;width:150px;height:18px}@keyframes cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mp-start-btn{background:var(--periwinkle-dark);color:var(--white);cursor:pointer;border:3px solid #2a273f;padding:16px 40px;font-family:"Press Start 2P",monospace;font-size:14px;transition:transform .1s,background .15s}.mp-start-btn:hover{background:#2a273f;transform:scale(1.05)}.mp-share-count{color:var(--ink);background:var(--pink);border:2px solid var(--periwinkle);border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:9px;display:flex}.ci-hero{background:linear-gradient(to bottom, var(--periwinkle) 0%, var(--periwinkle) 35%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.ci-sparse{z-index:0;filter:blur(6px);pointer-events:none;grid-template-columns:repeat(30,1fr);display:grid;position:absolute;inset:auto -10px -10px}.ci-pixel{aspect-ratio:1;width:100%}.ci-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:420px;display:flex;position:relative}.ci-title{color:var(--periwinkle-dark);margin:0;font-size:clamp(20px,4vw,28px);line-height:1.6}.ci-sub{color:var(--ink-soft);margin:0;font-size:16px}.ci-input{width:100%;color:var(--ink);border:3px solid var(--periwinkle);text-align:center;background:#ffffffb3;padding:12px 16px;font-family:VT323,monospace;font-size:20px}.ci-input:focus{border-color:var(--pink);outline:none}.ci-upload-label{border:3px dashed var(--periwinkle);cursor:pointer;background:#ffffff80;justify-content:center;align-items:center;width:160px;height:160px;display:flex;overflow:hidden}.ci-preview{object-fit:cover;width:100%;height:100%}.ci-upload-placeholder{color:var(--ink-soft);text-align:center;padding:0 12px;font-family:VT323,monospace;font-size:16px}.ci-file-input{display:none}.ci-error{color:#b0405a;margin-top:-8px;font-size:16px}.qb-wrapper{background:var(--periwinkle);position:relative}.qb-pixels{z-index:0;pointer-events:none;position:absolute;inset:0}@keyframes pixel-drift{0%{transform:translate(0)}25%{transform:translate(var(--drift-x), calc(var(--drift-y) * -1))}50%{transform:translate(calc(var(--drift-x) * -.6), var(--drift-y))}75%{transform:translate(calc(var(--drift-x) * .4), calc(var(--drift-y) * -.5))}to{transform:translate(0)}}.qb-pixel{transition:opacity .4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes drift-a{0%,to{transform:translate(0)}25%{transform:translate(24px,-40px)}50%{transform:translate(8px,-70px)}75%{transform:translate(-20px,-35px)}}@keyframes drift-b{0%,to{transform:translate(0)}25%{transform:translate(-28px,-30px)}50%{transform:translate(-10px,-60px)}75%{transform:translate(18px,-25px)}}@keyframes drift-c{0%,to{transform:translate(0)}25%{transform:translate(16px,32px)}50%{transform:translate(-14px,55px)}75%{transform:translate(22px,20px)}}@keyframes drift-d{0%,to{transform:translate(0)}25%{transform:translate(-20px,28px)}50%{transform:translate(12px,50px)}75%{transform:translate(-24px,18px)}}@keyframes drift-e{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-18px,-45px)}}@keyframes drift-f{0%,to{transform:translate(0)}33%{transform:translate(-25px,24px)}66%{transform:translate(20px,48px)}}.drift-a{animation-name:drift-a}.drift-b{animation-name:drift-b}.drift-c{animation-name:drift-c}.drift-d{animation-name:drift-d}.drift-e{animation-name:drift-e}.drift-f{animation-name:drift-f}.qb-content{z-index:1;position:relative}.sq-cat-track{z-index:10;width:min(400px,70vw);height:36px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.sq-cat-track-photo{object-fit:cover;border:2px solid var(--periwinkle-dark);background:var(--white);width:32px;height:32px;image-rendering:pixelated;border-radius:50%}.sq-cat-track-photo-fallback{background:var(--periwinkle)}.sq-cat-track-border{border:2px solid var(--periwinkle-dark);background:#ffffff80;border-radius:6px;height:10px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.sq-cat-track-fill{background:var(--pink);height:100%;transition:width .4s}.sq-cat-track-icon{width:32px;height:32px;transition:left .4s;position:absolute;top:50%;transform:translate(-50%,-50%)}.sq-cat-track-line{background:#45415e40;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sq-pre-fade{opacity:0;filter:blur(4px)}.sq-fade-in{opacity:1;filter:blur();transition:opacity .6s .1s,filter .6s .1s}.sq-fade-out{opacity:0!important;filter:blur(4px)!important}.sq-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 24px;transition:opacity .5s,filter .5s;display:flex;position:relative}.sq-progress-dot.done{background:var(--periwinkle)}.sq-progress-dot.current{background:var(--ink)}.sq-question{color:var(--ink);white-space:pre-line;text-shadow:2px 2px #ffffff80;max-width:640px;margin-bottom:44px;font-family:"Press Start 2P",monospace;font-size:clamp(18px,3.5vw,30px);line-height:1.6}.sq-options{flex-direction:column;gap:14px;width:100%;max-width:460px;display:flex}.sq-option-pop{transition:transform .18s;transform:scale(1.06)}.sq-option{color:var(--ink);background:var(--white);border:3px solid var(--periwinkle);cursor:pointer;border-radius:0;padding:16px 22px;font-family:VT323,monospace;font-size:20px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:4px 4px #45415e40}.sq-option:hover:not(:disabled){background:var(--pink);transform:translate(-2px,-2px);box-shadow:6px 6px #45415e4d}.sq-option.selected{background:var(--pink);transform:translate(3px,3px);box-shadow:1px 1px #45415e4d}.sq-option:disabled{cursor:default}.sq-freetext{border:3px solid var(--periwinkle);width:100%;max-width:460px;min-height:120px;color:var(--ink);resize:none;background:#fff9;padding:16px;font-family:VT323,monospace;font-size:18px}.sq-freetext::placeholder{color:var(--ink-soft)}.sq-freetext:focus{border-color:var(--pink);outline:none}.cat-card{background:var(--card-dark);width:300px;color:var(--white);border:6px solid;border-radius:14px;padding:10px;font-family:VT323,monospace;box-shadow:0 12px 30px #45415e4d}.cat-card-header{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 10px;display:flex}.cat-card-name{color:var(--card-dark);font-size:10px;line-height:1.4}.cat-card-hp{color:var(--card-dark);opacity:.7;font-size:10px}.cat-card-art{border:2px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;height:160px;margin-bottom:10px;display:flex}.cat-card-icon{filter:drop-shadow(0 6px 10px #0006);font-size:88px}.cat-card-tagline{text-align:center;color:var(--pink);margin-bottom:10px;font-size:18px}.cat-card-verdict-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;margin-bottom:10px;padding:10px 12px}.cat-card-verdict{margin:0;font-size:15px;line-height:1.4}.cat-card-traits{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.cat-card-trait-row{align-items:center;gap:10px;font-size:15px;display:flex}.cat-card-trait-dot{border-radius:100%;flex-shrink:0;width:7px;height:7px}.floating-cat-track{pointer-events:none;z-index:1;width:1px;height:100%;position:absolute;top:100px}.floating-cat-sticky{opacity:.8;animation:2.5s ease-in-out infinite floating-cat-bob;position:sticky}@keyframes floating-cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reveal-overlay{z-index:999;-webkit-backdrop-filter:blur();background:#45415e00;justify-content:center;align-items:center;transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;display:flex;position:fixed;inset:0}.reveal-overlay-active{-webkit-backdrop-filter:blur(10px);background:#45415e8c}.reveal-card-slot{opacity:0;transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1);transform:scale(.7)rotate(-6deg)}.reveal-card-in{opacity:1;transform:scale(1)rotate(0)}.cat-card-footer{text-align:center;color:#ffffff80;letter-spacing:.5px;font-size:8px}.results-overlay{z-index:999;-webkit-backdrop-filter:blur();background:#45415e00;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 20px;transition:background .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s;display:flex;position:fixed;inset:0;overflow-y:auto}.results-overlay-active{-webkit-backdrop-filter:blur(12px);background:#45415e99}.results-loading-text{color:var(--white);text-shadow:2px 2px #0000004d;font-size:12px}.results-card-pop{opacity:0;transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1);transform:scale(.7)rotate(-6deg)}.results-card-pop-in{opacity:1;transform:scale(1)rotate(0)}.cat-card-verdict-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;max-height:110px;margin-bottom:10px;padding:10px 12px;overflow:hidden}.cat-card-verdict{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}