:root{color-scheme:light;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#15251c;color:#f7fff1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell{position:fixed;inset:0;display:grid;place-items:center;background:#000;overflow:hidden}.shell-video,.shell-shade{position:absolute;inset:0;width:100%;height:100%}.shell-video{object-fit:cover;filter:blur(10px) saturate(1.12);transform:scale(1.04);pointer-events:none}.shell-shade{background:#10271657}.screen{position:relative;z-index:1;width:min(1120px,calc(100vw - 24px));min-height:min(650px,calc(100vh - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px;border:3px solid rgba(18,50,30,.32);border-radius:8px;background:#faffeded;color:#173425;box-shadow:0 24px 70px #00000038}.title-shell{background:#000}.title-shell>.shell-video,.title-shell>.shell-shade{display:none}.title-shell .screen{width:100%;min-height:100%;padding:0;justify-content:center;align-items:center;border:0;border-radius:0;background:transparent;color:#fff8d7;box-shadow:none;overflow:hidden}.title-video,.title-shade{position:absolute;inset:0;width:100%;height:100%}.title-video{object-fit:cover;pointer-events:none}.shell video::-webkit-media-controls,.shell video::-webkit-media-controls-panel,.shell video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.title-shade{background:linear-gradient(180deg,#00000014,#00000047 58%,#0009)}.title-content{position:relative;z-index:1;width:min(760px,calc(100vw - 28px));display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;text-align:center}.title-tip{color:#fff8d7;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.5),0 8px 22px rgba(0,0,0,.45)}.title-logo{width:min(680px,92vw);max-height:44vh;object-fit:contain;filter:drop-shadow(0 12px 0 rgba(0,0,0,.3)) drop-shadow(0 22px 28px rgba(0,0,0,.35))}.title-actions{justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,7vw,5.2rem);line-height:.92}h2{font-size:clamp(1.45rem,4vw,2.5rem)}.muted{color:#526858}.button-row,.profile-list,.level-grid,.collection-grid{display:flex;flex-wrap:wrap;gap:12px}.button-row.compact{gap:8px;margin-top:12px}.button-row.compact .button{min-height:38px;padding:8px 12px}.button,.profile,.level-card,.critter-card{position:relative;isolation:isolate;min-height:48px;border:5px solid transparent;border-radius:8px;--button-bg: #ffe66f;--button-hi: rgba(255, 255, 255, .42);--button-dot: rgba(84, 45, 15, .26);background:url(/assets/other/ButtonHalftoneTopOverlay40.png) center top / auto 52px no-repeat,linear-gradient(var(--button-bg),var(--button-bg)),linear-gradient(#17112f,#17112f);background-origin:border-box,padding-box,border-box;background-clip:border-box,padding-box,border-box;color:#17112f;cursor:pointer;box-shadow:none;overflow:hidden}.button:before,.profile:before,.level-card:before,.critter-card:before{content:none}.button{padding:12px 18px;font-weight:900}.button-row.compact .button,.hud .button{background-size:auto 40px,auto,auto}.title-actions .button,.topbar .button-row .button,.dev-actions .button{background-image:url(/assets/other/LongButtonHalftoneTopOverlay40.png),linear-gradient(var(--button-bg),var(--button-bg)),linear-gradient(#17112f,#17112f);background-size:auto 52px,auto,auto}.profile,.level-card,.critter-card,.form-card,.level-info-card{background-image:url(/assets/other/LongButtonHalftoneTopOverlay40.png),linear-gradient(var(--button-bg),var(--button-bg)),linear-gradient(#17112f,#17112f);background-size:auto 68px,auto,auto}.button:hover,.profile:hover,.level-card:not(.locked):hover,.critter-card:hover{filter:brightness(1.05) saturate(1.08)}.button.danger{--button-bg: #ff7a6e;--button-dot: rgba(88, 18, 20, .28)}.button-row>.button:nth-of-type(1),.topbar .button-row>.button:nth-of-type(1){--button-bg: #ffe66f;--button-dot: rgba(99, 55, 11, .28)}.button-row>.button:nth-of-type(2),.topbar .button-row>.button:nth-of-type(2){--button-bg: #69d7ff;--button-dot: rgba(14, 60, 100, .28)}.button-row>.button:nth-of-type(3),.topbar .button-row>.button:nth-of-type(3){--button-bg: #ff8ed1;--button-dot: rgba(94, 20, 72, .28)}.button-row>.button:nth-of-type(4){--button-bg: #90e85c;--button-dot: rgba(28, 80, 24, .28)}.button.secondary:nth-of-type(1){--button-bg: #82e870;--button-dot: rgba(30, 82, 23, .28)}.button.secondary:nth-of-type(2){--button-bg: #69d7ff;--button-dot: rgba(14, 60, 100, .28)}.button.secondary:nth-of-type(3){--button-bg: #ff8ed1;--button-dot: rgba(94, 20, 72, .28)}.profile{--button-bg: #b8f27b;--button-dot: rgba(44, 108, 24, .18)}.level-card{--button-bg: #fff0a6;--button-dot: rgba(128, 87, 18, .18)}.level-card:nth-child(2n){--button-bg: #a7ecff;--button-dot: rgba(22, 82, 128, .18)}.level-card:nth-child(3n){--button-bg: #ffd0ef;--button-dot: rgba(132, 37, 99, .18)}.level-card:nth-child(4n){--button-bg: #bcf78d;--button-dot: rgba(54, 112, 30, .18)}.critter-card{--button-bg: #ffd799;--button-dot: rgba(139, 75, 16, .18)}.profile,.level-card,.critter-card,.form-card,.level-info-card{padding:14px;text-align:left}.profile{width:min(210px,100%)}.level-card{width:150px}.level-card.locked{opacity:.45;cursor:not-allowed}.world-map{position:relative;flex:1;min-height:500px;max-height:min(605px,calc(100vh - 210px));overflow-x:hidden;overflow-y:auto;border:5px solid #17112f;border-radius:8px;background:#7bbf48}.world-map-stage{position:relative;min-height:1500px;overflow:hidden}.world-map-stage:before{content:"";position:absolute;inset:-6px;background-image:url(/assets/Background.png);background-size:100% auto;background-repeat:repeat-y;background-position:center top;filter:blur(1.5px);transform:scale(1.01);transform-origin:center top}.world-map-stage>*{position:relative;z-index:1}.world-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.world-path .trail-outline{fill:none;stroke:#17112f;stroke-width:38px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.96}.world-path .trail-fill{fill:none;stroke:#bf9e61;stroke-width:24px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.level-node{position:absolute;z-index:2;transform:translate(-50%,-50%);width:92px;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:2px;border:6px solid #17112f;border-radius:999px;--button-bg: #ffe66f;background:url(/assets/other/ButtonHalftoneTopOverlay40.png) center top / auto 62px no-repeat,linear-gradient(var(--button-bg),var(--button-bg));color:#17112f;font-weight:900;cursor:pointer;box-shadow:none}.level-node:nth-of-type(2n){--button-bg: #69d7ff}.level-node:nth-of-type(3n){--button-bg: #ff8ed1}.level-node span{font-size:.78rem}.level-node.locked{--button-bg: #c7c7c7;opacity:.9;cursor:not-allowed}.critter-card{width:180px}.critter-card-button{display:grid;gap:8px;justify-items:center;text-align:center}.critter-card-image{width:92px;height:92px;object-fit:contain}.critter-detail{display:grid;gap:22px}.critter-detail h3{margin:0 0 10px}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.base-form{display:grid;justify-content:center;margin-bottom:14px}.base-form .form-card{width:min(210px,calc(100vw - 80px))}.form-column{display:grid;gap:10px;justify-items:center}.form-column .form-grid{display:grid;grid-template-columns:minmax(150px,210px);align-content:start;justify-content:center;width:100%}.form-column h4{margin:0;font-size:1.05rem}.form-grid,.level-info-grid{display:flex;flex-wrap:wrap;gap:12px}.form-card,.level-info-card{width:100%;min-height:160px;border:5px solid transparent;border-radius:8px;background-origin:border-box,padding-box,border-box;background-clip:border-box,padding-box,border-box;color:#17112f;overflow:hidden}.form-card{--button-bg: #fff0a6;display:grid;gap:6px;justify-items:center;text-align:center}.form-card:nth-child(2n){--button-bg: #a7ecff}.form-card:nth-child(3n){--button-bg: #ffd0ef}.form-card img,.form-mystery{width:86px;height:86px;object-fit:contain}.form-mystery{display:grid;place-items:center;border:4px solid #17112f;border-radius:999px;background:#17112f24;font-size:2.4rem;font-weight:900}.form-card.unseen{opacity:.78}.level-info-card{width:170px;--button-bg: #bcf78d;display:grid;align-content:start;gap:8px}@media(max-width:560px){.form-columns{grid-template-columns:1fr}}.game-wrap{position:fixed;inset:0;background:#000}#game-root{width:100%;height:100%}.hud{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;pointer-events:none}.pill{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:2px solid rgba(21,49,30,.92);border-radius:999px;background:#fffadcf0;color:#173425;font-weight:900;pointer-events:auto}.hud .button{min-height:38px;padding:7px 12px;pointer-events:auto}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#08120d80}.modal{width:min(520px,100%);display:flex;flex-direction:column;gap:14px;padding:20px;border:3px solid #173425;border-radius:8px;background:#fff8d7;color:#173425;box-shadow:0 12px #17342566}.page-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;background:#000;opacity:0;transition:opacity .42s ease}.page-transition.visible{opacity:1}.dev-menu{position:fixed;inset:0;z-index:1500;display:none;pointer-events:none}.dev-menu.open{display:flex}.dev-panel{position:absolute;top:max(14px,env(safe-area-inset-top,0px));left:14px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:14px;border:5px solid #17112f;border-radius:8px;background:#fff8d7f5;color:#17112f;pointer-events:auto}.dev-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dev-header:active{cursor:grabbing}.dev-close{width:34px;height:34px;border:4px solid #17112f;border-radius:999px;background:#ff7a6e;color:#17112f;font-weight:900;cursor:pointer}.dev-actions{display:grid;gap:10px}.dev-section{display:grid;gap:8px}.dev-section summary{min-height:38px;padding:8px 12px;border:4px solid #17112f;border-radius:8px;background:url(/assets/other/LongButtonHalftoneTopOverlay40.png) center top / auto 46px no-repeat,linear-gradient(#a7ecff,#a7ecff);color:#17112f;font-weight:900;cursor:pointer;list-style-position:inside}.dev-section[open] summary{background:url(/assets/other/LongButtonHalftoneTopOverlay40.png) center top / auto 46px no-repeat,linear-gradient(#bcf78d,#bcf78d)}.dev-actions .button{width:100%;text-align:left;margin-top:8px}.loading-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#000;color:#fff8d7;opacity:1;transition:opacity .62s ease}.loading-screen.done{opacity:0;pointer-events:none}.loading-text{font-size:clamp(1.5rem,5vw,3rem);font-weight:900;letter-spacing:0}@media(orientation:portrait){.rotate-note{display:block}}@media(orientation:landscape){.rotate-note{display:none}}