@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg-primary:#f7f3eb;--bg-secondary:#ede8dc;--accent-primary:#2c2c2c;--accent-secondary:#8b7355;--accent-tertiary:#3d5a3e;--text-primary:#2c2c2c;--text-secondary:#8a7e6b;--device-shell:#c4a97d;--device-screen:#faf6ee;--device-shadow:#a69580;--pixel-shadow:#3c28140f;--jp-vermillion:#c53d43;--jp-indigo:#264e73;--jp-gold:#c8a45c;--jp-moss:#3d5a3e;--jp-wood-light:#d4ba8a;--jp-wood-mid:#c4a97d;--jp-wood-dark:#a08050;--font-pixel:"Press Start 2P", monospace;--font-body:"Shippori Mincho", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 20% 30%,#c4a97d14,#0000 50%),radial-gradient(circle at 80% 70%,#c4a97d0f,#0000 50%);min-height:100dvh;overflow-x:hidden}.app-wrapper{min-height:100dvh;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.app-disclaimer{font-family:var(--font-body);color:var(--text-secondary);text-align:center;max-width:300px;margin-top:16px;font-size:11px;line-height:1.5}.device-outer{filter:drop-shadow(0 8px 24px #0000004d);width:92vw;max-width:480px;position:relative}.device-bezel{border:2px solid var(--jp-wood-dark);background:linear-gradient(#d4ba8a,#c4a97d 15%,#b8a071 40%,#ad9566,#b8a071,#c4a97d);border-radius:10px;padding:20px 18px 24px;position:relative;box-shadow:inset 0 1px #fff0c859,inset 0 -2px 4px #64461e33,0 4px 16px #78502840,0 8px 32px #50321426}.device-bezel:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(.5deg,#0000 0 8px,#8b73550d 8px 9px,#0000 9px 16px,#fff0c80a 16px 17px),repeating-linear-gradient(179deg,#0000 0 20px,#8b735505 20px 21px);border-radius:10px;position:absolute;inset:0}.device-brand{font-family:var(--font-body);color:#5a4a3a;text-align:center;letter-spacing:3px;text-shadow:0 1px #fff0c880;z-index:1;margin-bottom:6px;font-size:18px;font-weight:700;position:relative}.device-screen{background:var(--device-screen);aspect-ratio:3/4;border:2px solid var(--jp-wood-dark);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0000000f,inset 0 1px 3px #0000000d}.paper-texture{pointer-events:none;z-index:1;background:repeating-linear-gradient(45deg,#0000 0 3px,#8b735508 3px 4px),repeating-linear-gradient(-30deg,#0000 0 5px,#b4966405 5px 6px);position:absolute;inset:0}.screen-content{z-index:2;height:100%;transition:transform .15s ease-out;position:relative;overflow:hidden}.device-seam{background:linear-gradient(90deg,#0000,#00000014 20% 80%,#0000);height:1px;position:absolute;bottom:58px;left:12px;right:12px}.bezel-controls{touch-action:manipulation;justify-content:space-between;align-items:center;gap:16px;min-height:96px;margin-top:18px;padding:0 12px;display:flex}.bezel-dpad{flex-shrink:0;width:96px;height:96px;position:relative}.dpad-vertical,.dpad-horizontal{background:linear-gradient(#6b5b4a,#5a4a3a,#4a3a2a);border-radius:4px;position:absolute;box-shadow:inset 0 1px 2px #0003,0 1px #ffe6b414}.dpad-vertical{width:30px;height:96px;top:0;left:33px}.dpad-horizontal{width:96px;height:30px;top:33px;left:0}.dpad-center{background:radial-gradient(circle,#6b5b4a,#4a3a2a);border-radius:50%;width:30px;height:30px;position:absolute;top:33px;left:33px;box-shadow:inset 0 1px 2px #0003}.bezel-right-controls{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.bezel-action-dots{gap:14px;display:flex}.action-dot{border:2px solid var(--text-primary);background:var(--device-screen);border-radius:50%;width:36px;height:36px;padding:0;transition:background 80ms ease-out;box-shadow:0 2px #0000001f}.action-dot:active{background:#0000001f}.bezel-spacer{width:80px}.bezel-button{font-family:var(--font-pixel);color:var(--text-primary);background:var(--device-screen);border:3px solid var(--text-primary);cursor:pointer;letter-spacing:2px;z-index:1;border-radius:4px;min-height:44px;padding:12px 32px;font-size:12px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;position:relative;transform:rotate(-.5deg);box-shadow:0 3px #0003,0 4px 8px #0000001f}.bezel-button:hover{animation:.4s ease-in-out start-wobble}.bezel-button:active{animation:none;transform:translateY(2px)rotate(-.5deg)scale(.97);box-shadow:0 0 8px #0003}.bezel-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes start-wobble{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-3deg)scale(1.04)}40%{transform:rotate(3deg)scale(1.04)}60%{transform:rotate(-2deg)scale(1.02)}80%{transform:rotate(1deg)scale(1.01)}}.bezel-sound-toggle{position:relative}.mute-toggle{cursor:pointer;color:var(--device-shadow);background:0 0;border:none;border-radius:4px;padding:6px}.mute-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.speaker-icon{align-items:center;width:20px;height:16px;display:inline-flex;position:relative}.speaker-body{background:currentColor;border-radius:1px;width:6px;height:8px}.speaker-cone{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid;width:0;height:0}.speaker-wave{border:1.5px solid;border-left:none;border-radius:0 50% 50% 0;position:absolute}.speaker-wave-1{width:4px;height:8px;top:4px;right:2px}.speaker-wave-2{width:5px;height:12px;top:2px;right:-2px}.speaker-x{width:8px;height:10px;position:absolute;top:3px;right:0}.speaker-x:before,.speaker-x:after{content:"";background:currentColor;width:10px;height:1.5px;position:absolute;top:50%;left:50%}.speaker-x:before{transform:translate(-50%,-50%)rotate(45deg)}.speaker-x:after{transform:translate(-50%,-50%)rotate(-45deg)}.landing-screen{background:linear-gradient(#faf6ee,#f2ecdf);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px 24px 16px;display:flex}.landing-egg-sway{margin-bottom:4px;animation:3s ease-in-out infinite egg-sway}@keyframes egg-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.landing-logo{text-align:center}.landing-title{font-family:var(--font-body);color:var(--text-primary);text-shadow:2px 2px 4px #00000040;letter-spacing:4px;margin-bottom:16px;font-size:32px;font-weight:700}.landing-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:14px;font-weight:500}.landing-hint{font-family:var(--font-pixel);color:#00000059;margin-top:32px;font-size:8px;animation:1.5s steps(2,end) infinite blink-text}.landing-resume{text-align:center;margin-top:24px}.resume-text{font-family:var(--font-pixel);color:var(--text-secondary);font-size:8px;line-height:2}.resume-progress{color:var(--text-primary);margin-top:4px;font-size:12px;display:block}.resume-buttons{justify-content:center;gap:12px;margin-top:16px;display:flex}.resume-btn{font-family:var(--font-pixel);border:2px solid var(--text-primary);cursor:pointer;background:var(--device-screen);border-radius:4px;align-items:center;min-height:48px;padding:12px 20px;font-size:10px;transition:transform 60ms ease-out;display:flex;box-shadow:0 2px #00000026,0 2px 6px #00000014}.resume-btn:active{transform:scale(.96);box-shadow:0 0 4px #00000026}.resume-continue{color:var(--accent-primary);border-color:var(--accent-primary);background:#0000000f}.resume-restart{color:var(--text-primary);background:0 0}.resume-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.resume-note{font-family:var(--font-body);color:#0000004d;margin-top:12px;font-size:10px}.landing-about-wrap{text-align:center;margin-top:auto;padding-bottom:8px}.landing-about-btn{font-family:var(--font-pixel);letter-spacing:1px;color:var(--text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;padding:6px 12px;font-size:7px;transition:opacity .12s}.landing-about-btn:hover{opacity:1}.landing-about-panel{background:linear-gradient(#faf6eecc,#ede8dc99);border:1px solid #8b73551f;border-radius:6px;margin-top:8px;padding:10px 14px}.landing-about-text{font-family:var(--font-body);color:var(--text-primary);font-size:12px;line-height:1.6}.landing-about-credit{font-family:var(--font-body);color:var(--text-secondary);margin-top:4px;font-size:11px}.question-screen{background:linear-gradient(#faf6ee,#f2ecdf);flex-direction:column;height:100%;padding:12px;display:flex;position:relative;overflow-y:auto}.question-topbar{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.question-counter{font-family:var(--font-pixel);color:var(--text-secondary);padding-top:4px;font-size:9px}.ink-progress-bar{background:#00000014;border-radius:2px;flex-shrink:0;width:100%;height:3px;margin-bottom:8px;overflow:hidden}.ink-progress-fill{background:linear-gradient(90deg,#0000004d 0%,var(--text-primary) 100%);border-radius:2px;height:100%;transition:width .3s ease-out}.question-egg-mini{flex-shrink:0}.question-text-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px;display:flex;overflow:visible}.question-text{font-family:var(--font-body);color:var(--text-primary);text-align:center;font-size:14px;font-weight:500;line-height:1.6;transition:opacity .12s ease-out}.answer-buttons{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.answer-btn{font-family:var(--font-body);color:var(--text-primary);background:var(--device-screen);cursor:pointer;text-align:center;white-space:normal;word-break:break-word;overflow-wrap:break-word;border-radius:4px;min-height:40px;padding:10px 16px;font-size:13px;transition:transform 60ms ease-out,box-shadow 60ms ease-out;position:relative}.answer-btn-0{border:2.5px solid var(--jp-indigo);background:#264e730d;font-weight:700;box-shadow:0 2px #264e7326,0 2px 6px #264e731a}.answer-btn-1{border:2px solid var(--jp-moss);background:#3d5a3e0a;font-weight:600;box-shadow:0 2px #3d5a3e1f,0 2px 6px #3d5a3e14}.answer-btn-2{background:#8a7e6b08;border:2px solid #8a7e6b;font-weight:550;box-shadow:0 2px #8a7e6b1a,0 2px 6px #8a7e6b12}.answer-btn-3{background:#b873330a;border:2px solid #b87333;font-weight:600;box-shadow:0 2px #b873331f,0 2px 6px #b8733314}.answer-btn-4{border:2.5px solid var(--jp-vermillion);background:#c53d430d;font-weight:700;box-shadow:0 2px #c53d4326,0 2px 6px #c53d431a}.answer-btn.pressed{transform:scale(.96);box-shadow:0 0 8px #00000040}.answer-btn.selected{outline:2px solid var(--accent-primary);outline-offset:-1px;background:#0000000f}.answer-btn:disabled{opacity:.7;cursor:default}.answer-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.back-btn{font-family:var(--font-pixel);color:#0000008c;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0003;align-self:flex-start;min-height:32px;margin-top:6px;padding:8px 4px;font-size:9px}.back-btn:hover{color:#000000bf;border-bottom-color:#0006}.back-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.egg-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.egg-shell{border:2px solid #0000001a;position:relative;overflow:hidden}.egg-highlight{pointer-events:none;background:radial-gradient(#fff6,#0000);border-radius:50%;width:30%;height:20%;position:absolute;top:15%;left:20%}.egg-cracks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.egg-silhouette{filter:blur(2px);background:#00000040;border-radius:40% 40% 50% 50%;position:absolute;inset:20% 25% 15%}.egg-face-hints{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.egg-blush{background:#ff969680;border-radius:50%;width:6px;height:4px;position:absolute;top:55%}.egg-blush-l{left:22%}.egg-blush-r{right:22%}.egg-eyes-hint{gap:8px;display:flex;position:absolute;top:42%}.egg-eye-hint{background:#0003;border-radius:50%;width:4px;height:3px}.egg-glow{animation:glow-pulse var(--glow-period,2s) ease-in-out infinite;pointer-events:none;background:radial-gradient(#ffdc6433,#0000 70%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pixel-egg-glow{animation:glow-pulse var(--glow-period,2s) ease-in-out infinite;pointer-events:none;background:radial-gradient(#ffdc642e,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blotch-overlay{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:visible}.blotch-particle{background:var(--blotch-color,#c4a97d);opacity:0;transform-origin:50%;border-radius:50%;animation:.55s ease-in forwards particle-to-egg;position:absolute}@keyframes particle-to-egg{0%{opacity:.9;transform:translate(0)scale(1.3)}50%{transform:translate(calc(var(--dx) * .6),calc(var(--dy) * .6)) scale(.9);opacity:.7}85%{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:.5}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes egg-absorb-pulse{0%,to{filter:brightness();transform:translateY(0)rotate(0)}50%{filter:brightness(1.12);transform:translateY(-2px)rotate(-1deg)}}.egg-react-wrapper{position:relative}.egg-react-1{animation:.35s ease-out egg-react-disagree-strong}.egg-react-2{animation:.3s ease-out egg-react-disagree}.egg-react-3{animation:.3s ease-out egg-react-neutral}.egg-react-4{animation:.3s ease-out egg-react-agree}.egg-react-5{animation:.4s ease-out egg-react-agree-strong}@keyframes egg-react-disagree-strong{0%,to{transform:translateY(0)rotate(0)}24%{transform:translateY(-1px)rotate(-5deg)}48%{transform:translateY(0)rotate(2deg)}72%{transform:translateY(-1px)rotate(-2deg)}}@keyframes egg-react-disagree{0%,to{transform:translateY(0)rotate(0)}34%{transform:translateY(-1px)rotate(-3deg)}68%{transform:translateY(0)rotate(1deg)}}@keyframes egg-react-neutral{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-2px)rotate(-.4deg)}}@keyframes egg-react-agree{0%,to{transform:translateY(0)rotate(0)}34%{transform:translateY(-1px)rotate(3deg)}68%{transform:translateY(0)rotate(-1deg)}}@keyframes egg-react-agree-strong{0%,to{transform:translateY(0)rotate(0)}18%{transform:translateY(-6px)rotate(3deg)}42%{transform:translateY(-2px)rotate(-1deg)}64%{transform:translateY(-4px)rotate(2deg)}}.egg-wobble{animation:egg-wobble var(--wobble-period,1s) ease-in-out infinite}.egg-milestone{animation:.4s ease-in-out egg-milestone-wobble}.egg-vibrate{animation:.1s linear infinite egg-vibrate}.crack-flicker{animation:crack-flicker var(--flicker-period,.3s) ease-in-out infinite}.hatch-sequence{background:linear-gradient(#faf6ee,#f2ecdf);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.hatch-darken{pointer-events:none;z-index:5;background:0 0;transition:background .2s;position:absolute;inset:0}.hatch-darken.active{background:#00000026}.hatch-loading{text-align:center;z-index:1;margin-bottom:24px}.hatch-loading-text{font-family:var(--font-pixel);color:var(--text-secondary);margin-bottom:8px;font-size:8px}.hatch-loading-bar{font-family:var(--font-pixel);color:var(--text-primary);font-size:10px}.hatch-egg{z-index:1;transition:transform .2s ease-out}.hatch-pressure{transform:scale(1.03)}.hatch-fragments{z-index:1;width:120px;height:120px;position:relative}.hatch-fragment{background:var(--text-primary);opacity:.7;border:none;border-radius:50%;animation:.9s cubic-bezier(.22,0,.85,.6) forwards fragment-fly;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #0000004d}.hatch-screen-shake{animation:80ms linear infinite screen-shake}.hatch-flash{pointer-events:none;z-index:10;background:0 0;position:absolute;inset:0}.hatch-flash.active{animation:.3s ease-out forwards flash-fade}.hatch-glitch{pointer-events:none;z-index:8;opacity:0;background:linear-gradient(#0000,#00000008 20%,#0000 22% 48%,#0000000f 50%,#0000 52% 78%,#0000000a 80%,#0000);position:absolute;inset:0}.hatch-glitch.active{opacity:1;animation:.2s ease-out 2 paper-tear}.hatch-particle-burst{pointer-events:none;z-index:3;position:absolute;top:50%;left:50%}.burst-particle{width:var(--size,3px);height:var(--size,3px);background:#ffdc64cc;border-radius:50%;animation:.6s ease-out forwards burst-fly;position:absolute}.hatch-creature{z-index:1;opacity:0;transition:opacity .3s ease-out,filter .4s ease-out}.emergence-step-0{opacity:1;filter:saturate(.3)brightness(.6)}.emergence-step-1{opacity:1;filter:saturate(.6)brightness(.8)}.emergence-step-2,.emergence-step-3{opacity:1;filter:none}.hatch-creature.hatch-ink-draw{opacity:1}.hatch-creature.settled{opacity:1;filter:none}.results-device-content{background:linear-gradient(#faf6ee,#f2ecdf);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative}.results-creature-wrapper{margin-bottom:12px;animation:2.5s ease-in-out infinite gentle-bob;position:relative}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.results-name{font-family:var(--font-pixel);color:var(--text-primary);text-shadow:0 1px 2px #0000000f;cursor:pointer;margin-bottom:4px;font-size:14px}.results-name:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.results-id{font-family:var(--font-pixel);color:var(--text-secondary);font-size:8px}.results-below-device{width:92vw;max-width:480px;padding:24px 0}.results-section-title{font-family:var(--font-pixel);color:var(--text-primary);text-align:center;letter-spacing:1px;margin-bottom:20px;font-size:10px}.results-trait-block{margin-bottom:20px}.pixel-bar-container{background:linear-gradient(#faf6ee99,#ede8dc66);border:1px solid #8b735514;border-radius:6px;margin-bottom:10px;padding:10px 12px;position:relative}.pixel-bar-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.pixel-bar-label{font-family:var(--font-body);color:var(--text-primary);font-size:15px;font-weight:600}.pixel-bar-score{font-family:var(--font-pixel);color:var(--text-secondary);font-size:9px}.pixel-bar-track{background:#8b735514;border:1px solid #8b73550f;border-radius:1px;height:6px;position:relative;overflow:hidden}.ink-bar-fill{border-radius:1px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 1% 96%,#0009 98%,#0003 100%);mask-image:linear-gradient(90deg,#0000,#000 1% 96%,#0009 98%,#0003)}.pixel-bar-interpretation{font-family:var(--font-body);color:var(--text-secondary);margin-top:8px;font-size:13px;font-style:italic;line-height:1.5}.facet-details{margin-top:8px}.facet-summary{font-family:var(--font-pixel);color:var(--accent-tertiary);cursor:pointer;padding:4px 0;font-size:8px;list-style:none}.facet-summary::-webkit-details-marker{display:none}.facet-summary:before{content:"â–¸ "}.facet-details[open] .facet-summary:before{content:"â–¾ "}.facet-summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.facet-content{padding:8px 0 4px 12px}.facet-item{margin-bottom:12px}.facet-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.facet-name{font-family:var(--font-body);color:var(--text-primary);font-size:13px;font-weight:600}.facet-score{font-family:var(--font-pixel);color:var(--text-secondary);font-size:7px}.facet-bar-track{background:#8b735514;border:1px solid #8b73550f;border-radius:1px;height:5px;overflow:hidden}.facet-bar-fill{border-radius:1px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 1% 96%,#0009 98%,#0003 100%);mask-image:linear-gradient(90deg,#0000,#000 1% 96%,#0009 98%,#0003)}.facet-interpretation{font-family:var(--font-body);color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.lore-card{background:linear-gradient(#faf6ee,#f4ede0);border:1px solid #2c2c2c26;border-radius:2px;margin:28px 0;padding:20px;position:relative;box-shadow:0 2px 8px #64461e14}.lore-card-header{background-image:linear-gradient(90deg,#0000,#2c2c2c33 10%,#2c2c2c40 30%,#2c2c2c33 70%,#2c2c2c26 90%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;margin-bottom:12px;padding-bottom:10px}.lore-card-title{font-family:var(--font-pixel);color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;font-size:9px}.lore-card-species{font-family:var(--font-body);color:var(--text-primary);margin-bottom:8px;font-size:14px}.lore-card-text{font-family:var(--font-body);color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.7}.lore-card-footer{display:block}.lore-card-corner{background:0 0;width:12px;height:12px;position:absolute}.lore-card-corner.tl{border-top:2px solid var(--jp-vermillion);border-left:2px solid var(--jp-vermillion);top:-1px;left:-1px}.lore-card-corner.tr{border-top:2px solid var(--jp-vermillion);border-right:2px solid var(--jp-vermillion);top:-1px;right:-1px}.lore-card-corner.bl{border-bottom:2px solid var(--jp-vermillion);border-left:2px solid var(--jp-vermillion);bottom:-1px;left:-1px}.lore-card-corner.br{border-bottom:2px solid var(--jp-vermillion);border-right:2px solid var(--jp-vermillion);bottom:-1px;right:-1px}.creature-profile{margin:24px 0;padding:0}.profile-header{text-align:center;margin-bottom:20px}.profile-label{font-family:var(--font-pixel);color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:8px;display:block}.profile-type{font-family:var(--font-body);color:var(--text-primary);font-size:22px;font-weight:700}.profile-summary{font-family:var(--font-body);color:var(--text-secondary);margin-top:8px;font-size:13px;font-style:italic;line-height:1.6}.profile-narrative{border-left:3px solid var(--jp-vermillion);background:linear-gradient(#faf6ee,#f4ede0);border-radius:0;margin-bottom:24px;padding:20px 20px 20px 24px;position:relative}.profile-narrative:after{content:"印";font-family:var(--font-body);color:var(--jp-vermillion);opacity:.15;font-size:16px;position:absolute;bottom:8px;right:12px}.profile-narrative p{font-family:var(--font-body);color:var(--text-primary);font-size:14px;font-style:italic;line-height:1.8}.profile-section-heading{font-family:var(--font-pixel);color:var(--text-primary);letter-spacing:2px;margin-top:20px;margin-bottom:16px;font-size:9px}.nature-entry{background:#8b73550a;border-radius:4px;margin-bottom:16px;padding:12px}.nature-entry-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.nature-trait-icon{font-family:var(--font-body);color:var(--accent-tertiary);font-size:12px;font-weight:600}.nature-trait-title{font-family:var(--font-body);color:var(--text-primary);font-size:14px;font-weight:700}.nature-description{font-family:var(--font-body);color:var(--text-secondary);font-size:13px;line-height:1.7}.profile-strengths,.profile-growth{margin:0 0 16px;padding:0;list-style:none}.strength-item,.growth-item{font-family:var(--font-body);color:var(--text-primary);border-bottom:1px dashed #0000000f;padding:6px 0;font-size:13px;line-height:1.6}.strength-bullet{font-family:var(--font-pixel);color:#2c2c2c;margin-right:8px;font-size:10px}.growth-bullet{font-family:var(--font-pixel);color:var(--accent-secondary);margin-right:8px;font-size:10px}.field-notes{background:linear-gradient(#faf6ee,#f4ede0);border:1px solid #2c2c2c1f;border-radius:2px;margin-top:20px;padding:20px;position:relative}.field-notes-header{background-image:linear-gradient(90deg,#0000,#2c2c2c26 10%,#2c2c2c33,#2c2c2c26 90%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:10px;display:flex}.field-notes-label{font-family:var(--font-pixel);color:var(--text-secondary);letter-spacing:2px;font-size:8px}.field-notes-id{font-family:var(--font-pixel);color:var(--text-secondary);font-size:7px}.field-notes-text{font-family:var(--font-body);color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.8}.compatibility-section{margin-top:4px}.compat-matches{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.compat-match{align-items:center;gap:10px;display:flex}.compat-label{font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-align:center;border-radius:3px;min-width:80px;padding:3px 8px;font-size:7px}.compat-best{color:var(--text-primary);background:#8b735514}.compat-good{color:var(--accent-secondary);background:#8b73550f}.compat-challenge{color:var(--text-secondary);background:#8b73550a}.compat-type{font-family:var(--font-body);color:var(--text-primary);font-size:14px;font-weight:600}.compat-description{font-family:var(--font-body);color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.7}.results-species{font-family:var(--font-pixel);color:var(--text-secondary);opacity:.8;margin-bottom:2px;font-size:8px}.results-name-edit{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.results-name-input{font-family:var(--font-pixel);border:2px solid var(--device-shell);background:var(--bg-primary);color:var(--text-primary);text-align:center;border-radius:4px;width:140px;padding:4px 8px;font-size:12px}.results-name-input:focus{border-color:var(--accent-primary);outline:none}.results-name-save{font-family:var(--font-pixel);border:2px solid var(--device-shell);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:10px}.element-picker{margin:16px 0}.element-picker-label,.color-picker-label{font-family:var(--font-pixel);color:var(--text-secondary);letter-spacing:1px;text-align:center;margin-bottom:10px;font-size:8px;display:block}.element-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.element-btn{background:var(--bg-secondary);cursor:pointer;border:2px solid #00000026;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;transition:border-color .15s,background-color .15s;display:flex}.element-btn:hover{border-color:var(--text-secondary);background:#e8dcc8cc}.element-icon{font-size:18px}.element-name{font-family:var(--font-pixel);color:var(--text-secondary);font-size:7px}.element-hint,.color-hint{font-family:var(--font-body);color:var(--text-secondary);text-align:center;margin-top:6px;font-size:11px}.color-picker{margin:16px 0}.color-picker-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:8px;display:grid}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:4px;width:32px;height:32px;transition:border-color .15s,transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.is-selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary);transform:scale(1.1)}.results-customization{background:var(--bg-secondary);border-radius:8px;margin:24px 0;padding:16px}.results-actions{flex-direction:column;gap:12px;margin:16px 0 24px;display:flex}.share-button,.retake-button{font-family:var(--font-pixel);cursor:pointer;letter-spacing:1.5px;border:none;border-radius:6px;min-height:48px;padding:14px 24px;font-size:11px;transition:transform 50ms}.share-buttons-group{gap:10px;display:flex}.share-button{background:var(--accent-primary);color:#fff;flex:1;box-shadow:0 3px #000,0 4px 8px #00000026}.share-link-button{font-family:var(--font-pixel);cursor:pointer;letter-spacing:1.5px;border:2px solid var(--accent-primary);min-height:48px;color:var(--accent-primary);background:0 0;border-radius:6px;flex:1;padding:14px 24px;font-size:11px;transition:transform 50ms,background .15s,color .15s}.share-link-button:hover{background:var(--accent-primary);color:#fff}.share-link-button:active{transform:translateY(2px)}.share-link-button:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:2px}.retake-button{color:var(--text-primary);border:2px solid var(--text-primary);background:0 0;box-shadow:0 2px #0003}.share-button:active,.retake-button:active{transform:translateY(2px)}.share-button:focus-visible,.retake-button:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:2px}.results-device-share{width:100%;margin-top:10px;padding:0 8px 12px}.results-device-share .share-buttons-group{justify-content:center}.results-device-share .share-button,.results-device-share .share-link-button{min-height:38px;padding:10px 14px;font-size:10px}@media(max-width:380px){.results-device-share .share-buttons-group{flex-direction:column;gap:6px}.results-device-share .share-button,.results-device-share .share-link-button{min-height:34px;padding:8px 10px;font-size:9px}.share-buttons-group{flex-direction:column}}.attention-warning{text-align:center;background:#f4ede0;border:2px solid #c4a97d;border-radius:4px;margin:16px 0;padding:12px 16px}.attention-warning p{font-family:var(--font-body);color:var(--accent-secondary);margin-bottom:8px;font-size:12px}.attention-retake-btn{font-family:var(--font-pixel);color:var(--accent-secondary);border:2px solid var(--accent-secondary);cursor:pointer;background:0 0;border-radius:4px;min-height:36px;padding:8px 16px;font-size:10px}.results-footer{font-family:var(--font-body);color:var(--text-secondary);text-align:center;margin-top:24px;padding-bottom:24px;font-size:11px;line-height:1.5}@keyframes egg-wobble{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-1px) rotate(calc(var(--wobble-amp,2deg) * 1))}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-1px) rotate(calc(var(--wobble-amp,2deg) * -1))}}@keyframes egg-milestone-wobble{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-5deg)scale(1.05)}30%{transform:rotate(5deg)scale(1.05)}45%{transform:rotate(-4deg)scale(1.03)}60%{transform:rotate(4deg)scale(1.02)}75%{transform:rotate(-2deg)scale(1.01)}to{transform:rotate(0)scale(1)}}@keyframes egg-vibrate{0%{transform:translate(0)}20%{transform:translate(-.5px,.5px)}40%{transform:translate(.75px,-.5px)}60%{transform:translate(-.75px,-.25px)}80%{transform:translate(.5px,.75px)}to{transform:translate(0)}}@keyframes glow-pulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.82;transform:translate(-50%,-50%)scale(1.18)}}@keyframes crack-flicker{0%,to{opacity:1}50%{opacity:.4}}@keyframes fragment-fly{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}20%{transform:translate(calc(-50% + var(--dx,0px) * .3),calc(-50% - 15px)) rotate(calc(var(--rot,360deg) * .15)) scale(.9);opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) rotate(var(--rot,360deg)) scale(.4);opacity:0}}@keyframes screen-shake{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}to{transform:translate(0)}}@keyframes flash-fade{0%{background:#0009}to{background:0 0}}@keyframes paper-tear{0%{opacity:.8;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)scaleY(1.02)}60%{opacity:.6;transform:translateY(1px)scaleY(.98)}to{opacity:0;transform:translateY(0)}}@keyframes burst-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--bx,0px)),calc(-50% + var(--by,0px))) scale(0);opacity:0}}@keyframes crack-spread{0%{stroke-dashoffset:100%;opacity:0}30%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes blink-text{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.egg-wobble,.egg-vibrate,.egg-milestone,.egg-reacting,.crack-flicker,.hatch-screen-shake,.hatch-flash.active,.hatch-glitch.active,.blotch-particle,.results-creature-wrapper,.egg-react-1,.egg-react-2,.egg-react-3,.egg-react-4,.egg-react-5{animation:none!important}}.pixel-divider{opacity:1;background:linear-gradient(90deg,#0000,#2c2c2c26 15%,#2c2c2c33,#2c2c2c26 85%,#0000);height:1px;margin:24px 0}.question-egg-center{flex-shrink:0;justify-content:center;margin:8px 0 4px;display:flex;position:relative}@keyframes egg-react{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-3px)rotate(-1.5deg)}70%{transform:translateY(0)rotate(1deg)}}.dpad-btn{cursor:pointer;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform 50ms,background-color .1s;display:flex;position:absolute}.dpad-btn:after{content:"";opacity:.5;width:0;height:0;transition:opacity .1s;display:block}.dpad-btn:hover{background:#0000000f}.dpad-btn:hover:after{opacity:.55}.dpad-btn:active{background:#00000026;transform:scale(.92)}.dpad-btn:active:after{opacity:.8}.dpad-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.dpad-btn-up{border-radius:4px 4px 0 0;width:30px;height:33px;top:0;left:33px}.dpad-btn-up:after{border-bottom:9px solid #6b6b6b;border-left:8px solid #0000;border-right:8px solid #0000}.dpad-btn-down{border-radius:0 0 4px 4px;width:30px;height:33px;bottom:0;left:33px}.dpad-btn-down:after{border-top:9px solid #6b6b6b;border-left:8px solid #0000;border-right:8px solid #0000}.dpad-btn-left{border-radius:4px 0 0 4px;width:33px;height:30px;top:33px;left:0}.dpad-btn-left:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:9px solid #6b6b6b}.dpad-btn-right{border-radius:0 4px 4px 0;width:33px;height:30px;top:33px;right:0}.dpad-btn-right:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:9px solid #6b6b6b}.action-dot{cursor:pointer;transition:transform 50ms}.action-dot:active{filter:brightness(.8);transform:scale(.85)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01,.99)}}.egg-pixel-style{image-rendering:pixelated;image-rendering:-moz-crisp-edges}.egg-shell.pixel-spots .egg-spot{border-radius:1px}@media(max-width:520px){.device-outer{width:100%;max-width:100%}.device-bezel{border-radius:6px;padding:14px 12px 18px}.bezel-controls{gap:8px;padding:0 4px}.bezel-dpad{width:76px;height:76px}.dpad-vertical{width:24px;height:76px;left:26px}.dpad-horizontal{width:76px;height:24px;top:26px}.dpad-center{width:24px;height:24px;top:26px;left:26px}.dpad-btn-up,.dpad-btn-down{width:24px;height:26px;left:26px}.dpad-btn-left,.dpad-btn-right{width:26px;height:24px;top:26px}.dpad-btn:after{transform:scale(.9)}.action-dot{width:30px;height:30px}.bezel-button{padding:8px 20px;font-size:9px}.bezel-spacer{width:60px}.results-below-device{width:100%;padding:24px 12px}.question-screen{padding:8px}.question-topbar{margin-bottom:4px}.question-text{font-size:13px}.question-text-area{padding:2px 4px;overflow:visible}.answer-btn{min-height:36px;padding:8px 12px;font-size:12px}.answer-buttons{gap:4px}.ink-progress-bar{margin-bottom:4px}}@media(max-width:380px){.device-bezel{border-radius:6px;padding:10px 8px 14px}.device-brand{margin-bottom:4px;font-size:14px}.bezel-controls{min-height:36px;margin-top:10px}.landing-title{font-size:18px}.question-screen{padding:6px}.question-topbar{margin-bottom:2px}.question-text{font-size:12px}.question-text-area{min-height:44px;padding:2px;overflow:visible}.answer-btn{min-height:34px;padding:6px 8px;font-size:11px}.answer-buttons{gap:3px}.ink-progress-bar{margin-bottom:2px}.landing-egg-sway{transform:scale(.75)}}.field-guide-screen{background:linear-gradient(#faf6ee,#f2ecdf);flex-direction:column;height:100%;display:flex}.field-guide-header{border-bottom:2px solid var(--bg-secondary);align-items:center;gap:8px;padding:10px 12px 6px;display:flex}.field-guide-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-family:"Press Start 2P",monospace;font-size:8px}.field-guide-back:hover{color:var(--text-primary)}.field-guide-title{color:var(--accent-primary);letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:10px}.field-guide-scroll{scrollbar-width:thin;flex:1;padding:12px;overflow-y:auto}.field-guide-intro{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:16px;font-size:11px;line-height:1.5}.field-guide-trait{background:#c4a97d1f;border:1px solid #c4a97d33;border-radius:4px;margin-bottom:14px;padding:10px}.field-guide-trait-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.field-guide-trait-icon{background:var(--bg-primary);border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.field-guide-trait-name{color:var(--text-primary);margin-bottom:2px;font-family:"Press Start 2P",monospace;font-size:8px}.field-guide-trait-controls{font-family:var(--font-body);color:var(--accent-primary);font-size:9px;font-weight:600}.field-guide-trait-range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-guide-range-end{background:#fff9;border-radius:4px;padding:6px}.field-guide-range-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-family:"Press Start 2P",monospace;font-size:6px;display:block}.field-guide-range-desc{font-family:var(--font-body);color:var(--text-primary);font-size:9px;line-height:1.4}.field-guide-section{margin-top:12px;margin-bottom:14px}.field-guide-section-title{color:var(--accent-primary);letter-spacing:1px;margin-bottom:10px;font-family:"Press Start 2P",monospace;font-size:8px}.field-guide-body-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px;display:grid}.field-guide-body-item{background:#ffffff80;border:1px solid #0000000f;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.field-guide-body-label{color:var(--text-secondary);text-transform:uppercase;font-family:"Press Start 2P",monospace;font-size:5px}.field-guide-body-range{color:var(--accent-primary);opacity:.7;font-family:"Press Start 2P",monospace;font-size:5px}.field-guide-body-snippet{font-family:var(--font-body);color:var(--text-secondary);text-align:center;margin:0;font-size:8px;line-height:1.3}.field-guide-footer{text-align:center;padding:12px 0 8px}.field-guide-footer p{color:var(--text-secondary);opacity:.6;font-family:"Press Start 2P",monospace;font-size:6px}.soul-effect-overlay{pointer-events:none;z-index:1}.soul-effect-aura{background:radial-gradient(circle,var(--soul-color,#999) 0%,transparent 70%);opacity:var(--soul-intensity,.3);pointer-events:none;border-radius:50%;animation:2s ease-in-out infinite soul-aura-pulse;position:absolute;inset:-8px}.soul-effect-sparkle{background:var(--soul-color,#aaa);pointer-events:none;border-radius:1px;width:3px;height:3px;animation:1.5s ease-out infinite soul-sparkle-drift;position:absolute}.soul-effect-flame{background:var(--soul-color,#888);pointer-events:none;border-radius:50% 50% 0 0;width:4px;height:6px;animation:.8s ease-in-out infinite alternate soul-flame-flicker;position:absolute;bottom:-4px}.soul-effect-bubble{border:1px solid var(--soul-color,#bbb);pointer-events:none;background:0 0;border-radius:50%;width:4px;height:4px;animation:2s ease-out infinite soul-bubble-rise;position:absolute}.soul-effect-ring{border:1px solid var(--soul-color,#999);pointer-events:none;border-radius:50%;width:0;height:0;animation:2.5s ease-out infinite soul-ring-expand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes soul-aura-pulse{0%,to{opacity:var(--soul-intensity,.3);transform:scale(1)}50%{opacity:calc(var(--soul-intensity,.3) * 1.4);transform:scale(1.08)}}@keyframes soul-sparkle-drift{0%{opacity:.8;transform:translate(0)scale(1)}to{transform:translate(var(--sparkle-dx,5px),var(--sparkle-dy,-15px)) scale(0);opacity:0}}@keyframes soul-flame-flicker{0%{opacity:.7;transform:scaleY(1)scaleX(1)}to{opacity:.5;transform:scaleY(1.3)scaleX(.8)}}@keyframes soul-bubble-rise{0%{opacity:.6;transform:translateY(0)scale(.5)}50%{opacity:.4;transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.3)}}@keyframes soul-ring-expand{0%{opacity:.6;border-width:2px;width:0;height:0}to{opacity:0;border-width:1px;width:60px;height:60px}}.maze-mode .bezel-dpad{width:116px;height:116px}.maze-mode .dpad-vertical{width:36px;height:116px;top:0;left:40px}.maze-mode .dpad-horizontal{width:116px;height:36px;top:40px;left:0}.maze-mode .dpad-center{width:36px;height:36px;top:40px;left:40px}.maze-mode .dpad-btn-up{width:36px;height:40px;top:0;left:40px}.maze-mode .dpad-btn-down{width:36px;height:40px;top:auto;bottom:0;left:40px}.maze-mode .dpad-btn-left{width:40px;height:36px;top:40px;left:0}.maze-mode .dpad-btn-right{width:40px;height:36px;top:40px;left:auto;right:0}.maze-mode .dpad-btn:after{opacity:.65;transform:scale(1.3)}.maze-mode .dpad-btn:active:after{opacity:1}.maze-mode .dpad-btn:active{background:#7850b426}.action-dot-b{transition:box-shadow .3s}@media(max-width:430px){.maze-mode .bezel-dpad{width:92px;height:92px}.maze-mode .dpad-vertical{width:28px;height:92px;left:32px}.maze-mode .dpad-horizontal{width:92px;height:28px;top:32px}.maze-mode .dpad-center{width:28px;height:28px;top:32px;left:32px}.maze-mode .dpad-btn-up,.maze-mode .dpad-btn-down{width:28px;height:32px;left:32px}.maze-mode .dpad-btn-left,.maze-mode .dpad-btn-right{width:32px;height:28px;top:32px}}.question-screen,.results-device-content,.hatch-sequence{background:radial-gradient(circle at 50% 14%,#fffaf0e6,#fffaf000 34%),radial-gradient(circle at 18% 82%,#3c281408,#3c281400 28%),linear-gradient(#faf6ee,#f4ede0 55%,#ede6d6)}.question-egg-center{justify-content:center;align-items:center;min-height:170px;margin:6px 0 8px;display:flex;position:relative}@media(max-width:520px){.question-egg-center{flex-shrink:1;min-height:100px;margin:4px 0}.question-egg-center:before{width:min(44vw,140px);height:min(44vw,140px)}}@media(max-width:380px){.question-egg-center{flex-shrink:1;min-height:70px;max-height:90px;margin:2px 0}.question-egg-center:before{width:min(36vw,100px);height:min(36vw,100px)}.question-egg-center:after{width:min(36vw,100px);height:10px;bottom:12px}}.question-egg-center:before{content:"";filter:blur(2px);background:radial-gradient(circle,#fff4d6ad,#ffe8c561 35%,#ffe8c500 72%);border-radius:50%;width:min(64vw,200px);height:min(64vw,200px);position:absolute}.question-egg-center:after{content:"";background:radial-gradient(#0000002e,#0000 72%);border-radius:999px;width:min(56vw,172px);height:18px;position:absolute;bottom:28px}.question-egg-center>*{z-index:1;position:relative}.egg-wrapper{isolation:isolate;filter:drop-shadow(0 8px #00000014)drop-shadow(0 16px 18px #00000029);justify-content:center;align-items:center;padding:12px 14px 18px;display:inline-flex;position:relative}.egg-under-shadow{z-index:0;background:radial-gradient(#0000003d,#00000014 56%,#0000 74%);border-radius:999px;width:calc(100% - 28px);height:14px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.egg-shell-aura{background:radial-gradient(circle,var(--egg-core-glow-soft,#fff4d842) 0%,transparent 72%);opacity:.72;animation:glow-pulse var(--glow-period,2s) ease-in-out infinite;z-index:0;border-radius:50%;position:absolute;inset:8px}.pixel-egg-glow{background:radial-gradient(circle at center,var(--egg-core-glow-strong,#fff4d875) 0%,#ffdc6414 46%,transparent 72%);animation:glow-pulse var(--glow-period,2s) ease-in-out infinite;pointer-events:none;filter:blur(8px);opacity:.86;z-index:0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.egg-shake-layer,.egg-vibe-layer,.egg-motion,.egg-react-layer{transform-origin:50% 72%;z-index:2;justify-content:center;align-items:center;display:inline-flex;position:relative}.egg-canvas{filter:drop-shadow(0 2px #ffffff1f)drop-shadow(0 6px 10px #0000002e)}.egg-shell-sparkle{opacity:0;z-index:3;background:linear-gradient(#fffffff5,#fff0);border-radius:1px;width:6px;height:6px;animation:2.8s steps(2,end) infinite egg-sparkle;position:absolute;box-shadow:0 0 10px #ffffff80}.egg-shell-sparkle-a{top:14%;left:27%}.egg-shell-sparkle-b{animation-delay:-1.1s;top:32%;right:22%}.results-device-content{background:radial-gradient(circle at 50% 18%,#fffaf0e6,#fffaf000 31%),radial-gradient(circle at 12% 86%,#3c281408,#3c281400 28%),linear-gradient(#faf6ee,#f4ede0 52%,#ede6d6)}.results-creature-wrapper{isolation:isolate;perspective:720px;margin-bottom:18px;padding:22px 24px 30px;animation:none;position:relative}.results-creature-wrapper:before{content:"";z-index:0;background:radial-gradient(circle at 50% 24%,#fffaf0f5,#faf0dce0 20%,#c8a45c59 44%,#c8a45c1a 60%,#c8a45c00 78%),radial-gradient(circle at 22% 74%,#3d5a3e1f,#3d5a3e00 34%),radial-gradient(circle at 80% 70%,#c8a45c2e,#c8a45c00 30%),repeating-linear-gradient(90deg,#fffaf01f 0 6px,#fffaf000 6px 12px);border:2px solid #c8a45c4d;border-radius:42px 42px 34px 34px;position:absolute;inset:2px 0 22px;transform:rotateX(6deg);box-shadow:inset 0 0 0 2px #fffaf066,inset 0 -20px 26px #b48c501a,0 18px 34px #a0783c1f}.results-creature-wrapper:after{content:"";filter:blur(1px);z-index:0;background:radial-gradient(#78502833,#7850280f 48%,#78502800 76%),radial-gradient(circle at 50% 10%,#fffaf059,#fffaf000 46%);border-radius:999px;width:72%;height:24px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.results-creature-wrapper>*{z-index:1;position:relative}.results-name{letter-spacing:1px;text-shadow:0 2px #ffffffd9,0 6px 14px #0000001f}.results-id{opacity:.82}.hatch-egg,.hatch-creature{isolation:isolate;position:relative}.hatch-egg:before,.hatch-creature:before{content:"";z-index:0;background:radial-gradient(circle,#fff8e394,#ffd6a429 46%,#ffd6a400 74%);border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hatch-egg>*,.hatch-creature>*{z-index:1;position:relative}.sumi-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.sumi-canvas{image-rendering:auto;display:block}.hatch-paper-bg{background-color:#f5f5f5}@keyframes hanko-press{0%{opacity:0;transform:scale(1.15)}40%{opacity:1}to{opacity:1;transform:scale(1)}}.hanko-enter{animation:.2s ease-out forwards hanko-press}.egg-reacting{animation:.26s ease-out egg-react}.egg-absorb{animation:.3s ease-out egg-absorb-pulse}@keyframes egg-sparkle{0%,82%,to{opacity:0;transform:scale(0)}86%{opacity:.95;transform:scale(1)}90%{opacity:.55;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.egg-shell-aura,.pixel-egg-glow,.egg-shell-sparkle,.egg-shake-layer,.egg-vibe-layer,.egg-motion,.egg-react-layer{animation:none!important}}.field-guide-screen{background:radial-gradient(circle at 16% 14%,#faf6eef2,#faf6ee00 28%),radial-gradient(circle at 84% 84%,#8b73550d,#8b735500 26%),linear-gradient(#faf6ee,#f4ede0 56%,#ede6d6);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.field-guide-header{background:0 0;border-bottom:none;align-items:flex-start;gap:10px;padding:12px 14px 8px;display:flex;position:relative}.field-guide-header:after{content:"";background:linear-gradient(90deg,#0000,#2c2c2c40 20%,#2c2c2c66,#2c2c2c40 80%,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.field-guide-back,.field-guide-panel-close{font-family:var(--font-pixel);letter-spacing:1px;color:var(--text-primary);cursor:pointer;background:#faf6eee6;border:1px solid #8b735533;border-radius:4px;padding:7px 10px;font-size:7px;box-shadow:0 2px 6px #8b73551a}.field-guide-title{font-family:var(--font-pixel);color:var(--accent-primary);letter-spacing:1.6px;margin-bottom:4px;font-size:10px}.field-guide-kicker{font-family:var(--font-body);color:var(--text-secondary);max-width:220px;font-size:10px;line-height:1.5}.field-guide-tabs{grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 0;display:grid}.field-guide-tab{font-family:var(--font-pixel);color:var(--text-secondary);cursor:pointer;background:#faf6eeb3;border:1px solid #8b735526;border-radius:4px;padding:10px 8px;font-size:7px;transition:transform .12s,background-color .12s,color .12s}.field-guide-tab.is-active{color:var(--device-screen);background:linear-gradient(135deg,var(--jp-indigo) 0%,#1a3a50 100%);border-color:#264e7366;transform:translateY(-1px)}.field-guide-scroll{flex:1;padding:12px 14px 16px;overflow-y:auto}.field-guide-intro-card{background:linear-gradient(#faf6eecc,#ede8dc99);border:1px solid #8b735526;border-radius:6px;padding:14px;position:relative;box-shadow:0 4px 12px #8b735514}.field-guide-intro-card:before{content:"";background:linear-gradient(180deg,var(--jp-vermillion),#c53d434d);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.field-guide-intro{font-family:var(--font-body);color:var(--text-secondary);padding-left:6px;font-size:11px;line-height:1.65}.field-guide-grid{gap:10px;margin-top:12px;display:grid}.field-guide-card{text-align:left;cursor:pointer;background:linear-gradient(#faf6eed9,#f2ecdfe6);border:1px solid #8b735526;border-radius:6px;padding:12px;transition:transform .14s,box-shadow .14s;position:relative;box-shadow:0 3px 10px #8b735514}.field-guide-card:before{content:"";border-top:2px solid var(--jp-vermillion);border-right:2px solid var(--jp-vermillion);opacity:.4;width:10px;height:10px;position:absolute;top:4px;right:4px}.field-guide-card:after{content:"";border-bottom:2px solid var(--jp-vermillion);border-left:2px solid var(--jp-vermillion);opacity:.4;width:10px;height:10px;position:absolute;bottom:4px;left:4px}.field-guide-card:hover,.field-guide-card:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px #8b73551f}.field-guide-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.field-guide-badge{min-width:32px;height:32px;font-family:var(--font-pixel);color:var(--device-screen);background:linear-gradient(135deg,var(--jp-indigo) 0%,#1a3a50 100%);border-radius:4px;justify-content:center;align-items:center;font-size:8px;display:inline-flex;box-shadow:0 3px 8px #264e7340}.field-guide-badge-large{min-width:40px;height:40px;font-size:9px}.field-guide-card-tag{font-family:var(--font-pixel);color:var(--text-secondary);letter-spacing:1px;font-size:6px}.field-guide-card-preview{background:#faf6eee6;border:1px solid #8b73551a;border-radius:4px;padding:6px 8px}.field-guide-card-eyebrow,.field-guide-panel-eyebrow{font-family:var(--font-pixel);letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px;font-size:6px;display:block}.field-guide-card-title,.field-guide-panel-title{font-family:var(--font-pixel);color:var(--text-primary);font-size:9px;line-height:1.5}.field-guide-card-summary{font-family:var(--font-body);color:var(--text-secondary);font-size:11px;line-height:1.6}.field-guide-open{font-family:var(--font-pixel);color:var(--jp-vermillion);letter-spacing:1px;margin-top:10px;font-size:6px;display:inline-flex}.field-guide-panel{z-index:4;background:radial-gradient(circle at 50% 16%,#faf6eef2,#faf6ee00 28%),linear-gradient(#faf6ee,#f4ede0 58%,#ede6d6);flex-direction:column;display:flex;position:absolute;inset:0}.field-guide-panel-header{background:0 0;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 14px 10px;display:flex;position:relative}.field-guide-panel-header:after{content:"";background:linear-gradient(90deg,#0000,#2c2c2c40 20%,#2c2c2c66,#2c2c2c40 80%,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.field-guide-panel-headline{align-items:center;gap:10px;display:flex}.field-guide-panel-scroll{flex:1;padding:14px;overflow-y:auto}.field-guide-panel-preview{background:linear-gradient(#faf6eed9,#f2ecdfb3);border:1px solid #8b73551f;border-radius:6px;justify-content:center;align-items:center;margin-bottom:12px;padding:16px;display:flex;position:relative}.field-guide-panel-preview:before{content:"";border-top:2px solid var(--jp-gold);border-left:2px solid var(--jp-gold);opacity:.5;width:12px;height:12px;position:absolute;top:6px;left:6px}.field-guide-panel-preview:after{content:"";border-bottom:2px solid var(--jp-gold);border-right:2px solid var(--jp-gold);opacity:.5;width:12px;height:12px;position:absolute;bottom:6px;right:6px}.field-guide-panel-summary,.field-guide-panel-footer{background:linear-gradient(#faf6eecc,#ede8dc99);border:1px solid #8b73551f;border-radius:6px;padding:14px;box-shadow:0 3px 10px #8b73550f}.field-guide-panel-summary p,.field-guide-panel-footer p,.field-guide-panel-block-body{font-family:var(--font-body);color:var(--text-secondary);font-size:12px;line-height:1.7}.field-guide-panel-sections{gap:10px;margin:12px 0;display:grid}.field-guide-panel-block{background:#faf6eeb3;border:1px solid #8b73551a;border-radius:6px;padding:14px;position:relative}.field-guide-panel-block:before{content:"";background:linear-gradient(180deg,var(--jp-indigo),#264e7333);border-radius:0 1px 1px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.field-guide-panel-block-title{font-family:var(--font-pixel);letter-spacing:1px;color:var(--accent-primary);margin-bottom:8px;font-size:7px}.maze-screen{background:radial-gradient(circle at 50% 12%,#faf6eef2,#faf6ee00 32%),radial-gradient(circle at 14% 86%,#8b73550f,#8b735500 26%),linear-gradient(#faf6ee,#f4ede0 52%,#ede6d6);flex-direction:column;gap:10px;height:100%;padding:12px;display:flex}.maze-hud{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.maze-hud-pill{background:linear-gradient(#faf6eee6,#f2ecdfcc);border:1px solid #8b735526;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;position:relative;box-shadow:0 2px 6px #8b73550f}.maze-hud-pill:first-child:before{content:"";background:var(--jp-vermillion);opacity:.35;border-radius:0 1px 1px 0;width:2px;position:absolute;top:4px;bottom:4px;left:0}.maze-hud-label,.maze-hud-value{font-family:var(--font-pixel);letter-spacing:.8px;font-size:6px}.maze-hud-label{color:var(--text-secondary)}.maze-hud-value{color:var(--text-primary)}.maze-viewport{background:linear-gradient(#faf6ee99,#f2ecdfcc);border:1px solid #8b735533;border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:0;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #8b73550f,0 3px 10px #8b735514}.maze-board{aspect-ratio:1;background:linear-gradient(#f4ede0,#ede6d6);border-radius:4px;gap:0;width:100%;max-height:100%;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #8b735526}.maze-screen-pulse .maze-board{animation:2.2s ease-in-out infinite maze-board-pulse}.maze-cell{aspect-ratio:1;background:#0000000a;min-width:0;min-height:0;position:relative}.maze-cell-visited{background:#00000026}.maze-cell-visited-strong{background:linear-gradient(#00000026,#00000040)}.maze-cell-start{background:#00000014}.maze-cell-exit{background:#0000001a}.maze-marker{z-index:1;font-size:10px;line-height:1;position:absolute;top:2px;left:2px}.maze-marker-exit{left:auto;right:2px}.maze-collectible,.maze-friend{z-index:1;position:absolute}.maze-collectible{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;font-size:10px;line-height:1;top:1px;right:1px;transform:none}.maze-friend{background:var(--maze-accent-color);border-radius:999px;bottom:5px;right:5px;box-shadow:0 0 0 2px #fffc}.maze-pet{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:4%;overflow:visible}.maze-pet-sprite .sumi-container{justify-content:center;align-items:center;padding:0;display:flex}.maze-pet-step-up{animation:.14s ease-out maze-step-up}.maze-pet-step-down{animation:.14s ease-out maze-step-down}.maze-pet-step-left{animation:.14s ease-out maze-step-left}.maze-pet-step-right{animation:.14s ease-out maze-step-right}.maze-footer{gap:4px;display:grid}.maze-hint,.maze-subhint,.maze-reunion,.maze-stat .stat-label,.maze-stat .stat-value{font-family:var(--font-body)}.maze-hint,.maze-subhint{text-align:center;color:var(--text-secondary);font-size:11px;line-height:1.5}.maze-complete{background:radial-gradient(circle at 50% 18%,#fffffff0,#fff0 30%),linear-gradient(#faf6ee,#f4ede0 56%,#ede6d6);justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.maze-complete-card{text-align:center;background:linear-gradient(#faf6eee6,#ede8dccc);border:1px solid #8b735526;border-radius:8px;width:100%;padding:18px 16px;position:relative;box-shadow:0 6px 18px #8b73551a}.maze-complete-card:before{content:"";border-top:2px solid var(--jp-gold);border-left:2px solid var(--jp-gold);opacity:.4;width:14px;height:14px;position:absolute;top:6px;left:6px}.maze-complete-card:after{content:"";border-bottom:2px solid var(--jp-gold);border-right:2px solid var(--jp-gold);opacity:.4;width:14px;height:14px;position:absolute;bottom:6px;right:6px}.maze-complete-creature{margin-bottom:12px}.maze-reunion{color:var(--accent-primary);margin-bottom:8px;font-size:11px;line-height:1.5}.maze-grade{font-family:var(--font-pixel);color:var(--text-primary);margin-bottom:14px;font-size:13px}.maze-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.maze-stat{background:linear-gradient(#faf6eecc,#f2ecdf99);border:1px solid #8b73551a;border-radius:6px;padding:10px 8px}.maze-stat .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:10px;display:block}.maze-stat .stat-value{color:var(--text-primary);font-size:12px;font-weight:700}.maze-exit-btn{font-family:var(--font-pixel);color:var(--device-screen);background:linear-gradient(135deg,var(--jp-indigo) 0%,#1a3a50 100%);cursor:pointer;border:none;border-radius:4px;padding:12px 20px;font-size:10px;box-shadow:0 4px 12px #264e7333}@keyframes maze-board-pulse{0%,to{box-shadow:inset 0 0 0 1px #00000026}50%{box-shadow:inset 0 0 0 1px var(--maze-accent-color),0 0 22px var(--maze-tint-color)}}@keyframes maze-step-up{0%{transform:translateY(4px)scale(.96)}}@keyframes maze-step-down{0%{transform:translateY(-4px)scale(.96)}}@keyframes maze-step-left{0%{transform:translate(4px)scale(.96)}}@keyframes maze-step-right{0%{transform:translate(-4px)scale(.96)}}.bezel-dpad{filter:drop-shadow(0 8px 10px #0003)}.dpad-vertical,.dpad-horizontal,.dpad-center{background:linear-gradient(#6b5b4a,#5a4a3a,#4a3a2a);border:1px solid #3c28144d;box-shadow:inset 0 1px #ffe6b41f,inset 0 -3px 4px #28140540,0 4px #3c281480,0 8px 10px #3c281429}.dpad-center{background:linear-gradient(#5a4a3a,#4a3a2a);box-shadow:inset 0 1px #ffe6b41a,inset 0 -2px 4px #28140533,0 3px #3c281499}.dpad-btn{transition:transform 70ms,background-color .1s,box-shadow .1s,filter .1s}.dpad-btn:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(#fff3,#ffffff0f 45%,#00000014);transition:opacity .1s;position:absolute;inset:0}.dpad-btn:hover:before,.dpad-btn.is-pressed:before,.dpad-btn:active:before{opacity:1}.dpad-btn.is-pressed,.dpad-btn:active{filter:saturate(1.06);background:#0000001a;transform:translateY(2px)scale(.93);box-shadow:inset 0 2px 5px #32442c2e}.dpad-btn.is-pressed:after,.dpad-btn:active:after{opacity:.95}.bezel-button{color:#f7f3eb;background:linear-gradient(#5a4a3a,#4a3a2a 48%,#3a2a1a);border:1px solid #3c28144d;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe6b41f,inset 0 -4px 6px #28140540,0 5px #2a1a0a,0 10px 16px #3c28142e}.bezel-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffffad,#fff0);border-radius:999px;height:38%;position:absolute;inset:2px 8px auto}.bezel-button:active{transform:translateY(5px)scale(.97);box-shadow:inset 0 2px 4px #28140533,inset 0 -1px 2px #ffe6b41a,0 1px #2a1a0a,0 4px 8px #3c28141f}.action-dot{border:1px solid #0000001f;width:36px;height:36px;position:relative;box-shadow:inset 0 1px #ffffffad,inset 0 -4px 5px #00000024,0 4px #00000061,0 8px 12px #00000029}.action-dot:before{content:"";background:linear-gradient(#ffffffb3,#fff0);border-radius:999px;height:42%;position:absolute;top:3px;left:5px;right:5px}.action-dot-a{background:radial-gradient(circle at 30% 25%,#e8e0d0 0%,var(--jp-moss) 50%,#2a3a2a 100%)}.action-dot-b{background:radial-gradient(circle at 30% 25%,#e8b0a0 0%,var(--jp-vermillion) 50%,#6a1a1a 100%)}.action-dot:active{transform:translateY(4px)scale(.9);box-shadow:inset 0 2px 4px #00000029,inset 0 -1px 2px #ffffff3d,0 1px #00000052,0 3px 8px #0000001f}@media(max-width:430px){.action-dot{width:30px;height:30px}}.device-brand-wrap{text-align:center;margin-bottom:6px}.device-brand{margin-bottom:2px}.device-maker{font-family:var(--font-body);letter-spacing:.8px;color:#5a4a3a66;z-index:1;font-size:9px;line-height:1;position:relative}.action-dot-a{border-color:var(--jp-moss)}.action-dot-b{border-color:var(--jp-vermillion)}.action-dot-wrapper{display:inline-flex;position:relative}.action-dot-tooltip{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:.3px;z-index:10;border-radius:5px;padding:3px 7px;font-size:9px;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 2px 6px #64461e1f}.action-dot-wrapper:hover .action-dot-tooltip{opacity:1}@keyframes action-glow-green{0%,to{box-shadow:inset 0 1px #ffffffad,inset 0 -4px 5px #00000024,0 4px #00000061,0 8px 12px #00000029,0 0 6px #64646440}50%{box-shadow:inset 0 1px #ffffffad,inset 0 -4px 5px #00000024,0 4px #00000061,0 8px 12px #00000029,0 0 14px #6464648c}}@keyframes action-glow-rose{0%,to{box-shadow:inset 0 1px #ffffffad,inset 0 -4px 5px #00000024,0 4px #00000061,0 8px 12px #00000029,0 0 6px #64646440}50%{box-shadow:inset 0 1px #ffffffad,inset 0 -4px 5px #00000024,0 4px #00000061,0 8px 12px #00000029,0 0 14px #6464648c}}.action-dot-a.action-dot-glow{animation:2s ease-in-out infinite action-glow-green}.action-dot-b.action-dot-glow{animation:2s ease-in-out infinite action-glow-rose}.maze-screen{gap:8px;padding:10px 10px 8px}.maze-viewport{min-height:0;padding:10px;position:relative;overflow:hidden}.maze-viewport:after{content:"";pointer-events:none;background:radial-gradient(circle,#faf6ee00 48%,#8b73551f);border-radius:4px;position:absolute;inset:10px}.maze-board{aspect-ratio:1;width:100%;max-width:100%;max-height:100%;padding:10px}.maze-cell{background:#ffffff80;transition:background-color .12s,box-shadow .12s,opacity .12s}.maze-cell-hidden{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:none;background:#ede8dceb}.maze-cell-fog-edge{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ede8dc73}.maze-cell-void{box-shadow:none;background:0 0}.maze-cell-start,.maze-cell-exit,.maze-cell-visited,.maze-cell-visited-strong{box-shadow:inset 0 0 0 1px #ffffff14}.maze-marker{font-size:5px}.maze-pet{inset:4%}.maze-footer{gap:3px}.maze-hint{font-size:10px}.maze-subhint{font-size:9px}@media(max-width:430px){.device-maker{font-size:8px}.maze-board{width:100%;padding:8px}.maze-viewport{padding:8px}.maze-viewport:after{inset:8px}.maze-marker{font-size:4px}}.maze-screen,.maze-hud{gap:6px}.maze-hud-pill{padding:6px 8px}.maze-viewport{padding:6px}.maze-viewport:after{inset:6px}.maze-board{width:100%;padding:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}