.geographic-map,.location-backdrop{background:#b8d7cf;position:absolute;inset:0}.location-message{z-index:3;max-height:48%;position:absolute;top:27%;left:20px;right:20px;overflow:auto;padding:22px!important}.location-message h1{font-size:25px}.location-message p{font-size:13px;line-height:1.6}.gps-avatar{width:40px;height:56px;image-rendering:pixelated}.gps-crab{width:42px;height:42px;image-rendering:pixelated;margin-left:25px}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{bottom:calc(155px + env(safe-area-inset-bottom))!important}.map-error{z-index:4;background:#fff3d9;padding:12px;font-size:12px;position:absolute;top:170px;left:16px;right:16px}.camera-live{object-fit:contain;background:#173e43;border-radius:12px;width:100%;max-height:42dvh}.overworld .location-tag{pointer-events:none}.camera-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}@media (height<=500px){.location-message{max-height:40%;top:100px;left:100px;right:100px}.location-message h1{font-size:18px}}.offline-status{z-index:50;top:calc(env(safe-area-inset-top) + 4px);color:#fff;white-space:nowrap;background:#173e43;border-radius:12px;padding:4px 12px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.overworld .geographic-map{width:100%;height:100%;position:absolute;inset:0}.pwa-update{z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:#fff8e5;border:2px solid #315d4d;border-radius:12px;gap:6px;padding:12px 16px;font-size:12px;display:grid;position:absolute;box-shadow:0 4px #173e4333}.pwa-update .button{min-height:44px}.install-guide ol{padding-left:22px;line-height:1.7;list-style:decimal}.install-guide li{padding:6px 0}.install-guide h3{margin-top:20px}.install-guide a{padding:12px 0;text-decoration:underline;display:inline-block}.story-cutscene{color:#fff8df;background:#282044;border:3px solid #594793;flex-direction:column;gap:10px;min-height:calc(100dvh - 105px);padding:12px;display:flex}.story-cutscene h1{color:#fff8df;margin:0;font-size:18px;line-height:1.2}.cutscene-view{background:#25c6b2;border:3px solid #fff8df;flex:1;min-height:260px;position:relative;overflow:hidden}.shot-stage{position:absolute;inset:0;overflow:hidden}.shot-camera{transform-origin:50%;image-rendering:pixelated;position:absolute;inset:0}.shot-camera canvas{width:100%;height:100%;image-rendering:pixelated}.shot-actor{width:12%;height:22%;position:absolute;transform:translate(-50%,-50%)}.shot-actor .player-avatar{width:100%;height:100%}.shot-crab{transform-origin:50%;width:23%;position:absolute;translate:-50% -50%}.shot-crab svg{width:100%;height:auto;image-rendering:pixelated}.shot-caption{color:#282044;background:#fff8df;border:3px solid #8872bd;min-height:106px;padding:10px 12px}.shot-caption b{letter-spacing:1px;color:#594793;font-size:11px}.shot-caption p{margin:5px 0 0;font-size:16px;line-height:1.4}.shot-overlay{text-align:center;color:#fff8df;background:#282044e8;border:2px solid #fff8df;padding:7px;font-size:14px;font-weight:900;line-height:1.3;position:absolute;top:10px;left:10px;right:10px}.cutscene-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cutscene-controls .button{min-height:44px;padding:7px}.story-cutscene small{color:#fff8df;font-size:10px}.recording-phone{background:#25c6b2;border:2px solid #282044;width:8px;height:14px;position:absolute;transform:rotate(-8deg)}.cap-prop{background:#74c9c4;border:3px solid #fff8df;width:26%;height:24%;position:absolute;top:39%;left:8%;box-shadow:2px 2px #282044}.volunteer:after{content:"";background:#fff8df;border:2px solid #594793;width:12px;height:14px;position:absolute;top:58%;right:-2px}.pointing:after{content:"";background:#daaa82;width:20px;height:5px;position:absolute;top:36%;left:80%}.map-pin-hand{color:#f58a08;font-size:24px;position:absolute}.iris-map{background:repeating-linear-gradient(160deg,#f0c88c 0 80px,#fff8df 80px 100px,#25c6b2 100px 170px);position:absolute;inset:0}.first-node{color:#282044;background:#fff8df;border:4px solid #594793;place-items:center;width:80px;height:70px;font-size:32px;font-weight:700;display:grid;position:absolute;top:50%;left:36%}.story-stage-preview .story-matchup{animation:.8s steps(6,end) both trainer-enter}.story-stage-preview .script-dialogue{animation:1s step-end both dialogue-enter}.script-dialogue{color:#282044;background:#fff8df;border:3px solid #594793;margin:8px 0;padding:12px}.script-dialogue b{color:#594793;font-size:11px;display:block}.script-dialogue p{margin:4px 0;font-size:16px}@keyframes trainer-enter{0%{opacity:.2;transform:translate(35px)}to{opacity:1;transform:none}}@keyframes dialogue-enter{0%,80%{visibility:hidden}to{visibility:visible}}@media (height<=520px) and (orientation:landscape){.story-cutscene{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:6px;height:calc(100dvh - 105px);min-height:0;display:grid}.story-cutscene h1{grid-column:2;font-size:13px}.cutscene-view{grid-area:1/1/5;min-height:0}.shot-caption{grid-column:2;min-height:0;padding:6px}.shot-caption p{font-size:12px;line-height:1.2}.cutscene-controls{grid-column:2;gap:3px}.cutscene-controls .button{min-height:44px;padding:2px;font-size:11px}.story-cutscene small{display:none}}@media (prefers-reduced-motion:reduce){.story-stage-preview *{animation:none!important}}.reduced-motion .story-stage-preview *{animation:none!important}.cutscene-controls .button.text{color:#fff8df}.story-cutscene[data-paused=false][data-reduced=false] .shot-crab .snap-jaws{opacity:1;animation:.65s steps(2,end) infinite claw-ready}@keyframes claw-ready{0%{transform:translateY(0)}to{transform:translateY(3px)}}.professional:after{content:"";background:#fff8df;border:2px solid #594793;width:70%;height:15%;position:absolute;top:12%;left:20%}.story-cutscene[data-paused=true] *{animation-play-state:paused!important}.story-screen,.story-cutscene,.story-screen *,.story-cutscene *{box-sizing:border-box;min-width:0}.story-screen,.story-cutscene{overflow-wrap:anywhere;width:100%;max-width:100%}.story-screen :is(h1,h2,p,strong,small,button,a),.story-cutscene :is(h1,p,b,button){white-space:normal;overflow-wrap:anywhere;max-width:100%}.story-screen h1{text-wrap:balance;font-size:clamp(23px,6vw,28px);line-height:1.2}.story-screen .button-row,.story-moves{flex-wrap:wrap}.story-moves span{flex-basis:80px;min-width:0}.story-matchup strong,.story-matchup small{text-align:center}.story-cutscene{min-height:0;padding:12px}.cutscene-view{flex:none;height:clamp(220px,39dvh,360px);min-height:0;animation:.3s ease-out both scene-reveal}.shot-caption{flex-shrink:0;min-height:108px}.shot-caption p{font-size:17px;line-height:1.45}.shot-overlay{white-space:pre-line;overflow-wrap:anywhere}.story-landing{text-align:center;gap:16px;padding:22px 14px}.story-landing>p{font-size:15px;line-height:1.5}.story-key-art{background:#25c6b2;border:3px solid #594793;border-radius:12px;height:260px;position:relative;overflow:hidden}.story-key-art>svg:last-child{filter:drop-shadow(3px 5px #28204444);width:110px;height:110px;position:absolute;bottom:12px;left:calc(50% - 55px)}.baby-companion{width:14%}.baby-treasure{background:#fff8df;border:2px solid #594793;width:18%;height:15%;position:absolute;top:40%;left:5%;transform:rotate(-15deg)}.baby-battle-iris{pointer-events:none;position:absolute;inset:0}@keyframes scene-reveal{0%{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cutscene-view{animation:none}}.story-cutscene[data-reduced=true] .cutscene-view{animation:none}@media (height<=520px) and (orientation:landscape){.cutscene-view{height:auto;min-height:0}.shot-caption p{font-size:13px}}:is(.feature-header:has(+.feature-content .story-screen),.feature-header:has(+.feature-content .story-cutscene)){gap:10px}:is(.feature-header:has(+.feature-content .story-screen) strong,.feature-header:has(+.feature-content .story-cutscene) strong){white-space:normal;overflow-wrap:anywhere;text-align:center;flex:1;min-width:0}.story-cutscene[data-paused=true] .cutscene-view{animation:none}.feature-overlay:has(.story-landing){animation:none}.story-screen{flex-direction:column;gap:12px;max-width:480px;margin:auto;padding:16px 12px 24px;display:flex}.story-screen h1,.story-screen h2,.story-cinema h1{margin:0;font-size:clamp(22px,6vw,28px);line-height:1.1}.story-screen p{margin:0}.story-screen .button{min-height:44px}.story-map-art{border:3px solid #594793;border-radius:12px;height:330px;position:relative;overflow:hidden}.story-island-art{width:100%;height:100%}.region-label{color:#282044;background:#fff8dfef;border:2px solid #594793;max-width:62%;padding:4px 6px;font-size:11px;display:grid;position:absolute;box-shadow:2px 2px #28204433}.region-label small{font-size:9px}.region-0{bottom:7%;left:4%}.region-1{bottom:28%;left:16%}.region-2{bottom:46%;right:2%}.region-3{top:22%;left:2%}.region-4{top:3%;right:2%}.story-progress{font-size:13px;font-weight:700}.story-stage-path{background:repeating-linear-gradient(135deg,#f5cc83 0 8px,#fff0c9 8px 16px);border:3px solid #594793;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:14px;padding:14px;display:grid;position:relative}.story-node{color:#282044;background:#fff8df;border:3px solid #594793;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-height:80px;display:flex;box-shadow:0 4px #594793}.story-node b{font-size:22px}.story-node small{color:#594793}.story-node.boss{background:#ffe0a0;grid-column:1/-1}.story-node:disabled{opacity:.55;box-shadow:none}.story-matchup{background:linear-gradient(#bfeee0 0 40%,#25c6b2 40% 60%,#fff8df 60% 64%,#f5cc83 64%);border:3px solid #594793;border-radius:12px;justify-content:space-around;padding:12px 4px;display:flex}.story-matchup>div{flex-direction:column;align-items:center;width:48%;display:flex}.story-matchup .player-avatar{width:48px;height:65px}.story-matchup svg:not(.player-avatar){max-width:150px;height:105px}.story-matchup strong{font-size:13px}.story-matchup small{font-size:12px}.story-preview blockquote{background:#fff8df;border-left:4px solid #f58a08;margin:0;padding:10px;font-size:14px}.story-moves{gap:6px;display:flex}.story-moves span{text-align:center;color:#fff8df;background:#594793;border-radius:6px;flex:1;padding:10px 4px;font-size:12px}.story-reward{background:#fff8df;border:3px solid #f58a08;justify-items:center;padding:16px;display:grid;position:relative}.story-reward svg{max-width:140px;height:120px}.story-reward>span{color:#f58a08;opacity:.35;pointer-events:none;font-size:125px;position:absolute;top:4px}.story-reward small{text-align:center}.hud-settings{align-self:end;font-size:14px}.story-cinema{color:#fff8df;background:#282044;flex-direction:column;gap:12px;min-height:calc(100dvh - 90px);padding:16px 12px;display:flex}.story-cinema h1{color:#fff8df;text-transform:uppercase;letter-spacing:2px;font-size:24px}.cinema-frame{background:#25c6b2;border:3px solid #f5cc83;flex:1;min-height:300px;position:relative;overflow:hidden}.cinema-land{width:110%;height:100%;animation:6s linear both story-pan;position:absolute;left:-5%}.cinema-human{width:58px;position:absolute;bottom:17%;left:12%}.cinema-crab{width:120px;animation:2s steps(12,end) both crab-arrive;position:absolute;bottom:10%;left:25%}.cinema-rival{filter:brightness(.45);width:58px;animation:2s steps(10,end) both crab-arrive;position:absolute;bottom:26%;right:10%}.story-caption{color:#282044;background:#fff8df;border:3px solid #594793;min-height:76px;margin:0;padding:12px;font-size:16px}.story-cinema .button{min-height:44px}.story-ripples{animation:2s steps(4,end) infinite alternate beacon}@keyframes story-pan{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes crab-arrive{0%{transform:translate(110px)}to{transform:translate(0)}}@keyframes beacon{to{opacity:.25}}.reduced-motion .story-cinema *,.reduced-motion .story-ripples{animation:none!important}@media (prefers-reduced-motion:reduce){.story-cinema *,.story-ripples{animation:none!important}}@media (height<=500px) and (orientation:landscape){.story-cinema{grid-template-columns:1fr 1fr;display:grid}.cinema-frame{grid-row:1/5;min-height:210px}.story-cinema h1{font-size:20px}.story-caption{min-height:0;font-size:13px}}.story-stage-path:before{content:"";pointer-events:none;border-left:3px dotted #594793;position:absolute;inset:20px 49% 35px}.story-node{position:relative}.story-stage-path{background:#f5cc83;flex-shrink:0;height:360px;padding:0;display:block;overflow:hidden}.story-stage-path:before{display:none}.shellshore-art{width:100%;height:100%;position:absolute;inset:0}.story-node{width:108px;min-height:70px;font-size:13px;position:absolute;top:3%;left:5%}.story-node:nth-of-type(2){top:16%;left:50%}.story-node:nth-of-type(3){top:37%;left:5%}.story-node:nth-of-type(4){top:56%;left:50%}.story-node.boss{width:155px;min-height:65px;top:78%;left:22%}.region-label{text-align:left;min-height:44px}.region-label:disabled{opacity:1;cursor:default}@media (height<=500px) and (orientation:landscape){.story-cinema h1{grid-area:1/2}.story-cinema .cinema-frame{grid-area:1/1/5}.story-cinema .story-caption{grid-area:2/2}.story-cinema .button-row{grid-area:3/2}.story-cinema>small{grid-area:4/2}.story-cinema{gap:8px;min-height:0}.story-cinema h1{letter-spacing:1px;font-size:16px}.story-cinema .button-row{flex-wrap:nowrap;gap:4px}.story-cinema .button{flex:1;min-width:0;padding:6px;font-size:11px}.story-cinema .story-caption{padding:8px;font-size:12px}}.corporate-avatar{width:48px;height:65px;position:relative}.corporate-avatar .player-avatar{width:100%;height:100%}.corporate-badge{color:#594793;background:#fff8df;border:1px solid #594793;padding:1px;font:700 7px/1 monospace;position:absolute;top:59%;left:40%}.cinema-rival .corporate-avatar{width:58px;height:82px}.conspiracy-cinema .cinema-rival{filter:none}.dump-truck{animation:5s steps(20,end) both truck-arrive}.dumped-package{animation:2s steps(8,end) both package-fall}.night-searchlight{transform-origin:200px 140px;animation:3s ease-in-out infinite alternate searchlight}.opening-4 .cinema-crab{animation:1s steps(2,end) infinite crab-ready}.evidence-document{color:#282044;background:#fff8df;border:4px solid #594793;justify-items:center;gap:6px;width:43%;padding:10px;animation:.6s steps(6,end) both evidence-arrive;display:grid;position:absolute;top:20%;right:7%;box-shadow:6px 6px #28204444}.evidence-document span{font-size:50px}.evidence-document b{font-size:12px}.evidence-document small{text-align:center;font-size:12px}.evidence-case{background:#fff8df;border:3px solid #594793;gap:10px;padding:12px;display:grid}.evidence-case h2{font-size:20px}.evidence-case article{border-top:2px dotted #594793;padding-top:8px}.evidence-case p,.region-condition{font-size:13px}.region-label[aria-pressed=true]{outline-offset:1px;outline:3px solid #f58a08}.restored-wildlife{animation:2s steps(3,end) infinite alternate beacon}.cinema-frame>.beach-backdrop{width:100%;height:100%;position:absolute}@keyframes truck-arrive{0%{transform:translate(90px)}to{transform:translate(0)}}@keyframes package-fall{0%{transform:translate(40px,-70px)}to{transform:translate(0)}}@keyframes searchlight{to{opacity:.4;transform:rotate(12deg)}}@keyframes crab-ready{50%{transform:translateY(-5px)}}@keyframes evidence-arrive{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reduced-motion .restored-wildlife{animation:none}@media (prefers-reduced-motion:reduce){.restored-wildlife{animation:none}}@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-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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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!important}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.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)}.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))}}:root{color:#203e37;font-synthesis:none;background:#f7f6ed;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:46px;line-height:1.12}h2{font-size:31px;line-height:1.18}h3{font-size:23px;line-height:1.2}p{color:#627369;line-height:1.7}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #bd632e}.site-header{border-bottom:1px solid #dfe2d7;justify-content:space-between;align-items:center;gap:24px;max-width:1400px;height:94px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-1.6px;align-items:center;gap:7px;font-size:29px;font-weight:800;display:flex}.brand-icon{color:#d36146;margin-right:4px;font-size:36px;transform:rotate(-15deg)}.brand-dot{color:#d36146;align-self:flex-start;margin-top:7px;font-size:21px}.main-nav{align-items:center;gap:7px;display:flex}.main-nav a{color:#6d786c;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:600;display:flex}.main-nav a.active{color:#25483c;background:#e5ebdd}.main-nav a:hover{background:#edf0e4}.header-xp{white-space:nowrap;border:1px solid #d9decd;border-radius:7px;align-items:center;gap:7px;padding:8px 14px;font-weight:700;display:flex}.header-xp>span{color:#c88938}.header-xp small{color:#7a806d;font-size:10px;font-weight:500}.page-container{max-width:1400px;min-height:calc(100vh - 185px);margin:0 auto;padding:28px 5% 48px}.page-eyebrow{letter-spacing:1.5px;color:#788271;justify-content:space-between;margin:0 0 24px;font-size:9px;display:flex}.page-eyebrow>span:first-child{align-items:center;gap:8px;display:flex}.status-dot{background:#6b9163;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.home-hero{background:#f1f1e4;border:1px solid #dce1d2;border-radius:13px;grid-template-columns:.9fr 1.1fr;min-height:435px;display:grid;overflow:hidden}.hero-copy{z-index:1;padding:39px 36px 34px;position:relative}.pill{letter-spacing:1px;white-space:nowrap;border:1px solid #d3dbc6;border-radius:5px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;font-weight:600;display:inline-flex}.hero-copy>.pill{letter-spacing:1.4px;background:#e6e9d7;border:0;font-size:8px}.hero-copy h1{letter-spacing:-3px;margin:23px 0 20px;font-size:66px;line-height:.99}.hero-copy h1 em{color:#64815b;font-weight:400}.hero-copy p{font-size:12px;line-height:1.8}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 17px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.primary{color:#fffef2;background:#204b3e;border-color:#204b3e}.primary:hover{background:#31654f}.secondary{color:#315044;background:#f3f5e8;border-color:#c6d0bc}.secondary:hover{background:#e7eedb}.button.text{color:#54705c;background:0 0}.button.text:hover{background:#edf0e3}.hero-copy>.button{margin:23px 0 13px}.hero-footnote{color:#83907c;font-size:10px;display:block}.hero-scene{background:#d5ece1;min-height:435px;position:relative;overflow:hidden}.beach-art{width:100%;height:100%;position:absolute;inset:0}.scene-tag{letter-spacing:1.4px;color:#628373;font-size:8px;position:absolute;top:26px;right:26px}.hero-crab{filter:drop-shadow(0 12px #6c79520a);width:255px;position:absolute;bottom:47px;left:50%;transform:translate(-50%)}.crab{width:100%;image-rendering:pixelated}.crab-caption{letter-spacing:1px;white-space:nowrap;background:#fff9e9cf;border:1px solid #e5d7b4;border-radius:4px;align-items:center;gap:6px;padding:7px 12px;font-size:8px;display:flex;position:absolute;bottom:37px;left:50%;transform:translate(-50%)}.scene-coordinate{color:#8b845f;letter-spacing:1px;font-size:7px;position:absolute;bottom:16px;right:22px}.stats-strip{border-bottom:1px solid #dcdfd1;grid-template-columns:1fr 1.2fr .8fr 1fr;align-items:center;gap:20px;padding:25px 0;display:grid}.stats-strip>div{align-items:center;gap:12px;display:flex}.stats-strip svg{color:#7d8d69;width:20px}.stats-strip>div>span{color:#7b8473;font-size:10px}.stats-strip b{color:#29483b;margin-right:8px;font-size:21px;font-weight:500;display:inline-block}.stats-strip>a{justify-content:flex-end;align-items:center;gap:12px;font-size:11px;display:flex}.xp-icon{color:#b6893a;font-size:28px}.next-section{margin-top:33px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.7px;color:#819075;font-size:9px;font-weight:600}.section-heading h2{margin-top:9px;font-size:28px}.muted{color:#8a907f;font-size:11px}.adventure-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.adventure-card{border:1px solid #d9dfcd;border-radius:9px;padding:19px 24px 23px;transition:transform .2s,box-shadow .2s;overflow:hidden}.adventure-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #173e3c0b}.mint{background:#e9eddf}.sand{background:#f1ecda}.coral{background:#f3e5d9}.tile-top{letter-spacing:1.2px;color:#657961;justify-content:space-between;align-items:center;font-size:9px;display:flex}.tile-top svg{width:16px}.tile-art{justify-content:center;align-items:center;height:115px;display:flex}.card-stack span{color:#f1da83;background:#9ab6a1;border:4px solid #faf4d9;border-radius:3px;place-items:center;width:57px;height:72px;margin:0 -7px;font-size:35px;display:grid;transform:rotate(-14deg);box-shadow:0 3px #778f6820}.card-stack span:nth-child(2){color:#6c8163;z-index:1;background:#d7ac66;transform:translateY(-5px)}.card-stack span:last-child{color:#dce4a8;background:#7da89b;transform:rotate(14deg)}.mini-crab .crab{width:125px;margin-top:-5px}.crossed{color:#bd7454;position:relative}.crossed>span{color:#c4a654;font-size:27px;position:absolute;top:28px;right:28%}.adventure-card h3{margin-bottom:10px;font-size:23px}.adventure-card p{font-size:11px;line-height:1.8}.text-link{align-items:center;gap:8px;margin-top:19px;font-size:10px;font-weight:600;display:flex}.care-note{color:#7f9171;align-items:center;gap:15px;padding:24px 0 0;display:flex}.care-note p{flex:1;font-size:10px;line-height:1.7}.care-note strong{color:#5b7156;margin-right:6px;font-weight:600}.care-note a{align-items:center;gap:6px;font-size:10px;display:flex}.site-footer{color:#909583;border-top:1px solid #dfe2d7;align-items:center;gap:25px;max-width:1400px;margin:0 auto;padding:24px 5%;font-size:10px;display:flex}.footer-brand{color:#61745c;letter-spacing:-1px;font-size:20px;font-weight:800}.footer-brand span{color:#c6825d;font-size:14px}.site-footer a{align-items:center;gap:6px;margin-left:auto;display:flex}.page-title{margin:16px 0 30px}.page-title h1{margin:10px 0 12px}.page-title p{font-size:13px}.panel{background:#fffdf4;border:1px solid #dce1d2;border-radius:11px;padding:26px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;display:flex}.panel h2{font-size:28px}.full{width:100%}.icon-button{background:0 0;border:1px solid #d9dfcf;border-radius:6px;place-items:center;min-width:44px;min-height:44px;display:grid}.scan-steps{color:#9aa18d;align-items:center;gap:20px;max-width:500px;margin:0 0 28px;display:flex}.scan-steps span{align-items:center;gap:10px;font-size:11px;display:flex}.scan-steps .active{color:#2b5b43}.scan-steps i{background:#d7decb;flex:1;height:1px}.scan-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}.upload-zone{text-align:center;cursor:pointer;background:#f1f4e8;border:1px dashed #bdcdb4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:350px;padding:25px;display:flex}.upload-icon{color:#729062;background:#e2ead7;border-radius:50%;padding:20px}.upload-zone p{font-size:12px}.upload-zone small{color:#929982;font-size:10px}.safety-note{color:#7c8c63;gap:12px;margin-top:22px;display:flex}.safety-note p{font-size:11px}.safety-note strong{color:#4e674b;display:block}.scan-sidebar h2{margin:10px 0 20px}.scan-sidebar p{font-size:13px}.empty-preview{color:#9caa7d;background:#f3f0de;border-radius:8px;place-items:center;height:155px;margin-bottom:20px;display:grid}.field-help{margin:12px 0;line-height:1.7;display:block;color:#83907c!important;font-size:11px!important}.check-label{color:#65775e;align-items:flex-start;gap:10px;margin:16px 0;font-size:12px;line-height:1.6;display:flex}.check-label input{accent-color:#315a43;min-width:18px;height:18px;margin-top:2px}.field-label{margin:18px 0 12px;font-size:12px;font-weight:600;display:block}.field-label select{color:#36543c;background:#f7f7ed;border:1px solid #cdd8c1;border-radius:5px;width:100%;min-height:44px;margin-top:8px;padding:12px;display:block}.divider{background:#e0e4d6;height:1px;margin:19px 0}.mode-badge{background:#e5ecd9;border-radius:4px;padding:6px 9px;font-size:10px}.gear-preview{background:#f2f1e2;border-radius:7px;align-items:center;gap:15px;margin:15px 0;padding:12px;display:flex}.gear-preview img{width:64px;height:64px;image-rendering:pixelated;border-radius:5px}.gear-preview>div{flex-direction:column;gap:5px;display:flex}.gear-preview small{letter-spacing:1px;color:#80916f;font-size:8px}.gear-preview strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.gear-preview span{text-transform:capitalize;color:#8b947c;font-size:10px}.crop-editor{-webkit-user-select:none;user-select:none;background:#e8eadd;border-radius:7px;line-height:0;position:relative;overflow:hidden}.crop-editor>img{width:100%;height:auto;display:block}.crop-box{cursor:move;touch-action:none;border:2px solid #fff5c7;min-width:5%;min-height:5%;position:absolute;box-shadow:0 0 0 1500px #10282266}.crop-box>span{color:#fff9dc;letter-spacing:1px;background:#234c3d;padding:7px;font-size:8px;line-height:1;position:absolute;top:5px;left:5px}.crop-handle{cursor:nwse-resize;touch-action:none;width:44px;height:44px;position:absolute;bottom:-12px;right:-12px}.crop-handle:after{content:"";background:#fff7ca;border:2px solid #32553f;width:16px;height:16px;position:absolute;bottom:10px;right:10px}.crop-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.crop-controls label{color:#7d8a72;font-size:10px}.crop-controls input{accent-color:#436e4e;width:100%;height:32px;display:block}.notice{border-radius:7px;margin-bottom:20px;padding:15px 19px;font-size:12px}.error{color:#984d32;background:#f7e5d9;border:1px solid #e5bb9f}.success{color:#3a784e;justify-content:center;align-items:center;gap:7px;display:flex}.discovery-result{text-align:center;max-width:720px;margin:auto;padding:35px}.discovery-result h2{margin:12px 0 23px}.reveal-art{background:#e2e9ce;border:3px solid #b9c79f;border-radius:12px;width:190px;margin:0 auto 20px;padding:8px}.reveal-art img{width:100%;display:block}.discovery-result h3{margin:15px 0}.cleanup-box{background:#f1f2e5;border-radius:8px;margin:24px 0;padding:20px}.cleanup-box p{margin-bottom:15px;font-size:12px}.button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.collection-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.filter-tabs{flex-wrap:wrap;gap:5px;display:flex}.filter-tabs button{background:0 0;border:1px solid #0000;border-radius:5px;min-height:44px;padding:8px 13px;font-size:11px}.filter-tabs button.active{background:#e7eddd;border-color:#cbd5bd}.collection-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.item-card{text-align:left;background:#fffdf3;border:1px solid #dbe0d0;border-radius:9px;padding:0;overflow:hidden}.item-image{background:#e9edde;padding:18px;position:relative}.item-art{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated;border-radius:4px}.item-image .rarity{position:absolute;bottom:12px;left:12px}.rarity{text-transform:uppercase;letter-spacing:1px;color:#4b6743;background:#e8efdd;border:1px solid #b8c9a5;border-radius:4px;padding:4px 7px;font-size:8px;display:inline-block}.rarity.uncommon{background:#d3eee4;border-color:#7db29f}.rarity.rare{color:#70578a;background:#e6def0;border-color:#b29ac7}.rarity.legendary{color:#8c7028;background:#f6e4ab;border-color:#d6b85d}.reveal-art.rare{border-color:#b29ac7}.reveal-art.legendary{border-color:#d6b85d}.item-copy{padding:16px}.item-copy small{color:#8b927b;font-size:10px}.item-copy h3{margin:6px 0 12px;font-size:22px}.item-copy>span{text-transform:capitalize;color:#748568;justify-content:space-between;font-size:10px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:420px;padding:40px 20px;display:flex}.empty-state>svg{color:#8eaa73}.empty-state p{max-width:560px}.item-dialog{z-index:20;color:#244736;background:#fffdf2;border:1px solid #cbd4bd;border-radius:12px;width:calc(100% - 32px);max-width:430px;max-height:90vh;margin:auto;padding:24px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 0 0 100vmax #1f392b66}.item-dialog>.item-art{width:170px;margin:15px auto;display:block}.dialog-top{justify-content:space-between;align-items:center;display:flex}.item-dialog h2{text-align:center;margin:15px 0}.item-dialog p{text-align:center;margin:10px 0;font-size:12px}.stat-bonuses{color:#49724d;font-weight:700}.workshop-layout{grid-template-columns:1.35fr 1fr;gap:24px;display:grid}.crab-stage{background:#edf0e0}.workshop-crab{background:radial-gradient(#f8efd0 0%,#0000 65%);max-width:320px;margin:5px auto 20px}.slot-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.slot-button{background:#faf9ec;border:1px solid #cfd8be;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:75px;font-size:10px;display:flex}.slot-button.selected{background:#dae5c8;border-color:#6c905c;box-shadow:0 0 0 1px #6c905c}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0 20px;display:grid}.stat-grid span{color:#79876b;font-size:10px}.stat-grid strong{margin:4px 0;font-size:24px;font-weight:500;display:block}.stat-grid strong small{color:#548a4e;font-size:12px}.stat-track{background:#d7dfc7;border-radius:4px;height:4px;overflow:hidden}.stat-track i{background:#78945c;height:100%;display:block}.gear-drawer h2{margin:8px 0 12px}.gear-drawer>p{font-size:12px}.drawer-empty{text-align:center;padding:30px 0}.big-symbol{color:#afbd98;font-size:64px}.drawer-empty h3{margin:10px 0}.drawer-empty p{margin-bottom:20px;font-size:12px}.drawer-note{color:#8b967c;border-top:1px solid #e1e5d5;margin-top:25px;padding-top:20px;font-size:11px;line-height:1.7}.gear-list{flex-direction:column;gap:10px;margin:23px 0;display:flex}.gear-option{text-align:left;background:#f5f5e9;border:1px solid #dce3ce;border-radius:7px;align-items:center;gap:13px;padding:10px;display:flex}.gear-option.selected{background:#e7eed9;border-color:#769b60}.gear-option .item-art{width:60px}.gear-option>span{flex-direction:column;flex:1;gap:7px;display:flex}.gear-option strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.gear-option small{color:#8a967c;font-size:10px}.battle-arena{background:linear-gradient(#e5eee1 0% 62%,#ebdfb9 62%,#f0e9d2 100%);position:relative;overflow:hidden}.arena-heading{justify-content:space-between;align-items:center;display:flex}.turn-count{color:#7a8d71;font-size:10px}.fighters{grid-template-columns:1fr 1fr;gap:110px;padding:30px 5% 18px;display:grid}.fighter-info{justify-content:space-between;gap:8px;font-size:12px;display:flex}.fighter-info span{color:#799171;font-size:10px}.fighter meter{width:100%;height:12px;margin-top:7px;display:block}meter::-webkit-meter-bar{background:#cfdbc5;border:0;border-radius:5px}meter::-webkit-meter-optimum-value{background:#6c925c;border-radius:5px}.fighter-sprite{width:220px;max-width:100%;margin:auto}.fighter:nth-child(2) .fighter-sprite{transform:scaleX(-1)}.fighter-tag{letter-spacing:1px;text-align:center;color:#7c8565;min-height:24px;font-size:8px;display:block}.fighter.active .fighter-info strong{color:#b9683f}.versus{color:#8f9b77;font-family:Georgia,serif;font-size:26px;font-style:italic;position:absolute;top:45%;left:50%;transform:translate(-50%)}.turn-banner{text-align:center;background:#faf8e9b0;border:1px solid #e0d7b6;border-radius:7px;padding:14px;font-family:Georgia,serif;font-size:20px}.battle-bottom{grid-template-columns:1.5fr 1fr;gap:22px;margin-top:22px;display:grid}.move-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 8px;display:grid}.move{background:#eeefdf;border:1px solid #d6ddc9;border-radius:7px;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;display:flex}.move strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.move small{color:#809071;text-align:center;max-width:100px;font-size:9px}.move.pinch{color:#af704f;background:#f3e6d6}.move.guard{color:#6e8b54;background:#e7eedc}.move.tidal_slam{color:#588d7f;background:#e0ece6}.combat-log h3{margin:7px 0 17px}.combat-log p{border-bottom:1px solid #e5e8da;padding:9px 0;font-size:11px}.combat-log p span{color:#a0ad8c;margin-right:10px;font-size:9px}.battle-controls h2{margin:16px 0}.battle-controls p{margin-bottom:20px;font-size:12px}.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}.skip-link{z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}.placeholder{color:#9cab83;background:#e9edde;place-items:center;font-size:55px;display:grid}@media (width>=1400px){.home-hero{min-height:480px}.hero-copy{padding:43px 45px}.hero-copy h1{font-size:75px}.hero-crab{width:290px}.hero-scene{min-height:480px}}@media (width<=1000px){.site-header{gap:12px;padding:0 4%}.main-nav a{padding:10px;font-size:11px}.page-container{padding-left:4%;padding-right:4%}.hero-copy{padding:30px 25px}.hero-copy h1{font-size:59px}.hero-crab{width:220px}.adventure-card{padding:17px}.adventure-card h3{font-size:21px}.stats-strip{gap:10px}.stats-strip b{margin-right:4px;font-size:18px}.stats-strip>div{gap:7px}.stats-strip>div>span{font-size:9px}.stats-strip>a{font-size:10px}.collection-grid{grid-template-columns:repeat(3,1fr)}.fighters{gap:70px;padding-left:0;padding-right:0}.battle-bottom{grid-template-columns:1.4fr 1fr}.panel{padding:20px}}@media (width<=700px){h1{font-size:37px}.site-header{border-bottom:1px solid #dce1d0;height:75px;padding:0 6%}.brand{font-size:27px}.main-nav{z-index:15;padding:7px 10px max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fafaf0f5;border-top:1px solid #d9e0cf;justify-content:space-around;gap:4px;position:fixed;bottom:0;left:0;right:0}.main-nav a{flex-direction:column;flex:1;gap:4px;min-height:51px;padding:8px 5px;font-size:9px}.main-nav a svg{width:19px;height:19px}.header-xp{padding:7px 11px;font-size:12px}.page-container{padding:21px 5% 28px}.desktop-only{display:none!important}.page-eyebrow{letter-spacing:1.1px;margin-bottom:18px;font-size:7px}.home-hero{flex-direction:column;min-height:0;display:flex}.hero-copy{padding:28px 25px 22px}.hero-copy h1{letter-spacing:-2.5px;margin:20px 0 18px;font-size:62px}.hero-copy p{font-size:12px}.hero-copy>.button{width:100%;margin-top:20px}.hero-footnote{text-align:center}.hero-scene{min-height:260px}.hero-crab{width:195px;bottom:26px}.crab-caption{font-size:7px;bottom:18px}.scene-coordinate{font-size:6px;bottom:7px;right:10px}.scene-tag{font-size:7px;top:17px;right:17px}.stats-strip{grid-template-columns:1fr 1fr;row-gap:20px;padding:20px 0}.stats-strip>div{gap:10px}.stats-strip>div>span{font-size:9px}.stats-strip b{margin-right:6px;font-size:20px}.stats-strip>a{justify-content:flex-start;font-size:10px}.section-heading{flex-direction:column;align-items:start;gap:15px}.section-heading h2{max-width:280px;font-size:29px}.eyebrow{letter-spacing:1.4px;font-size:8px}.adventure-grid{grid-template-columns:1fr;gap:14px}.adventure-card{min-height:235px;padding:20px 22px;position:relative}.adventure-card h3{max-width:210px;margin-top:30px;font-size:25px}.adventure-card p{max-width:210px}.adventure-card p br{display:none}.tile-art{opacity:.8;width:90px;height:100px;position:absolute;top:51px;right:15px}.card-stack span{border-width:3px;width:36px;height:51px;font-size:25px}.mini-crab .crab{width:100px}.crossed svg{width:64px}.crossed>span{font-size:19px;top:10px;right:5%}.text-link{margin-top:18px}.care-note{align-items:flex-start;padding-top:25px}.care-note p{font-size:10px}.care-note strong{display:block}.care-note a{display:none}.site-footer{flex-wrap:wrap;gap:12px;padding:22px 5% 99px;font-size:9px}.site-footer a{display:none}.site-footer>span:nth-child(2){margin-left:auto}.page-title{margin:5px 0 27px}.page-title h1{font-size:37px}.page-title p{font-size:12px}.page-title>.button{width:100%}.page-title>.pill{display:none}.scan-layout,.workshop-layout,.battle-bottom{grid-template-columns:1fr;gap:18px}.scan-steps{gap:12px}.scan-steps span{font-size:10px}.panel{padding:20px}.panel h2{font-size:26px}.upload-zone{min-height:300px;padding:20px}.upload-zone h3{font-size:24px}.scan-sidebar .empty-preview{height:100px}.collection-toolbar{flex-direction:column;align-items:start}.filter-tabs{gap:3px}.filter-tabs button{padding:7px 10px;font-size:10px}.collection-grid{grid-template-columns:1fr 1fr;gap:12px}.item-image{padding:10px}.item-copy{padding:12px}.item-copy h3{font-size:20px}.item-copy small,.item-copy>span{font-size:9px}.item-image .rarity{font-size:7px;bottom:8px;left:8px}.empty-state{min-height:360px}.empty-state h2{font-size:28px}.empty-state p{font-size:12px}.crab-stage .pill{letter-spacing:.4px;padding:5px;font-size:7px}.workshop-crab{max-width:260px}.slot-row{gap:5px}.slot-button{min-height:65px;font-size:8px}.stat-grid{gap:15px}.stat-grid strong{font-size:22px}.fighters{gap:28px;padding:22px 0 12px}.fighter-info{flex-direction:column;gap:2px;font-size:11px}.fighter-info span{font-size:9px}.fighter-sprite{width:140px;margin:20px auto 5px}.fighter-tag{min-height:25px;font-size:6px;line-height:1.7}.versus{font-size:19px;top:48%}.turn-banner{padding:12px 5px;font-size:17px}.arena-heading .eyebrow{letter-spacing:1px;font-size:7px}.turn-count{font-size:8px}.move-grid{gap:7px}.move{padding:15px 5px}.move strong{font-size:18px}.move small{font-size:8px}.combat-log{min-height:200px}.discovery-result{padding:26px 20px}.discovery-result h2{font-size:29px}.discovery-result .button-row{flex-direction:column}.discovery-result .button-row>.button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.item-dialog::backdrop{background:#1f392b88}.item-dialog{box-shadow:0 20px 80px #132d3522}#photo:focus-visible+.upload-zone{outline-offset:4px;outline:3px solid #bd632e}.field-help{color:#61715c!important}.eyebrow,.muted,.hero-footnote,.item-copy small,.gear-preview small,.gear-preview span,.drawer-note,.stat-grid span,.crop-controls label,.fighter-tag,.move small,.scene-coordinate{color:#64735c}.check-label{align-items:center;min-height:44px}.crop-controls input,.care-note a,.site-footer a{min-height:44px}@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-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}:root{color:#334f48;background:#233d3c;font-family:Trebuchet MS,Arial,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,a{-webkit-user-select:none;user-select:none}h1,h2,h3{letter-spacing:-.7px;font-family:Trebuchet MS,Arial,sans-serif;font-weight:800}.game-device{isolation:isolate;background:#adc97c;width:100%;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #081c2859}.overworld{position:absolute;inset:0;overflow:hidden}.world-map{width:100%;height:100%;image-rendering:pixelated;touch-action:none;position:absolute;inset:0}.world-vignette{pointer-events:none;background:linear-gradient(#244a4110,#0000 22% 70%,#36594d25);position:absolute;inset:0}.world-character{pointer-events:none;will-change:left, top;position:absolute;transform:translate(-50%,-90%)}.human{z-index:3;width:40px;height:56px}.player-avatar{width:100%;height:100%;image-rendering:pixelated;display:block}.companion{z-index:4;width:47px;height:47px}.companion.walking .crab{animation:.3s steps(2,end) infinite crab-scuttle}.companion.idle .crab{animation:2s steps(2,end) infinite crab-breathe}.game-hud{top:max(18px, env(safe-area-inset-top));z-index:5;align-items:start;gap:10px;display:flex;position:absolute;left:16px;right:16px}.player-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8dfed;border:2px solid #657e5e;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 12px 8px 7px;display:flex;box-shadow:0 3px #405c4c40}.portrait{background:#c7d9a6;border:2px solid #8da674;border-radius:4px;flex-shrink:0;width:44px;height:51px;position:relative;overflow:visible}.portrait .player-avatar{width:36px;height:49px;margin:-3px auto 0}.portrait>span{text-align:center;color:#65512e;background:#e7b95f;border:2px solid #fff3cf;border-radius:4px;min-width:20px;font-size:10px;font-weight:900;position:absolute;bottom:-8px;left:12px}.hud-info{flex:1;min-width:0}.hud-info>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.hud-info>span{letter-spacing:.8px;color:#718260;margin:2px 0 5px;font-size:7px;display:block}.hud-info i{font-style:normal}.xp-track{background:#d4d8b5;border:1px solid #a4b18c;border-radius:2px;height:6px;overflow:hidden}.xp-track>i{background:#e5ae4f;height:100%;display:block}.hud-info>small{color:#7a805f;justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.discovery-counter{background:#fff8dfed;border:2px solid #657e5e;border-radius:7px;flex-direction:column;align-items:center;gap:1px;min-width:47px;height:51px;padding:7px;display:flex;box-shadow:0 3px #405c4c40}.discovery-counter svg{color:#718a5b;width:20px;height:20px}.discovery-counter b{font-size:11px}.location-tag{left:50%;top:calc(max(18px, env(safe-area-inset-top)) + 90px);white-space:nowrap;color:#faf1c9;z-index:4;background:#315d4de6;border:1px solid #d9e5b96b;border-radius:5px;align-items:center;gap:7px;padding:7px 11px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px #344e3a26}.location-tag>span{background:#c5dca0;width:5px;height:5px;box-shadow:2px 0 #c5dca0}.location-tag strong{letter-spacing:1.4px;font-size:8px}.location-tag small{color:#cad8b3;border-left:1px solid #ffffff40;padding-left:7px;font-size:7px}.world-controls{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 21px);z-index:6;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;left:20px;right:20px}.world-controls>*{pointer-events:auto}.control-caption{text-align:center;letter-spacing:1.2px;color:#f9f2d9;text-shadow:0 1px 3px #314e3d;margin-top:9px;font-size:7px;font-weight:800;display:block}.joystick{touch-action:none;background:#f9f4d96b;border:2px solid #fff8d59c;border-radius:50%;place-items:center;width:94px;height:94px;display:grid;position:relative;box-shadow:inset 0 0 0 7px #33574c14,0 3px 10px #233e4320}.joystick-cross{background:linear-gradient(#0000 43%,#66846b22 43% 57%,#0000 57%),linear-gradient(90deg,#0000 43%,#66846b22 43% 57%,#0000 57%);width:56px;height:56px;position:absolute}.joystick-knob{pointer-events:none;background:#f6edcde8;border:2px solid #a0ad84;border-radius:50%;width:39px;height:39px;box-shadow:0 3px #748d6c,inset 0 2px #fffcdf}.crab-menu-wrap{position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.crab-menu-button{filter:drop-shadow(0 4px 1px #284e4155);background:0 0;border:0;justify-content:center;align-items:center;width:108px;height:94px;padding:0;transition:transform .15s;display:flex;position:relative}.crab-menu-button:active{transform:scale(.9)}.menu-orbit{background:#fff3cf;border:3px solid #e9bc75;border-radius:50%;width:76px;height:76px;position:absolute;box-shadow:0 0 0 3px #fff5dc80}.crab-menu-button .crab{z-index:1;width:100px;height:100px;position:relative}.menu-dot{z-index:2;color:#fff0c4;letter-spacing:2px;background:#325846;border:2px solid #fff0c4;border-radius:10px;padding:0 8px 4px;font-size:13px;font-weight:700;line-height:13px;position:absolute;bottom:2px}.right-controls{flex-direction:column;align-items:center;gap:10px;width:55px;display:flex}.world-round{color:#4e7158;background:#fff8dfeb;border:2px solid #c0c9a2;border-radius:9px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 3px #6f896670}.world-round svg{width:24px;height:24px}.right-controls .control-caption{margin-top:0}.world-hint{bottom:max(12px, env(safe-area-inset-bottom));text-align:center;letter-spacing:.4px;color:#f7f1d7;text-shadow:0 1px 3px #27473c;pointer-events:none;font-size:8px;position:absolute;left:0;right:0}.game-menu{width:min(480px,100%);max-width:none;max-height:90dvh;padding:12px 22px calc(25px + env(safe-area-inset-bottom));color:#355548;background:#f8efd5;border:2px solid #889a71;border-bottom:0;border-radius:20px 20px 0 0;margin:0 auto;animation:.2s ease-out menu-rise;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -6px #fff9e333}.game-menu::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#143d3b80}.menu-handle{background:#c1c5a2;border-radius:3px;width:34px;height:4px;margin:0 auto 20px}.menu-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.menu-title small{letter-spacing:1.3px;color:#78866a;font-size:7px}.menu-title h2{letter-spacing:-.7px;margin-top:6px;font-size:23px}.pixel-close{background:#e9e5c9;border:1px solid #c6c8a8;border-radius:6px;flex-shrink:0;width:44px;height:44px;font-size:27px;line-height:1}.game-menu-grid{grid-template-columns:repeat(3,1fr);gap:12px 9px;display:grid}.menu-tile{text-align:center;background:#fdf7e5;border:1px solid #d6d5b6;border-bottom:3px solid #d2d0ac;border-radius:8px;flex-direction:column;align-items:center;gap:7px;min-height:128px;padding:15px 3px 12px;display:flex}.menu-icon{color:#648762;background:#e3ebcf;border:1px solid #cad7b4;border-radius:6px;place-items:center;width:47px;height:44px;display:grid}.menu-icon svg{width:29px;height:29px}.menu-tile.crab .menu-icon{color:#c76f52;background:#f3dfbd}.menu-tile.battle .menu-icon{color:#c3824c;background:#f3e6bf}.menu-tile strong{font-size:11px;line-height:1.2}.menu-tile small{color:#7f866d;max-width:85px;font-size:7px;line-height:1.5}.menu-note{text-align:center;color:#899074;margin-top:22px;font-size:9px}.feature-overlay{z-index:10;background:#f7f1da;flex-direction:column;animation:.18s ease-out menu-rise;display:flex;position:absolute;inset:0;overflow:hidden}.feature-header{min-height:calc(65px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;background:#f9f4e2;border-bottom:2px solid #c7cbae;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.feature-header strong{letter-spacing:.3px;font-size:13px}.back-world{color:#54745c;align-items:center;gap:5px;min-height:44px;font-size:30px;display:flex}.back-world span{letter-spacing:1px;font-size:8px;font-weight:700}.header-pixel{color:#b69957;font-size:20px}.feature-content{overscroll-behavior:contain;padding:20px 18px calc(26px + env(safe-area-inset-bottom));flex:1;min-height:0;overflow-y:auto;outline:none!important}.feature-content .page-title{margin:0 0 20px}.feature-content .page-title h1{margin-top:8px;font-size:28px}.feature-content .page-title p{font-size:11px}.feature-content .eyebrow{letter-spacing:1px;font-size:7px}.feature-content .panel{background:#fff9e9;border:1px solid #c8d0b1;border-bottom-width:3px;border-radius:7px;padding:18px}.feature-content .panel h2{font-size:22px}.feature-content h3{font-size:20px}.feature-content .button{border-bottom-width:3px;border-radius:5px;min-height:46px;font-size:11px}.feature-content .primary{background:#4c7858;border-color:#3a5c46}.feature-content .secondary{background:#e9edce;border-color:#c3cba6}.feature-content .scan-layout,.feature-content .workshop-layout,.feature-content .battle-bottom{flex-direction:column;gap:15px;display:flex}.feature-content .scan-layout>*,.feature-content .workshop-layout>*{width:100%}.feature-content .section-heading{flex-direction:column;align-items:start;gap:14px}.feature-content .page-title>.pill{display:none}.feature-content .page-title>.button{width:100%}.feature-content .upload-zone{min-height:240px}.feature-content .upload-zone p{font-size:11px}.feature-content .scan-steps{margin-bottom:18px}.feature-content .empty-state{gap:18px;min-height:320px}.feature-content .empty-state p{font-size:12px}.feature-content .collection-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-content .collection-toolbar{flex-direction:column;align-items:start;gap:10px}.feature-content .filter-tabs button{padding:8px;font-size:10px}.feature-content .item-copy h3{font-size:18px}.feature-content .item-copy,.feature-content .item-image{padding:12px}.feature-content .workshop-crab{width:200px;margin:0 auto 18px}.feature-content .slot-row{gap:5px}.feature-content .slot-button{min-height:65px;font-size:8px}.feature-content .stat-grid{gap:12px;margin:20px 0 15px}.feature-content .gear-list{margin:15px 0}.feature-content .fighters{gap:26px;padding:15px 0}.feature-content .fighter-info{flex-direction:column;gap:2px;font-size:11px}.feature-content .fighter-sprite{width:116px;margin:15px auto 4px}.feature-content .fighter-tag{min-height:23px;font-size:6px;line-height:1.5}.feature-content .versus{font-size:18px}.feature-content .turn-banner{padding:12px 5px;font-family:inherit;font-size:14px}.feature-content .move-grid{gap:7px;margin:14px 0 8px}.feature-content .move{padding:13px 5px}.feature-content .move strong{font-family:inherit;font-size:15px;font-weight:700}.feature-content .move small{font-size:8px}.feature-content .arena-heading .eyebrow{font-size:6px}.feature-content .turn-count{font-size:8px}.feature-content .battle-bottom{margin-top:15px}.feature-content .battle-controls{width:100%}.feature-content .combat-log{width:100%;min-height:180px}.feature-content .drawer-note{margin-top:18px}.feature-content .care-note{display:none}.profile-preview{align-items:center;gap:20px;padding:10px 5px 25px;display:flex}.profile-preview>.player-avatar{background:#dfe7bc;border:2px solid #bccba1;border-radius:8px;flex-shrink:0;width:70px;height:98px;padding:5px}.profile-preview h1{margin:7px 0;font-size:26px}.profile-preview p{font-size:11px}.profile-page>.panel{margin-bottom:17px}.profile-page .field-label{margin-top:8px}.profile-page input:not([type=checkbox]){background:#faf7e8;border:1px solid #bdc9a5;border-radius:5px;width:100%;height:44px;margin-top:8px;padding:10px;display:block}.palette-group{border:0;margin:20px 0;padding:0}.palette-group legend{margin-bottom:10px;font-size:11px;font-weight:700}.palette-group>div{gap:12px;display:flex}.palette-group button{color:#fff;text-shadow:0 1px 3px #000;border:3px solid #f8f2dc;border-radius:7px;outline:1px solid #c8cead;width:45px;height:45px;font-weight:700}.palette-group button[aria-pressed=true]{outline:2px solid #4e765a}.profile-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-page p{font-size:11px;line-height:1.8}.profile-page h2{margin-bottom:12px}.profile-stats p+p{margin-top:12px}.storage-banner{z-index:30;background:#fff0cc;border:2px solid #b59155;padding:15px;font-size:11px;position:absolute;top:110px;left:10px;right:10px}.storage-banner button{min-height:44px;padding:8px 15px;display:block}.game-loading{background:#e5e9ca;place-items:center;height:100%;font-size:14px;display:grid}.item-dialog{max-width:min(430px,100% - 30px);font-family:inherit}.item-dialog h2{font-family:inherit;font-size:24px}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}.skip-link{z-index:50}@keyframes crab-scuttle{0%{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-2px)rotate(3deg)}}@keyframes crab-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes menu-rise{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.game-device{border-left:4px solid #375653;border-right:4px solid #375653}.game-menu{max-width:472px}.feature-content .desktop-only{display:none!important}}@media (height<=550px){.game-hud{top:max(8px, env(safe-area-inset-top))}.location-tag{top:90px}.world-controls{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 12px);left:16px;right:16px}.joystick{width:74px;height:74px}.crab-menu-button{width:90px;height:75px}.crab-menu-button .crab{width:83px;height:83px}.menu-orbit{width:62px;height:62px}.game-menu{max-height:96dvh}.game-menu-grid{grid-template-columns:repeat(3,1fr)}.menu-tile{gap:4px;min-height:95px;padding:8px 3px}.menu-title{margin-bottom:10px}.menu-handle{margin-bottom:8px}.menu-note{margin-top:10px}.world-hint{display:none}}@media (prefers-reduced-motion:reduce){.companion .crab,.game-menu,.feature-overlay{animation:none!important}.crab-menu-button{transition:none!important}}.human.idle .player-avatar{animation:2.4s steps(2,end) infinite crab-breathe}@media (prefers-reduced-motion:reduce){.human.idle .player-avatar{animation:none!important}}:root{--turquoise:#25c6b2;--mint:#a9ddab;--orange:#f58a08;--cream:#fff8df;--purple:#594793;--ink:#282044;--muted:#615475;color:var(--ink);background:var(--ink)}.game-device{background:var(--mint);border-color:var(--purple)}p,.field-help,.feature-content .page-title p{color:var(--muted)}h1,h2,h3,.eyebrow,.field-label{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}input[type=checkbox],input[type=range]{accent-color:var(--purple)}.feature-header{background:var(--purple);border-color:var(--ink);color:var(--cream)}.back-world,.header-pixel{color:var(--cream)}.feature-content .panel,.panel,.item-dialog,.pwa-update{background:var(--cream);border:2px solid var(--purple);border-radius:3px;box-shadow:3px 4px #59479325}.feature-content .primary,.button.primary{background:var(--purple);border-color:var(--ink);color:var(--cream)}.feature-content .secondary,.button.secondary{background:var(--orange);color:var(--ink);border-color:#995118}.button.text,.success{color:var(--purple)}.feature-content .button{font-size:12px}.feature-content .page-title p,.profile-page p{font-size:12px}.player-hud,.discovery-counter,.world-round{background:var(--cream);border-color:var(--purple);color:var(--ink);border-radius:3px;box-shadow:3px 4px #28204435}.portrait,.profile-preview>.player-avatar{background:var(--mint);border-color:var(--purple)}.portrait>span{background:var(--orange);color:var(--ink);border-color:var(--cream)}.hud-info>span,.hud-info>small{color:var(--muted)}.xp-track{border-color:var(--purple);background:#e4d9f0}.xp-track>i{background:var(--orange)}.discovery-counter svg{color:var(--purple)}.location-tag,.menu-dot,.offline-status{background:var(--purple);color:var(--cream)}.location-tag small{color:var(--cream)}.location-tag>span{background:var(--turquoise);box-shadow:2px 0 var(--turquoise)}.world-round.detached{background:var(--orange);border-color:var(--purple)}.menu-orbit{background:var(--cream);border-color:var(--orange)}.control-caption{color:var(--ink);text-shadow:0 1px var(--cream), 1px 0 var(--cream), -1px 0 var(--cream)}.world-hint{background:var(--cream);color:var(--ink);text-shadow:none;padding:4px}.game-menu{background:var(--cream);border-color:var(--purple);color:var(--ink);border-radius:8px 8px 0 0}.game-menu::backdrop{background:#28204499}.menu-handle{background:var(--purple)}.menu-title small,.menu-tile small,.menu-note{color:var(--muted)}.menu-tile{border:2px solid var(--purple);background:#fffdf4;border-bottom-width:4px;border-radius:3px}.menu-tile .menu-icon{color:var(--ink);background:var(--mint);border-color:var(--purple);border-radius:2px}.menu-tile.scan .menu-icon{background:var(--turquoise)}.menu-tile.battle .menu-icon,.menu-tile.crab .menu-icon{background:#ffd093}.menu-tile.profile .menu-icon{background:#ded4ef}.menu-tile small{font-size:9px}.menu-tile strong{font-size:12px}.location-backdrop{background:radial-gradient(ellipse at 20% 15%, #f5e9ab, transparent 55%), linear-gradient(160deg, var(--mint), var(--turquoise))}.location-backdrop:after{content:"";opacity:.08;background-image:linear-gradient(90deg, var(--purple) 1px, transparent 1px), linear-gradient(var(--purple) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0}.location-message{border:2px solid var(--purple)}.map-error,.notice.error{color:#702e25;background:#fff0d7;border:2px solid #a74732}.map-error button{min-height:44px;font-weight:700;text-decoration:underline}.game-loading{background:var(--mint);color:var(--ink)}.camera-live,.empty-preview{background:var(--ink);border-radius:3px}.scan-steps .active,.mode-badge{background:var(--mint);color:var(--ink);border-color:var(--purple)}.gear-preview,.cleanup-box,.safety-note,.profile-stats,.drawer-note{color:var(--ink);border-color:var(--purple);background:#e5f1d2}.item-card,.gear-row,.gear-slot,.slot,.equipment-slot,.move,.stat-card{border-color:var(--purple);border-radius:3px}.item-card,.gear-row,.move,.stat-card{background:var(--cream)}.item-card.selected,.gear-row.selected,.gear-slot.selected,.move:hover:not(:disabled){background:var(--mint);border-color:var(--purple)}.item-card h3,.item-card small,.stat-grid strong,.move strong,.move small,.fighter-info,.turn-count{color:var(--ink)}.arena,.battle-arena{background:linear-gradient(var(--mint), #dcf3ce 65%, #f6d69b 65%);border-color:var(--purple)}.turn-banner{background:var(--purple);color:var(--cream)}.combat-log{background:var(--cream)}.combat-log p{color:var(--ink)}.palette-group button[aria-pressed=true]{outline-color:var(--purple)}.profile-page input:not([type=checkbox]),select{background:var(--cream);color:var(--ink);border-color:var(--purple)}.geographic-map canvas{image-rendering:pixelated}.gps-crab{pointer-events:none;margin-left:0}.gps-avatar{pointer-events:none}.street-labels{pointer-events:none;position:absolute;inset:0}.street-labels span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#fff8dfdf;border-radius:2px;max-width:130px;padding:2px 5px;font:700 10px/1.3 Trebuchet MS,sans-serif;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.maplibregl-ctrl-attrib{background:var(--cream);color:var(--ink);font-size:10px}.maplibregl-ctrl-attrib a{color:var(--ink)}.map-loading{background:var(--cream);color:var(--ink);border:1px solid var(--purple);white-space:nowrap;padding:6px 12px;font-size:11px;position:absolute;top:150px;left:50%;transform:translate(-50%)}:root{background:#176c79}body{background:radial-gradient(at 15% 0,#9bddb4,#0000 48%),linear-gradient(145deg,#22c9b0,#176c79 62%,#594793)}.feature-overlay{background:radial-gradient(at 15% 0,#f7e6a6 0%,#0000 40%),linear-gradient(165deg,#8edeb9 0%,#25c6b2 38%,#20c5b1 72%,#f58a08 72% 85%,#594793 85%)}.feature-header{border-bottom:4px solid var(--orange);color:var(--cream);background:#176c79}.feature-header strong{color:var(--cream)}.feature-content .page-title{padding:6px 0 12px}.feature-content .page-title h1{letter-spacing:-1px;font-size:30px;line-height:1.12}.feature-content .page-title p,.feature-content .page-title .eyebrow{color:#173e43}.feature-content .panel,.panel,.item-dialog{background:#fff9e8;border-color:#594793;border-radius:10px 10px 3px 3px;box-shadow:4px 5px #176c7955}.feature-content .primary,.button.primary{background:var(--orange);color:var(--ink);border-color:#a84d12;box-shadow:0 3px #a84d12}.feature-content .primary:hover:not(:disabled),.button.primary:hover:not(:disabled){background:#ffad32}.feature-content .secondary,.button.secondary{color:var(--ink);background:#25c6b2;border-color:#176c79}.button.text{color:#594793}.feature-content .eyebrow{font-size:9px}.feature-content .panel .eyebrow{color:#176c79}.feature-content .scan-flow{padding:18px}.scan-flow .panel-heading{align-items:center;gap:12px}.scan-flow .panel-heading h2{font-size:24px}.scan-flow .icon-button{color:#176c79;background:#c8eee0;border:1px solid #176c79;width:44px;min-width:44px;height:44px}.scan-flow .camera-live,.scan-photo{object-fit:contain;background:#176c79;border-radius:8px;width:100%;max-height:39dvh;display:block}.scan-photo{margin:14px 0}.scan-flow .camera-actions .primary{width:100%;min-height:52px;font-size:15px;font-weight:800}.scan-flow .field-help{margin:12px 0;font-size:12px}.scan-welcome{text-align:center;padding:16px 0 0}.scan-welcome h2{margin:16px 0 12px}.scan-welcome>p{font-size:14px;line-height:1.6}.scan-welcome .primary{min-height:52px;margin-top:24px;font-size:14px}.scan-sun{width:72px;height:72px;color:var(--ink);background:var(--orange);border-radius:50%;place-items:center;display:inline-grid;box-shadow:8px 8px #a9ddab}.scan-progress{color:#176c79;background:#c7f0e0;border-left:4px solid #176c79;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.scan-progress strong{color:var(--ink);font-size:14px}.scan-progress p{margin-top:4px;font-size:12px}.scan-review{margin-top:16px}.scan-review h3{margin:10px 0}.scan-review .mode-badge{color:#176c79;background:#c7f0e0;font-size:10px}.scan-review .gear-preview{background:#fff0c9;border:2px solid #f3c36c;border-radius:8px;margin:12px 0 4px}.scan-review .gear-preview strong{color:#594793}.scan-review .check-label{margin:12px 0 18px}.scan-flow .safety-note{background:#e0f2d9;border:none;border-radius:6px;margin-top:20px;padding:12px}.scan-flow .safety-note p{color:#325d58;font-size:11px}.scan-privacy{color:#594793;text-align:center;min-height:44px;padding:14px 0 0;font-size:11px;text-decoration:underline;display:block}.crop-box:focus-visible,.crop-handle:focus-visible{outline-offset:3px;outline:3px solid #f58a08}.crop-handle{background:0 0;border:0;width:44px;height:44px;bottom:-4px;right:-4px}.crop-handle:after{border:3px solid var(--cream);background:var(--purple);width:18px;height:18px;inset:auto 0 0 auto}.game-menu{background:radial-gradient(at 0 0,#efe5a9,#0000 60%),linear-gradient(150deg,#8bddb9,#25c6b2 74%,#f58a08 74% 89%,#594793 89%);border-color:#fff8df #176c79 #176c79;border-top-style:solid;border-top-width:5px}.menu-title h2{font-size:27px}.menu-title small,.menu-note{color:#173e43}.menu-note{background:var(--cream);border-radius:20px;padding:8px;font-size:10px}.menu-tile{background:#fff9e8;border-color:#594793;box-shadow:2px 3px #176c7930}.menu-tile.scan .menu-icon{color:#173e43;background:#25c6b2}.menu-tile.crab .menu-icon,.menu-tile.battle .menu-icon{color:#594793;background:#ffad32}.menu-tile.trophy .menu-icon{color:#594793;background:#ffdc83}.menu-tile.profile .menu-icon{color:#282044;background:#b5a0dd}.pixel-close{background:#fff8df;border-color:#594793}.player-hud{background:linear-gradient(115deg,#d5f2d4,#fff8df 75%);border-color:#176c79}.location-tag{background:#176c79;border-color:#fff8df}.menu-orbit{background:#25c6b2;border-color:#fff8df;box-shadow:0 0 0 4px #f58a08}.world-round{color:#176c79;background:#fff8df;border-color:#176c79}.game-loading{background:linear-gradient(150deg,#b5e5b4,#25c6b2)}.dex-filters{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.dex-filters label{flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:700;display:flex}.dex-filters input,.dex-filters select{color:#282044;background:#fff8df;border:2px solid #594793;border-radius:6px;width:100%;min-width:0;min-height:44px;padding:8px}.dex-filters label:first-child{grid-column:1/-1}.dex-filters .consent{flex-direction:row;align-items:center}.dex-filters input[type=checkbox]{width:22px;min-height:22px}.dex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:20px;display:grid}.dex-entry{color:#282044;background:#fff8df;border:2px solid #594793;border-radius:6px;flex-direction:column;align-items:center;min-width:0;min-height:108px;padding:5px 3px;display:flex;position:relative;box-shadow:0 3px #594793}.dex-entry:focus-visible{outline-offset:2px;outline:3px solid #f58a08}.dex-entry img{width:58px;height:58px;image-rendering:pixelated;object-fit:contain}.dex-entry.locked{color:#594793;background:#d3ecce}.dex-entry.locked img,.silhouette{filter:brightness(0);opacity:.24}.dex-number{align-self:flex-start;font:700 10px monospace}.dex-name{overflow-wrap:anywhere;font-size:10px;line-height:1.25}.dex-count{font:700 10px monospace;position:absolute;top:4px;right:3px}.dex-detail-art,.catalog-reveal{object-fit:contain;width:160px;height:160px;image-rendering:pixelated;margin:12px auto;display:block}.legacy-dex{margin-top:24px}.scan-source{object-fit:contain;border-radius:8px;width:100%;max-height:200px}.candidate-list{flex-wrap:wrap;gap:8px;display:flex}.catalog-candidate{color:#282044;text-align:left;background:#fff8df;border:2px solid #594793;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px;display:flex}.catalog-candidate.selected{background:#a9ddab;box-shadow:inset 0 0 0 2px #594793}.catalog-candidate img{width:56px;height:56px;image-rendering:pixelated}.catalog-reveal{animation:.8s steps(5,end) both catalog-discover}@keyframes catalog-discover{0%,25%{filter:brightness(0);transform:scale(.8)}70%{filter:brightness(1.6);transform:scale(1.08)}to{filter:none;transform:scale(1)}}.account-panel input{width:100%;min-height:44px;margin:6px 0}@media (width>=420px){.dex-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.catalog-reveal{animation:none}}[data-reduced-motion=true] .catalog-reveal{animation:none}.auth-panel{margin:16px 0}.auth-panel form{gap:16px;display:grid}.auth-panel label{gap:6px;font-weight:700;display:grid}.auth-panel input{color:#282044;background:#fff8df;border:2px solid #594793;border-radius:6px;width:100%;min-height:48px;padding:12px;font-size:16px}.auth-links{flex-direction:column;gap:8px;margin-top:20px;display:flex}.auth-links a{color:#594793;align-items:center;min-height:44px;font-weight:700;display:flex}.gps-avatar,.gps-crab{pointer-events:auto}.character-tap{color:#594793;cursor:pointer;touch-action:pan-x pan-y;background:0 0;border:0;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-tap{width:48px;height:60px}.crab-tap{width:48px;height:48px}.character-tap:focus-visible{outline-offset:3px;background:#fff8df88;outline:3px solid #594793}.character-reaction{width:40px;display:block;position:relative}.crab-tap .character-reaction{width:42px}.reaction-spark{opacity:0;color:#594793;text-shadow:2px 2px #fff8df;pointer-events:none;font-size:18px;position:absolute;top:-14px;right:-5px}.snap-jaws{opacity:0}.player-tap .reacting{animation:.65s ease-out explorer-cheer}.crab-tap .reacting{animation:.65s ease-out crab-cheer}.reacting .reaction-spark{animation:.65s steps(3,end) spark-cheer}.crab-tap .reacting .snap-jaws{animation:.65s step-end claw-snap}@keyframes explorer-cheer{0%,to{transform:translateY(0)}35%{transform:translateY(-16px)rotate(-7deg)}60%{transform:translateY(-8px)rotate(7deg)}}@keyframes crab-cheer{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)rotate(5deg)}65%{transform:translateY(-4px)rotate(-5deg)}}@keyframes claw-snap{50%{scale:.8}}@keyframes spark-cheer{20%,70%{opacity:1}to{opacity:0}}.reduced-motion .character-reaction,.reduced-motion .snap-jaws{animation:none}@media (prefers-reduced-motion:reduce){.character-reaction,.snap-jaws{animation:none!important}.reacting .reaction-spark{animation:.4s step-end spark-cheer}}.dex-toolbar{align-items:center;gap:8px;display:flex}.dex-toolbar input{flex:1;min-width:0;min-height:44px}.dex-tabs{gap:6px;margin-top:10px;display:flex}.dex-tabs button,.filter-chip-group button{color:#282044;text-transform:capitalize;background:#fff8df;border:2px solid #594793;border-radius:9px;min-height:44px;padding:6px 10px;font-size:12px}.dex-tabs button[aria-pressed=true],.filter-chip-group button[aria-pressed=true]{color:#fff8df;background:#594793;box-shadow:2px 2px #282044}.dex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dex-entry{min-width:0;padding:5px 2px}.dex-entry .dex-name{display:none}.dex-entry img{aspect-ratio:1;width:100%;height:auto}.dex-entry.legendary{background:linear-gradient(135deg,#fff8df,#fce09b,#dbd0f3);border-color:#a26700;box-shadow:0 0 0 1px #f58a08}.filter-sheet{border-radius:16px 16px 0 0;width:min(480px,100% - 12px);max-height:76dvh;margin:auto auto 0;padding:16px;position:fixed;overflow-y:auto}.filter-chip-group{border:0;flex-wrap:wrap;gap:6px;margin:10px 0 16px;padding:0;display:flex}.filter-chip-group legend{margin-bottom:8px;font-weight:800}.filter-sheet-actions{background:#fff8df;gap:10px;padding:12px 0;display:flex;position:sticky;bottom:-16px}.filter-sheet-actions button{flex:1}.workshop-crab{max-width:210px;margin:0 auto}.slot-row{gap:5px}.slot-button{min-width:0;padding:5px 2px}.slot-button img,.slot-button .item-art{object-fit:contain;width:28px;height:28px}.slot-button>span{font-size:10px}.gear-drawer .gear-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.gear-drawer .gear-option{text-align:center;flex-direction:column;gap:3px;min-width:0;padding:6px 3px;display:flex}.gear-option .item-art{width:48px;height:48px}.gear-option strong{font-size:10px}.gear-option small{display:none}.gear-option>svg{width:14px;height:14px}.gear-drawer .drawer-empty{padding:12px}.drawer-empty .big-symbol{display:none}.workshop-moves details{font-size:12px}.workshop-moves summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.discovery-result.legendary{background:linear-gradient(145deg,#fff8df,#ffe6a6,#e1d8f6);border:3px solid #c48a16;position:relative;overflow:hidden}.discovery-result.legendary:before{content:"✦  ·  ✧  ·  ✦";color:#9a6200;letter-spacing:12px;pointer-events:none;font-size:26px;animation:1s steps(3,end) 3 legend-sparkle;display:block}@keyframes legend-sparkle{50%{opacity:.4;transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.discovery-result.legendary:before{animation:none}}.reduced-motion .discovery-result.legendary:before,.reduced-motion .catalog-reveal{animation:none}.rarity.legendary{color:#704600}.game-hud .discovery-counter{text-align:center;max-width:64px;font-size:.7rem}.walking-notice{color:#282044;z-index:5;text-align:center;background:#fff8df;border:2px solid #594793;padding:10px;font-size:.8rem;position:absolute;top:150px;left:16px;right:16px}.level-celebration{z-index:60;left:16px;right:16px;top:max(90px, calc(env(safe-area-inset-top) + 70px));text-align:center;max-height:32dvh;position:absolute;overflow:auto;box-shadow:0 4px #594793}.level-sprite{width:48px;height:60px;margin:auto;animation:.6s ease-in-out 3 level-hop}.level-sprite svg{width:100%;height:100%}@keyframes level-hop{50%{transform:translateY(-8px)}}.reduced-motion .level-sprite{animation:none}@media (prefers-reduced-motion:reduce){.level-sprite{animation:none}}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:16px;display:grid}.cosmetic-grid button{white-space:normal;flex-direction:column;min-width:0;display:flex}.cosmetic-grid svg{width:48px;height:64px}.cosmetic-grid small{font-size:.7rem}.progression-details progress{accent-color:#594793;width:100%}.progression-details p{overflow-wrap:anywhere}#customization,#crab-progression{scroll-margin-top:12px}.level-celebration{padding:12px;font-size:.8rem}.level-celebration p{margin:4px 0}.level-celebration .level-sprite{float:left;width:36px;height:45px;margin-right:8px}.level-celebration .button{min-height:44px;padding:8px;font-size:.8rem}.cosmetic-grid button:disabled{opacity:1;color:#403252;box-shadow:none;background:#e4deee;border-color:#594793}.cosmetic-grid button:disabled svg{opacity:.55}.cleanup-map h1{margin:.5rem 0;font-size:1.7rem}.map-statistics{flex-wrap:wrap;gap:.3rem 1rem;display:flex}.cleanup-map progress{accent-color:#25c6b2;width:100%}.state-map{touch-action:pan-y;background:#fff8df;border:2px solid #594793;width:100%;height:auto;margin:12px 0}.state-map path{fill:#b9b5c6;stroke:#594793;stroke-width:1.5px;cursor:pointer;transition:fill .2s}.state-map path.cleaned{fill:#25c6b2}.state-map path.selected,.state-map path:focus{fill:#f58a08;stroke:#282044;stroke-width:3px;outline:none}.state-detail{margin:12px 0;padding:12px}.state-detail h2{margin:0 0 6px}.state-list{grid-template-columns:1fr 1fr;gap:5px;max-height:200px;margin:8px 0;display:grid;overflow:auto}.state-list button{background:#fff8df;border:1px solid #594793;justify-content:space-between;align-items:center;min-height:44px;padding:8px;font-size:12px;display:flex}.state-list button[aria-pressed=true]{background:#a9ddab}.cleanup-confirm [role=group]{flex-wrap:wrap;gap:6px;display:flex}.reduced-motion .state-map path{transition:none}@media (prefers-reduced-motion:reduce){.state-map path{transition:none}}.cleanup-map>label{font-weight:600;display:block}.cleanup-map>label input{background:#fff8df;border:2px solid #594793;border-radius:4px;width:100%;min-height:44px;margin-top:6px;padding:8px;display:block}.cleanup-map .map-privacy{color:#282044;background:#fff8df;border:1px solid #594793;margin-top:12px;padding:10px}.cleanup-map .map-privacy .field-help,.cleanup-map .map-privacy a{color:#282044}.cleanup-map .map-privacy p{margin:0 0 6px}.feature-content:has(.battle-scene){padding:0;display:flex;overflow:hidden}.battle-scene{color:#282044;width:100%;min-height:0;padding-bottom:env(safe-area-inset-bottom);background:#fff8df;flex-direction:column;display:flex}.battle-scene-title{color:#fff8df;background:#594793;flex-shrink:0;margin:0;padding:8px 14px;font-size:16px}.battle-stage{isolation:isolate;flex:1;min-height:120px;position:relative;overflow:hidden}.beach-backdrop{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.battle-hud{z-index:2;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:10px 10px auto}.battle-health{background:#fff8df;border:2px solid #594793;width:46%;padding:8px;font-size:12px;box-shadow:3px 3px #282044}.battle-health strong{font-size:14px;display:block}.battle-health small{font-size:11px;display:block}.hp-track{background:#ded5e9;border:1px solid #282044;height:10px;margin:5px 0;overflow:hidden}.hp-track span{background:#168471;height:100%;transition:width .4s;display:block}.battle-trainer{width:15%;position:absolute;bottom:12%;left:3%}.battle-trainer .player-avatar{width:100%;height:auto}.arena-crab{width:37%;position:absolute}.arena-crab.ally{--lunge:12px;bottom:3%;left:15%}.arena-crab.enemy{--lunge:-12px;bottom:27%;right:6%;transform:scaleX(-1)}.arena-crab .crab{filter:drop-shadow(0 5px #59479333);width:100%;height:auto;animation:2.6s steps(2,end) infinite crab-idle}.arena-crab.knocked-out{opacity:.45}.arena-crab.knocked-out .crab{animation:none}.battle-message{background:#fff8df;border-top:3px solid #594793;flex-shrink:0;padding:10px 14px 4px;font-size:13px;position:relative}.battle-message p{margin:0 0 4px}.feature-content .battle-message .turn-banner{color:#594793;background:0 0;border:0;min-height:0;margin:0;padding:0;font-size:13px;display:block}.battle-history summary{cursor:pointer;min-height:44px;padding:6px 0;font-size:12px}.feature-content .battle-history .combat-log{z-index:5;background:#fff8df;border:3px solid #594793;max-height:160px;margin:0;padding:12px;position:absolute;bottom:34px;left:10px;right:10px;overflow-y:auto;box-shadow:4px 4px #282044}.arena-actions{flex-shrink:0;padding:4px 10px 0}.arena-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.arena-move{color:#282044;cursor:pointer;background:#f58a08;border:2px solid #594793;border-radius:5px;min-height:76px;padding:8px 5px;box-shadow:0 3px #594793}.arena-move.guard{background:#a9ddab}.arena-move.tidal_slam{background:#25c6b2}.arena-move strong{font-size:15px;display:block}.arena-move small{margin-top:3px;font-size:11px;line-height:1.25;display:block}.arena-move:disabled{opacity:.55;cursor:default}.arena-exit{color:#594793;cursor:pointer;background:0 0;border:0;min-height:44px;margin:3px auto 0;font-weight:700;display:block}.arena-results{flex-shrink:0;padding:8px 12px}.arena-results p{margin:0 0 8px;font-size:12px}.arena-results .button-row{gap:6px}.feature-content .arena-results .button{padding:8px;font-size:12px}.preview-stats,.preview-loadout{font-size:12px}.battle-intro>.panel{margin-bottom:16px}.attack-lunge{animation:.35s steps(3,end) battle-lunge}.hit-reaction{animation:.4s steps(3,end) battle-hit}.guard-pulse{animation:.5s steps(3,end) battle-guard}@keyframes crab-idle{50%{translate:0 -3px}}@keyframes battle-lunge{50%{translate:var(--lunge) -4px}}@keyframes battle-hit{25%,75%{opacity:.3;translate:4px}}@keyframes battle-guard{50%{filter:drop-shadow(0 0 5px #594793)}}@media (height<=500px) and (orientation:landscape){.battle-scene{grid-template-rows:28px 1fr auto;grid-template-columns:1fr 43%;display:grid}.battle-scene-title{grid-column:1/-1;padding:4px 10px}.battle-stage{grid-area:2/1/4}.battle-message{border-top:0;grid-area:2/2;padding:6px}.arena-actions,.arena-results{grid-area:3/2;padding:4px}.arena-moves{gap:3px}.arena-move{min-height:54px;padding:4px 2px}.arena-move strong{font-size:12px}.arena-move small{font-size:10px}.battle-hud{gap:5px;inset:4px 4px auto}.battle-health{padding:4px;font-size:10px}.battle-health strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.battle-scene *,.battle-scene :before{transition:none!important;animation:none!important}}.workshop-moves{margin-top:18px}.workshop-moves>progress{accent-color:#594793;width:100%}.move-library{margin-top:18px}.move-card{background:#fff8df;border:2px solid #594793;border-radius:6px;margin:10px 0;padding:12px}.move-card.selected{background:#d9efd0;box-shadow:3px 3px #594793}.move-card h4{margin:0 0 6px;font-size:16px}.move-card p{margin:6px 0;font-size:13px}.move-card small{margin-bottom:8px;font-size:12px;display:block}.move-card .button{width:100%}.snare-pulse{animation:.5s steps(3,end) battle-guard}.dash-lunge{animation:.2s steps(3,end) battle-lunge}.multi-lunge{animation:.18s steps(3,end) 3 battle-lunge}.prep-screen{flex-direction:column;gap:12px;min-height:100%;padding-bottom:8px;display:flex}.prep-title h1{margin:3px 0 0;font-size:26px}.prep-title .eyebrow{font-size:10px}.prep-matchup{isolation:isolate;border:3px solid #594793;flex:1;grid-template-columns:1fr 1fr;gap:28px;min-height:220px;padding:12px 8px;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px #282044}.prep-fighter{text-align:center;z-index:1;flex-direction:column;justify-content:space-between;min-width:0;display:flex}.prep-name{background:#fff8dfed;border:2px solid #594793;padding:6px 2px;line-height:1.3}.prep-name strong,.prep-name span{display:block}.prep-name strong{font-size:14px}.prep-name span,.prep-fighter>small{font-size:10px}.prep-fighter>small{background:#fff8df;padding:4px 0;font-weight:800}.prep-sprite{width:100%;max-width:150px;margin:auto;animation:3s ease-in-out infinite prep-idle}.rival .prep-sprite{animation-delay:-1.5s}.prep-versus{z-index:2;color:#282044;background:#f58a08;border:3px solid #594793;padding:5px;font-size:19px;font-weight:1000;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:3px 3px #fff8df}.prep-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.prep-move{text-align:center;background:#fff8df;border:2px solid #594793;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;display:flex;box-shadow:2px 2px #594793}.prep-move strong{place-items:center;min-height:32px;font-size:13px;line-height:1.2;display:grid}.prep-move small{font-size:9px;line-height:1.3}.prep-move>span:not(.prep-move-icon){font-size:10px}.prep-move-icon{background:#25c6b2;border:2px solid #594793;width:32px;height:32px;font-size:22px;line-height:28px}.slot-1 .prep-move-icon{background:#a9ddab}.slot-2 .prep-move-icon{background:#f58a08}.prep-rewards{background:#a9ddab;border:2px solid #594793;justify-content:space-around;gap:8px;padding:8px 4px;font-size:10px;display:flex}.prep-rewards strong{display:inline}.prep-help{font-size:12px}.prep-help summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.prep-help p{margin:6px 0}.prep-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.prep-actions .primary{text-transform:uppercase;grid-column:1/-1;min-height:54px;font-size:18px}.prep-actions .secondary{text-transform:uppercase;min-height:46px;padding:8px 4px;font-size:12px}.prep-actions .button:active{transform:translateY(2px)}.prep-title{animation:.3s ease-out prep-arrive}@keyframes prep-idle{50%{transform:translateY(-3px)}}@keyframes prep-arrive{0%{opacity:0;transform:translateY(5px)}}@media (height<=750px) and (orientation:portrait){.prep-screen{gap:7px}.prep-matchup{min-height:175px}.prep-sprite{max-width:115px}.prep-move{padding:4px 2px}}@media (orientation:landscape) and (height<=550px){.prep-matchup{min-height:180px}.prep-actions{background:#fff8df;padding:6px;position:sticky;bottom:0}}.reduced-motion .prep-sprite,.reduced-motion .prep-title{animation:none}@media (prefers-reduced-motion:reduce){.prep-sprite,.prep-title{animation:none}}.cpu-trainer{width:14%;animation:3s steps(2,end) infinite trainer-idle;bottom:47%;left:auto;right:3%}.cpu-trainer>span{text-align:center;color:#594793;background:#fff8df;border:1px solid #594793;font-size:9px;font-weight:900;display:block}.arena-crab.enemy{bottom:26%;right:16%}.trainer-cheer{animation:.8s steps(3,end) trainer-cheer!important}.trainer-victory{animation:1s steps(3,end) 3 trainer-cheer!important}.trainer-defeat{filter:grayscale(.6);rotate:-8deg}.combat-windup.attack-lunge,.combat-windup.dash-lunge,.combat-windup.multi-lunge{animation:.8s steps(4,end) both battle-strike}.combat-windup .snap-jaws{opacity:1;animation:.8s steps(3,end) claw-snap}.move-fx{z-index:3;color:#fff8df;text-shadow:2px 2px #594793;pointer-events:none;font-size:28px;animation:.8s steps(4,end) both pixel-impact;position:absolute;top:25%;left:55%}.fx-tidal_slam{color:#25c6b2;animation:.8s steps(5,end) both water-travel}.fx-guard,.fx-can_counter{text-align:center;color:#a9ddab;font-size:80px;animation:.8s steps(4,end) both shield-grow;inset:10% 0}@keyframes battle-strike{35%{translate:-5px 3px}90%,to{translate:24px -8px}}@keyframes pixel-impact{0%,55%{opacity:0;scale:.5}to{opacity:1;scale:1.5}}@keyframes water-travel{0%{translate:0}to{translate:55px -25px}}@keyframes shield-grow{0%{opacity:.3;scale:.7}to{opacity:1;scale:1}}@keyframes trainer-cheer{50%{translate:0 -8px;rotate:6deg}}@keyframes trainer-idle{50%{translate:0 -2px}}@media (prefers-reduced-motion:reduce){.battle-scene *,.battle-scene :before{transition:none!important;animation:none!important}}.reduced-motion .battle-scene *{transition:none!important;animation:none!important}[data-action=bottle_slash].combat-windup .gear-bottle{transform-origin:10px 31px;animation:.8s steps(4,end) bottle-swing;rotate:0deg}[data-action=can_counter].combat-windup .gear-shield,[data-action=bag_snare].combat-windup .gear-bag,[data-action=paper_barrage].combat-windup .gear-paper{animation:.8s steps(4,end) battle-guard}.fx-bag_snare{color:#a9ddab;font-size:45px}.fx-paper_barrage{color:#fff8df;animation:.8s steps(4,end) water-travel}.fx-cap_dash{color:#25c6b2}.landed-impact{color:#fff8df;text-shadow:3px 3px #f58a08;z-index:4;font-size:48px;animation:.4s steps(3,end) shield-grow;position:absolute;top:25%;left:42%}@keyframes bottle-swing{30%{rotate:-20deg}to{rotate:45deg}}