@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Noto+Sans+SC:wght@700;900&family=VT323&display=swap";@font-face{font-family:Masiku;src:url(/fonts/Masiku.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}:root{--bg:#0a0608;--accent:var(--pink);--bg-soft:#0f090d;--panel:#120b10d1;--panel-strong:#160c12;--ink:#f0e0e8;--ink-secondary:#d4b0c0;--muted:#b8899a;--line:#ff4d8d33;--line-strong:#ff4d8d59;--pink:#ff4d8d;--pink-dim:#ff4d8d8c;--cyan:#c724b1;--gold:#ff85c0;--shadow:0 8px 24px #000000b3, 0 0 20px #ff4d8d26;--glass-edge:inset 0 1px 1px #ffffff14, inset 1px 0 0px #ffffff08;--radius:12px;--transition:.15s steps(4, end);--cursor-default:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' stroke='%23ff4d8d' stroke-width='6' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' stroke='%23ff4d8d' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.7'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' fill='%23c724b1' opacity='0.8' transform='translate(-2%2C 1)'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' fill='%23ff4d8d' stroke='%23ffffff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 8 8;--cursor-pointer:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' stroke='%23ff4d8d' stroke-width='5' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.25'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' stroke='%23ff4d8d' stroke-width='2' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.7'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' fill='%23c724b1' opacity='0.8' transform='translate(-2%2C 1)'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' fill='%23ff4d8d' stroke='%23ffffff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 8 8;--heading:"Noto Sans SC", "M PLUS Rounded 1c", "PingFang SC", sans-serif;--sans:"M PLUS Rounded 1c", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"VT323", "Courier New", monospace;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.6}html[lang=zh-CN],html[lang=zh-TW]{--sans:"Xiaolai SC", "M PLUS Rounded 1c", "Noto Sans SC", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}html,body{overscroll-behavior-y:none;cursor:var(--cursor-default), auto;overflow:hidden}body{background:radial-gradient(circle at 0 0,#ff4d8d24,#0000 30%),radial-gradient(circle at 100% 100%,#c724b114,#0000 24%),linear-gradient(#0a0608 0%,#0f090d 54%,#0a0608 100%);width:100%;min-height:100dvh;margin:0}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#ff4d8d06 0 1px,#0000 1px 3px);animation:5s linear infinite scanline-drift;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9997;background:radial-gradient(#0000 45%,#0a000699 100%);position:fixed;inset:0}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(3px)}}::selection{color:#fff;background:#ff4d8d59}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0608}::-webkit-scrollbar-thumb{background:#ff4d8d40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ff4d8d73}*{scrollbar-color:#ff4d8d40 #0a0608;scrollbar-width:thin}:focus-visible{outline-offset:2px;outline:2px solid #ff4d8d99}html{line-break:strict;overflow-wrap:break-word}button,input,textarea,select{font:inherit}h1,h2,h3,h4,p{margin:0}button{cursor:var(--cursor-pointer), pointer}button:disabled{cursor:not-allowed;opacity:.35}a{color:inherit;cursor:var(--cursor-pointer), pointer}.mita-card,.result-copy,.metric-block,.detail-card{animation:.5s ease-out both scroll-fade-in}@keyframes scroll-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.roster-grid .mita-card:first-child{animation-delay:0s}.roster-grid .mita-card:nth-child(2){animation-delay:60ms}.roster-grid .mita-card:nth-child(3){animation-delay:.12s}.roster-grid .mita-card:nth-child(4){animation-delay:.18s}.roster-grid .mita-card:nth-child(5){animation-delay:.24s}.roster-grid .mita-card:nth-child(6){animation-delay:.3s}.roster-grid .mita-card:nth-child(7){animation-delay:.36s}.roster-grid .mita-card:nth-child(8){animation-delay:.42s}.roster-grid .mita-card:nth-child(9){animation-delay:.48s}.roster-grid .mita-card:nth-child(10){animation-delay:.54s}.roster-grid .mita-card:nth-child(11){animation-delay:.6s}.roster-grid .mita-card:nth-child(12){animation-delay:.66s}.result-layout .result-copy{animation-delay:0s}.result-layout .match-rate-card{animation-delay:80ms}.result-layout .image-block{animation-delay:.12s}.result-layout .note-card{animation-delay:.16s}.result-layout .close-matches-card{animation-delay:.2s}.result-layout .dimensions-card{animation-delay:.24s}.primary-btn:active,.ghost-btn:active{transition:transform 60ms;transform:scale(.96)}.answer-btn.active{animation:.35s ease-out answer-pulse}@keyframes answer-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.lang-option:active{transition:transform 60ms;transform:scale(.96)}.result-image{animation:.8s ease-out .2s both result-img-enter,5s ease-in-out 1s infinite float-subtle}@keyframes result-img-enter{0%{opacity:0;filter:blur(6px)drop-shadow(0 0 12px #ff4d8d26);transform:translateY(12px)}to{opacity:1;filter:blur()drop-shadow(0 0 12px #ff4d8d26);transform:translateY(0)}}@keyframes count-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.dimension-track span{transform-origin:0;animation:.6s ease-out both bar-fill}.dimension-list .dimension-item:first-child .dimension-track span{animation-delay:.1s}.dimension-list .dimension-item:nth-child(2) .dimension-track span{animation-delay:.18s}.dimension-list .dimension-item:nth-child(3) .dimension-track span{animation-delay:.26s}.dimension-list .dimension-item:nth-child(4) .dimension-track span{animation-delay:.34s}.dimension-list .dimension-item:nth-child(5) .dimension-track span{animation-delay:.42s}.dimension-list .dimension-item:nth-child(6) .dimension-track span{animation-delay:.5s}@keyframes bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.close-list .close-item{animation:.4s ease-out both slide-in-right}.close-list .close-item:first-child{animation-delay:.15s}.close-list .close-item:nth-child(2){animation-delay:.25s}.close-list .close-item:nth-child(3){animation-delay:.35s}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes code-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}.match-rate-card strong{animation:2.5s ease-in-out infinite neon-text-pulse}@keyframes neon-text-pulse{0%,to{text-shadow:0 0 14px #ff4d8d66}50%{text-shadow:0 0 28px #ff4d8da6,0 0 45px #c724b140}}.stagger-in{animation:.6s cubic-bezier(.16,1,.3,1) both stagger-reveal}@keyframes stagger-reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stagger-in-1{animation-delay:0s}.stagger-in-2{animation-delay:80ms}.stagger-in-3{animation-delay:.16s}.stagger-in-4{animation-delay:.24s}.stagger-in-5{animation-delay:.32s}.splash-overlay{z-index:99999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.splash-overlay.done{opacity:0;visibility:hidden;pointer-events:none}.splash-content{flex-direction:column;align-items:center;gap:24px;animation:1s ease-out forwards splash-fade;display:flex}.splash-logo{width:auto;height:48px}.splash-title{letter-spacing:.2em;opacity:0;font-size:1.8rem;animation:.5s ease-out .4s forwards splash-text-in}@keyframes splash-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes splash-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.splash-mtti-logo{opacity:0;width:auto;height:54px;animation:.5s ease-out .4s forwards splash-text-in}.brand-logo-row{align-items:center;display:flex}.entry-logo-row{justify-content:center;align-items:center;display:flex;transform:translateY(6px)}.mtti-logo{object-fit:contain;filter:none;width:auto;max-width:none;height:48px;transition:filter .2s}.entry-mtti-logo:hover{filter:drop-shadow(0 0 12px #ff4d8d8c)}.brand-logo-row .brand-logo,.entry-logo-row .brand-logo{width:auto;max-width:none;height:42px}.brand-logo-row .title-dot,.entry-logo-row .title-dot{margin-left:20px;top:3px}@media (width<=720px){.mtti-logo{width:auto;height:36px}.brand-logo-row .brand-logo,.entry-logo-row .brand-logo{width:auto;max-width:none;height:32px}.entry-logo-row{transform:translateY(4px)}.splash-logo{width:auto;height:36px}.splash-mtti-logo{width:auto;height:40px}}.shell{opacity:0;transform:translateY(8px)}.shell.revealed{animation:.6s ease-out .1s forwards shell-reveal}@keyframes shell-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shell{flex-direction:column;width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 0;display:flex;position:relative}.shell.viewport-fit{min-height:100%}.topbar,.hero-panel,.quiz-shell,.detail-card,.mita-card,.orbit-card,.question-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--glass-edge), var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar{text-align:center;border-bottom:1px solid #ff4d8d14;grid-template-columns:1fr;grid-template-areas:"logo""copy""switch";justify-items:center;gap:16px;margin-bottom:24px;padding:24px;display:grid}.brand-link{cursor:var(--cursor-pointer), pointer;transition:filter var(--transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.brand-link:hover{filter:drop-shadow(0 0 12px #ff4d8d66)}.header-logo{grid-area:logo;justify-self:center}.brand-copy{text-align:center;grid-area:copy;margin-top:-10px}.brand-copy>div{max-width:none;margin:0 auto}.brand-block{align-items:flex-start;gap:18px;display:flex}.brand-logo{object-fit:contain;width:150px;max-width:38vw;height:auto}.entry-panel{align-items:stretch}.entry-copy{text-align:center;flex-direction:column;justify-content:center;display:flex}.entry-logo{width:min(240px,52vw);max-width:240px}.entry-title{text-align:center;margin-top:14px;word-break:keep-all;max-width:20ch;margin-inline:auto}.entry-prompt{color:var(--ink-secondary);text-align:center;margin-top:14px;font-size:1.05rem;font-weight:500}.site-footer{color:var(--muted);border-top:1px solid #ff4d8d0f;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-top:60px;padding-top:20px;padding-bottom:60px;font-size:.95rem;display:flex}.shell.viewport-fit .site-footer{margin-top:auto;padding-bottom:8px}.footer-credit{flex-direction:row;align-items:baseline;gap:10px;display:flex}.footer-label{letter-spacing:.08em;opacity:.55;font-size:.82rem}.footer-link{color:inherit;text-decoration:none}.footer-brand{font-family:"Masiku", var(--mono);letter-spacing:.06em;background:linear-gradient(#ff4d8d 0%,#a8005a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ff4d8db3)drop-shadow(3px 3.5px #1a000d);transition:filter var(--transition);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:400;position:relative;top:3px}.footer-brand:hover{filter:drop-shadow(0 0 14px #ff4d8dd9)drop-shadow(3px 3.5px #1a000d)}.footer-link:hover{text-decoration:underline}.footer-publisher{font-family:"Bebas Neue", var(--mono);letter-spacing:.12em;text-align:center;opacity:.65;font-size:1.1rem;font-weight:400}#root{isolation:isolate;position:relative}.app-scroll{z-index:1;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:100dvh;position:relative;overflow:clip auto}.app-scroll.app-scroll-fit{overflow-y:hidden}.app-main{flex:none}.shell.viewport-fit .app-main{flex:1 0 auto}.back-to-top-btn{z-index:99999;border:1px solid var(--line-strong);width:52px;height:52px;color:var(--pink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition), box-shadow var(--transition);background:radial-gradient(circle at 0 0,#ff4d8d1a,#0000 55%),#120b10e0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 0 14px #ff4d8d33,0 8px 24px #00000080}.back-to-top-btn svg{filter:drop-shadow(0 0 4px #ff4d8d66);width:22px;height:22px;display:block}.back-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 0 20px #ff4d8d59,0 12px 30px #00000080}.language-switch{flex-wrap:wrap;grid-area:switch;justify-content:center;gap:10px;display:flex}.lang-btn,.ghost-btn,.primary-btn,.answer-btn{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);border:1px solid #0000;border-radius:8px}.lang-btn{min-width:52px;color:var(--muted);font-family:var(--mono);letter-spacing:.04em;background:#120b1099;padding:10px 12px;font-size:1.05rem;font-weight:400}.lang-btn.active,.lang-btn:hover{color:var(--ink);background:#ff4d8d1a;border-color:#ff4d8d66;box-shadow:0 0 14px #ff4d8d33}.primary-btn,.ghost-btn{padding:14px 18px;font-size:1rem;font-weight:700}.primary-btn{color:#fff;text-shadow:0 1px 4px #0000004d;background:linear-gradient(135deg,#ff4d8d,#c724b1);position:relative;overflow:hidden;box-shadow:0 0 16px #ff4d8d59,0 0 40px #c724b126}.primary-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff2e 44%,#ffffff38 50%,#ffffff2e 56%,#0000 62%) 100% 0/250% 100%;animation:4.5s ease-in-out infinite btn-sweep;position:absolute;inset:0}@keyframes btn-sweep{0%{background-position:100% 0}30%{background-position:-50% 0}to{background-position:-50% 0}}.primary-btn:hover{box-shadow:0 0 22px #ff4d8d8c,0 0 55px #c724b140}.ghost-btn{color:var(--ink);border-color:var(--line-strong);background:#160c12cc}.ghost-btn:hover{border-color:var(--pink-dim);background:#ff4d8d0f;box-shadow:0 0 14px #ff4d8d33}.ghost-btn:disabled{color:var(--muted);box-shadow:none;background:#120b1080;border-color:#ff4d8d14;transform:none}.primary-btn:hover,.ghost-btn:hover,.answer-btn:hover,.lang-btn:hover{transform:translateY(-2px)}.ghost-btn:disabled:hover{transform:none}.status-pill{color:#ff85c0;background:#ff85c01f;border-color:#ff85c04d}.hero-orbit{gap:18px;display:grid}.hero-orbit.compact{align-content:start}.hero-visual{border-radius:12px;min-height:100%;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%;display:block}.collage-visual{background:radial-gradient(circle at 100% 0,#ff4d8d14,#0000 32%),radial-gradient(circle at 0 100%,#c724b10f,#0000 28%),#0a0608cc;border:1px solid #ff4d8d14;border-radius:12px;justify-content:center;align-items:center;min-height:420px;padding:20px;display:flex}.collage-visual img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:560px}.orbit-card{padding:24px}.muted-card{background:#120b1099}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px;display:grid}.roster-grid.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mita-card{background:var(--panel);box-shadow:none;z-index:0;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:20px;position:relative}.mita-card:hover{z-index:2;transform:translateY(-3px);box-shadow:0 0 18px #ff4d8d47,0 0 45px #ff4d8d14}.mita-card.image-card{padding-top:16px}.mita-image-wrap{background:radial-gradient(ellipse 60% 15% at 50% 90%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), radial-gradient(circle at center, #ffca280d, transparent 60%), #0a0608a6;min-height:320px;transition:opacity var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;padding:16px;display:flex;position:relative;overflow:visible}.mita-image-stack{width:100%;filter:drop-shadow(0 12px 24px color-mix(in srgb, var(--accent) 0%, transparent));transition:filter .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);display:grid;transform:translateZ(0)}.mita-image{object-fit:contain;width:100%;height:auto;max-height:320px;filter:drop-shadow(0 12px 24px color-mix(in srgb, var(--accent) 0%, transparent));transition:filter .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);display:block;transform:translateZ(0)}.mita-image-layer{object-fit:contain;object-position:center;grid-area:1/1;place-self:end center;width:100%;height:auto;max-height:320px}.mita-card:hover .mita-image,.mita-card:hover .mita-image-stack{filter:drop-shadow(0 12px 24px color-mix(in srgb, var(--accent) 45%, transparent));transform:scale(1.06)translateY(-6px)}.mita-card.crazy-card .mita-image-layer{object-position:center bottom}.mita-card.crazy-card .mita-disguise-image{opacity:1;transition:opacity .28s,transform .4s cubic-bezier(.2,.8,.2,1),filter .4s;transform:scale(1)}.mita-card.crazy-card .mita-reveal-image{opacity:0;transition:opacity .16s,transform .16s;transform:scale(1)}.mita-card.crazy-card.is-crazy-revealed .mita-disguise-image{opacity:0;filter:blur(1px);transform:scale(.94)}.mita-card.crazy-card.is-crazy-revealed .mita-reveal-image{opacity:1;animation:.45s step-end both crazy-horror-glitch}@keyframes crazy-horror-glitch{0%{opacity:0}5%{opacity:1;filter:invert()contrast(2.5)grayscale()brightness(.7);transform:scale(1.05)translateY(2px)skew(-4deg)}13%{filter:sepia()hue-rotate(-50deg)saturate(5)contrast(1.5)drop-shadow(10px 8px #f00c);transform:scale(.96)translate(-5px)translateY(-5px)}21%{filter:contrast(2)brightness(1.2)drop-shadow(-8px -4px #00ffffe6);transform:scale(1.03)translate(6px)translateY(3px)skew(5deg)}29%{filter:brightness(.1)contrast(3);transform:scale(.98)}37%{filter:saturate(3)hue-rotate(90deg)drop-shadow(5px 0 #f0f);transform:scale(1.15,.9)translate(-2px)}45%{filter:brightness(1.4)drop-shadow(3px 3px #ff0a3c99);transform:scale(1.01)translateY(-1px)}58%{filter:sepia(.3)saturate(1.8);transform:scale(.99)translate(2px)}74%{filter:none;transform:scale(1)}to{opacity:1;filter:none;transform:scale(1)}}.mita-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:100%;height:6px;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;margin-bottom:16px;display:block}.mita-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.type-code{-webkit-backdrop-filter:blur(8px);color:#ffb3d9;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 8px #ff4d8d99,0 0 20px #c724b166;background:linear-gradient(145deg,#ff4d8d1f,#ff4d8d05),#0f080c99;border:1px solid #ff4d8d66;border-radius:8px;padding:10px 14px;font-size:1.05rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d,inset 0 0 12px #ff4d8d26,0 0 8px #ff4d8d33}.type-code:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:0;right:0}html[data-theme=light] .type-code{color:#c40b5f;text-shadow:0 0 4px #ff4d8d33;background:linear-gradient(145deg,#ff4d8d26,#ff4d8d05),#fff5f8b3;border-color:#ff4d8d80;box-shadow:0 4px 12px #ff4d8d26,inset 0 0 12px #ff4d8d14,0 0 8px #ff4d8d1a}html[data-theme=light] .type-code:after{opacity:.9;background:linear-gradient(90deg,#0000,#ffffffe6,#0000)}.type-code.large{letter-spacing:.2em;border-radius:10px;padding:14px 20px;font-size:clamp(1.2rem,2.2vw,1.8rem)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag-chip{color:var(--ink-secondary);background:#ff4d8d0f;border:1px solid #ff4d8d1a;border-radius:999px;align-items:center;gap:5px;padding:8px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.tag-icon{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tag-chip.strong{color:#ff85c0;text-shadow:0 0 4px #ff4d8d26;background:#ff4d8d1f;border-color:#ff4d8d33}.eyebrow,.section-kicker,.card-label,.question-badge,.status-pill,.version-pill{color:#ff85c0;font-family:var(--heading);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 6px #ff4d8d33;background:#ff4d8d1a;border:1px solid #ff4d8d42;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.mtti-brand{font-family:"Noto Sans SC", var(--heading);letter-spacing:.08em;background:linear-gradient(#ff4d8d 0%,#c724b1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px #0009)drop-shadow(0 0 8px #c724b173);-webkit-background-clip:text;background-clip:text;font-weight:900;animation:5s step-end infinite mtti-glitch}@keyframes mtti-glitch{0%,to{opacity:1;transform:translate(0)}91%{opacity:1}92%{opacity:.4;transform:translate(-1px,1px)}93%{opacity:1;transform:translate(1px)}94%{opacity:1;transform:translate(0)}97%{opacity:.6;transform:translateY(-1px)}98%{opacity:1;transform:translate(0)}}.entry-title,.brand-copy h1{-webkit-text-fill-color:var(--muted)}.title-dot{vertical-align:middle;background:var(--pink);border-radius:2px;flex-shrink:0;width:8px;height:8px;margin:0 12px;animation:2.5s ease-in-out infinite dot-pulse;display:inline-block;position:relative;top:-.08em;transform:rotate(45deg);box-shadow:0 0 6px #ff4d8db3,0 0 18px #ff4d8d59}@keyframes dot-pulse{0%,to{box-shadow:0 0 6px #ff4d8db3,0 0 18px #ff4d8d59}50%{box-shadow:0 0 10px #ff4d8de6,0 0 28px #c724b173}}.dimension-list,.close-list{gap:14px;margin-top:14px;display:grid}.dimension-top{color:var(--ink-secondary);font-family:var(--heading);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:14px;font-size:.95rem;display:flex}.dimension-top span:last-child{font-family:var(--mono);color:var(--gold);text-shadow:0 0 6px #ff85c033;font-size:1.1rem}.close-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.close-item strong{color:var(--ink);font-size:1.05rem;font-weight:800}.close-item span{color:var(--pink);font-family:var(--mono);letter-spacing:.05em;text-shadow:0 0 6px #ff4d8d4d,0 0 14px #ff4d8d1f;font-size:1.2rem}.dimension-track{background:#ff4d8d0f;border:1px solid #ff4d8d0d;border-radius:999px;height:12px;margin-top:6px;overflow:hidden}.dimension-track.affinity span{background:linear-gradient(90deg,#ff4d8d,#ff85c0);box-shadow:0 0 8px #ff4d8d59}.dimension-track.agency span{background:linear-gradient(90deg,#c724b1,#ff4d8d);box-shadow:0 0 8px #c724b159}.dimension-track.play span{background:linear-gradient(90deg,#ff69be,#ff4d8d);box-shadow:0 0 8px #ff69be59}.dimension-track.glitch span{background:linear-gradient(90deg,#7f7cff,#c724b1);box-shadow:0 0 8px #7f7cff59}.dimension-track.drift span{background:linear-gradient(90deg,#7ab5ff,#c724b1);box-shadow:0 0 8px #7ab5ff59}.dimension-track.control span{background:linear-gradient(90deg,#ff85c0,#c724b1);box-shadow:0 0 8px #ff85c059}.close-item{border-bottom:1px solid #ff4d8d1a;padding-bottom:12px}.close-item:last-child{border-bottom:0;padding-bottom:0}.result-actions{flex-wrap:wrap;grid-area:actions;justify-content:center;gap:16px;margin-top:-4px;display:flex}.result-actions .primary-btn,.result-actions .primary-btn:hover{box-shadow:none}.theme-toggle-btn{z-index:9999;border:1px solid var(--line-strong);background:var(--panel);width:42px;height:42px;color:var(--pink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);cursor:var(--cursor-pointer), pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:20px;right:24px}.theme-toggle-btn svg{flex-shrink:0;width:18px;height:18px;display:block}.theme-toggle-btn:hover{border-color:var(--pink-dim);transform:translateY(-1px);box-shadow:0 0 14px #ff4d8d40}@media (width<=520px){.theme-toggle-btn{width:36px;height:36px;top:14px;right:14px}.theme-toggle-btn svg{width:16px;height:16px}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.language-gate{margin-top:24px;flex-wrap:wrap;justify-content:center;gap:12px;max-width:520px;margin-inline:auto;display:flex}.lang-option{border:1px solid var(--line-strong);min-width:104px;color:var(--ink);font-family:var(--heading);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);background:linear-gradient(135deg,#160c12e6,#120b10cc);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:1.08rem;font-weight:800;display:flex}.lang-option:hover{border-color:var(--pink-dim);background:linear-gradient(135deg,#ff4d8d14,#160c12e6);transform:translateY(-2px);box-shadow:0 0 14px #ff4d8d4d,0 0 35px #ff4d8d1a}.lang-code{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;font-size:1.05rem}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:.02em;color:var(--ink);text-shadow:0 1px 4px #00000040;word-break:keep-all;overflow-wrap:break-word;font-weight:900}h1{margin-top:12px;font-size:clamp(2.2rem,3.2vw,4.2rem);line-height:1.15}h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.1}h3{font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:800;line-height:1.2}h4{color:var(--ink);font-size:1.4rem;font-weight:800;line-height:1.3}.hero-panel{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:18px;padding:22px;display:grid}.hero-panel.compact{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr)}.hero-panel.with-image{align-items:stretch}.hero-copy,.hero-orbit,.section,.quiz-shell,.result-shell{position:relative;overflow:hidden}.hero-copy{min-height:420px;box-shadow:var(--glass-edge), var(--shadow);-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 0 0,#ff4d8d1f,#0000 45%),linear-gradient(135deg,#120b10a6,#160c12bf);border:1px solid #ffffff0a;border-radius:16px;padding:28px}.hero-copy.compact{min-height:0}.hero-kicker,.hero-body,.mita-subtitle,.result-subtitle,.close-item p,.metric-block p,.tip-box,.feature-list{color:var(--muted)}.hero-keyword{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero-keyword.soul{background:linear-gradient(#ff85c0 0%,#ff4d8d 100%);filter:drop-shadow(0 1px 2px #0006)drop-shadow(0 0 6px #ff4d8d73);-webkit-background-clip:text;background-clip:text}.hero-keyword.mita{background:linear-gradient(#f0e0e8 0%,#c724b1 100%);filter:drop-shadow(0 1px 2px #0006)drop-shadow(0 0 6px #c724b173);-webkit-background-clip:text;background-clip:text;animation:4s step-end infinite mita-flicker}@keyframes mita-flicker{0%,to{opacity:1}88%{opacity:1}89%{opacity:.5}90%{opacity:1}94%{opacity:.7}95%{opacity:1}}.hero-body{margin-top:18px;max-width:58ch;color:var(--ink-secondary);text-wrap:pretty;margin-inline:auto;font-size:1.05rem;line-height:1.75}.hero-actions,.result-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-copy.compact,.section-head,.quiz-head>div,.result-actions,.result-grid .section-kicker,.result-grid .card-label{text-align:center}.brand-copy h1,.hero-copy.compact h2,.section-head h3{margin-inline:auto}.brand-copy h1,.entry-title{white-space:normal;text-wrap:pretty;max-width:none}.hero-copy.compact h2,.section-head h3{max-width:22ch}.types-page .section-head h3{max-width:none}.hero-copy.compact .hero-actions{justify-content:center}.home-copy{text-align:left}.home-copy h2,.home-copy .hero-body{text-align:left;max-width:min(100%,42rem);margin-inline:0}.home-copy .hero-actions{justify-content:flex-start}.utility-row{justify-content:flex-start;align-items:center;gap:16px;margin:20px 0;display:flex}.utility-row.with-home{justify-content:space-between}.community-bar{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:12px;margin:-4px 0;padding:4px 0;display:flex;overflow:clip visible}.community-bar::-webkit-scrollbar{display:none}.community-btn{border:1px solid var(--line);min-height:48px;color:var(--ink);box-shadow:none;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:#120b10b8;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:inline-flex}.community-btn svg{width:24px;height:24px;display:block}.community-btn.icon-only{width:52px;min-width:52px;padding:12px}.community-btn.qq-chip{white-space:nowrap;gap:10px;height:48px;min-height:48px;padding-top:0;padding-bottom:0;font-weight:700}.community-btn.qq-chip svg{width:28px;height:28px}.community-btn:hover{border-color:var(--pink-dim);transform:translateY(-2px);box-shadow:0 0 12px #ff4d8d38}.orbit-large{background:radial-gradient(circle at 100% 0,#c724b124,#0000 28%),#120b10b8}.feature-list{margin:14px 0 0;padding-left:18px}.section{margin-top:24px;padding:24px}.types-page{margin-top:0;padding:0}.section-head{margin-bottom:18px;max-width:40rem;margin-inline:auto}.types-page .section-head{text-align:left;max-width:none;margin-inline:0}.types-page .section-head.split{align-items:stretch}.roster-intro-card{background:#120b10e0;border:1px solid #ff4d8d26;border-radius:12px;padding:22px 24px}.roster-intro-card .section-kicker{margin-bottom:14px}.types-page .section-head h3,.types-page .section-head .section-kicker{text-align:left;margin-inline:0}.section-head.split{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.utility-home-btn{flex:none;justify-content:center;align-items:center;height:48px;min-height:48px;display:inline-flex}.types-nav-btn{white-space:nowrap;align-self:center;min-width:196px;min-height:56px}.nowrap{white-space:nowrap}.types-nav-landscape{display:none}.quiz-shell,.result-shell{padding:24px}.result-shell{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;overflow:visible}.result-layout{grid-template-columns:minmax(0, 1fr) minmax(260px, var(--result-image-column-width,340px));background:0 0;grid-template-areas:"copy image""close dimensions""actions actions";align-items:stretch;gap:22px;margin:-8px;padding:8px;display:grid;overflow:visible}.quiz-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.quiz-head-left{text-align:left;align-items:center;gap:14px;min-width:0;display:flex}.quiz-head-left h3,.quiz-head-left .section-kicker{margin:0}.quiz-foot{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:18px;margin-top:18px;display:grid}.quiz-foot>.ghost-btn{justify-self:start}.progress-bar{background:#ff4d8d0f;border:1px solid #ff4d8d14;border-radius:999px;height:12px;margin:18px 0 20px;overflow:hidden}.progress-bar span,.dimension-track span{border-radius:inherit;height:100%;display:block}.progress-bar span{background:linear-gradient(90deg, var(--pink), var(--cyan));transition:width .2s steps(6,end);position:relative;box-shadow:0 0 10px #ff4d8d73}.question-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#160c12eb;border:1px solid #ff4d8d1a;padding:28px}.question-text{color:var(--ink);text-shadow:0 1px 3px #0000004d;text-wrap:pretty;margin-top:18px;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:700;line-height:1.6}.answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.answer-btn{border:1px solid var(--line-strong);text-align:left;min-height:120px;color:var(--ink);background:linear-gradient(160deg,#160e14f2,#0e080ce6);align-content:start;gap:10px;padding:16px;display:grid}.answer-btn:hover{border-color:var(--pink-dim);background:linear-gradient(160deg,#ff4d8d0f,#160e14f2);transform:translateY(-2px);box-shadow:0 0 12px #ff4d8d2e,inset 0 0 20px #ff4d8d08}.answer-btn.active{border-color:var(--pink);background:linear-gradient(160deg,#ff4d8d1f,#160e14f2);box-shadow:0 0 16px #ff4d8d4d,0 0 40px #ff4d8d14,inset 0 0 24px #ff4d8d0a}.answer-rank{font-family:var(--mono);color:var(--pink);text-shadow:0 0 6px #ff4d8d80,0 0 14px #ff4d8d33;letter-spacing:.04em;font-size:1.5rem;line-height:1}.answer-top{justify-content:space-between;align-items:center;display:flex}.answer-scale-icon{width:64px;height:auto;color:var(--pink);opacity:.6;transition:transform var(--transition), opacity var(--transition)}.answer-btn:hover .answer-scale-icon{opacity:.9;transform:translateY(-1px)}.answer-btn.active .answer-scale-icon{opacity:1;filter:drop-shadow(0 0 8px #ff4d8d73)}.answer-btn span:last-child{color:var(--ink-secondary);font-size:1rem;font-weight:700;line-height:1.55}.answer-btn:hover span:last-child,.answer-btn.active span:last-child{color:var(--ink)}.answer-btn.active .answer-rank{text-shadow:0 0 8px #ff4d8da6,0 0 20px #ff4d8d4d}.tip-box{max-width:52ch;color:var(--muted);font-size:.92rem}.quiz-foot .tip-box{text-align:center;grid-column:2;justify-self:center}.quiz-finish-btn,.quiz-finish-spacer{grid-column:3;justify-self:end}.quiz-finish-btn{flex-shrink:0}.quiz-finish-spacer{visibility:hidden;pointer-events:none}.result-partial-tag{opacity:.55;letter-spacing:.02em;font-weight:400}.result-copy{text-align:left;background:radial-gradient(circle at 0 0,#ff4d8d0f,#0000 40%),linear-gradient(145deg,#120b10ed,#160c12f5);border:1px solid #ff4d8d26;border-radius:16px;grid-area:copy;align-self:start;padding:28px}.result-heading{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin:16px 0 14px;display:flex}.result-code.type-code.large{letter-spacing:.18em;border-width:2px;border-radius:6px;flex:none;padding:16px 22px;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1}.result-copy h2{color:var(--ink);text-shadow:0 0 20px #ff4d8d4d,0 0 50px #c724b11f;-webkit-text-stroke:.5px #ff4d8d26;margin:0;padding-bottom:.15em;font-size:clamp(2.8rem,5.5vw,5rem);line-height:.95}.mita-subtitle{word-break:keep-all;font-size:.95rem;font-weight:500}.result-subtitle{color:color-mix(in srgb, var(--accent) 44%, var(--muted));text-align:center;word-break:keep-all;margin-top:0;font-size:1.15rem;font-weight:800}.result-description{max-width:100%;color:var(--ink-secondary);text-wrap:pretty;margin-top:24px;font-size:1.18rem;font-weight:500;line-height:1.85}.result-image{object-fit:cover;object-position:center center;width:calc(100% + 24px);height:calc(100% + 24px);filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 50%, transparent)) drop-shadow(0 0 50px color-mix(in srgb, var(--accent) 25%, transparent));will-change:transform, filter;border-radius:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;display:block;position:absolute;top:-12px;left:-12px}.result-image-shell{z-index:0;border-radius:12px;position:absolute;inset:4px;overflow:hidden}.result-image-clip{border-radius:inherit;backface-visibility:hidden;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.image-block:hover .result-image{filter:drop-shadow(0 0 30px color-mix(in srgb, var(--accent) 70%, transparent)) drop-shadow(0 0 80px color-mix(in srgb, var(--accent) 40%, transparent)) brightness(1.05);transform:scale(1.04)translateY(-1.5%)}.metric-block,.detail-card{background:linear-gradient(160deg,#120b10e6,#0e080ce0);border:1px solid #ff4d8d1f;border-radius:12px;padding:22px}.result-layout .detail-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.metric-block strong{font-family:var(--mono);color:var(--pink);letter-spacing:.04em;text-shadow:0 0 14px #ff4d8d80,0 0 35px #c724b133;margin-top:10px;font-size:clamp(2.6rem,4.5vw,3.8rem);line-height:1;display:block}.result-copy .tag-row{justify-content:center;margin-top:22px}.result-copy .tag-chip.strong{color:var(--ink);background:#ff4d8d14;border:1px solid #ff4d8d26}.result-note-inline{background:#ff4d8d0a;border:1px solid #ff4d8d1a;border-radius:10px;margin-top:20px;padding:16px 18px}.result-note-inline .card-label{margin-bottom:8px}.result-note-inline p{color:var(--ink-secondary);text-wrap:pretty;margin:0;font-size:1.04rem;line-height:1.75}.match-rate-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-rate-row .card-label{margin-bottom:0}.match-rate-row strong{font-family:var(--mono);color:var(--pink);letter-spacing:.04em;text-shadow:0 0 14px #ff4d8d80,0 0 35px #c724b133;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.card-divider{border:none;border-top:1px solid #ff4d8d26;margin:14px 0 16px}.easter-egg-wrapper{position:relative}.image-block{--result-image-overscan:30px;aspect-ratio:1242/1863;width:min(100%, var(--result-image-column-width,100%));isolation:isolate;background:radial-gradient(ellipse 80% 70% at center bottom, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%), radial-gradient(circle at top left, #ffffff0d, transparent 40%), linear-gradient(160deg, #120b10f2, #0c060ae6);border:4px solid color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 12px 32px #0006, 0 0 24px color-mix(in srgb, var(--accent) 15%, transparent), inset 0 0 30px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:16px;flex-direction:column;grid-area:image;place-self:start end;padding:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.image-block:after{content:"";pointer-events:none;z-index:10;mix-blend-mode:overlay;opacity:.6;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000080}html[data-theme=light] .image-block{background:radial-gradient(ellipse 80% 70% at center bottom, color-mix(in srgb, var(--accent) 15%, transparent), transparent 70%), linear-gradient(160deg, #fffafcf2, #faf0f5e6);border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 12px 28px #ff4d8d1f, 0 0 20px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 0 20px color-mix(in srgb, var(--accent) 5%, transparent)}.image-block:hover{border-color:color-mix(in srgb, var(--accent) 80%, transparent);box-shadow:0 16px 40px #00000080, 0 0 45px color-mix(in srgb, var(--accent) 30%, transparent), inset 0 0 40px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-4px)scale(1.01)}html[data-theme=light] .image-block:hover{border-color:color-mix(in srgb, var(--accent) 80%, transparent);box-shadow:0 16px 36px #ff4d8d33, 0 0 35px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 0 30px color-mix(in srgb, var(--accent) 15%, transparent)}@media (width<=960px){.image-block{justify-self:stretch;width:100%}}.image-block .easter-egg-viewport:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000012 3px 4px);position:absolute;inset:0}.image-block .easter-egg-viewport:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--accent) 5%, transparent) 50%, transparent 100%);pointer-events:none;z-index:3;height:45%;transition:all var(--transition);mix-blend-mode:color-dodge;animation:8s ease-in-out infinite card-scan;position:absolute;top:-45%;left:0;right:0}.image-block:hover .easter-egg-viewport:after{z-index:12;background:linear-gradient(#0000 0%,#ff4d8d1a 35%,#ff4d8de6 50%,#ff4d8d1a 65%,#0000 100%);height:15%;animation:2.2s cubic-bezier(.3,0,.2,1) infinite card-scan-hover;box-shadow:0 0 16px #ff4d8d99}@keyframes card-scan{0%{opacity:0;top:-45%}8%{opacity:1}92%{opacity:.7}to{opacity:0;top:140%}}@keyframes card-scan-hover{0%{opacity:0;top:-20%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.image-block .easter-egg-wrapper{z-index:0;border-radius:8px;position:absolute;inset:0;overflow:hidden}.image-block .easter-egg-viewport{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.image-block .easter-egg-shake{inset:calc(var(--result-image-overscan) * -1);transform-origin:50%;will-change:transform;position:absolute;transform:scale(1.06)}.close-matches-card{grid-area:close}.dimensions-card{grid-area:dimensions}.detail-card .section-kicker,.metric-block .card-label{margin-bottom:12px}@media (width<=1200px){.answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.answer-btn{min-height:110px}.answer-grid .answer-btn:nth-child(4),.answer-grid .answer-btn:nth-child(5){grid-column:auto}}@media (width<=960px){.hero-panel,.hero-panel.compact{grid-template-columns:1fr}.result-layout{grid-template-columns:1fr;grid-template-areas:"copy""image""close""dimensions""actions"}.answer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-copy h2,.home-copy .hero-body{max-width:100%}.collage-visual{min-height:320px}.roster-grid.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mita-image-wrap{min-height:220px}.mita-image{max-height:220px}.shell:before{width:500px;height:500px}.shell:after{width:350px;height:350px}}@media (width<=720px){.shell{width:min(100% - 16px,1180px);padding:14px 0 0}.topbar,.quiz-shell,.section,.hero-panel{padding:16px}.topbar{gap:12px;padding:16px}.brand-logo{width:110px}.brand-copy{margin-top:0}.brand-copy>div{max-width:100%}.language-switch{justify-content:center;gap:8px}.lang-btn{min-width:44px;padding:8px 10px;font-size:.9rem}.quiz-head{flex-wrap:wrap;gap:10px}.quiz-head-left{flex-wrap:wrap;gap:8px}.quiz-foot{flex-direction:column;align-items:flex-start;gap:12px;display:flex}:is(.quiz-foot:has(.quiz-finish-btn),.quiz-foot:has(.quiz-finish-spacer)){flex-flow:wrap;justify-content:space-between;align-items:center}:is(.quiz-foot:has(.quiz-finish-btn)>.ghost-btn,.quiz-foot:has(.quiz-finish-spacer)>.ghost-btn){order:1}:is(.quiz-foot:has(.quiz-finish-btn) .tip-box,.quiz-foot:has(.quiz-finish-spacer) .tip-box){text-align:center;border-top:1px solid #ff4d8d26;flex-basis:100%;order:2;margin-top:4px;padding-top:12px}.quiz-head .ghost-btn,.quiz-foot .ghost-btn{padding:10px 14px;font-size:.92rem}.question-card{padding:18px}.question-text{margin-top:14px;font-size:1.05rem;line-height:1.6}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.answer-grid .answer-btn:nth-child(3){grid-column:1/-1}.answer-grid .answer-btn:nth-child(5){grid-column:auto}.answer-btn{min-height:86px;padding:12px}.answer-rank{font-size:1.3rem}.answer-btn span:last-child{font-size:.92rem;line-height:1.45}.tip-box{text-align:left;font-size:.85rem}.progress-bar{height:10px;margin:14px 0 16px}.progress-bar span:after{width:12px;height:12px}.language-gate{gap:10px;margin-top:20px}.lang-option{min-width:90px;padding:14px;font-size:1rem}.hero-copy{padding:20px}.collage-visual{min-height:280px;padding:14px}.collage-visual img{max-height:220px}.result-heading{flex-direction:row;justify-content:center;align-items:center;gap:14px}.result-code.type-code.large{letter-spacing:.12em;padding:12px 16px;font-size:clamp(1.2rem,5vw,1.6rem)}.result-copy{padding:20px}.result-description{margin-top:18px;font-size:1.05rem;line-height:1.72}.metric-block,.detail-card{padding:18px}.metric-block strong{font-size:clamp(2.2rem,8vw,3rem)}.home-copy .hero-actions{flex-wrap:nowrap;width:100%}.home-copy .hero-actions .primary-btn,.home-copy .hero-actions .ghost-btn{text-align:center;flex:1;min-width:0;padding-left:4px;padding-right:4px}.section-head.split{flex-direction:column;align-items:flex-start;gap:12px}.types-page .types-nav-btn{align-self:stretch;width:100%}.roster-intro-card{padding:16px 18px}.mita-image-wrap{min-height:180px;padding:10px}.mita-image{max-height:180px}.mita-card{padding:16px}.utility-row{justify-content:center;align-items:center;gap:10px;margin:14px 0}.community-btn{min-height:42px;padding:10px 12px}.community-btn.icon-only{width:44px;min-width:44px;padding:10px}.community-btn svg{width:20px;height:20px}.community-btn.qq-chip{gap:8px;height:42px;min-height:42px;font-size:.9rem}.community-btn.qq-chip svg{width:24px;height:24px}.utility-home-btn{height:42px;min-height:42px;padding-top:0;padding-bottom:0}.site-footer{justify-content:center;align-items:center;margin-top:24px;padding-top:16px}}@media (width<=520px){.shell{width:calc(100% - 12px);padding:10px 0 0}.topbar,.quiz-shell,.section,.hero-panel{padding:14px}h1,h2{letter-spacing:.04em;font-size:clamp(1.6rem,8vw,2.4rem)}h3{font-size:clamp(1.2rem,5vw,1.6rem)}h4{font-size:1.15rem}.hero-copy.compact h2,.entry-title,.brand-copy h1{text-wrap:balance;font-size:clamp(1.5rem,8vw,2.4rem);line-height:1.12}.section-head h3{text-wrap:balance}.hero-copy{min-height:0;padding:16px}.hero-body{margin-top:12px;font-size:.95rem}.entry-prompt{font-size:.92rem}.language-gate{gap:8px;margin-top:16px}.lang-option{gap:8px;min-width:80px;padding:12px;font-size:.95rem}.lang-code{font-size:.85rem}.brand-logo{width:90px}.entry-logo{width:min(180px,48vw)}.utility-row.with-home{flex-wrap:wrap;justify-content:center;gap:8px}.collage-visual{min-height:220px;padding:10px}.collage-visual img{max-height:180px}.roster-grid.image-grid{grid-template-columns:1fr;gap:12px}.mita-image-wrap{min-height:220px;padding:12px}.mita-image{max-height:220px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.answer-grid .answer-btn:nth-child(3){grid-column:1/-1}.answer-grid .answer-btn:nth-child(5){grid-column:auto}.answer-btn{min-height:76px;padding:10px}.answer-rank{font-size:1.2rem}.answer-btn span:last-child{font-size:.86rem;line-height:1.4}.primary-btn,.ghost-btn{padding:12px 14px;font-size:.92rem}.hero-actions,.result-actions{gap:10px;margin-top:18px}.result-actions{flex-direction:column;align-items:stretch}.result-actions .primary-btn,.result-actions .ghost-btn{text-align:center}.result-heading{gap:10px;margin:12px 0 10px}.result-copy h2{font-size:clamp(2rem,10vw,3.2rem)}.result-code.type-code.large{letter-spacing:.1em;padding:10px 14px;font-size:clamp(1.1rem,5vw,1.4rem)}.result-subtitle{font-size:1rem}.result-description{font-size:1rem;line-height:1.68}.metric-block strong{font-size:clamp(2rem,10vw,2.6rem)}.dimension-top{font-size:.88rem}.dimension-top span:last-child{font-size:1rem}.dimension-track{height:10px}.close-item strong{font-size:.95rem}.close-item span{font-size:1.05rem}.tag-chip{padding:6px 10px;font-size:.82rem}.eyebrow,.section-kicker,.card-label,.question-badge,.status-pill,.version-pill{letter-spacing:.04em;padding:6px 10px;font-size:11px}.site-footer{flex-wrap:wrap;justify-content:center;gap:6px;font-size:.82rem}.footer-brand{font-size:1rem}.shell:before{width:300px;height:300px}.shell:after{display:none}.progress-bar{height:8px;margin:12px 0 14px}.progress-bar span:after{width:10px;height:10px}}@media (width<=380px){.shell{width:calc(100% - 8px);padding:8px 0 0}.topbar,.quiz-shell,.section,.hero-panel{padding:12px}h1,h2{letter-spacing:.02em;font-size:clamp(1.4rem,8vw,2rem)}h3{font-size:clamp(1.1rem,5vw,1.4rem)}.brand-logo{width:76px}.entry-logo{width:min(140px,44vw)}.language-gate{gap:6px}.lang-option{gap:6px;min-width:70px;padding:10px;font-size:.88rem}.answer-btn{gap:6px;min-height:68px;padding:8px}.answer-rank{font-size:1.1rem}.answer-btn span:last-child{font-size:.8rem;line-height:1.35}.question-text{font-size:.95rem;line-height:1.55}.primary-btn,.ghost-btn{padding:10px 12px;font-size:.86rem}.type-code{letter-spacing:.08em;padding:8px 10px;font-size:.92rem}.result-copy h2{font-size:clamp(1.6rem,10vw,2.4rem)}.result-code.type-code.large{padding:8px 12px;font-size:1rem}.metric-block strong{font-size:clamp(1.8rem,10vw,2.2rem)}.community-btn.icon-only{width:38px;min-width:38px;padding:8px}.community-btn svg{width:18px;height:18px}.community-btn.qq-chip{height:38px;min-height:38px;padding:0 10px;font-size:.82rem}.utility-home-btn{height:38px;min-height:38px;padding-top:0;padding-bottom:0}.shell:before{opacity:.4;width:200px;height:200px}}@media (orientation:landscape),(width>=521px){.types-nav-portrait{display:none}.types-nav-landscape{white-space:nowrap;justify-content:center;align-items:center;min-width:0;height:48px;min-height:48px;margin-left:auto;padding-top:0;padding-bottom:0;display:inline-flex}.utility-row.with-home{justify-content:flex-start}}@keyframes neon-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 10px #ff4d8d4d,0 0 30px #c724b11a}50%{transform:translateY(0)scale(1.015);box-shadow:0 0 22px #ff4d8d8c,0 0 55px #c724b133}}.primary-btn{animation:4.5s ease-in-out infinite neon-pulse}h1,h2{background:linear-gradient(90deg,#ff4d8d 0%,#ff85c0 25%,#f0e0e8 45%,#c724b1 65%,#ff4d8d 85%,#ff85c0 100%) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite gradient-shift}h3{background:linear-gradient(90deg,#ff85c0 0%,#f0e0e8 50%,#ff85c0 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}to{background-position:300%}}#root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff4d8d14 0%,#0000 70%);border-radius:50%;width:760px;height:760px;animation:8s ease-in-out infinite glow-breathe;position:fixed;top:-28%;left:50%;transform:translate(-50%)}#root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#c724b10f 0%,#0000 65%);border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite glow-breathe-alt;position:fixed;bottom:-20%;left:-10%}@keyframes glow-breathe{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes glow-breathe-alt{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.progress-bar span:after{content:"";background:var(--pink);width:14px;height:14px;box-shadow:0 0 8px var(--pink), 0 0 18px #ff4d8d73;border-radius:50%;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.question-card{animation:.25s steps(4,end) fade-glitch-in}@keyframes fade-glitch-in{0%{opacity:0;transform:translate(-3px)}30%{opacity:.6;transform:translate(2px)}60%{opacity:.9;transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.result-code.type-code.large{animation:4s step-end infinite code-flicker}html[data-theme=light]{--bg:#fff9f2;--bg-soft:#f7eee4;--panel:#fffbf6db;--panel-strong:#fff5eb;--ink:#1f1d2a;--ink-secondary:#4a3f5c;--muted:#6d6374;--line:#ff5d8f33;--line-strong:#ff5d8f61;--pink:#ff5d8f;--pink-dim:#ff5d8f8c;--cyan:#c724b1;--gold:#c05080;--accent:var(--pink);--shadow:0 4px 16px #64325024, 0 0 14px #ff5d8f1a;--glass-edge:inset 0 1px 1px #fffc, inset 1px 0 0px #ffffff4d;--transition:.15s ease;--cursor-default:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' stroke='%23ff5d8f' stroke-width='6' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.2'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' stroke='%23ff5d8f' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.5'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' fill='%23c724b1' opacity='0.8' transform='translate(-2%2C 1)'/%3E%3Cpath d='M8 8 L8 24 L12 20 L15 27 L17 26 L14 19 L19 19 Z' fill='%23ff5d8f' stroke='%231f1d2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 8 8;--cursor-pointer:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' stroke='%23ff5d8f' stroke-width='5' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.2'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' stroke='%23ff5d8f' stroke-width='2' stroke-linejoin='round' stroke-linecap='round' fill='none' opacity='0.5'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' fill='%23c724b1' opacity='0.8' transform='translate(-2%2C 1)'/%3E%3Cpath d='M7 10 C 7 7.5%2C 9 7.5%2C 9 10 L 9 15 C 9.5 14%2C 11 14%2C 11.5 15 C 12 14%2C 13.5 14%2C 14 15 C 14.5 14%2C 16 14%2C 16.5 15 C 17.5 17%2C 17.5 20%2C 16 23 C 14.5 26%2C 12.5 27%2C 9.5 27 C 6.5 27%2C 4.5 25%2C 3.5 22 L 0.5 17 C -0.5 15%2C 1.5 14%2C 3 15 L 5 17 L 5 10 C 5 7.5%2C 7 7.5%2C 7 10 Z' fill='%23ff5d8f' stroke='%231f1d2a' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 8 8}html[data-theme=light] body{background:radial-gradient(circle at 0 0,#ff5d8f38,#0000 30%),radial-gradient(circle at 100% 0,#43c6ff40,#0000 24%),linear-gradient(#fff9f2 0%,#f7eee4 54%,#f1e6da 100%)}html[data-theme=light] body:before,html[data-theme=light] body:after{display:none}html[data-theme=light] ::selection{color:#1f1d2a;background:#ff5d8f40}html[data-theme=light] ::-webkit-scrollbar-track{background:#fff9f2}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#ff5d8f4d}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#ff5d8f80}html[data-theme=light] *{scrollbar-color:#ff5d8f4d #fff9f2}html[data-theme=light] .hero-keyword.soul{background:linear-gradient(#f02075 0%,#a01050 100%);filter:drop-shadow(0 1px 2px #f0207533);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .hero-keyword.mita{background:linear-gradient(#901080 0%,#500850 100%);filter:drop-shadow(0 1px 2px #90108033);-webkit-background-clip:text;background-clip:text;animation:none}@keyframes light-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 10px #ff5d8f33,0 0 25px #c724b11a}50%{transform:translateY(0)scale(1.015);box-shadow:0 0 18px #ff5d8f66,0 0 45px #c724b126}}html[data-theme=light] .primary-btn{animation:4.5s ease-in-out infinite light-pulse}html[data-theme=light] .question-card,html[data-theme=light] .result-code.type-code.large{animation:none}html[data-theme=light] .mtti-brand{background:linear-gradient(#d01060 0%,#700a60 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px #d0106026);-webkit-background-clip:text;background-clip:text;animation:none}html[data-theme=light] .lang-option{background:linear-gradient(135deg,#fff8f4eb,#fcf4eee0)}html[data-theme=light] .lang-option:hover{background:linear-gradient(135deg,#ff5d8f0f,#fff8f4f0)}html[data-theme=light] .lang-btn{background:#faf4edcc}html[data-theme=light] .lang-btn.active,html[data-theme=light] .lang-btn:hover{background:#ff5d8f14}html[data-theme=light] .hero-copy{box-shadow:var(--glass-edge), 0 8px 32px #ff5d8f0f;background:radial-gradient(circle at 0 0,#ff5d8f26,#0000 45%),linear-gradient(135deg,#fffaf6a6,#fcf5f0bf);border-color:#ff5d8f26}html[data-theme=light] .ghost-btn{background:#fff9f4e6}html[data-theme=light] .ghost-btn:hover{background:#ff5d8f0f}html[data-theme=light] .ghost-btn:disabled{background:#fff9f48c}html[data-theme=light] .collage-visual{background:radial-gradient(circle at 100% 0,#ff5d8f14,#0000 32%),radial-gradient(circle at 0 100%,#c724b10d,#0000 28%),#fffcf8d9}html[data-theme=light] .muted-card{background:#faf4edbf}html[data-theme=light] .community-btn{background:#faf4edd9}html[data-theme=light] .orbit-large{background:radial-gradient(circle at 100% 0,#c724b114,#0000 28%),#fffaf5d1}html[data-theme=light] .back-to-top-btn{background:radial-gradient(circle at 0 0,#ff5d8f14,#0000 55%),#fffaf5f0}html[data-theme=light] .mita-image-wrap{background:radial-gradient(ellipse 60% 15% at 50% 90%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%), radial-gradient(circle at center, #ff5d8f0a, transparent 60%), #fffcf8b8}html[data-theme=light] .roster-intro-card{background:#fffaf5f0;border-color:#ff5d8f26}html[data-theme=light] .question-card{background:#fff9f4f5;border-color:#ff5d8f1f}html[data-theme=light] .answer-btn{background:linear-gradient(160deg,#fff9f6f0,#fdf7f4eb)}html[data-theme=light] .answer-btn:hover{background:linear-gradient(160deg,#ff5d8f0d,#fff9f6f5)}html[data-theme=light] .answer-btn.active{background:linear-gradient(160deg,#ff5d8f1a,#fff9f6f5)}html[data-theme=light] .result-copy{background:radial-gradient(circle at 0 0,#ff5d8f0f,#0000 40%),linear-gradient(145deg,#fffaf6f0,#fcf5f0f5);border-color:#ff5d8f26}html[data-theme=light] .metric-block,html[data-theme=light] .detail-card{background:linear-gradient(160deg,#fffaf6eb,#fdf8f4e6);border-color:#ff5d8f1f}html[data-theme=light] .image-block{background:radial-gradient(circle,#ff5d8f0a,#0000 50%),linear-gradient(160deg,#fffaf6eb,#fdf8f4e6)}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{-webkit-text-fill-color:var(--ink);background:0 0;background-clip:unset;-webkit-background-clip:unset;text-shadow:none;animation:none}html[data-theme=light] h4{text-shadow:none}html[data-theme=light] .entry-title,html[data-theme=light] .brand-copy h1{-webkit-text-fill-color:var(--muted)}html[data-theme=light] .footer-brand{background:linear-gradient(#ff85c8 0%,#ff2d88 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #ff85c866)drop-shadow(2px 3px #dc006e26);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .footer-brand:hover{filter:drop-shadow(0 0 12px #ff85c8a6)drop-shadow(2px 3px #dc006e40)}html[data-theme=light] #root:before{opacity:.6;background:radial-gradient(circle,#ff5d8f0d 0%,#0000 70%)}html[data-theme=light] #root:after{opacity:.5;background:radial-gradient(circle,#c724b10a 0%,#0000 65%)}