@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-pixel:"Geist Pixel", "Avenir Next", "Noto Sans SC", sans-serif;color:oklch(24% .035 258);font-synthesis:none;text-rendering:optimizelegibility;--paper:oklch(95% .025 87);--paper-bright:oklch(98% .015 88);--ink:oklch(24% .035 258);--ink-muted:oklch(44% .045 255);--blue:oklch(48% .2 259);--blue-dark:oklch(35% .16 260);--orange:oklch(71% .2 51);--red:oklch(54% .2 26);--line:oklch(75% .035 88);--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--ease-out:cubic-bezier(.16, 1, .3, 1);background:oklch(95% .025 87);font-family:Avenir Next,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:repeating-linear-gradient(90deg, transparent 0 47px, oklch(85% .025 87) 48px), var(--paper);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}.skip-link{z-index:20;color:var(--paper-bright);background:var(--blue-dark);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-md);border-bottom:2px solid var(--ink);width:min(100%,78rem);padding-bottom:var(--space-md);margin-inline:auto;display:flex}.topbar-actions{justify-content:flex-end;align-items:flex-start;gap:1rem;display:flex}.music-toggle{border:2px solid var(--ink);min-height:2rem;color:var(--ink);background:var(--paper-bright);box-shadow:3px 3px 0 var(--orange);cursor:pointer;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.72rem;font-weight:850;display:inline-flex}.music-toggle>span{background:0 0;border:1px solid;border-radius:50%;width:.55rem;height:.55rem}.music-toggle[aria-pressed=true]{color:var(--paper-bright);background:var(--blue)}.music-toggle[aria-pressed=true]>span{background:currentColor}.music-toggle:active{box-shadow:1px 1px 0 var(--orange);transform:translate(2px,2px)}.music-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.brand-mark,.event-code,.progress-number,.progress-total,.session-ticket,.result-number{font-family:var(--font-pixel);font-weight:400}.brand-mark{letter-spacing:.08em;align-items:baseline;gap:.35rem;font-size:.8rem;display:flex}.brand-mark b{color:var(--paper-bright);background:var(--blue);padding:.15rem .45rem;transform:rotate(-2deg)}.event-code{text-align:right;letter-spacing:.12em;font-size:.66rem;line-height:1.35}.event-code span{color:var(--ink-muted);letter-spacing:.04em;display:block}.screen{width:min(100%,78rem);min-height:calc(100dvh - 6.5rem);animation:screen-in .52s var(--ease-out) both;margin-inline:auto}.kicker{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.intro-screen{place-items:center;padding-block:clamp(3.5rem,7vw,5rem) clamp(4rem,8vw,6rem);display:grid;position:relative}.familiar{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.familiar--ticket-peek{z-index:1;width:6rem;top:-3.9rem;left:3.75rem}.familiar--ticket-corner{z-index:3;width:5.25rem;top:-2.9rem;right:-2.1rem;transform:rotate(10deg)}.familiar--ticket-left{z-index:3;width:4.9rem;top:34%;left:-2.75rem;transform:rotate(-8deg)}.familiar--ticket-bottom{z-index:3;width:4.5rem;bottom:-2.1rem;right:4.4rem;transform:rotate(4deg)}.familiar--page-1{width:5.5rem;bottom:9%;left:8%;transform:rotate(-6deg)}.familiar--page-2{width:6.9rem;top:15%;right:6%;transform:rotate(8deg)}.familiar--page-3{width:5rem;top:11%;left:12%;transform:rotate(-10deg)}.familiar--quiz{width:5.5rem;top:-3.9rem;right:1.25rem;transform:rotate(6deg)}.choices>.familiar--quiz{opacity:0;transition:opacity .14s, transform .26s var(--ease-out);transform:translateY(75%)rotate(6deg)}.choices:has(input:checked)>.familiar--quiz{opacity:1;transform:translateY(0)rotate(6deg)}.familiar--rail{width:2.5rem;display:none;position:static;transform:rotate(8deg)}.familiar--hatch-left{width:6.5rem;bottom:16%;left:10%;transform:rotate(-8deg)}.familiar--hatch-right{width:5.25rem;top:20%;right:11%;transform:rotate(7deg)}.familiar--result{width:5.75rem;top:-1rem;right:-.4rem;transform:rotate(10deg)}.ticket-wrap{width:min(35rem,100%);position:relative}.ticket{z-index:2;background:var(--paper-bright);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);position:relative}.ticket-main{padding:2.5rem 2.75rem 2.1rem}.ticket-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:1.6rem;display:flex}.ticket-stamp{border:2px solid var(--blue);color:var(--blue);opacity:.85;padding:.35rem .6rem;font-size:.68rem;font-weight:700;line-height:1.35;transform:rotate(-4deg)}.ticket-stamp span{font-family:var(--font-pixel);letter-spacing:.04em;font-size:.56rem;display:block}.ticket-no{color:var(--ink-muted);font-family:var(--font-pixel);text-align:right;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:400;line-height:1.6}.ticket-main h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.1rem,5vw,3.1rem);font-weight:800;line-height:1.15}.intro-lead{color:var(--ink-muted);margin:0;font-size:.95rem;font-weight:500;line-height:1.7}.ticket-perf{border-top:2px dashed oklch(24% .035 258/.45);position:relative}.ticket-perf:before,.ticket-perf:after{content:"";background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:1.375rem;height:1.375rem;position:absolute;top:-.75rem}.ticket-perf:before{left:-.8125rem}.ticket-perf:after{right:-.8125rem}.ticket-stub{padding:1.5rem 2.75rem 1.9rem}.ticket-stub-title{color:var(--ink-muted);margin:0 0 .875rem;font-size:.66rem;font-weight:700}.ticket-roster{grid-template-columns:1fr 1fr;gap:.44rem 2.25rem;margin:0;padding:0;list-style:none;display:grid}.ticket-roster li{animation:roster-in .42s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .12s);align-items:baseline;gap:.5rem;font-size:.74rem;line-height:1.4;display:flex}.ticket-roster .num{color:var(--ink-muted);font-family:var(--font-pixel);font-variant-numeric:tabular-nums;flex:none}.ticket-roster b{font-family:var(--font-pixel);flex:none;font-size:.72rem;font-weight:400}.ticket-roster small{color:var(--ink-muted);text-align:right;margin-left:auto;font-size:.74rem;font-weight:500}.mosoo-credit{border:2px solid var(--ink);width:fit-content;box-shadow:4px 4px 0 var(--orange);color:var(--ink);background:var(--paper-bright);letter-spacing:.14em;justify-content:center;align-items:center;gap:.8rem;margin:2.5rem auto 0;padding:.7rem .9rem;font-size:.7rem;font-weight:800;display:flex}.mosoo-credit img{width:7rem;height:auto;display:block}.mosoo-credit--result{justify-content:flex-start;margin:1.5rem 0 0}.intro-actions,.result-actions,.quiz-actions{align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.primary-button,.text-button{cursor:pointer;border:0;min-height:3rem;font-weight:850}.primary-button{min-width:12rem;color:var(--paper-bright);background:var(--ink);box-shadow:5px 5px 0 var(--orange);transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), background .14s;justify-content:space-between;align-items:center;gap:2.5rem;padding:.85rem 1rem;text-decoration:none;display:inline-flex}.primary-button:hover{background:var(--blue-dark);box-shadow:7px 7px 0 var(--orange);transform:translate(-2px,-2px)}.primary-button:active{box-shadow:2px 2px 0 var(--orange);transform:translate(3px,3px)}.primary-button:focus-visible,.text-button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.choice:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:4px}.text-button{color:var(--ink-muted);background:0 0;padding:.7rem 0}.text-button:hover{color:var(--blue)}.time-note{color:var(--ink-muted);font-size:.82rem;font-weight:700}.quiz-screen{grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2.5rem,7vw,6rem);display:grid}.quiz-progress{flex-direction:column;align-self:stretch;align-items:center;gap:.6rem;min-height:22rem;padding-block:.25rem;font-size:.72rem;font-weight:900;display:flex}.progress-number{color:var(--blue);font-size:1.15rem}.progress-track{background:var(--line);flex:1;width:3px;position:relative;overflow:hidden}.progress-track span{background:var(--blue);transform:scaleY(var(--progress));transform-origin:top;transition:transform .36s var(--ease-out);position:absolute;inset:0}.question-panel{width:100%;min-width:0;max-width:55rem}.question-content{min-width:0}.question-content>h1{letter-spacing:-.055em;max-width:17em;margin:.7rem 0 clamp(2rem,5vw,3.5rem);font-size:clamp(2rem,6vw,4.3rem);line-height:1.08}.choices{border:2px solid var(--ink);gap:0;margin:0;padding:0;display:grid;position:relative}.choice{align-items:center;gap:var(--space-md);background:var(--paper-bright);border-bottom:1px solid var(--line);cursor:pointer;min-height:4.25rem;transition:color .14s, background .14s, transform .14s var(--ease-out);grid-template-columns:2.5rem minmax(0,1fr) 1rem;padding:.75rem 1rem;font-weight:700;display:grid;position:relative}.choice>span:not(.choice-index){overflow-wrap:anywhere;min-width:0;line-height:1.5}.choice:last-child{border-bottom:0}@media (hover:hover) and (pointer:fine){.choice:hover{color:var(--paper-bright);background:var(--blue)}}.choice:has(input:checked){color:var(--paper-bright);background:var(--blue)}.choice:has(input:checked){transform:translate(.45rem)}.choice input{opacity:0;pointer-events:none;position:absolute}.choice-index{border:1px solid;place-items:center;width:2rem;height:2rem;font-size:.72rem;font-weight:900;display:grid}.choice:has(input:checked) .choice-index{color:var(--blue);background:var(--paper-bright)}.choice-arrow{opacity:.55;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;stroke-linejoin:miter;width:1rem;height:1rem;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);overflow:visible}.choice:has(input:checked) .choice-arrow{opacity:1;transform:translate(2px,-2px)}.quiz-actions{justify-content:flex-start}.hatching-screen{text-align:center;place-content:center;justify-items:center;display:grid;position:relative}.hatching-screen h1{letter-spacing:-.055em;margin:1rem 0 .5rem;font-size:clamp(2rem,6vw,4.5rem)}.hatching-screen>p:last-child{color:var(--ink-muted)}.hatch-seal{aspect-ratio:1;width:clamp(7rem,20vw,11rem);color:var(--paper-bright);background:var(--blue);border:8px double var(--paper);outline:3px solid var(--blue);animation:seal-turn .9s var(--ease-out) infinite alternate;border-radius:50%;place-items:center;margin-bottom:2rem;display:grid}.hatch-seal span{font-size:4rem;font-weight:950}.result-screen{align-items:center;gap:clamp(2rem,7vw,7rem);padding-block:clamp(2.5rem,6vw,5rem);animation:none;display:grid}.result-visual{min-width:0;position:relative}.pet-stage{background:var(--pet-color,var(--blue));border:2px solid var(--ink);min-height:20rem;box-shadow:9px 9px 0 var(--ink);-webkit-user-select:none;user-select:none;place-items:center;margin-top:.75rem;display:grid;position:relative;overflow:hidden}.pet-stage:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,oklch(98% .01 90/.22) 50%,#0000 51%),linear-gradient(#0000 49%,oklch(98% .01 90/.22) 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:3rem 3rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.pet-dragger{z-index:1;width:192px;height:208px;color:inherit;cursor:grab;touch-action:none;transform:translate3d(var(--pet-x), var(--pet-y), 0) scale(1.32);transform-origin:50%;background:0 0;border:0;padding:0;display:block;position:relative}.pet-dragger[data-dragging=true]{cursor:grabbing}.pet-dragger:focus-visible{outline:3px solid var(--paper-bright);outline-offset:5px}.pet-sprite{background-image:var(--pet-image);background-repeat:no-repeat;background-size:1536px 1872px;background-position:0 calc(var(--pet-row) * -208px);width:192px;height:208px;animation:pet-frames var(--pet-duration) steps(var(--pet-frames)) infinite;filter:drop-shadow(.6rem .75rem oklch(22% .03 258/.2));image-rendering:pixelated;pointer-events:none;display:block}.session-ticket{align-items:center;gap:var(--space-md);border-top:2px solid var(--ink);color:var(--ink-muted);letter-spacing:.12em;grid-template-columns:auto 1fr;margin-top:1.5rem;padding-top:.75rem;font-size:.68rem;font-weight:900;display:grid}.session-ticket code{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);letter-spacing:.02em;font-family:inherit;font-size:.7rem;font-weight:700;overflow:hidden}.result-number{width:max-content;color:var(--paper-bright);background:var(--blue);letter-spacing:.1em;padding:.35rem .55rem;font-size:.68rem}.result-copy h1{letter-spacing:-.07em;margin:.8rem 0 1.25rem;font-size:clamp(3.2rem,9vw,6.5rem);line-height:.86}.result-copy h1 span{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25em;font-size:.34em;line-height:1;display:block}.result-description{max-width:35rem;color:var(--ink-muted);margin:0;font-size:clamp(1rem,2vw,1.22rem);font-weight:600;line-height:1.75}.persona-stats{margin-top:2rem}.persona-stats-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.55rem;display:flex}.persona-stats-head h2{color:var(--blue);letter-spacing:.12em;margin:0;font-size:.78rem}.persona-stats-head span,.persona-stats strong{font-family:var(--font-pixel);font-weight:400}.persona-stats-head span{color:var(--ink-muted);letter-spacing:.08em;font-size:.62rem}.persona-stats ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.persona-stats li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:.3rem .75rem;padding-block:.65rem;display:grid}.persona-stats li>span{font-size:.78rem;font-weight:800}.persona-stats strong{font-variant-numeric:tabular-nums;font-size:.72rem}.persona-stats meter{appearance:none;width:100%;height:.42rem;accent-color:var(--meter-color);background:var(--line);border:0;grid-column:1/-1}.persona-stats meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:0}.persona-stats meter::-webkit-meter-optimum-value{background:var(--meter-color)}.persona-stats meter::-moz-meter-bar{background:var(--meter-color);border-radius:0}.result-facts{border-block:2px solid var(--ink);gap:1.5rem;margin-top:2rem;padding-block:1.25rem;display:grid}.result-facts h2{color:var(--blue);letter-spacing:.1em;margin:0 0 .6rem;font-size:.72rem}.result-facts ul{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.result-facts li{color:var(--paper-bright);background:var(--ink);padding:.35rem .55rem;font-size:.78rem;font-weight:800}.result-facts p{color:var(--ink-muted);margin:0;line-height:1.65}.result-handoff{border:2px solid var(--ink);background:var(--paper-bright);box-shadow:6px 6px 0 var(--orange);align-items:center;gap:1.5rem;margin-top:2rem;padding:1.25rem;display:grid}.result-handoff-copy{min-width:0}.result-handoff h2{letter-spacing:-.035em;margin:.5rem 0;font-size:clamp(1.35rem,3vw,1.8rem)}.result-handoff-intro{max-width:32rem;color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:650;line-height:1.6}.result-handoff-actions{gap:1rem;margin-top:1.25rem}.result-handoff-actions .primary-button{min-width:10rem}.result-handoff-actions .text-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.result-qr{justify-items:center;gap:.55rem;margin:0;display:grid}.result-qr svg{border:2px solid var(--ink);width:clamp(8.75rem,28vw,10.5rem);height:auto;display:block}.result-qr figcaption{color:var(--ink-muted);font-family:var(--font-pixel);letter-spacing:.08em;font-size:.62rem}.download-note,.share-status{color:var(--ink-muted);margin:.85rem 0 0;font-size:.72rem;font-weight:700;line-height:1.5}.share-status{min-height:1.1rem;color:var(--blue-dark)}.result-restart{margin-top:1rem}@keyframes screen-in{0%{opacity:0;transform:translateY(1rem)}}@keyframes roster-in{0%{opacity:0;transform:translate(.75rem)}}@keyframes seal-turn{0%{transform:rotate(-8deg)scale(.95)}to{transform:rotate(8deg)scale(1.03)}}@keyframes pet-frames{0%{background-position:0 calc(var(--pet-row) * -208px)}to{background-position:calc(var(--pet-frames) * -192px) calc(var(--pet-row) * -208px)}}@media (width>=52rem){.result-screen{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}.result-facts{grid-template-columns:1fr 1.2fr}.familiar--result{right:-1.4rem}}@media (width>=68rem){.result-handoff{grid-template-columns:minmax(0,1fr) auto}}@media (width<=52rem){.familiar--quiz{display:none}.familiar--rail{display:block}.familiar--result{width:4.5rem;top:-.75rem}}@media (width<=40rem){.app{padding-left:max(.85rem, env(safe-area-inset-left));padding-right:max(.85rem, env(safe-area-inset-right))}.event-code{display:none}.topbar{padding-bottom:.75rem}.screen{min-height:calc(100dvh - 4rem)}.intro-screen{align-items:start;padding-block:4rem 3rem}.ticket-main{padding:2rem 1.625rem 1.75rem}.ticket-main h1{font-size:clamp(1.9rem,8.5vw,2.4rem)}.ticket-stub{padding:1.25rem 1.625rem 1.625rem}.ticket-roster{grid-template-columns:1fr;row-gap:.375rem}.familiar--page-1,.familiar--page-2,.familiar--page-3,.familiar--ticket-left{display:none}.familiar--ticket-peek{width:4.75rem;top:-3.1rem;left:42%}.familiar--ticket-corner{width:4rem;top:-2.25rem;right:-.125rem}.familiar--ticket-bottom{width:3.625rem;bottom:-1.75rem;left:2.125rem;right:auto}.familiar--hatch-left{width:4.5rem;bottom:8%;left:3%}.familiar--hatch-right{width:3.75rem;top:12%;right:3%}.quiz-screen{grid-template-columns:1fr;align-items:start;gap:1rem;padding-block:1.5rem 2rem}.quiz-progress{flex-direction:row;align-self:auto;min-height:0}.progress-track{flex:1;width:auto;height:3px}.progress-track span{transform:scaleX(var(--progress));transform-origin:0}.question-content>h1{letter-spacing:-.04em;margin:.65rem 0 1.5rem;font-size:clamp(1.75rem,8vw,2.4rem);line-height:1.16}.choice{grid-template-columns:2.125rem minmax(0,1fr) .875rem;gap:.75rem;min-height:4rem;padding-block:.7rem;padding-inline:.75rem;font-size:1rem}.choice:has(input:checked){transform:none}.quiz-actions{flex-direction:column-reverse;align-items:stretch;margin-top:1rem}.result-actions{flex-direction:column;align-items:stretch}.result-handoff{padding:1rem}.primary-button{width:100%}.pet-dragger{transform:translate3d(var(--pet-x), var(--pet-y), 0) scale(1.16)}.result-screen{gap:1.5rem;padding-block:1.5rem 3rem}.result-copy h1{font-size:clamp(3.2rem,17vw,5.25rem)}}@media (height<=30rem) and (orientation:landscape){.quiz-screen,.result-screen{align-items:start;padding-block:1.5rem}.hatching-screen{min-height:24rem;padding-block:2rem}}@media (pointer:coarse){.primary-button,.text-button,.choice{min-height:3.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}