*{box-sizing:border-box} :root{font-family:system-ui,'Microsoft YaHei',sans-serif;color:#293b37;background:#dddccc;font-synthesis:none}body{margin:0}button,select{font:inherit;min-height:44px;touch-action:manipulation}button{border:1px solid #a9b3a3;background:#f9f6eb;color:#293b37;border-radius:7px;padding:8px 12px;cursor:pointer}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid #ad5541;outline-offset:2px}button:disabled{opacity:.48;cursor:default}.primary{background:#385d52;color:#fff9e9;border-color:#385d52}.red{color:#98442f;border-color:#ba7561}.muted,small{color:#58695f;font-size:12px}#app{height:100dvh;width:min(100%,520px);margin:auto;background:#f4efdf;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;position:relative;box-shadow:0 0 65px #263e3022}header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}header small{letter-spacing:3px}h1{font:600 19px Georgia,'STKaiti','KaiTi',serif;margin:7px 0 0;letter-spacing:1px}h1 em{display:block;font:10px system-ui;letter-spacing:2px;color:#6c7062;margin-top:5px}.seal{writing-mode:vertical-rl;border:2px solid #a4503c;color:#a4503c;font:18px 'KaiTi',serif;padding:5px 3px;transform:rotate(5deg)}#resources{display:flex;justify-content:space-around;padding:9px 8px;border-block:1px solid #c7cbb7;font-size:12px;background:#eee9d6}#resources b{font-size:17px;padding-left:4px}main{padding:13px 18px 9px;min-height:0;display:flex;flex-direction:column;gap:9px}.topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.topline h2{font:25px 'KaiTi',Georgia,serif;margin:0}.topline small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:3px}.link{border:0;background:transparent;padding:6px;color:#426a5b}.scene{position:relative;flex:1;min-height:85px;max-height:320px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #bbc4b4;background:radial-gradient(ellipse at 60% 50%,#e3e8d066,transparent 65%)}.scene>svg{height:100%;max-width:100%;position:absolute;inset:0;width:100%}.scene .label{position:absolute;top:6px;left:5px;writing-mode:vertical-rl;letter-spacing:5px;font:14px 'KaiTi',serif}.stamp{position:absolute;right:8px;bottom:12px;color:#994c3a;border:1px solid #ad6952;padding:4px;font-size:11px}.pethead{display:flex;align-items:center;justify-content:space-between;gap:8px}.pethead button{width:44px;padding:0}.pethead div{text-align:center}.pethead h3{margin:0;font:24px 'KaiTi',serif}.pethead small{font-size:11px}.chips{display:flex;justify-content:center;gap:16px;font-size:12px;color:#4c685c}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.row button{font-size:13px}.panel{background:#faf7edbf;border:1px solid #c2c8b4;border-radius:9px;padding:11px 12px}.panel p{font-size:13px;line-height:1.65;margin:5px 0}.panel h3{font:21px 'KaiTi',serif;margin:2px 0 8px}.caption{text-align:center;font-size:11px;color:#5c695f;margin:0;line-height:1.5}.eggbar{padding:6px 10px;display:flex;align-items:center;justify-content:space-between;background:#e9e6d1;border-radius:6px;font-size:12px}.eggbar button{padding:5px 10px}.meter{height:44px;position:relative;border:1px solid #8a9b87;border-radius:22px;background:#dedcca;overflow:hidden}.zone,.core{position:absolute;top:5px;bottom:5px;background:#91ad95;border-radius:20px}.core{background:#b28d58}#needle{position:absolute;width:3px;top:0;bottom:0;background:#233f39}.meterlabels{display:flex;justify-content:space-between;font-size:10px;margin-top:4px}.brewtitles{text-align:center}.brewtitles h3{font:23px 'KaiTi',serif;margin:2px}.brewtitles p{font-size:11px;margin:4px 0}.recipe{display:flex;gap:8px}.recipe button{flex:1;font-size:12px}.recipe .active{background:#e1e8d4;border-color:#456c59}.event{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.event .number{font-size:10px;letter-spacing:3px;color:#8b5b3c}.event h3{font:25px 'KaiTi',serif;margin:10px 0}.event p{font-size:14px;line-height:1.9;margin:6px 0}.event .rewards{list-style:none;padding:0;margin:6px 0;font-size:14px;line-height:1.85}.statsline{display:flex;justify-content:space-between;font-size:12px}.route{display:flex;gap:6px;margin:6px 0}.route i{height:3px;flex:1;background:#c8cbb9}.route .done{background:#547e65}#notice{padding:7px 18px;color:#724c34;font-size:11px;line-height:1.5;min-height:43px;display:flex;align-items:center}nav{display:flex;gap:3px;border-top:1px solid #b8c2ae;background:#ece8d7;padding:5px 12px max(7px,env(safe-area-inset-bottom))}nav button{flex:1;background:transparent;border:0;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}nav span{font:28px Georgia}nav button.active{color:#2d5d48;background:#dce4ce;box-shadow:inset 0 -2px #446d55}dialog{border:1px solid #a4b29b;border-radius:15px;background:#f5f0df;color:#293b37;width:min(94vw,480px);max-height:85dvh;padding:16px;overflow:auto}dialog::backdrop{background:#263b3266;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-16px;background:#f5f0df;z-index:1}.dialoghead h2{font:24px 'KaiTi',serif}.dialoghead button{font-size:12px}.field{display:block;font-size:13px;margin:14px 0}.field select{display:block;width:100%;margin-top:8px;border:1px solid #a4b29b;border-radius:5px;background:#faf7ed;color:#293b37;padding:7px}.drawertext{font-size:13px;line-height:1.9}.bagitem{border-top:1px solid #c8cbb9;padding:12px 0}.bagitem h3{margin:0;font-size:16px}.bagitem p{font-size:12px}.full{width:100%}.wisp{animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px);opacity:.4}}@media(max-height:720px) and (orientation:portrait){header{padding:10px 16px 7px}h1{font-size:17px}header small{font-size:10px}main{gap:6px;padding:9px 15px 5px}.topline h2{font-size:22px}.scene{max-height:170px;min-height:65px}.pethead h3{font-size:21px}.panel{padding:8px 10px}.event h3{font-size:23px}.event p{line-height:1.6}.caption{font-size:10px}#notice{padding:4px 15px;min-height:36px}nav button{min-height:48px}#resources{padding:6px}.eggbar{padding:3px 8px}}
@media(orientation:landscape) and (max-height:600px){#app{width:100%;max-width:1000px;grid-template-rows:48px 33px minmax(0,1fr) 29px 55px}header{padding:4px 18px}header small,h1 em,.seal{display:none}h1{margin:0}#resources{padding:5px}main{display:grid;grid-template-columns:43% 1fr;grid-template-rows:auto 1fr;gap:5px 18px;padding:6px 16px}main>.topline{grid-column:1/-1}.scene{grid-column:1;grid-row:2 / span 5;min-height:0;max-height:none}main>.controls{grid-column:2;display:flex;flex-direction:column;gap:5px;min-height:0}.topline h2{font-size:19px}.topline small{display:none}.topline button{min-height:44px}.event h3{font-size:20px;margin:3px 0}.event p{font-size:12px;line-height:1.5;margin:2px 0}.panel{padding:5px 9px}.caption{display:none}.pethead h3{font-size:18px}.chips{font-size:11px}.row{gap:5px}.row button{font-size:12px}#notice{min-height:0;padding:3px 16px;font-size:10px}nav{padding:2px 12px}nav button{min-height:48px}.brewtitles h3{font-size:18px}.brewtitles p{display:none}.meter{height:44px;flex-shrink:0}.eggbar{padding:2px 7px}.event .rewards{font-size:12px;line-height:1.5}.recipe button{min-height:44px}.meterlabels{display:none}}
.controls{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.explore-controls{flex:1;min-height:0}.explore-scene{max-height:155px}.explore-controls .event{background:#faf7edaa;border:1px solid #c3cab6;border-radius:8px;padding:12px 14px}@media(max-height:720px) and (orientation:portrait){.controls{gap:6px}.explore-scene{max-height:90px}.explore-controls .event{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.wisp{animation:none}}
.scene .label{white-space:nowrap;font-size:12px;letter-spacing:2px;writing-mode:horizontal-tb;top:8px;left:7px}
@media(orientation:landscape) and (max-height:600px){main{grid-template-columns:34% 1fr;grid-template-rows:36px minmax(0,1fr)}main>.topline{height:36px}.tab-pets>.controls,.tab-brew>.controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:44px 44px 48px;gap:5px}.tab-pets .chips{align-items:center;gap:8px}.tab-pets .eggbar{grid-column:1/-1}.tab-brew .brewtitles{align-self:center}.tab-brew .recipe button{font-size:10px;padding:3px}.tab-brew .controls>div:nth-child(3){grid-column:1/-1}.tab-brew .brewtitles h3{font-size:16px}.tab-explore .controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:18px minmax(0,1fr) 44px;gap:4px}.tab-explore .statsline,.tab-explore .event{grid-column:1/-1}.tab-explore .event{padding:3px 9px}.tab-explore .event h3{font-size:18px;margin:2px 0}.tab-explore .event p{font-size:11px;line-height:1.3}.tab-explore .event .number{font-size:9px}.tab-explore .route{margin:2px 0}.tab-explore #start,.tab-explore .event+#settle{grid-column:1/-1}.scene .label{font-size:10px}.scene.explore-scene{max-height:none}}