.mission-library{max-width:1080px}.mission-library-heading{justify-content:space-between;align-items:center;gap:24px;margin:10px 0 24px;display:flex}.mission-library-heading h1{letter-spacing:-1px;margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.1}.mission-library-heading p{color:#526f60;margin:0;line-height:1.5}.mission-library-heading label{flex:none;gap:7px;font-size:13px;font-weight:800;display:grid}.mission-library-heading select{font:inherit;color:#29453c;background:#fff;border:1px solid #ccd8cd;border-radius:12px;min-height:48px;padding:10px 34px 10px 14px}.mission-library-heading select:focus-visible{outline-offset:3px;outline:3px solid #267859}.mission-tracks{gap:10px;margin:16px 0 25px;display:flex}.mission-tracks button{min-height:46px;font:inherit;background:#fff;border:1px solid #cddfd3;border-radius:12px;padding:10px 20px;font-weight:800}.mission-tracks button[aria-pressed=true]{color:#fff;background:#236f57;border-color:#236f57}.mission-library .section-heading{margin:24px 0 18px}.mission-library .section-heading h2{font-size:20px}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mission-card{background:#fff;border:1px solid #d9e4d8;border-radius:22px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px #e6ede3}.mission-card:hover{transform:translateY(-3px);box-shadow:0 6px #e6ede3}.mission-card:focus-visible{outline-offset:3px;outline:3px solid #267859}.mission-card-visual{background:#e9f4e7;justify-content:center;align-items:center;height:120px;display:flex}.mission-tone-1 .mission-card-visual{background:#fff1d6}.mission-tone-2 .mission-card-visual{background:#e8eefc}.mission-card-visual>svg{width:160px;height:105px}.mission-card-body{flex-direction:column;flex:1;padding:18px;display:flex}.mission-card-body>strong{letter-spacing:-.4px;margin-bottom:8px;font-size:19px;line-height:1.3}.mission-card-body>span:not(.mission-card-foot){color:#637564;flex:1;font-size:13px;line-height:1.5}.mission-card-foot{color:#267859;border-top:1px solid #edf0e9;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;font-size:13px;display:flex}.mission-card-foot>span{color:#9a6b15;letter-spacing:2px}.mission-library-note{color:#596e53;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:28px 0;font-size:14px;line-height:1.5;display:flex}.mission-library-note a{align-items:center;min-height:44px;font-weight:800;display:inline-flex}.mission-player{color:#29453c;width:min(100%,900px);margin:auto;padding:0 28px 30px}.mission-player-top{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcf8f2;align-items:center;gap:14px;margin-bottom:20px;padding:16px 0;display:flex;position:sticky;top:0}.mission-player-top>.mission-title{flex:1;min-width:0}.mission-player-top strong{font-size:18px;font-weight:900;line-height:1.35;display:block}.mission-round{color:#647368;font-variant-numeric:tabular-nums;flex:none;font-size:13px}.mission-progress{background:#e2e9dc;border-radius:10px;height:5px;margin-top:10px;overflow:hidden}.mission-progress>span{background:#378461;border-radius:10px;height:100%;transition:width .25s;display:block}.mission-exit{color:#627365;background:#fff;border:1px solid #d8e4d6;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.mission-workspace{background:#fffefb;border:1px solid #dce6d7;border-radius:24px;overflow:hidden}.mission-question{align-items:start;gap:16px;padding:24px 28px 12px;display:flex}.mission-question h1{letter-spacing:-.5px;flex:1;min-width:0;margin:0;font-size:clamp(21px,2.5vw,27px);font-weight:800;line-height:1.4}.mission-question h1:focus{outline:none}.mission-question .speak-btn{flex:none}.mission-tool{justify-content:center;align-items:center;min-height:220px;padding:20px 26px;display:flex}.mission-tool>.tool{width:100%;max-width:700px;margin:0 auto}.mission-tool.is-solved{background:#f8fcf5}.mission-tool .game-figure{max-height:320px}.mission-help{padding:0 28px 14px}.mission-help>.link-btn{min-height:44px}.mission-help-panel{background:#f3f6ed;border:1px solid #dce5d3;border-radius:16px;margin:0 26px 20px;padding:14px}.mission-help-options{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mission-help-options button{min-height:44px}.mission-help-panel .scratchpad{margin:14px 0 0}.mission-clue{background:#fff3d6;border-radius:12px;margin:12px 0 0;padding:14px;font-size:15px;line-height:1.6}.mission-feedback{align-items:center;gap:12px;padding:0 28px;font-size:16px;line-height:1.6;display:flex}.mission-feedback:empty{display:none}.mission-feedback>svg{flex:none}.mission-feedback.success{color:#28633e;background:#e6f5e7;padding:20px 28px}.mission-feedback.retry{color:#8a5b26;padding-bottom:20px}.mission-save-warning{color:#8a5b26;margin:0;padding:0 28px 18px;font-size:14px;line-height:1.5}.mission-check{z-index:9;padding:12px 0 max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcf8f2;justify-content:flex-end;align-items:center;margin-top:12px;display:flex;position:sticky;bottom:0}.mission-check .btn{min-width:150px;min-height:50px;font-size:16px}.mission-finished{text-align:center;padding:40px 24px;position:relative;overflow:hidden}.mission-finished h1{letter-spacing:-1px;margin:16px 0;font-size:36px}.mission-finished p{max-width:540px;margin:16px auto;line-height:1.6}.mission-stars{letter-spacing:10px;color:#dda927;font-size:48px}.mission-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:28px auto;display:flex}.mission-finished .completion-buddy{margin:auto;display:block}@media (width<=900px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.mission-library-heading{align-items:start;gap:14px}.mission-library-heading h1{font-size:28px}.mission-library-heading p{font-size:14px}.mission-library-heading select{max-width:120px;padding-left:10px;padding-right:20px}.mission-grid{grid-template-columns:1fr;gap:16px}.mission-card{grid-template-columns:100px 1fr;display:grid}.mission-card-visual{height:100%;min-height:145px}.mission-card-visual>svg{width:95px;height:90px}.mission-card-body{padding:16px}.mission-card-body>strong{font-size:18px}.mission-card-foot{margin-top:12px;padding-top:10px;font-size:12px}.mission-tracks button{flex:1;padding:10px;font-size:13px}.mission-player{padding:0 12px 20px}.mission-player-top{gap:9px;margin-bottom:12px;padding:12px 0}.mission-player-top strong{font-size:15px}.mission-round{font-size:12px}.mission-question{gap:8px;padding:20px 16px 8px}.mission-question h1{font-size:20px}.mission-tool{min-height:180px;padding:18px 12px;overflow-x:auto}.mission-help{padding:0 16px 10px}.mission-help-panel{margin:0 12px 16px;padding:12px}.mission-feedback{padding-left:16px;padding-right:16px;font-size:15px}.mission-feedback.success{padding:16px}.mission-check{padding-top:10px}.mission-check .btn{min-width:140px}.mission-save-warning{padding-left:16px;padding-right:16px}.mission-finished{padding:30px 8px}.mission-finished h1{font-size:30px}}@media (width<=360px){.mission-library-heading{flex-direction:column}.mission-library-heading label{width:100%}.mission-library-heading select{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.mission-card,.mission-progress>span{transition:none}.mission-card:hover{transform:none}}
