.gatten{--color-teal-50:#eaf6f7;--color-teal-100:#dceff1;--color-teal-200:#b7dfe2;--color-teal-400:#7fcbd0;--color-teal-500:#12a0a8;--color-teal-600:#0f7f85;--color-teal-700:#0b6469;--color-ink:#23221f;--color-ink-muted:#4c4c4c;--color-ink-faint:#767676;--color-surface:#ffffff;--color-surface-sub:#f4f8f9;--color-surface-tint:#e3eff1;--color-line:#dadada;--font-pixel:var(--font-dotgothic),"DotGothic16",monospace;background-color:var(--color-surface);color:var(--color-ink);font-family:var(--font-noto-sans-jp),"Noto Sans JP",sans-serif;font-feature-settings:"palt";line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gatten :where(h1,h2,h3,h4){color:revert-layer}.gatten :where(h1,h2,h3){word-break:auto-phrase}.gatten .px-phrase{word-break:keep-all;overflow-wrap:anywhere}.gatten .font-pixel{font-family:var(--font-pixel)}.gatten .px-btn,.gatten .px-card,.gatten .px-glass,.gatten .px-tag,.gatten .px-win{--o:0px;--s:transparent;box-shadow:0 calc(var(--b) * -1) 0 0 var(--c),0 var(--b) 0 0 var(--c),calc(var(--b) * -1) 0 0 0 var(--c),var(--b) 0 0 0 var(--c),var(--o) calc(var(--o) - var(--b)) 0 0 var(--s),var(--o) calc(var(--o) + var(--b)) 0 0 var(--s),calc(var(--o) - var(--b)) var(--o) 0 0 var(--s),calc(var(--o) + var(--b)) var(--o) 0 0 var(--s),var(--o) var(--o) 0 0 var(--s)}.gatten .px-card{--b:3px;--c:#7fcbd0;--o:6px;--s:#b7dfe2}.gatten .px-win{--b:4px;--c:#0b6469;--o:8px;--s:#0b6469}.gatten .px-tag{--b:2px;--c:#0b6469}.gatten .px-glass{--b:2px;--c:rgba(255,255,255,0.4)}.gatten .px-btn{--b:4px;--o:4px;cursor:pointer}.gatten .px-btn:active,.gatten .px-btn:hover{--o:1px;transform:translate(3px,3px)}.gatten .px-btn-primary{--c:#0f7f85;--s:#063e41;background-color:#0f7f85;color:#fff}.gatten .px-btn-primary:hover{--c:#0b6469;background-color:#0b6469}.gatten .px-btn:disabled{--o:4px;transform:none;cursor:not-allowed}.gatten .px-arrow:after{content:"▶";content:"▶"/"";font-family:var(--font-pixel);font-size:.8em}.gatten .px-notch{--n:3px;clip-path:polygon(var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)),0 var(--n),var(--n) var(--n))}.gatten .px-h-lg,.gatten .px-h-md{font-size:32px;line-height:1.5;text-shadow:1px 0 0 currentColor,0 1px 0 currentColor,1px 1px 0 currentColor}@media (min-width:1024px){.gatten .px-h-lg{font-size:48px;line-height:1.4;text-shadow:2px 0 0 currentColor,0 2px 0 currentColor,2px 2px 0 currentColor}}@keyframes gatten-px-blink{50%{opacity:0}}.gatten .px-cursor:before{content:"▶";content:"▶"/"";margin-right:.6em;font-size:.85em}@media (prefers-reduced-motion:no-preference){.gatten .px-cursor:before{animation:gatten-px-blink 1s steps(1) infinite}}.gatten .px-menu a{position:relative}.gatten .px-menu a:before{content:"▶";content:"▶"/"";position:absolute;left:-1.15em;top:50%;transform:translateY(-50%);font-family:var(--font-pixel);font-size:.7em;opacity:0}.gatten .px-menu a:hover:before{opacity:1}.gatten .px-stars{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' shape-rendering='crispEdges' fill='%23fff' fill-opacity='0.16'%3E%3Crect x='18' y='22' width='3' height='3'/%3E%3Crect x='96' y='12' width='3' height='3'/%3E%3Crect x='170' y='40' width='3' height='3'/%3E%3Crect x='214' y='104' width='3' height='3'/%3E%3Crect x='60' y='118' width='3' height='3'/%3E%3Crect x='134' y='86' width='6' height='6' fill-opacity='0.1'/%3E%3C/svg%3E");background-size:240px 160px}.gatten .pixel-teeth{display:none}@supports (mask-repeat:repeat-x) or (-webkit-mask-repeat:repeat-x){.gatten .pixel-teeth{display:block;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' shape-rendering='crispEdges'%3E%3Crect x='0' y='8' width='16' height='8'/%3E%3Crect x='16' y='0' width='16' height='16'/%3E%3C/svg%3E") repeat-x left bottom;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' shape-rendering='crispEdges'%3E%3Crect x='0' y='8' width='16' height='8'/%3E%3Crect x='16' y='0' width='16' height='16'/%3E%3C/svg%3E") repeat-x left bottom}}.gatten .px-steps{counter-reset:gatten-step}.gatten .px-steps>li{counter-increment:gatten-step}.gatten .px-steps>li:before{content:counter(gatten-step);display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;background-color:#ffd76a;color:#23221f;font-family:var(--font-pixel);font-size:1rem;line-height:1;--n:3px;clip-path:polygon(var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)),0 var(--n),var(--n) var(--n))}.gatten .px-input{display:block;width:100%;margin-top:.5rem;border:2px solid #0f7f85;border-radius:0;background-color:#fff;color:#23221f;padding:.75rem 1rem;font-size:1rem;line-height:1.5;box-shadow:4px 4px 0 0 #b7dfe2;transition:border-color .15s,box-shadow .15s}.gatten .px-input:hover{border-color:#0b6469}.gatten .px-input:focus{outline:3px solid #0b6469;outline-offset:2px;border-color:#0b6469;box-shadow:4px 4px 0 0 #7fcbd0}.gatten .px-input:user-invalid{border-color:#b42318}.gatten .px-select{padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 6 4' shape-rendering='crispEdges' fill='%230b6469'%3E%3Crect x='0' y='0' width='6' height='1'/%3E%3Crect x='1' y='1' width='4' height='1'/%3E%3Crect x='2' y='2' width='2' height='1'/%3E%3C/svg%3E");background-position:right 1rem center;background-size:12px 8px}.gatten .px-check,.gatten .px-select{appearance:none;background-repeat:no-repeat}.gatten .px-check{flex-shrink:0;width:1.375rem;height:1.375rem;margin:0;border:2px solid #0f7f85;border-radius:0;background-color:#fff;background-position:50%;background-size:14px 14px;cursor:pointer}.gatten .px-check:hover{border-color:#0b6469}.gatten .px-check:checked{border-color:#0f7f85;background-color:#0f7f85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges' fill='%23fff'%3E%3Cpath d='M7 1h1v2H7zM6 2h1v2H6zM5 3h1v2H5zM4 4h1v2H4zM3 5h1v2H3zM2 4h1v2H2zM1 3h1v2H1z'/%3E%3C/svg%3E")}.gatten .px-check:focus-visible{outline:3px solid #0b6469;outline-offset:2px}.gatten :where(a,button):focus-visible{outline:3px solid #0b6469;outline-offset:3px}.gatten .px-alert{--b:2px;--c:#b42318;box-shadow:0 calc(var(--b) * -1) 0 0 var(--c),0 var(--b) 0 0 var(--c),calc(var(--b) * -1) 0 0 0 var(--c),var(--b) 0 0 0 var(--c);background-color:#fdecea;color:#b42318}.gatten .px-path-x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%23F7E3B0'/%3E%3C/svg%3E");background-repeat:repeat-x}.gatten .px-path-y{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%23F7E3B0'/%3E%3C/svg%3E");background-repeat:repeat-y}.gatten .px-sea{background-color:#2e86c1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48' shape-rendering='crispEdges' fill='%237CC0EC'%3E%3Crect x='8' y='10' width='10' height='3'/%3E%3Crect x='18' y='7' width='6' height='3'/%3E%3Crect x='58' y='32' width='10' height='3'/%3E%3Crect x='68' y='29' width='6' height='3'/%3E%3Crect x='40' y='4' width='4' height='3' fill-opacity='0.6'/%3E%3Crect x='84' y='18' width='4' height='3' fill-opacity='0.6'/%3E%3C/svg%3E");background-size:96px 48px}.gatten .px-beach,.gatten .px-grass{--a:8px;--b:16px;clip-path:polygon(var(--b) 0,calc(100% - var(--b)) 0,calc(100% - var(--b)) var(--a),calc(100% - var(--a)) var(--a),calc(100% - var(--a)) var(--b),100% var(--b),100% calc(100% - var(--b)),calc(100% - var(--a)) calc(100% - var(--b)),calc(100% - var(--a)) calc(100% - var(--a)),calc(100% - var(--b)) calc(100% - var(--a)),calc(100% - var(--b)) 100%,var(--b) 100%,var(--b) calc(100% - var(--a)),var(--a) calc(100% - var(--a)),var(--a) calc(100% - var(--b)),0 calc(100% - var(--b)),0 var(--b),var(--a) var(--b),var(--a) var(--a),var(--b) var(--a))}.gatten .px-beach{background-color:#f2d49b}.gatten .px-grass{--a:6px;--b:12px;background-color:#6cbf5a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges' fill='%2357AD4C'%3E%3Crect x='6' y='8' width='2' height='4'/%3E%3Crect x='9' y='10' width='2' height='2'/%3E%3Crect x='30' y='30' width='2' height='4'/%3E%3Crect x='33' y='32' width='2' height='2'/%3E%3Crect x='38' y='6' width='2' height='2'/%3E%3Crect x='16' y='38' width='2' height='2'/%3E%3C/svg%3E");background-size:48px 48px}@media (forced-colors:active){.gatten .px-beach,.gatten .px-grass{clip-path:none}}@keyframes gatten-px-hop{50%{transform:translateY(5px)}}@media (prefers-reduced-motion:no-preference){.gatten .px-hop{animation:gatten-px-hop 1.2s steps(2) infinite}.gatten .px-blink{animation:gatten-px-blink 1s steps(1) infinite}}@media (forced-colors:active){.gatten .px-alert,.gatten .px-btn,.gatten .px-card,.gatten .px-glass,.gatten .px-tag,.gatten .px-win{box-shadow:none;border:2px solid CanvasText}.gatten .px-notch,.gatten .px-steps>li:before{clip-path:none;outline:1px solid CanvasText}.gatten .px-check,.gatten .px-select{appearance:auto;background-image:none}.gatten .px-select{padding-right:1rem}}@media print{.gatten .px-alert,.gatten .px-btn,.gatten .px-card,.gatten .px-glass,.gatten .px-tag,.gatten .px-win{box-shadow:none;border:2px solid #0b6469}.gatten .px-notch,.gatten .px-steps>li:before{clip-path:none}}