:root {
      font-family: 'Noto Sans TC', 'Inter', system-ui, sans-serif;
    }
    body {
      background: linear-gradient(180deg, #FFFBEB 0%, #E0F2FE 55%, #F0FDF4 100%);
      min-height: 100vh;
      overflow-x: hidden;
      user-select: none;
      -webkit-user-select: none;
    }
    .kid-card {
      border-radius: 1.5rem;
      box-shadow: 0 8px 0 rgba(0, 0, 0, 0.08), 0 12px 24px rgba(0, 0, 0, 0.06);
      transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.18s ease;
    }
    .kid-btn {
      border-radius: 1.25rem;
      box-shadow: 0 5px 0 rgba(0, 0, 0, 0.14);
      transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.15s ease;
    }
    .kid-btn:active:not(:disabled) {
      transform: translateY(4px);
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.14);
    }
    .kid-btn:disabled {
      opacity: 0.55;
      cursor: not-allowed;
    }
    @keyframes floatSlow {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-6px) rotate(2deg); }
    }
    .mascot-float {
      animation: floatSlow 3.2s ease-in-out infinite;
    }
    @keyframes popIn {
      0% { transform: scale(0.85); opacity: 0; }
      100% { transform: scale(1); opacity: 1; }
    }
    .pop-in {
      animation: popIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    }
    canvas {
      touch-action: none;
    }
/* Tablet-first reading and interaction */
:root{font-family:ui-rounded,"PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:#273d3b;font-size:18px}body{background:#fbf8ee;line-height:1.65}button{cursor:pointer;min-height:48px;touch-action:manipulation}button:focus-visible{outline:4px solid #0f766e;outline-offset:3px}button:disabled{cursor:default}.text-xs{font-size:.89rem;line-height:1.55}.text-sm{font-size:1rem;line-height:1.6}.text-base{font-size:1.1rem;line-height:1.6}.text-lg{font-size:1.22rem;line-height:1.5}.kid-card{border-width:2px!important;box-shadow:0 4px 0 #253f3210;border-radius:23px}.kid-btn{border-radius:15px}.prediction-choice{padding:14px 16px;background:#f0f2ea;border:2px solid #d4ded1;font-size:20px;font-weight:800;text-align:left;display:block;width:100%;margin:10px 0}.prediction-choice[aria-pressed=true]{background:#e1eee6;border-color:#17786b}#journey{display:flex;gap:8px;margin:20px 0}#journey span{flex:1;text-align:center;padding:9px 4px;border-radius:30px;background:#e8eadd;font-weight:800;font-size:18px}#journey .current{background:#17786b;color:white}.collect{background:#17786b;color:white;padding:14px 20px;margin-top:12px;font-size:20px;font-weight:800}#passportModal>div,#parentModal>div{max-height:88dvh;overflow:auto}#stageHint{white-space:normal;max-width:55%;font-size:15px}#labControlPanel button{min-height:54px}#labControlPanel [style*="background-color"]{text-shadow:0 1px 3px #0009}.exp-tab-btn .truncate{white-space:normal;overflow:visible}#canvasContainer{height:360px;min-height:320px}#labPrincipleText{font-size:20px}#view-lab{display:grid;grid-template-columns:1fr;gap:18px}#view-lab.hidden{display:none}#view-lab>div{min-width:0}#observationPanel h3{font-size:22px;font-weight:900;margin:0 0 8px}#observationPanel p{font-size:20px}main{padding-bottom:50px!important}.mascot-float{animation-duration:5s}#predictionStatusBadge{white-space:nowrap;font-size:14px}#view-lab>div:first-child>div:first-child>div:first-child{gap:8px;flex-wrap:wrap}#labControlPanel .text-xs{font-size:16px}#labControlPanel .grid{grid-template-columns:1fr}
@media(min-width:768px){#view-lab{grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);align-items:start}#view-lab>div{grid-column:auto}#view-lab>div:last-child{position:sticky;top:104px}main.max-w-5xl,header .max-w-5xl{max-width:1280px}#canvasContainer{height:380px}#labControlPanel button{font-size:19px}nav[aria-label="選擇科學實驗"]{grid-template-columns:repeat(4,minmax(0,1fr))}.exp-tab-btn{gap:8px!important;padding:13px!important}.exp-tab-btn>span{font-size:28px!important}.exp-tab-btn .text-xs{font-size:14px}}
@media(max-width:767px){#canvasContainer{height:320px}#view-lab>div:last-child{grid-row:1}#view-lab>div:first-child{display:contents}#view-lab>div:first-child>div:first-child{grid-row:1}#view-lab>div:last-child{grid-row:2}#stageHint{display:none}.exp-tab-btn{padding:12px!important}header{position:relative!important}#journey{gap:5px}#journey span{font-size:16px}.mode-btn{padding:10px 8px!important;font-size:16px!important}.mode-btn>span:first-child{display:none}.mode-btn>span:last-child{white-space:nowrap}main{padding-top:16px!important}#predictionQuestion{font-size:20px}.prediction-choice{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.video-example{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:26px;background:#fff;border:2px solid #d4ded1;border-radius:24px}.video-symbol{background:#e4eee6;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;min-height:170px}.video-symbol span{font-size:27px;color:#17786b}.video-label{font-size:15px;font-weight:900;color:#17786b}.video-example h2{font-size:27px;font-weight:900;margin:3px 0 10px}.video-example h3{font-size:21px;font-weight:800}.video-example p{margin:8px 0}.video-channel,.video-note{font-size:16px;color:#5e716a}.video-link{display:inline-block;background:#17786b;color:white;padding:14px 20px;border-radius:15px;font-size:20px;font-weight:900;text-decoration:none;margin:8px 0}.video-link:focus-visible{outline:4px solid #efaa54;outline-offset:4px}@media(max-width:650px){.video-example{grid-template-columns:1fr;padding:20px;gap:14px}.video-symbol{display:none}.video-link{display:block;text-align:center;font-size:18px}}
#view-mission[hidden]{display:none}.family-intro{padding:22px 4px}.family-eyebrow{color:#17786b;font-size:16px;font-weight:900;letter-spacing:1px}.family-intro h1{font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1.4;margin:10px 0}.family-intro p,.family-card p{font-size:20px;margin:10px 0}.family-read{background:#e4ede3;border:2px solid #afc8b9;border-radius:14px;padding:10px 18px;font-size:19px;font-weight:800;margin:12px 0}.family-path{display:flex;gap:10px;margin:20px 0 0}.family-path span{flex:1;border-radius:20px;text-align:center;background:#e8eadd;padding:10px;font-size:18px;font-weight:800}.family-path .active{background:#17786b;color:white}.family-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px}.family-pair>div{padding:22px;border-radius:23px;background:#e1eee6;border:2px solid #bbd3c4}.family-pair>div:last-child{background:#fff0d3;border-color:#e4c98a}.family-pair strong{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;background:white;border-radius:50%;font-size:25px;color:#17786b}.family-pair h2{font-size:24px;font-weight:900;margin:10px 0 0}.family-card{background:#fffdf7;border:2px solid #dce2d3;border-radius:24px;padding:26px;margin-bottom:22px}.family-card h2,.family-video-gate h2{font-size:25px;font-weight:900;line-height:1.5;margin:0 0 14px}.family-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.family-choices button{border:2px solid #cfdacc;border-radius:16px;background:#f0f1e7;padding:16px 12px;font-size:20px;font-weight:800;min-height:64px}.family-choices button[aria-pressed=true]{background:#daece0;border-color:#17786b;box-shadow:0 0 0 2px #17786b}.family-primary{background:#17786b;color:white;border-radius:16px;padding:15px 24px;font-size:21px;font-weight:900}.family-primary:disabled{opacity:.4}.family-secondary{border:2px solid #afc7b5;background:#e7eee1;border-radius:15px;padding:13px 20px;font-size:20px;font-weight:800;margin-top:15px}.family-card details{background:#eff2e8;padding:14px 18px;border-radius:15px;margin:18px 0}.family-card summary{cursor:pointer;font-weight:800;font-size:20px}.family-card ol{list-style:decimal;padding-left:28px;margin:20px 0}.family-card li{font-size:21px;margin:16px 0;padding-left:5px}.family-card .family-safety{font-size:18px;background:#fff0dc;color:#76502c;padding:16px;border-radius:16px}.family-check{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;border:2px solid #9cbea6;font-weight:900;font-size:21px;margin-top:20px}.family-check input{width:28px;height:28px;accent-color:#17786b;flex-shrink:0}.family-card textarea{width:100%;border:2px solid #c1d2bb;border-radius:14px;padding:14px;font:inherit;font-size:21px;resize:vertical;background:white;margin-top:10px}.family-note,.family-card .family-note{font-size:16px;color:#63776b;margin:14px 0}.family-wait{padding:18px;background:#e8eddf;border-radius:16px;font-size:20px;margin:20px 0}.family-saved{background:#e4efdf;padding:20px;border-radius:16px;margin:20px 0}.family-video-gate{border:2px dashed #acc7ae;border-radius:22px;background:#edf2e6;padding:24px;margin-bottom:20px}.mission-nav{padding:10px 16px}button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:4px solid #df9951;outline-offset:3px}@media(max-width:767px){.family-choices{grid-template-columns:1fr 1fr}.family-pair{gap:10px}.family-pair>div{padding:16px}.family-pair h2{font-size:21px}.family-card{padding:20px}.family-path{gap:5px}.family-path span{font-size:15px;padding:10px 5px}.family-card h2{font-size:23px}.family-card li{font-size:20px}.family-primary{width:100%}.mode-btn{min-width:42%}}
#experimentApp[hidden],#discoveryHub[hidden],#discoveryTopic[hidden]{display:none!important}.world-welcome,.world-heading{padding:24px 0}.world-kicker{font-size:16px;color:#17786b;font-weight:900;letter-spacing:1px}.world-welcome h1,.world-heading h1{font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.4;margin:12px 0}.world-welcome p,.world-heading p{font-size:21px;color:#5d7369}.world-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.world-topic{text-align:left;border:2px solid #d8e0ce;border-radius:25px;padding:25px;background:#fffdf7;transition:transform .18s}.world-topic:hover{transform:translateY(-4px)}.world-topic .topic-picture{font-size:75px;min-height:155px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:20px}.topic-picture span{font-size:30px;margin-left:8px}.world-topic.peach .topic-picture{background:#f4dfd2}.world-topic.blue .topic-picture{background:#dcecf3}.world-topic.green .topic-picture{background:#e1ebd8}.world-topic small{font-size:16px;color:#17786b;font-weight:800}.world-topic h2{font-size:27px;font-weight:900;margin:8px 0}.world-topic p{font-size:20px;min-height:64px}.world-topic b{font-size:17px;color:#17786b}.world-parent{background:#ebefdf;border-radius:22px;padding:24px;margin:28px 0;font-size:20px}.world-back{background:transparent;color:#17786b;font-size:19px;font-weight:800;padding:8px 0}.world-card{background:#fffdf7;border:2px solid #d9e1d2;border-radius:24px;padding:26px;margin:0 0 24px}.world-card h2{font-size:27px;font-weight:900;margin:0 0 12px;line-height:1.5}.world-card h3{font-size:23px;font-weight:900;margin:12px 0}.world-card p{font-size:21px;margin:12px 0}.world-link{display:inline-block;font-size:20px;font-weight:800;color:#176b61;background:#e7eee2;border:2px solid #abc6b6;border-radius:14px;padding:13px 18px;margin:9px 10px 9px 0;text-decoration:none}.world-note,.world-card .world-note{font-size:16px;color:#65776b}.world-card details{padding:16px;background:#eff1e6;border-radius:16px;margin:18px 0}.world-card summary{font-size:19px;font-weight:800;cursor:pointer}.digest-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.body-map{width:100%;height:350px;display:block}.food-dot{animation:foodPulse 2s ease-in-out infinite}.station-buttons,.route-options,.world-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.station-buttons button,.route-options button,.world-options button,.concept-tabs button{border:2px solid #cbd9c5;border-radius:14px;background:#eef1e6;padding:12px 16px;font-size:20px;font-weight:800}.station-buttons button[aria-pressed=true],.world-options button[aria-pressed=true],.concept-tabs button[aria-pressed=true]{background:#dcece1;border-color:#17786b;box-shadow:0 0 0 1px #17786b}.world-primary,.world-secondary{padding:13px 22px;border-radius:15px;font-size:21px;font-weight:900;margin:14px 10px 14px 0}.world-primary{background:#17786b;color:white}.world-secondary{background:#e8edde;border:2px solid #c1d0b5}.world-primary:disabled,.station-controls button:disabled{opacity:.4;cursor:default}.station-controls{display:flex;gap:14px;margin-top:24px}.station-controls button{flex:1;background:#17786b;color:white;font-size:21px;font-weight:900;border-radius:15px;padding:13px}.route-track{padding:20px;background:#fff0d6;border-radius:16px;font-size:23px;line-height:1.8;font-weight:800}.world-card textarea{width:100%;min-height:100px;resize:vertical;border:2px solid #bbcdb5;border-radius:14px;padding:15px;font:inherit;font-size:21px;background:white;margin-top:12px}.weather-scene{background:#e1eff5;border-radius:22px;padding:28px;text-align:center;font-size:65px;line-height:1.6;margin:18px 0}.weather-scene.wind{background:#e4eddd}.concept-tabs{display:flex;flex-wrap:wrap;gap:10px}.world-safety{background:#fff0d6;border-radius:15px;padding:16px;font-size:18px!important;color:#775936}.photo-label{display:block;border:2px dashed #adc5b3;padding:15px;border-radius:15px;font-size:20px;margin:16px 0}.photo-label input{display:block;font-size:17px;max-width:100%;margin-top:12px}.weather-preview{width:200px;max-height:160px;object-fit:cover;border-radius:16px;margin:15px 0}.weather-journal{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.weather-journal article{background:#edf2e6;border-radius:18px;padding:20px;min-width:0}.weather-journal img{width:100%;height:220px;object-fit:cover;border-radius:14px}.weather-journal h3{font-size:19px}.world-delete{font-size:16px;text-decoration:underline;background:transparent;color:#735d4c;padding:8px 0}.world-card label{font-size:20px;font-weight:800}@keyframes foodPulse{50%{opacity:.45}}@media(max-width:900px){.world-topics{grid-template-columns:1fr}.world-topic{display:block}.world-topic .topic-picture{float:right;width:170px;min-height:150px;margin:0 0 15px 15px}.world-topic p{min-height:0}.digest-layout{grid-template-columns:1fr 1fr;gap:16px}.world-card{padding:22px}}@media(max-width:650px){.world-topic .topic-picture{width:105px;min-height:120px;font-size:55px}.topic-picture span{display:none}.world-topic{padding:20px}.world-topic h2{font-size:26px}.world-topic p{font-size:19px}.digest-layout{grid-template-columns:1fr}.world-card{padding:20px}.world-card h2{font-size:25px}.world-card p{font-size:20px}.world-link{font-size:19px;display:block}.weather-journal{grid-template-columns:1fr}.weather-scene{font-size:45px}.world-options button{flex:1 1 42%;padding:12px 8px}.world-primary{width:100%}}@media(prefers-reduced-motion:reduce){.food-dot{animation:none}}
.organ-layout,.moon-layout,.tide-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.organ-map{display:block;width:100%;height:420px}.organ-map [data-organ-hot]{cursor:pointer}.organ-map [data-organ-hot]:focus{outline:none;filter:drop-shadow(0 0 4px #17786b)}.organ-picker,.phase-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.organ-picker button,.phase-shortcuts button{font-size:20px;font-weight:800;border:2px solid #c1d0bb;background:#edf0e4;border-radius:14px;padding:12px 16px;min-height:52px}.organ-picker button[aria-pressed=true],.phase-shortcuts button[aria-pressed=true]{border-color:#17786b;background:#deede2;box-shadow:0 0 0 1px #17786b}.organ-team{padding:18px;border-radius:18px;background:#edf2df;margin:20px 0}.organ-team h3{margin-top:0}.space-panel{background:#243748;border-radius:22px;color:#f5edd0;min-width:0;overflow:hidden}.space-panel svg{width:100%;display:block}.earth-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px}.earth-view>span{font-size:19px;font-weight:800}.earth-view svg{height:200px}.earth-view p{margin:0;font-size:18px}.earth-view h2{margin:0;font-size:25px}.topic-range{width:100%;height:48px;accent-color:#17786b;display:block;margin:16px 0}.world-card select{font:inherit;font-size:21px;background:white;border:2px solid #b8cbb4;border-radius:13px;padding:12px;margin:14px 0;max-width:100%}.tide-layout svg{width:100%;display:block}.tide-layout>div{background:#edf4e7;border-radius:20px;overflow:hidden;align-self:center}.world-topic.night .topic-picture{background:#2e4153}.world-topic.night{border-color:#b8c8d4}.organ-pulse{transform-origin:165px 170px;animation:organBeat 1.3s ease-in-out infinite}@keyframes organBeat{50%{transform:scale(1.09)}}@media(max-width:767px){.organ-layout,.moon-layout,.tide-layout{grid-template-columns:1fr}.organ-map{height:360px}.moon-layout .earth-view{padding:16px}.space-panel svg{max-height:280px}.earth-view svg{height:170px}.phase-shortcuts button{flex:1 1 40%;font-size:18px;padding:10px}.organ-picker button{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.organ-pulse{animation:none}}