.home-launch{position:absolute;right:48px;top:112px;display:flex;align-items:center;gap:13px;width:210px;padding:14px 18px;background:#fffffff0;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 30px #1d40331a;text-align:left;animation:appear .5s .25s backwards}
.home-launch>img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.home-launch span{font-size:12px;color:#65746f}.home-launch b{display:block;font-size:20px;color:#255b71;margin-top:4px}.home-launch svg{width:18px;height:18px;margin-left:auto}.home-next{position:absolute;right:48px;top:197px;width:210px;color:#406052;background:#ffffffc7;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.6;animation:appear .5s .35s backwards}
#growth-modal{width:980px;padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 40px);background:#f8fbfa;color:#263d40;box-shadow:0 25px 100px #0b303566;border:1px solid #fff}
#growth-modal.hidden{display:none}.growth-head{display:flex;gap:16px;align-items:center;padding:24px 28px 22px;background:radial-gradient(at 20% 0%,#edf7e8,transparent 60%),#fff;border-bottom:1px solid #e5ece8}.growth-naiwa{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 5px 3px #ab9d5a20)}.growth-eyebrow{font-size:11px;color:#728e80;letter-spacing:.08em}#growth-modal h2{margin:6px 0;font-size:26px;color:#244f58;letter-spacing:.01em}.growth-head p{margin:0;font-size:12px;color:#8b9993}.growth-wallet{margin-left:auto;display:grid;grid-template-columns:35px auto;gap:2px 10px;align-items:center;min-width:125px}.growth-wallet img{grid-row:span 2;width:33px;height:33px;object-fit:contain;image-rendering:pixelated}.growth-wallet b{font-size:28px;font-variant-numeric:tabular-nums;color:#377f99}.growth-wallet span{font-size:11px;color:#82988d}.growth-close{border:0;border-radius:50%;background:#f0f5f3;padding:10px;width:36px;height:36px;align-self:flex-start;display:grid;place-items:center}.growth-close svg{width:16px;height:16px}
.growth-tabs{display:flex;gap:5px;padding:12px 28px;background:#fff;border-bottom:1px solid #e6eeea}.growth-tabs button{background:transparent;border:0;border-radius:9px;padding:10px 20px;font-size:13px;color:#84958a;font-weight:700}.growth-tabs button[aria-selected=true]{background:#e6f1f6;color:#28647e}.growth-body{overflow:auto;overscroll-behavior:contain;padding:24px 28px;min-height:0;scrollbar-width:thin;scrollbar-color:#b7cfc8 transparent}.growth-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.growth-intro h3,.recipe-heading h3{font-size:17px;margin:0 0 6px;color:#36554f}.growth-intro p{font-size:12px;color:#82958a;line-height:1.7;margin:0}.growth-intro>span{font-size:12px;color:#83968d;white-space:nowrap}.growth-intro>button{font-size:11px;padding:8px 12px;border:1px solid #dbe6e0;background:#fff;border-radius:8px;white-space:nowrap}
.workshop-grid,.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.growth-tile{border:1px solid #e1e9e3;background:#fff;border-radius:16px;padding:18px;animation:growth-enter .32s cubic-bezier(.2,1,.4,1) calc(var(--i)*35ms) backwards;transition:border-color .18s,box-shadow .18s,transform .18s}.growth-tile:hover{border-color:#b5d5da;box-shadow:0 8px 22px #27505b0b}.tile-heading{display:flex;align-items:center;gap:12px}.growth-art{border-radius:12px;background:#f3f7ef;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.growth-art img{width:35px;height:35px;object-fit:contain;image-rendering:pixelated}.growth-tile h3{font-size:15px;margin:0 0 6px;color:#314b45}.tile-heading span{font-size:10px;color:#9ba89f}.growth-tile p{font-size:12px;line-height:1.65;color:#7c9186;margin:11px 0}.upgrade-dots{display:flex;gap:5px;margin-top:13px}.upgrade-dots i{height:4px;flex:1;border-radius:10px;background:#edf2ee}.upgrade-dots .filled{background:#7cbaaa}.growth-value{font-size:11px;color:#83978c;margin-bottom:14px}.growth-value span{margin:0 5px}.growth-value b{color:#3685a0}.growth-tile button{width:100%;border:0;border-radius:9px;padding:10px 8px;background:#357d99;color:#fff;font-size:12px;font-weight:700;box-shadow:0 3px 0 #23576a;transition:background .2s,transform .15s,opacity .2s}.growth-tile button:disabled{background:#f1f5f2;color:#8da197;box-shadow:none;opacity:1;cursor:default}.growth-tile button:hover:not(:disabled){background:#3d8aa5}.growth-tile button:active:not(:disabled){box-shadow:0 1px 0 #23576a}
.route-choice{margin-top:20px;border:1px dashed #d5e2dc;border-radius:12px;padding:16px;display:flex;align-items:center;gap:20px;justify-content:space-between}.route-choice b{font-size:13px}.route-choice p{font-size:11px;color:#82968a;line-height:1.7;margin:5px 0 0;max-width:480px}.route-choice>div:last-child{display:flex;gap:7px;flex-shrink:0}.route-choice button{font-size:11px;padding:9px 12px;border:1px solid #dbe5df;border-radius:8px;background:#fff;white-space:nowrap}.route-choice button[aria-pressed=true]{border-color:#458ba2;color:#31708a;background:#edf7fb}
.relic-tile{display:flex;flex-direction:column;text-align:center}.relic-art{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#f1f6ee,#f2f8fb);border-radius:12px;min-height:94px;margin-bottom:15px}.relic-art img{width:61px;height:61px;object-fit:contain;image-rendering:pixelated;filter:saturate(.7);transition:transform .2s}.relic-tile:hover .relic-art img{transform:translateY(-4px)}.relic-art span{position:absolute;right:6px;top:6px;font-size:9px;color:#93a39a;background:#ffffffdb;border-radius:10px;padding:3px 7px}.relic-tile.discovered .relic-art img{filter:none}.relic-tile.equipped{border-color:#6ea9b8;box-shadow:0 0 0 2px #6ea9b81c}.relic-tile.equipped .relic-art span{background:#397e94;color:#fff}.relic-tile p{margin:5px 0 10px;min-height:58px;font-size:11px}.relic-tile small{font-size:10px;color:#9aa9a0;line-height:1.5;margin-bottom:13px}.relic-tile button{margin-top:auto;font-size:11px}.recipe-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.recipe-heading span{font-size:11px;color:#8c9e92}.recipe-list{display:grid;gap:8px}.recipe-list article{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:1px solid #e5ece6;border-radius:12px}.recipe-list img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.recipe-list b{font-size:13px;color:#3e6a61}.recipe-list span{display:block;font-size:11px;color:#839d90;margin-top:4px}.recipe-list p{font-size:11px;color:#758c7f;margin:5px 0 0}.recipe-list small{margin-left:auto;white-space:nowrap;font-size:10px;color:#6f9c8b}
.journal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.journal-goal{display:flex;align-items:center;gap:12px;border:1px solid #e1e9e4;background:#fff;border-radius:12px;padding:16px;animation:growth-enter .3s ease calc(var(--i)*25ms) backwards}.goal-number{font-size:19px;color:#d7e4da;align-self:flex-start;line-height:1.4;font-family:Georgia,serif}.goal-body{flex:1;min-width:0}.goal-body h3{font-size:13px;margin:0 0 7px;color:#435f54}.goal-body p{font-size:10px;color:#8c9d93;margin:0;line-height:1.6}.goal-body p b{display:block;font-size:11px;color:#65988e;font-variant-numeric:tabular-nums}.goal-body progress{display:block;width:100%;height:5px;appearance:none;border:0;margin:9px 0;background:#e9f0e9;border-radius:5px;overflow:hidden}.goal-body progress::-webkit-progress-bar{background:#e9f0e9}.goal-body progress::-webkit-progress-value{background:#76b3a2;border-radius:5px;transition:width .3s}.goal-body small{font-size:9px;color:#93a89c;line-height:1.5}.journal-goal button{font-size:10px;line-height:1.5;width:76px;padding:9px 6px;flex-shrink:0;border:0;border-radius:9px;background:#35809a;color:#fff}.journal-goal button:disabled{background:#f1f5f1;color:#94a59a;opacity:1;cursor:default}.journal-goal.done{border-color:#bbd8ca}.journal-note{font-size:11px;line-height:1.8;color:#91a197;margin:18px 0 0}
.growth-footer{padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2eae5;background:#fff}.growth-footer>span{font-size:11px;color:#8a9f91;line-height:1.6}.growth-footer button{display:flex;gap:12px;align-items:center;border:0;background:#eaf3ef;color:#3c6e60;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:600;white-space:nowrap}.growth-footer svg{width:16px;height:16px}
#result-rewards{margin:14px 0;padding:16px;background:#eff6f0;border:1px solid #dbe9dd;border-radius:14px;text-align:left}.reward-total{display:flex;align-items:center;gap:11px}.reward-total img{width:36px;height:36px;image-rendering:pixelated;object-fit:contain}.reward-total b{font-size:27px;color:#377a8c}.reward-total span{font-size:12px;color:#729582}.reward-breakdown{font-size:10px;line-height:1.8;color:#86998a;margin:8px 0}.reward-notes{font-size:11px;line-height:1.8;color:#5f8c75}.result-home{width:100%;border:1px solid #d6e4d7;background:#f5faf3;border-radius:10px;padding:12px;font-size:13px;color:#47816d;margin-top:10px}.growth-hud{position:absolute;left:50%;top:107px;transform:translateX(-50%);padding:5px 12px;border-radius:9px;background:#ffffe6cf;color:#48786c;font-size:10px;white-space:nowrap;pointer-events:none}.shield-readout{display:block;font-size:9px;color:#3b819c;min-height:0}.shield-readout:empty{display:none}
@keyframes growth-enter{from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.home-launch{right:30px;width:180px}.home-next{right:30px;width:180px}.growth-head{padding:20px}.growth-head p{font-size:11px}#growth-modal h2{font-size:22px}.growth-body{padding:20px}.growth-tabs{padding:10px 20px}.growth-tile{padding:14px}.journal-list{grid-template-columns:1fr}.route-choice{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px){.home-launch{top:auto;bottom:43px;right:24px;width:auto;padding:8px 11px;gap:8px;border-radius:10px}.home-launch>img{width:26px;height:26px}.home-launch b{font-size:14px;margin-top:0}.home-launch span{font-size:10px}.home-next{display:none}#growth-modal{max-height:calc(100dvh - 32px)}.growth-head{gap:10px;padding:17px 15px}.growth-naiwa{width:45px;height:56px}.growth-eyebrow{font-size:8px}#growth-modal h2{font-size:18px;margin:4px 0}.growth-head p{display:none}.growth-wallet{min-width:52px;display:flex;flex-direction:column;gap:0}.growth-wallet img{display:none}.growth-wallet b{font-size:20px}.growth-wallet span{font-size:9px}.growth-close{width:26px;height:26px;padding:6px}.growth-tabs{padding:9px;gap:2px}.growth-tabs button{flex:1;padding:10px 5px;font-size:11px}.growth-body{padding:15px}.growth-intro{align-items:flex-start;gap:8px}.growth-intro h3{font-size:14px}.growth-intro p{font-size:10px}.growth-intro>span{font-size:9px}.workshop-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.growth-tile{padding:11px}.tile-heading{flex-direction:column;align-items:flex-start;gap:8px}.growth-tile h3{font-size:13px}.growth-tile p{font-size:10px}.growth-value{font-size:10px;min-height:28px;line-height:1.6}.growth-value b{display:block}.growth-value span{display:none}.growth-tile button{font-size:10px}.relic-tile p{min-height:84px;font-size:10px}.relic-tile small{font-size:9px}.growth-intro>button{font-size:9px;padding:6px;max-width:80px;white-space:normal}.recipe-list article{gap:10px;padding:12px}.recipe-list img{width:30px;height:30px}.recipe-list small{display:none}.growth-footer{padding:12px 15px}.growth-footer>span{font-size:9px}.growth-footer button{font-size:10px;padding:9px 11px}.journal-goal{padding:12px;gap:10px}.goal-number{font-size:16px}.goal-body h3{font-size:12px}.journal-goal button{width:65px;font-size:9px}.growth-hud{left:12px;top:97px;transform:none;font-size:8px;padding:3px 8px}.shield-readout{font-size:8px}}