:root{color-scheme:dark;--bg:#0b141e;--panel:#111f2a;--line:#263743;--text:#f1f3ec;--muted:#97aab8;--mint:#a3f2d0;--gold:#f1ca82;--radius:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);overscroll-behavior-y:none;touch-action:manipulation}body{margin:0;color:var(--text);font-size:16px;line-height:1.6;background:radial-gradient(ellipse at 20% 0,#1a2d3b70,transparent 55%),var(--bg)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit;background:none;user-select:none;-webkit-user-select:none}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:23px;letter-spacing:-.05em}h3{font-size:16px}small{font-size:12px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}[hidden]{display:none!important}.app{max-width:1120px;margin:auto;padding:0 32px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:22px;letter-spacing:4px;font-weight:700;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:#8edee8;font-weight:500;margin-top:2px}.brand-mark{width:42px;height:42px;border:1px solid #789d96;border-radius:13px;display:grid;place-items:center;color:var(--mint);font-size:27px;font-style:italic;letter-spacing:-3px;padding-right:4px}.morphbyte-brand{gap:10px;letter-spacing:0}.brand-mark-img{width:42px;height:42px;object-fit:contain;display:block;flex:none;filter:drop-shadow(0 0 10px #00cfff55)}.brand-lockup{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-wordmark-img{width:220px;max-width:min(52vw,220px);height:auto;display:block;filter:drop-shadow(0 0 14px #00cfff1f)}.head-actions{display:flex;gap:17px;align-items:center}.save-status{color:#d7e8f0;font-size:12px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none}.icon-btn:hover{background:#ffffff0a}main{display:grid;grid-template-columns:1.14fr 1fr;gap:22px}.habitat{border:1px solid #354855;border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#1d3c47 0,#112431 55%,#10212c 100%);position:relative;min-width:0}.habitat-top{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;vertical-align:2px;margin-right:4px}.mode-switch{display:flex;gap:3px;border:1px solid #42606b;border-radius:30px;padding:3px;background:#07141c5c}.mode-switch button{font-size:11px;letter-spacing:1px;border-radius:20px;padding:6px 12px;min-height:32px;color:#a6bbc7}.mode-switch button[aria-pressed=true]{background:#dcebe4;color:#142730;font-weight:700}.pet-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 27px 0;position:relative;z-index:2;pointer-events:none}.pet-heading h1{font-size:30px;letter-spacing:-1px;margin-top:4px}.pet-heading .eyebrow{font-size:10px;color:#b0cbd2}.level-pill{border:1px solid #587080;border-radius:9px;padding:4px 10px;font-size:12px;color:#cfdfdf}.level-pill b{font-size:20px;font-weight:500}.stage{height:340px;position:relative;isolation:isolate;touch-action:pan-y}.stage canvas{width:100%;height:100%;display:block;touch-action:none;position:absolute;inset:0}.camera-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;color:#b0c4ce;pointer-events:none;letter-spacing:1px}.speech{position:absolute;top:4px;left:50%;transform:translateX(-50%);background:#102533da;border:1px solid #43616b;border-radius:25px;padding:6px 15px;white-space:nowrap;font-size:12px;color:#e0eee7;z-index:3;pointer-events:none}.hatch-button{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);border-radius:12px;background:var(--mint);color:#102e26;padding:12px 20px;white-space:nowrap;font-size:14px;font-weight:700;box-shadow:0 6px 30px #03181daa;z-index:6}.hatch-button:active{transform:translateX(-50%) scale(.97)!important}.hatch-button span{font-size:12px;padding-left:9px;opacity:.6}.habitat-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-top:1px solid #39515b;background:#10212a80}.mood{font-size:13px;color:#c6ddd6}.mood:before{content:'✦';color:var(--mint);margin-right:9px}.text-btn{font-size:12px;color:var(--mint);min-height:34px;padding:3px}.text-btn span{font-size:22px;margin-left:8px}.care-panel{padding:9px 0 0 8px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head .eyebrow{margin-bottom:6px}.section-head.compact{margin:21px 0 10px}.subtle{color:var(--muted);font-size:12px}.needs{display:grid;grid-template-columns:1fr 1fr;gap:14px 21px;margin-top:23px}.need-top{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}.need-top svg{width:17px;height:17px;color:var(--muted)}.need-top b{margin-left:auto;font-family:monospace;font-size:14px;font-weight:400}.meter{height:5px;border-radius:20px;background:#293944;overflow:hidden}.meter i{display:block;height:100%;border-radius:20px;background:var(--mint);width:0;transition:width .6s}.needs .need:nth-child(2) i{background:#eacb94}.needs .need:nth-child(3) i{background:#a5bdec}.needs .need:nth-child(4) i{background:#d99bb6}.bond-row{display:flex;align-items:center;gap:9px;margin-top:23px;font-size:12px;color:#c2d3dc}.bond-row svg{width:17px;height:17px;color:#dd9ea4}.bond-row .meter{flex:1;height:3px;background:#28343e}.bond-row i{background:#e9b1b4}.bond-row b{font-weight:400;font-family:monospace}.care-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.care-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#172630;border:1px solid #2c3d48;border-radius:15px;height:82px;position:relative}.care-actions button:hover{background:#213941}.care-actions b{font-size:12px;font-weight:500}.care-actions svg{color:#d7e5df;width:24px;height:24px}.care-actions em{position:absolute;right:7px;top:6px;background:var(--gold);color:#26343a;font-style:normal;border-radius:50%;width:17px;height:17px;font-size:10px;line-height:17px}.train-cta{width:100%;display:flex;align-items:center;gap:15px;background:var(--mint);color:#193c35;border-radius:15px;margin-top:16px;padding:14px 18px;text-align:left}.train-cta:hover{background:#bdfbde}.train-cta b{display:block;font-size:15px;letter-spacing:.02em}.train-cta small{display:block;font-size:11px;color:#3a6759}.cta-icon{border-right:1px solid #598c7544;padding-right:13px}.arrow{margin-left:auto;font-size:23px}.growth-preview{border:1px solid #2c3d49;border-radius:15px;padding:16px 18px;margin-top:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.growth-preview b{display:block;font-size:13px;margin-top:3px}.growth-preview .eyebrow{font-size:9px;letter-spacing:1px}.growth-preview .icon-btn{width:33px;height:33px}.growth-preview .meter,.growth-preview>small{grid-column:1/-1}.growth-preview>small{color:var(--muted);font-size:11px}.journal-card,.mission-card{background:#12202b;border:1px solid var(--line);border-radius:18px;padding:18px 22px}.journal-card>p{font-size:13px;color:#aabec7;margin-top:16px;line-height:1.8}.mission-list{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--muted)}.mission-list .done{color:var(--mint)}.mission-card>.text-btn{margin-top:9px}.bottom-nav{position:sticky;bottom:20px;background:#182630e8;backdrop-filter:blur(20px);border:1px solid #3c505d;display:flex;border-radius:20px;max-width:520px;margin:30px auto 0;padding:6px;z-index:20;box-shadow:0 8px 36px #0005}.bottom-nav button{flex:1;display:flex;gap:7px;align-items:center;justify-content:center;height:49px;border-radius:13px;color:var(--muted);font-size:12px}.bottom-nav button.active{background:#2a4249;color:var(--mint)}.bottom-nav svg{width:19px;height:19px}footer{padding:20px 0 30px;text-align:center;font-size:9px;letter-spacing:2px;color:#728998}dialog{background:#111f2b;color:var(--text);border:1px solid #3e515e;border-radius:25px;width:min(560px,calc(100% - 28px));padding:24px;max-height:88dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 120px #0008}dialog::backdrop{background:#02080eb8;backdrop-filter:blur(9px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sheet-head h2{font-size:23px}.sheet-head .eyebrow{font-size:10px;margin-bottom:5px}.sheet-head .icon-btn{width:38px;height:38px}.sheet-intro{color:#abbecb;font-size:13px;line-height:1.9;margin-bottom:20px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.primary,.secondary{display:block;width:100%;border-radius:12px;padding:13px 16px;text-align:center;font-size:14px;font-weight:600;min-height:48px}.primary{background:var(--mint);color:#183b32}.secondary{background:#233642;border:1px solid #3c505b;color:#dce8e4}.button-stack{display:grid;gap:10px;margin-top:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #2c3c47;padding:16px 0;font-size:14px}.setting-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.setting-row>div{flex:1}.toggle{width:49px;height:28px;background:#374850;border-radius:20px;padding:4px}.toggle:before{content:'';display:block;width:20px;height:20px;background:#b9c6c9;border-radius:50%;transition:transform .2s}.toggle[aria-checked=true]{background:#72b89c}.toggle[aria-checked=true]:before{transform:translateX(21px);background:#edfff6}input,textarea,select{background:#0b1721;color:#e5efee;border:1px solid #455866;border-radius:10px;padding:11px;min-width:0;font-size:16px}input{width:100%}textarea{width:100%;min-height:120px;resize:vertical;font-family:monospace;font-size:13px;user-select:text}select{max-width:150px;font-size:13px}label.field-label{display:block;font-size:12px;color:var(--muted);margin:18px 0 8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat-grid>div{border:1px solid #304753;background:#182d38;border-radius:13px;text-align:center;padding:13px 4px}.stat-grid b{display:block;font-size:25px;color:var(--mint);font-weight:500}.stat-grid small{font-size:11px;color:#b4c5cd}.train-arena{background:radial-gradient(ellipse,#284951,#142632);border:1px solid #3b515a;border-radius:18px;padding:18px;text-align:center;margin:18px 0}.train-arena img{display:block;width:135px;height:135px;object-fit:contain;image-rendering:pixelated;margin:auto}.timing-track{position:relative;height:34px;border:1px solid #546976;background:#10202b;border-radius:7px;margin:22px 0 12px;overflow:hidden}.timing-target{position:absolute;left:40%;width:20%;height:100%;background:#588a72}.timing-perfect{position:absolute;left:47%;width:6%;height:100%;background:#c9f7cf}.timing-cursor{position:absolute;left:0;top:0;width:4px;height:100%;background:#fff3c8;box-shadow:0 0 10px #fff}.train-rounds{display:flex;justify-content:center;gap:12px;margin:14px 0}.train-rounds span{width:9px;height:9px;border-radius:50%;background:#354b58}.train-rounds .done{background:var(--mint)}.train-status{min-height:30px;font-size:16px;color:var(--gold);font-weight:600}.training-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.training-picker button{border:1px solid #3c505e;background:#1b2b37;border-radius:12px;padding:10px 4px;font-size:13px}.training-picker .selected{border-color:var(--mint);color:var(--mint);background:#2b4a47}.evolution-list{display:grid;gap:12px}.evo-card{display:flex;gap:15px;align-items:center;border:1px solid #324550;border-radius:15px;padding:13px;background:#162b34}.evo-card.current{border-color:#8ed9ba;background:#1c3d3d}.evo-card.locked img{filter:brightness(.4) saturate(.3)}.evo-card img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.evo-card h3{font-size:14px}.evo-card small{display:block;color:#b3c5ca;font-size:11px;margin-top:4px}.evo-card .tag{color:var(--mint);font-size:10px}.reference-image{width:100%;border-radius:12px;margin-top:12px;display:block}.note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:14px}.battle-vs{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center;margin:20px 0}.fighter{text-align:center;min-width:0}.fighter img{width:120px;max-width:100%;height:120px;object-fit:contain;image-rendering:pixelated}.fighter.enemy img{transform:scaleX(-1);filter:hue-rotate(110deg)}.fighter h3{font-size:13px;overflow-wrap:anywhere;margin-bottom:8px}.fighter .hp{color:var(--muted);font-size:11px;margin-top:4px}.vs{font-family:monospace;font-size:18px;color:var(--gold);font-style:italic}.battle-log{background:#0d1a25;border:1px solid #2f4452;border-radius:13px;padding:16px;height:150px;overflow:auto;font-size:12px;color:#c5d6d7;line-height:1.9}.battle-log p:last-child{color:var(--mint)}.battle-result{text-align:center;font-size:32px;letter-spacing:3px;color:var(--gold);margin:10px 0}.log-item{border-bottom:1px solid #2c414e;padding:13px 0;font-size:13px}.log-item time{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}#toast{position:fixed;bottom:calc(104px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);width:max-content;max-width:calc(100vw - 35px);background:#dfeee7;color:#163a30;border:1px solid #b6d9ca;border-radius:14px;padding:12px 18px;z-index:100;font-size:13px;box-shadow:0 5px 35px #0006;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.float-symbol{position:absolute;left:50%;top:45%;color:#affbdd;font-size:34px;animation:float 1.1s forwards;pointer-events:none;text-shadow:0 2px 12px #002b28}#float-effects{position:absolute;inset:0;pointer-events:none;z-index:10}#poop{position:absolute;bottom:40px;left:15%;font-size:25px;pointer-events:none}#sleep-sign{position:absolute;right:20%;top:22%;color:#dbd3ff;font-size:36px;font-weight:700;animation:breath 3s infinite}#sleep-sign span{font-size:25px}#sleep-sign small{font-size:18px}.sleeping #world,.sleeping #pixel-pet{filter:brightness(.6)}#render-fallback{position:absolute;width:240px;height:280px;object-fit:contain;left:50%;top:16px;transform:translateX(-50%)}#retro-world{position:absolute;inset:28px 30px 25px;background:#b4c49c;border:9px solid #6d8071;border-radius:12px;box-shadow:inset 0 0 30px #3b513777,0 0 0 1px #b6c8b166;overflow:hidden;color:#314633}.lcd-top,.lcd-bottom{position:absolute;left:10px;right:10px;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1px;z-index:2}.lcd-top{top:8px}.lcd-bottom{bottom:9px;font-size:10px}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(#26342b0c 1px,transparent 1px),linear-gradient(90deg,#26342b0c 1px,transparent 1px);background-size:4px 4px;z-index:3;pointer-events:none}.lcd-ground{position:absolute;left:14px;right:14px;bottom:33px;border-bottom:2px dotted #586b4b}#pixel-pet{position:absolute;width:205px;height:205px;max-height:88%;object-fit:contain;left:50%;bottom:24px;transform:translateX(-50%);image-rendering:pixelated;animation:pixel-idle 2s steps(2) infinite}.retro-mode .speech{top:0;background:#132a25;border-color:#92ad91;font-family:inherit}.retro-mode .camera-hint{display:none}.retro-mode .stage{background:transparent}.retro-mode .habitat{background:radial-gradient(ellipse,#273f42,#152a32)}.retro-mode #poop{left:22%;bottom:65px;z-index:5}.evolving{animation:evolve 1.3s ease-out}.hit{animation:hit .3s}.pulse{animation:breath 2s infinite}details{margin-top:18px;border-top:1px solid #334954;padding-top:14px;font-size:13px}summary{cursor:pointer;color:#d9e8e2;padding:8px 0}details p{font-size:12px;color:var(--muted);margin:7px 0}.danger{color:#ffbaa9}.divider{height:1px;background:#2a3e4a;margin:22px 0}@keyframes float{to{transform:translateY(-100px) rotate(15deg);opacity:0}}@keyframes pixel-idle{50%{transform:translate(-50%,-5px)}}@keyframes breath{50%{opacity:.5}}@keyframes evolve{40%{filter:brightness(4)}100%{filter:brightness(1)}}@keyframes hit{50%{filter:brightness(2);translate:7px 0}}
@media(max-width:740px){.app{padding:0 18px;padding-top:env(safe-area-inset-top)}.topbar{height:77px}.brand{font-size:19px;letter-spacing:3px;gap:9px}.brand small{font-size:7px;letter-spacing:2.2px}.brand-mark{width:36px;height:36px;font-size:23px}.morphbyte-brand{gap:8px}.brand-mark-img{width:34px;height:34px}.brand-wordmark-img{width:min(185px,47vw)}.head-actions{gap:10px}.save-status{font-size:10px}.head-actions .icon-btn{width:36px;height:36px}main{grid-template-columns:1fr;gap:18px}.habitat{border-radius:22px}.habitat-top{padding:15px 18px 0}.pet-heading{padding:13px 20px 0}.pet-heading h1{font-size:26px}.stage{height:285px}.habitat-bottom{padding:10px 19px}.care-panel{padding:2px 2px 0}.section-head h2{font-size:20px}.section-head .eyebrow{font-size:9px;margin-bottom:3px}.needs{margin-top:16px;gap:14px 20px}.bond-row{margin-top:16px}.section-head.compact{margin:17px 0 10px}.care-actions button{height:74px;border-radius:14px}.train-cta{padding:12px 15px;margin-top:13px}.growth-preview{margin-top:13px;padding:13px 16px}.journal-card,.mission-card{padding:16px 18px}.bottom-nav{position:fixed;left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));margin:0 auto;padding:5px;border-radius:19px}.bottom-nav button{flex-direction:column;gap:3px;height:52px;font-size:10px;line-height:1.4}.bottom-nav svg{width:21px;height:21px}footer{padding-bottom:calc(103px + env(safe-area-inset-bottom));font-size:8px}.journal-card{order:4}.mission-card{order:3}dialog{padding:22px 19px;border-radius:24px;max-height:85dvh}.speech{font-size:11px;padding:5px 11px}.camera-hint{font-size:9px;bottom:0}.hatch-button{bottom:15px}.eyebrow{font-size:10px}#retro-world{inset:22px 20px 17px}#pixel-pet{width:182px;height:182px;bottom:21px}.lcd-top{font-size:8px}.lcd-bottom{font-size:9px}.battle-vs{gap:7px}.fighter img{height:105px}.mission-list{gap:12px}.sheet-head h2{font-size:21px}}
@media(max-width:370px){.app{padding-left:12px;padding-right:12px}.stage{height:250px}.pet-heading h1{font-size:24px}.habitat-top{padding-left:16px;padding-right:16px}.mode-switch button{padding:4px 9px}.care-actions{gap:7px}#pixel-pet{width:155px;height:155px}.speech{font-size:10px}.care-actions b{font-size:11px}.mission-list{gap:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.reduced-motion *{animation:none!important;transition:none!important}
.info-box{background:#1b333c;border:1px solid #35535b;border-radius:14px;padding:16px;font-size:13px;line-height:1.9}.info-box b{color:var(--mint)}.info-box p{margin-top:6px;color:#c5d9de}.requirements{padding:0;list-style:none;font-size:12px;margin:10px 0 0}.requirements li{margin:3px 0;color:#a0b7c0}.requirements .done{color:var(--mint)}.welcome-pet{text-align:center;background:radial-gradient(ellipse,#385950,transparent 65%);margin-bottom:15px}.welcome-pet img{width:155px;height:155px;object-fit:contain;image-rendering:pixelated}.battle-record{font-size:25px;color:var(--mint);font-weight:600;letter-spacing:2px}.battle-record span{font-size:11px;font-weight:400;color:var(--muted)}#retro-world.retro-grown{background:#14222c;border-color:#6e8181;color:#d3eee4}.retro-grown .lcd-ground{display:none}#pixel-pet.evolved-sprite{width:100%;height:calc(100% - 55px);object-fit:contain;bottom:28px;border-radius:4px;animation:none}.retro-grown .pixel-grid{background-image:linear-gradient(#001a2618 1px,transparent 1px),linear-gradient(90deg,#001a2618 1px,transparent 1px)}