:root{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,textarea,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}.brand-mark{letter-spacing:.08em;align-items:baseline;gap:.35rem;font-size:.8rem;font-weight:800;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;font-weight:800;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{align-items:center;gap:var(--space-2xl);padding-block:clamp(3rem,8vw,7rem);display:grid}.intro-copy{max-width:48rem}.intro-copy h1{letter-spacing:-.075em;max-width:8em;margin:.8rem 0 1.5rem;font-size:clamp(3.2rem,12vw,7.6rem);font-weight:900;line-height:.88}.intro-copy h1 span{width:max-content;max-width:100%;color:var(--paper-bright);background:var(--blue);letter-spacing:-.08em;margin-top:.12em;padding:.1em .16em .14em;display:block;transform:rotate(-1deg)}.intro-lead{max-width:37rem;color:var(--ink-muted);margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:550;line-height:1.7}.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;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,textarea: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,.mock-note{color:var(--ink-muted);font-size:.82rem;font-weight:700}.guild-poster{color:var(--paper-bright);background:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--blue);padding:1rem;position:relative;transform:rotate(1deg)}.guild-poster>p{color:var(--orange);letter-spacing:.16em;margin:0 0 .75rem;font-size:.72rem;font-weight:900}.guild-poster ol{margin:0;padding:0;list-style:none}.guild-poster li{animation:roster-in .42s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .12s);border-top:1px solid oklch(42% .04 258);grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.5rem;padding:.52rem 0;display:grid}.guild-poster li>span,.guild-poster small{color:oklch(79% .035 258);font-size:.68rem}.guild-poster li b{letter-spacing:.025em;font-size:.88rem}.poster-stamp{aspect-ratio:1;width:4rem;color:var(--ink);background:var(--orange);border:3px solid var(--ink);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:950;display:grid;position:absolute;top:-1.2rem;right:1.5rem;transform:rotate(8deg)}.classified-strip{color:var(--ink);background:var(--orange);letter-spacing:.1em;margin:.75rem -1rem -1rem;padding:.55rem 1rem;font-size:.66rem;font-weight:950}.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{max-width:55rem}.question-panel>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}.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 1fr 1rem;padding:.75rem 1rem;font-weight:700;display:grid;position:relative}.choice:last-child{border-bottom:0}.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 i{opacity:.55;font-style:normal}.form-error{min-height:1.4rem;color:var(--red);margin:.65rem 0 0;font-size:.84rem;font-weight:800}.text-answer{gap:.75rem;display:grid;position:relative}.text-answer label{color:var(--ink-muted);font-size:.9rem;font-weight:700}.text-answer textarea{resize:vertical;width:100%;color:var(--ink);background:var(--paper-bright);border:2px solid var(--ink);border-radius:0;padding:1rem;font-size:1.05rem;line-height:1.7}.text-answer textarea::placeholder{color:oklch(50% .035 258)}.text-answer>span{color:var(--ink-muted);font-size:.72rem;font-weight:800;position:absolute;bottom:.65rem;right:.75rem}.quiz-actions{justify-content:space-between}.hatching-screen{text-align:center;place-content:center;justify-items:center;display:grid}.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);display:grid}.result-visual{min-width:0}.pet-stage{background:var(--pet-color,var(--blue));border:2px solid var(--ink);min-height:20rem;box-shadow:9px 9px 0 var(--ink);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-stage>span{color:var(--paper-bright);background:var(--ink);letter-spacing:.08em;padding:.45rem .7rem;font-size:.65rem;font-weight:900;position:absolute;bottom:0;right:0}.pet-stage--jiahao{background:oklch(21% .07 320)}.jiahao-sprite{z-index:1;filter:drop-shadow(0 1rem .7rem oklch(12% .05 320/.45));width:192px;height:208px;image-rendering:pixelated;background-image:url(/pets/jiahao/spritesheet.webp);background-position:0 0;background-repeat:no-repeat;animation:1.1s step-end infinite jiahao-idle;position:relative}.placeholder-pet{z-index:1;filter:drop-shadow(.8rem 1rem oklch(22% .03 258/.2));width:11rem;height:13rem;animation:pet-breathe 1.8s var(--ease-out) infinite alternate;position:relative}.pet-head{z-index:2;background:var(--paper-bright);border:.3rem solid var(--ink);border-radius:46% 54% 44% 56%;width:8rem;height:7rem;position:absolute;top:1.2rem;left:1.5rem}.pet-ear{z-index:1;background:var(--paper-bright);border:.3rem solid var(--ink);width:3.8rem;height:4.2rem;position:absolute;top:.3rem}.pet-ear--left{border-radius:80% 20% 50% 50%;left:1rem;transform:rotate(-22deg)}.pet-ear--right{border-radius:20% 80% 50% 50%;right:1rem;transform:rotate(22deg)}.pet-eye{background:var(--ink);border-radius:50%;width:.8rem;height:1rem;position:absolute;top:3.1rem}.pet-eye--left{left:1.8rem}.pet-eye--right{right:1.8rem}.pet-body{width:7rem;height:7rem;color:var(--paper-bright);background:var(--ink);border-radius:48% 52% 38% 42%;place-items:center;display:grid;position:absolute;bottom:.2rem;left:2rem}.pet-body b{color:var(--pet-color);font-size:2rem}.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;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;font-weight:900}.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}.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}@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-breathe{to{transform:translateY(-.5rem)rotate(1deg)}}@keyframes jiahao-idle{0%,16%{background-position:0 0}17%,33%{background-position:-192px 0}34%,50%{background-position:-384px 0}51%,67%{background-position:-576px 0}68%,84%{background-position:-768px 0}85%,to{background-position:-960px 0}}@media (width>=52rem){.intro-screen{grid-template-columns:minmax(0,1.65fr) minmax(20rem,.75fr)}.result-screen{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}.result-facts{grid-template-columns:1fr 1.2fr}}@media (width<=40rem){.app{padding-inline:max(.85rem, env(safe-area-inset-left))}.event-code{display:none}.topbar{padding-bottom:.75rem}.screen{min-height:calc(100dvh - 4rem)}.intro-screen{padding-block:2.5rem}.intro-copy h1{font-size:clamp(3rem,14vw,4.2rem)}.guild-poster{box-shadow:6px 6px 0 var(--blue)}.quiz-screen{grid-template-columns:1fr;align-items:start;gap:1.25rem;padding-block: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-panel>h1{font-size:clamp(2rem,10vw,3rem)}.choice{grid-template-columns:2.25rem 1fr 1rem;min-height:4.6rem;padding-inline:.75rem}.choice:has(input:checked){transform:translate(.2rem)}.quiz-actions,.result-actions{flex-direction:column-reverse;align-items:stretch}.primary-button{width:100%}.result-screen{padding-block:2rem 3rem}.result-copy h1{font-size:clamp(3.4rem,18vw,5.5rem)}}@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}}