.prevention-page{max-width:1040px}
.prevention-hero{padding-bottom:1.4rem;border-bottom:1px solid #e8e4f0}
.prevention-hero h1{margin:.45rem 0 .65rem;color:#302255;font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.04em;line-height:1.12}
.prevention-hero>p{max-width:76ch}
.prevention-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.prevention-actions .btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid #6048aa;border-radius:10px;background:#6048aa;color:#fff;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}
.prevention-actions .btn-secondary{background:#fff;color:#51418e}
.prevention-index{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.prevention-index a{padding:.45rem .7rem;border:1px solid #ded6f0;border-radius:999px;color:#51418e;font-size:.84rem;font-weight:700;text-decoration:none}
.prevention-section{margin:1.6rem 0;padding:clamp(1rem,2.6vw,1.65rem);border:1px solid #e3def0;border-radius:16px;background:#fff;scroll-margin-top:1rem}
.prevention-section h2{margin:.35rem 0 .75rem;color:#302255;font-size:clamp(1.3rem,2.8vw,1.75rem)}
.prevention-section h3{margin:.2rem 0 .55rem;color:#372e56;font-size:1.03rem}
.prevention-section p,.prevention-section li{color:#514d60;line-height:1.68}
.prevention-section li+li{margin-top:.4rem}
.prevention-section a{color:#51418e;font-weight:700}
.prevention-label{color:#5b4a9a;font-size:.72rem;font-weight:850;letter-spacing:.09em}
.prevention-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:1rem;margin:1rem 0}
.prevention-note{padding:1rem 1.1rem;border:1px solid #ded6f0;border-left:4px solid #6651ad;border-radius:12px;background:#f8f6fc}
.prevention-note p:last-child,.prevention-note ul:last-child{margin-bottom:0}
.prevention-steps{padding-left:1.35rem}
.prevention-steps li{padding-left:.2rem}
.printable-sheet{padding:clamp(1.2rem,3vw,2rem);border:2px solid #8073a8}
.print-sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.print-sheet-heading h2{margin:.35rem 0 .5rem}
.print-mark{padding:.35rem .55rem;border:1px solid #b9b1ca;border-radius:5px;color:#51496a;font-size:.65rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.print-intro{padding:.75rem .9rem;border-left:4px solid #6553a1;background:#f7f5fb;font-size:.92rem}
.respect-scale{display:grid;gap:.7rem;margin:1rem 0}
.scale-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.8rem;padding:.9rem;border:1px solid #cbc7d2;border-left-width:7px;border-radius:9px}
.scale-card h3{margin:0 0 .35rem}
.scale-card ul{margin:.35rem 0;padding-left:1.2rem}
.scale-card li{margin:.18rem 0}
.scale-card p{margin:.4rem 0 0}
.scale-symbol{display:grid;width:34px;height:34px;place-items:center;border:2px solid currentColor;border-radius:50%;font-weight:850}
.scale-green{border-left-color:#35734b}
.scale-green .scale-symbol{color:#28623d}
.scale-amber{border-left-color:#a66908}
.scale-amber .scale-symbol{color:#805200}
.scale-red{border-left-color:#a3353b}
.scale-red .scale-symbol{color:#922d35}
.print-reflection{margin-top:1.1rem}
.print-reflection h3{margin:1rem 0 .2rem;font-size:.92rem}
.write-line{height:1.5rem;margin:0!important;border-bottom:1px solid #777}
.print-footer{margin:1rem 0 0;padding-top:.65rem;border-top:1px solid #c9c4d0;font-size:.82rem}
.witness-checklist{display:grid;gap:.8rem;margin:1rem 0;padding:0;list-style:none}
.witness-checklist li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.6rem}
.tickbox{width:18px;height:18px;margin-top:.2rem;border:1.5px solid #393441;border-radius:3px}
.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.action-grid article{padding:1rem;border:1px solid #e3def0;border-radius:12px;background:#fcfbfe}
.action-grid p{margin-bottom:0}
.prevention-last{padding-top:.6rem;border-top:1px solid #e8e4f0}
@media(max-width:700px){
  .prevention-grid,.action-grid{grid-template-columns:minmax(0,1fr)}
  .print-sheet-heading{flex-direction:column}
  .print-mark{display:none}
}
@media print{
  @page{margin:15mm}
  html,body{background:#fff!important;color:#111!important;font-size:10.5pt}
  .site-header,.site-footer,.topstripe,.skip,.prevention-index,.no-print,
  .accessibility-controls{display:none!important}
  body.public-site:not(.admin-auth-site) .prevention-page>:not(.printable-sheet){display:none!important}
  body.public-site:not(.admin-auth-site) .legal-page.prevention-page{
    width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none
  }
  .prevention-hero{padding-bottom:.5rem;border:0}
  .prevention-hero h1{font-size:20pt}
  .prevention-hero>p{font-size:10pt}
  .prevention-section{margin:0 0 8mm;padding:0;border:0;border-radius:0;box-shadow:none;break-inside:auto}
  .prevention-section h2{font-size:15pt}
  .prevention-section h3{font-size:11pt}
  .prevention-section p,.prevention-section li{color:#111!important;line-height:1.4}
  .prevention-note,.print-intro,.action-grid article{background:#fff!important;color:#111!important}
  .printable-sheet{min-height:250mm;padding:0;break-inside:avoid}
  #temoin{break-before:page}
  .print-sheet-heading{border-bottom:1px solid #555}
  .print-mark{display:inline-block}
  .scale-card{break-inside:avoid}
  .print-reflection{break-inside:avoid}
  .write-line{height:1.8rem}
  .prevention-section a{color:#111!important;text-decoration:none}
  .prevention-last{display:none}
}

.prevention-page{max-width:1080px}
.prevention-hero{padding-bottom:1.25rem;border-bottom:1px solid #e5e0ef}
.prevention-hero h1{margin:.45rem 0 .7rem;color:#302255;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}
.prevention-hero>p{max-width:75ch}
.course-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.course-meta span{padding:.35rem .65rem;border:1px solid #ded6f0;border-radius:999px;background:#faf9fd;color:#51418e;font-size:.82rem;font-weight:700}
.game-start-link{display:inline-flex;min-height:46px;align-items:center;gap:.55rem;margin-top:1rem;padding:.7rem 1.15rem;border:2px solid #463376;border-radius:10px;background:linear-gradient(#7357ba,#563d98);box-shadow:0 4px 0 #39275f;color:#fff!important;font-weight:900;text-decoration:none;text-shadow:0 1px 1px rgba(35,20,65,.25);transition:transform .15s ease,box-shadow .15s ease}
.game-start-link:hover{transform:translateY(2px);box-shadow:0 2px 0 #39275f;color:#fff!important}
.game-start-link>span{font-size:.82rem}
.course-progress{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7f3ff 0%,#fff 62%,#f4fbf1 100%)}
.course-scoreboard{display:flex;gap:.55rem}
.course-scoreboard>span{display:grid;min-width:68px;place-items:center;padding:.4rem .65rem;border:1px solid #e3def0;border-radius:12px;background:#fff}
.course-scoreboard strong{color:#51418e;font-size:1.15rem;line-height:1.1}
.course-scoreboard small{color:#625d70;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.course-index a{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.course-index a:not([aria-disabled="true"]):hover{transform:translateY(-3px);border-color:#b2a3dc;box-shadow:0 7px 20px rgba(52,44,93,.1)}
.course-index a[aria-disabled="false"]>span{background:#6048aa;color:#fff}
.course-index a[aria-disabled="false"] em{color:#33734b}
.chick-journey{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:1.1rem;margin:1.2rem 0 1.6rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #eadcae;border-radius:20px;background:linear-gradient(120deg,#fff8df 0%,#fff 55%,#f5fbf2 100%);box-shadow:0 8px 24px rgba(87,71,28,.07)}
.chick-avatar{display:grid;width:100px;height:100px;place-items:center;border:4px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff8bd,#ffd75e 72%);box-shadow:0 4px 0 #edbd3e,0 8px 18px rgba(113,81,12,.14);font-size:4rem;transition:transform .25s ease,filter .25s ease}
.chick-avatar[data-chick-mood="supported"]{transform:translateY(-4px) rotate(-5deg);filter:saturate(1.12)}
.chick-avatar[data-chick-mood="thinking"]{transform:rotate(5deg)}
.chick-journey-copy h2{margin:.2rem 0 .3rem;color:#302255;font-size:1.25rem}
.chick-journey-copy>p{max-width:80ch;margin:.25rem 0 .9rem;color:#514d60;line-height:1.6}
.chick-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none}
.chick-map li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.35rem;min-width:0;color:#706b79}
.chick-map li>span{display:grid;width:27px;height:27px;place-items:center;border:1px solid #d8d1df;border-radius:50%;background:#fff;color:#655d72;font-size:.76rem;font-weight:850}
.chick-map li small{overflow:hidden;font-size:.72rem;line-height:1.25;text-overflow:ellipsis}
.chick-map li.is-current>span{border-color:#6048aa;background:#6048aa;color:#fff;box-shadow:0 0 0 3px #e7e0f5}
.chick-map li.is-complete>span{border-color:#388050;background:#388050;color:#fff}
.chick-map li.is-complete small{color:#28613b;font-weight:750}
.course-objectives{margin:1rem 0;padding:1rem 1.2rem;border:1px solid #e3def0;border-radius:14px;background:#fff}
.course-objectives h2{margin:.1rem 0 .6rem;color:#302255;font-size:1.02rem}
.course-objectives ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.2rem;margin:.5rem 0 0;padding-left:1.2rem}
.course-objectives li{color:#514d60;line-height:1.5}
.course-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.45fr) auto;align-items:center;gap:.8rem;margin:1.2rem 0;padding:1rem 1.2rem;border:1px solid #ded6f0;border-radius:15px;background:linear-gradient(115deg,#f7f3ff 0%,#fff 62%,#f4fbf1 100%)}
.course-progress h2{margin:.25rem 0;font-size:1.05rem}
.course-progress p{margin:.2rem 0;color:#5d586c;font-size:.88rem}
.course-progress progress{width:100%;height:12px;accent-color:#6048aa}
.course-progress .course-storage-note{grid-column:1/-1;font-size:.78rem}
.course-reset,.resource-print,.course-submit,.course-next{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:.55rem .85rem;border:1px solid #6048aa;border-radius:9px;background:#6048aa;color:#fff!important;font:inherit;font-size:.86rem;font-weight:750;text-decoration:none;cursor:pointer}
.course-reset,.resource-print{background:#fff;color:#51418e!important}
.course-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.2rem 0 1.6rem}
.course-index a{display:grid;grid-template-columns:35px minmax(0,1fr);gap:.1rem .65rem;padding:.9rem;border:1px solid #e3def0;border-radius:13px;background:#fff;color:#302255;text-decoration:none}
.course-index a[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.course-index a>span{grid-row:1/4;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#f1edfa;color:#51418e;font-weight:850}
.course-index strong{font-size:.89rem}
.course-index small{color:#625d70;font-size:.75rem}
.course-index em{color:#574695;font-size:.72rem;font-style:normal;font-weight:750}
.course-module[hidden],.module-complete[hidden]{display:none}
.course-module{display:flex;flex-direction:column;margin:1rem 0 1.5rem;padding:clamp(1rem,2.8vw,1.7rem);border:1px solid #ded6f0;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(52,44,93,.04);scroll-margin-top:1rem;animation:mission-arrive .35s ease-out}
.course-module>.module-heading{order:0}
.course-module>.mission-brief{order:1}
.course-module>.course-quiz{order:2}
.course-module>.theory-card{order:3}
.course-module>.module-complete{order:4}
@keyframes mission-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.module-heading{padding-bottom:.9rem;border-bottom:1px solid #eeeaf4}
.module-heading h2,.resources-heading h2{margin:.35rem 0 .5rem;color:#302255;font-size:clamp(1.35rem,3vw,1.8rem)}
.module-heading p,.resources-heading p{margin:.25rem 0;color:#5d586c;line-height:1.65}
.theory-card{padding:1rem 0}
.theory-card h3,.theory-card h4{margin:.45rem 0;color:#383052}
.theory-card p,.theory-card li{color:#514d60;line-height:1.68}
.theory-card li+li{margin-top:.35rem}
.theory-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.8fr);gap:1rem}
.theory-callout{padding:1rem 1.1rem;border:1px solid #ded6f0;border-left:4px solid #6651ad;border-radius:12px;background:#f8f6fc}
.theory-callout p:last-child{margin-bottom:0}
.course-quiz{width:100%;max-width:980px;align-self:center;margin-top:.6rem;padding:clamp(.6rem,2vw,1rem);border:1px solid #33294e;border-radius:18px;background:#201a30;box-shadow:0 12px 34px rgba(32,26,48,.2)}
.game-cabinet{overflow:hidden;border:3px solid #66568b;border-radius:13px;background:#171321;box-shadow:inset 0 0 0 2px #171321,0 5px 0 #15111d}
.game-cabinet-bar{display:flex;min-height:65px;align-items:center;gap:1rem;padding:.55rem .85rem;background:linear-gradient(180deg,#38304a,#292238);color:#fff}
.game-cabinet-title{display:flex;min-width:0;align-items:center;gap:.6rem;margin-right:auto}
.game-logo{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:2px solid #ffd75e;border-radius:11px;background:#fff4bf;font-size:1.8rem}
.game-cabinet-title>span:last-child{display:grid;gap:.15rem}
.game-cabinet-title small{color:#c5bddd;font-size:.63rem;font-weight:800;letter-spacing:.1em}
.game-cabinet-title strong{color:#fff;font-size:.9rem;letter-spacing:.04em}
.game-level-chip{padding:.43rem .68rem;border:1px solid #8176a0;border-radius:7px;background:#51456f;color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.06em}
.game-score-chip{display:grid;min-width:82px;justify-items:end;padding-left:.75rem;border-left:1px solid #625a75}
.game-score-chip>span{color:#c5bddd;font-size:.58rem;font-weight:800;letter-spacing:.1em}
.game-score-chip>strong{color:#ffe17c;font-size:1.1rem;font-variant-numeric:tabular-nums}
.game-score-chip small{font-size:.62rem}
.game-screen{position:relative;isolation:isolate;overflow:hidden;min-height:280px;aspect-ratio:16/6.6;background:linear-gradient(#80d3ef 0%,#b2e7ef 57%,#dff2bc 58%,#9cce79 100%);transition:background .3s ease}
.game-screen[data-game-mood="supported"]{background:linear-gradient(#7bd0ec 0%,#b6e7e9 57%,#e6f1ad 58%,#a9d675 100%)}
.game-screen[data-game-mood="thinking"]{background:linear-gradient(#9acde2 0%,#c8e1e4 57%,#e4e8b9 58%,#adca83 100%)}
.game-screen[data-game-setting="1"]{background:linear-gradient(#b9e4ef 0 72%,#c38b52 72% 100%)}
.game-screen[data-game-setting="1"] .game-sun,.game-screen[data-game-setting="1"] .game-cloud,.game-screen[data-game-setting="1"] .game-tree{display:none}
.game-screen[data-game-setting="1"] .game-hill{right:0;bottom:0;left:0;height:28%;border-radius:0;background:repeating-linear-gradient(90deg,#ad773f 0 3px,#c18b50 3px 42px)}
.game-screen[data-game-setting="1"] .game-school{right:14%;bottom:29%;width:39%;height:41%;min-width:180px;border:5px solid #76533e;border-radius:5px;background:#7b9b84;box-shadow:inset 0 0 0 5px #91ae91,0 4px 0 rgba(72,78,49,.12)}
.game-screen[data-game-setting="1"] .game-school:before{display:none}
.game-screen[data-game-setting="1"] .game-school-name{top:8px;border-color:#eee4c2;background:#eee4c2}
.game-screen[data-game-setting="1"] .game-window{border-color:#76533e;background:#f8e9b8}
.game-screen[data-game-setting="1"] .game-school-door{display:none}
.game-screen[data-game-setting="2"]{background:linear-gradient(#d5d5ef 0 72%,#b4ad9e 72% 100%)}
.game-screen[data-game-setting="2"] .game-sun,.game-screen[data-game-setting="2"] .game-cloud,.game-screen[data-game-setting="2"] .game-tree{display:none}
.game-screen[data-game-setting="2"] .game-hill{right:0;bottom:0;left:0;height:28%;border-radius:0;background:repeating-linear-gradient(90deg,#b3aa9b 0 2px,#c7bdab 2px 42px)}
.game-screen[data-game-setting="2"] .game-school{right:15%;bottom:28%;width:39%;height:42%;min-width:180px;border:5px solid #9c8979;background:#eadfc7}
.game-screen[data-game-setting="2"] .game-school:before{display:none}
.game-screen[data-game-setting="2"] .game-school-name{top:8px}
.game-screen[data-game-setting="2"] .game-window{border-color:#9c8979;background:#9abbd0}
.game-screen[data-game-setting="2"] .game-school-door{background:#98745e}
.game-screen[data-game-setting="4"]{background:linear-gradient(#dceaf2 0 72%,#b8cda3 72% 100%)}
.game-screen[data-game-setting="4"] .game-sun{color:#f6d98a}
.game-screen[data-game-setting="4"] .game-school{background:#f1e3cd}
.game-screen[data-game-setting="5"]{background:linear-gradient(#bfe5ed 0 72%,#a6cd88 72% 100%)}
.game-screen[data-game-setting="5"] .game-school{background:#f5e5c2}
.game-sky{position:absolute;inset:0;overflow:hidden;z-index:-1}
.game-sun{position:absolute;top:9%;right:14%;color:#ffe873;font-size:clamp(2.7rem,7vw,5rem);line-height:1;text-shadow:0 0 0.45em rgba(255,235,128,.65)}
.game-cloud{position:absolute;top:20%;width:90px;height:22px;border-radius:99px;background:rgba(255,255,255,.86);filter:drop-shadow(0 3px 0 rgba(77,147,164,.1))}
.game-cloud:before,.game-cloud:after{position:absolute;bottom:5px;width:33px;height:33px;border-radius:50%;background:inherit;content:""}
.game-cloud:before{left:14px}
.game-cloud:after{left:39px;width:25px;height:25px}
.game-cloud-one{left:14%;transform:scale(.8)}
.game-cloud-two{top:34%;left:57%;transform:scale(.57)}
.game-hill{position:absolute;right:-8%;bottom:-54%;left:-8%;height:75%;border-radius:50% 50% 0 0;background:#86be65}
.game-school{position:absolute;right:24%;bottom:24%;width:32%;height:38%;min-width:150px;border:4px solid #9b613e;border-bottom:0;border-radius:5px 5px 0 0;background:#f7dfaa;box-shadow:inset 0 7px 0 #fff1c7,0 4px 0 rgba(72,78,49,.12)}
.game-school:before{position:absolute;top:-28px;right:-12px;left:-12px;height:29px;border:3px solid #9b613e;border-radius:5px 5px 1px 1px;background:#d66d55;clip-path:polygon(50% 0,100% 100%,0 100%);content:""}
.game-school-name{position:absolute;top:9px;left:50%;padding:2px 8px;transform:translateX(-50%);border:2px solid #a67843;border-radius:3px;background:#fff5d5;color:#68452d;font-size:clamp(.55rem,1.5vw,.8rem);font-weight:950;letter-spacing:.1em}
.game-window{position:absolute;top:44%;width:22%;height:30%;border:3px solid #9b613e;background:#88d0e5;box-shadow:inset 0 -5px 0 rgba(255,255,255,.42)}
.game-window:after{position:absolute;top:50%;right:0;left:0;border-top:2px solid #9b613e;content:""}
.game-window-one{left:10%}
.game-window-two{right:10%}
.game-school-door{position:absolute;right:39%;bottom:0;width:22%;height:43%;border:3px solid #9b613e;border-bottom:0;border-radius:12px 12px 0 0;background:#8b654c}
.game-school-door:after{position:absolute;top:50%;right:4px;width:4px;height:4px;border-radius:50%;background:#ffe28a;content:""}
.game-tree{position:absolute;z-index:1;bottom:25%;font-size:clamp(2rem,6vw,4.3rem);line-height:1;filter:drop-shadow(0 4px 0 rgba(51,98,56,.15))}
.game-tree-one{left:7%}
.game-tree-two{right:8%;bottom:27%;transform:scale(.76)}
.game-pico-sprite{position:absolute;z-index:2;bottom:30%;left:27%;font-size:clamp(3.7rem,10vw,7.1rem);line-height:1;filter:drop-shadow(0 7px 1px rgba(78,90,40,.2));animation:pico-idle 2.6s ease-in-out infinite;transition:left .45s ease,transform .35s ease}
.game-screen[data-game-mood="supported"] .game-pico-sprite{transform:translateY(-12px) rotate(-8deg)}
.game-screen[data-game-mood="thinking"] .game-pico-sprite{transform:rotate(7deg)}
@keyframes pico-idle{50%{translate:0 -5px}}
.game-scene-location{position:absolute;top:12px;left:12px;padding:.4rem .65rem;border:2px solid rgba(255,255,255,.75);border-radius:6px;background:rgba(38,48,60,.76);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-shadow:0 1px 1px #222}
.game-dialogue-box{position:absolute;z-index:3;right:12px;bottom:13px;left:12px;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.2rem .65rem;min-height:67px;padding:.6rem .8rem;border:3px solid #655685;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 4px 0 rgba(38,29,57,.15)}
.game-dialogue-speaker{grid-row:1/3;align-self:center;padding:.4rem .5rem;border-radius:6px;background:#6048aa;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.05em}
.game-dialogue-box p{align-self:center;margin:0;color:#332b45;font-size:.9rem;font-weight:650;line-height:1.45}
.game-console-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#332b43;color:#e9e2f7;font-size:.66rem;font-weight:800;letter-spacing:.07em}
.game-console-bar>span:last-child{white-space:nowrap;color:#fff}
.game-round-track{height:9px;flex:1;overflow:hidden;border:1px solid #81749c;border-radius:99px;background:#201a30}
.game-round-track i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffcf4d,#ffe995);transition:width .25s ease}
.course-quiz>h3{margin:.8rem .15rem .2rem;color:#fff;font-size:1rem}
.course-quiz>p{margin:.25rem .15rem .65rem;color:#d0c9dd;font-size:.83rem}
body.public-site:not(.admin-auth-site) .course-quiz>h3{color:#fff}
body.public-site:not(.admin-auth-site) .course-quiz>p{color:#d0c9dd}
body.public-site:not(.admin-auth-site) .game-dialogue-box p{color:#332b45}
.mission-brief{display:flex;gap:.8rem;align-items:flex-start;margin:.5rem 0 1rem;padding:1rem 1.1rem;border:1px solid #d9cfef;border-left:5px solid #6048aa;border-radius:13px;background:linear-gradient(110deg,#f6f1ff,#fff)}
.mission-brief>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:#e9e1fb;font-size:1.35rem}
.mission-brief strong{color:#302255}
.mission-brief p{margin:.25rem 0 0;color:#514d60;line-height:1.55}
.mission-sensitive{border-color:#ead8b8;border-left-color:#a66908;background:linear-gradient(110deg,#fff8eb,#fff)}
.mission-sensitive>span{background:#fff0cf}
.course-quiz>h3{margin:.8rem .15rem .2rem;color:#fff;font-size:1rem}
.course-quiz>p{margin:.25rem .15rem .65rem;color:#d0c9dd;font-size:.83rem}
.course-quiz fieldset{margin:.75rem 0;padding:.85rem;border:1px solid #5b506f;border-radius:11px;background:#fff}
.course-quiz fieldset[hidden]{display:none}
.course-quiz fieldset:not([hidden]){animation:mission-arrive .22s ease-out}
.course-quiz legend{width:100%;padding:.15rem .25rem .6rem;color:#302255;font-weight:850;line-height:1.5}
.course-quiz label{position:relative;display:flex;align-items:center;gap:.65rem;min-height:46px;margin:.45rem 0;padding:.6rem .7rem;border:1px solid #e2ddec;border-radius:9px;background:#faf9fd;color:#40394e;line-height:1.45;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.course-quiz label:before{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border:1px solid #d9d2e5;border-radius:7px;background:#fff;color:#6048aa;content:attr(data-game-option);font-size:.74rem;font-weight:900}
.course-quiz label:hover{transform:translateX(3px);border-color:#a998d0;background:#f6f2ff}
.course-quiz label:focus-within{outline:3px solid #9981df;outline-offset:2px}
.course-quiz label:has(input:checked){color:#302255}
.course-quiz label:has(input:disabled){font-weight:650}
.course-quiz label:has(input:checked):before{border-color:#6048aa;background:#6048aa;color:#fff}
.course-quiz fieldset[data-choice-outcome="correct"] label:has(input:checked){border-color:#77b68a;background:#eef8f0}
.course-quiz fieldset[data-choice-outcome="correct"] label:has(input:checked):before{border-color:#33804b;background:#33804b}
.course-quiz fieldset[data-choice-outcome="next-step"] label:has(input:checked){border-color:#b5a4d5;background:#f7f3ff}
.course-quiz fieldset[data-choice-outcome="next-step"] label:has(input:checked):before{border-color:#8064bd;background:#8064bd}
.course-quiz input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.answer-feedback{margin:.7rem 0 .25rem;padding:.45rem .6rem;border-radius:7px;font-size:.88rem;font-weight:750}
.answer-feedback.is-correct{background:#eaf5ed;color:#215c35}
.answer-feedback.is-consequence{background:#f2eff8;color:#51456b}
.answer-feedback.is-correct{animation:answer-pop .24s ease-out}
@keyframes answer-pop{50%{transform:scale(1.015)}}
.answer-explanation{margin:.3rem 0;color:#514d60;font-size:.88rem;line-height:1.55}
.course-submit{margin-top:.3rem}
.course-submit:disabled{opacity:.6;cursor:not-allowed}
.quiz-result{min-height:1.5rem;margin:.7rem 0 0;padding:.3rem .45rem;color:#fff;font-weight:750}
.module-complete{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid #b8dcc1;border-radius:14px;background:linear-gradient(110deg,#eff8f1,#f9fff8);color:#214e30}
.module-complete [data-module-xp]{padding:.3rem .55rem;border-radius:999px;background:#e3f3e7;font-weight:850}
.module-complete .course-next{margin-left:auto}
.school-resources{margin:2rem 0;padding:clamp(1rem,2.8vw,1.7rem);border:1px solid #ded6f0;border-radius:18px;background:#fdfcff;scroll-margin-top:1rem}
.resources-heading{margin-bottom:1rem}
.resource-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.5rem;padding:0;list-style:none}
.resource-download-card{display:flex;height:100%;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid #e2ddef;border-radius:13px;background:#fff}
.resource-download-card>strong{color:#302255;line-height:1.4}
.resource-download-card>span{flex:1;color:#625d70;font-size:.88rem;line-height:1.55}
.resource-download-card>a{align-self:flex-start;color:#51418e;font-size:.86rem;font-weight:800}
.resource-pending{align-self:flex-start;padding:.25rem .5rem;border-radius:6px;background:#f3f0f8;color:#685d7c!important;font-size:.78rem!important;font-weight:700}
.school-action-ideas{margin:1.5rem 0}
.school-action-ideas h3,.course-sources h2{color:#302255}
.print-sheet{margin:1rem 0;padding:clamp(1rem,2.4vw,1.4rem);border:1px solid #d8d2e4;border-radius:13px;background:#fff}
.print-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.print-sheet-heading h3{margin:.3rem 0;color:#302255;font-size:1.12rem}
.print-intro{padding:.7rem .85rem;border-left:4px solid #6553a1;background:#f7f5fb;color:#4e4959;line-height:1.55}
.respect-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.scale-card{padding:.8rem;border:1px solid #c9c4d2;border-top:5px solid;border-radius:9px}
.scale-card h4{margin:.1rem 0 .4rem}
.scale-card p{margin:.35rem 0;color:#484452;line-height:1.5}
.scale-green{border-top-color:#35734b}
.scale-amber{border-top-color:#a66908}
.scale-red{border-top-color:#a3353b}
.write-prompts p{margin:.8rem 0;color:#333;line-height:1.7}
.print-footer{margin:.7rem 0 0;padding-top:.6rem;border-top:1px solid #d6d2dc;color:#514d60;font-size:.82rem}
.witness-actions,.workshop-plan{padding-left:1.4rem}
.witness-actions li,.workshop-plan li{margin:.6rem 0;color:#4b4755;line-height:1.55}
.school-action-ideas{margin:1.5rem 0}
.school-action-ideas h3{color:#302255}
.action-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.action-cards article{padding:.9rem;border:1px solid #e3def0;border-radius:11px;background:#fff}
.action-cards h4{margin:.1rem 0 .35rem;color:#383052}
.action-cards p{margin:.2rem 0;color:#514d60;line-height:1.55}
.school-adult-note{color:#49445a;line-height:1.6}
.course-sources{margin:1.5rem 0;padding:1.1rem 1.3rem;border:1px solid #e3def0;border-radius:14px;background:#fbfaff}
.course-sources h2{margin:.1rem 0 .65rem;font-size:1.15rem}
.course-sources p,.course-sources li{color:#514d60;line-height:1.6}
.course-sources li+li{margin-top:.4rem}
.course-sources a{color:#51418e;font-weight:750}
.prevention-last{padding-top:.8rem;border-top:1px solid #e5e0ef;color:#5d586c;font-size:.88rem}
.prevention-last a{color:#51418e;font-weight:750}
@media(max-width:760px){
  .course-index{grid-template-columns:1fr}
  .course-progress{grid-template-columns:minmax(0,1fr) auto}
  .course-progress progress{grid-column:1/-1;grid-row:2}
  .course-progress .course-storage-note{grid-column:1/-1}
  .course-scoreboard{justify-content:flex-end}
  .chick-journey{grid-template-columns:70px minmax(0,1fr);gap:.8rem}
  .chick-avatar{width:66px;height:66px;border-width:3px;font-size:2.8rem}
  .chick-map{grid-template-columns:1fr;gap:.25rem}
  .chick-map li{grid-template-columns:24px minmax(0,1fr)}
  .chick-map li>span{width:23px;height:23px}
  .chick-map li small{font-size:.76rem}
  .course-module{padding:.8rem}
  .course-quiz{padding:.5rem;border-radius:13px}
  .game-cabinet{border-width:2px}
  .game-cabinet-bar{min-height:56px;gap:.45rem;padding:.45rem}
  .game-logo{width:34px;height:34px;flex-basis:34px;font-size:1.45rem}
  .game-cabinet-title{flex:1}
  .game-cabinet-title>span:last-child{min-width:0}
  .game-cabinet-title small{overflow:hidden;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap}
  .game-cabinet-title strong{font-size:.66rem;white-space:nowrap}
  .game-level-chip{padding:.35rem .4rem;font-size:.58rem}
  .game-score-chip{min-width:57px;padding-left:.4rem}
  .game-score-chip>span{font-size:.49rem}
  .game-score-chip>strong{font-size:.95rem}
  .game-screen{min-height:265px;aspect-ratio:auto}
  .game-school{right:17%;bottom:29%;width:36%;height:33%;min-width:138px}
  .game-pico-sprite{bottom:32%;left:19%}
  .game-tree-one{left:2%}
  .game-tree-two{right:1%}
  .game-dialogue-box{right:7px;bottom:8px;left:7px;min-height:74px;padding:.5rem}
  .game-dialogue-speaker{font-size:.56rem}
  .game-dialogue-box p{font-size:.78rem}
  .game-console-bar{gap:.45rem;padding:.5rem;font-size:.57rem}
  .course-quiz label{align-items:flex-start;font-size:.89rem}
  .theory-columns,.respect-scale,.action-cards,.resource-downloads,.course-objectives ul{grid-template-columns:1fr}
  .module-complete .course-next{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .course-module,.course-quiz fieldset:not([hidden]),.answer-feedback.is-correct{animation:none}
  .course-index a{transition:none}
  .course-index a:not([aria-disabled="true"]):hover{transform:none}
  .chick-avatar{transition:none}
  .game-pico-sprite{animation:none;transition:none}
  .game-screen,.game-round-track i,.course-quiz label{transition:none}
  .game-start-link{transition:none}
}
@media print{
  body.public-site:not(.admin-auth-site) .prevention-page>:not(.printable-sheet){display:block!important}
  body[data-print-mode="single-sheet"] *{visibility:hidden!important}
  body[data-print-mode="single-sheet"] [data-print-active],
  body[data-print-mode="single-sheet"] [data-print-active] *{visibility:visible!important}
  body[data-print-mode="single-sheet"] [data-print-active]{
    position:absolute!important;top:0!important;left:0!important;width:100%!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important
  }
  body[data-print-mode="single-sheet"] .school-resources{display:block!important}
  .prevention-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
  .course-progress,.course-index,.course-module,.resources-heading,.school-action-ideas,.school-adult-note,.prevention-last{display:none!important}
  .school-resources{margin:0!important;padding:0!important;border:0!important;background:#fff!important}
  .print-sheet{break-inside:avoid;border:0!important;border-radius:0!important;padding:0!important}
  .print-sheet h3{color:#111!important}
  .print-intro,.scale-card,.theory-callout{background:#fff!important;color:#111!important}
  .respect-scale{grid-template-columns:1fr}
  .resource-print,.no-print{display:none!important}
}

@media screen{
  .prevention-page{display:flex;flex-direction:column;gap:0}
  .prevention-page>.prevention-hero{order:0;margin-bottom:.4rem;padding:.2rem 0 .5rem}
  .prevention-page>.course-progress{order:3}
  .prevention-page>.course-module{order:2}
  .prevention-page>.chick-journey{order:4}
  .prevention-page>.course-index{order:5}
  .prevention-page>.course-objectives{order:6}
  .prevention-page>.school-resources{order:7}
  .prevention-page>.course-sources{order:8}
  .prevention-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .65rem}
  .prevention-hero>.home-section-kicker{display:none}
  .prevention-hero h1{grid-column:1;margin:0;font-size:clamp(1.3rem,2.5vw,1.8rem)}
  .prevention-hero>p{grid-column:1/-1;grid-row:2}
  .prevention-hero>.course-meta{display:none}
  .prevention-hero>.game-start-link{grid-column:2;grid-row:1;white-space:nowrap}
  .prevention-hero h1{font-size:clamp(1.55rem,3vw,2.25rem)}
  body.public-site:not(.admin-auth-site) .prevention-hero>p{max-width:65ch;margin:.3rem 0;font-size:.88rem;line-height:1.35}
  .course-meta{gap:.4rem;margin-top:.5rem}
  .course-meta span{padding:.24rem .55rem;font-size:.72rem}
  .game-start-link{min-height:38px;margin-top:.55rem;padding:.4rem .8rem;font-size:.84rem}
  body.public-site:not(.admin-auth-site) .prevention-page>.course-progress{grid-template-columns:minmax(0,1fr) minmax(110px,.35fr) auto auto;gap:.45rem;margin:.4rem 0;padding:.45rem .7rem;border-radius:10px}
  .course-progress h2{margin:.1rem 0;font-size:.9rem}
  .course-progress p{font-size:.78rem}
  .course-progress progress{height:9px}
  .course-progress .course-storage-note{font-size:.68rem}
  .course-scoreboard{gap:.35rem}
  .course-scoreboard>span{min-width:54px;padding:.25rem .4rem}
  .course-scoreboard strong{font-size:.95rem}
  .course-scoreboard small{font-size:.58rem}
  .course-reset{min-height:34px;padding:.35rem .55rem;font-size:.74rem}
  .course-module{gap:.35rem;margin:.3rem 0 .6rem;padding:clamp(.55rem,1vw,.8rem);border-radius:12px}
  .course-module>.course-quiz{order:0}
  .course-module>.module-heading{order:1}
  .module-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1rem .65rem;padding:0;border:0}
  .module-heading>.prevention-label{grid-column:1/-1;font-size:.66rem}
  .module-heading h2{margin:0;font-size:clamp(1rem,1.7vw,1.28rem)}
  .module-heading>p{margin:0;font-size:.77rem;line-height:1.35}
  .theory-toggle{grid-column:2;grid-row:2/4;min-height:34px;padding:.35rem .6rem;border:1px solid #ded6f0;border-radius:8px;background:#fff;color:#51418e;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}
  .theory-toggle:hover{border-color:#8c79be;background:#f8f5ff}
  .course-module>.mission-brief[hidden],.theory-card[hidden]{display:none!important}
  .course-quiz{max-width:none;align-self:stretch;margin:0;padding:.5rem;border:1px solid #403452;border-radius:14px;background:#211b30;box-shadow:0 4px 0 #171321}
  .course-quiz [hidden]{display:none!important}
  .game-cabinet{display:flex;flex-direction:column;border:0;border-radius:10px;background:transparent;box-shadow:none}
  .game-cabinet-bar{min-height:45px;gap:.6rem;padding:.35rem .55rem;border-radius:8px 8px 0 0}
  .game-cabinet-title{gap:.4rem}
  .game-logo{width:31px;height:31px;flex-basis:31px;border-width:1px;border-radius:8px;font-size:1.25rem}
  .game-cabinet-title small{font-size:.52rem}
  .game-cabinet-title strong{font-size:.75rem}
  .game-level-chip{padding:.3rem .5rem;font-size:.63rem}
  .game-score-chip{min-width:62px;padding-left:.5rem}
  .game-score-chip>span{font-size:.5rem}
  .game-score-chip>strong{font-size:.9rem}
  .game-play-layout{display:grid;grid-template-columns:minmax(205px,.72fr) minmax(0,1.45fr);min-height:0;border:1px solid #66568b;border-top:0;background:#fff}
  .game-visual-panel{min-width:0;min-height:255px;background:#b5dce1}
  .game-screen{width:100%;height:100%;min-height:255px;aspect-ratio:auto}
  .game-school{right:15%;bottom:24%;width:48%;height:40%;min-width:130px}
  .game-pico-sprite{bottom:21%;left:13%;font-size:clamp(3.6rem,7vw,5.6rem)}
  .game-dialogue-box{right:8px;bottom:8px;left:8px;grid-template-columns:auto 1fr;gap:.3rem .45rem;min-height:67px;padding:.45rem .5rem;border-width:2px}
  .game-dialogue-speaker{padding:.32rem .4rem;font-size:.55rem}
  .game-dialogue-box p{font-size:.76rem;line-height:1.35}
  .game-scene-location{top:8px;left:8px;padding:.3rem .45rem;font-size:.57rem}
  .game-console-bar{min-height:30px;gap:.5rem;padding:.3rem .55rem;font-size:.58rem}
  .game-round-track{height:7px}
  .game-choice-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(.65rem,1.5vw,1rem);background:#fff}
  body.public-site:not(.admin-auth-site) .game-choice-panel>h3{margin:0;color:#302255;font-size:.96rem}
  body.public-site:not(.admin-auth-site) .game-choice-panel>p{display:none}
  .course-quiz fieldset{margin:.25rem 0;padding:.45rem .55rem;border:0;background:transparent}
  .course-quiz legend{padding:.15rem 0 .35rem;font-size:.9rem;line-height:1.4}
  .course-quiz label{min-height:37px;gap:.45rem;margin:.3rem 0;padding:.35rem .5rem;border-color:#e6e2ed;border-radius:8px;font-size:.79rem;line-height:1.35}
  .course-quiz label:before{width:23px;height:23px;flex-basis:23px;border-radius:6px;font-size:.68rem}
  .answer-feedback{margin:.35rem 0 .15rem;padding:.35rem .5rem;font-size:.76rem}
  .answer-explanation{margin:.2rem 0;color:#514d60;font-size:.76rem;line-height:1.4}
  .game-next{align-self:flex-end;min-height:36px;margin:.35rem 0 0;padding:.4rem .7rem;border-radius:8px;font-size:.78rem}
  .quiz-result{min-height:1rem;margin:.15rem 0 0;padding:0;color:#514d60;font-size:.72rem}
  .module-complete{margin-top:.25rem;padding:.65rem .8rem}
  .chick-journey{grid-template-columns:58px minmax(0,1fr);gap:.65rem;margin:.3rem 0 .6rem;padding:.65rem .8rem;border-radius:12px;box-shadow:none}
  .chick-avatar{width:52px;height:52px;border-width:2px;font-size:2.5rem}
  .chick-journey-copy h2{font-size:.95rem}
  .chick-journey-copy>p{margin:.15rem 0 .35rem;font-size:.74rem;line-height:1.4}
  .chick-map{gap:.2rem;margin:.3rem 0 0}
  .chick-map li{grid-template-columns:21px minmax(0,1fr);gap:.25rem}
  .chick-map li>span{width:20px;height:20px;font-size:.63rem}
  .chick-map li small{font-size:.62rem}
  .course-index{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:.3rem 0 .6rem}
  .course-index a{grid-template-columns:26px minmax(0,1fr);gap:.1rem .35rem;padding:.45rem;border-radius:9px}
  .course-index a>span{width:24px;height:24px;font-size:.68rem}
  .course-index strong{font-size:.71rem}
  .course-index small{font-size:.62rem}
  .course-index em{font-size:.59rem}
  .course-objectives{margin:.6rem 0;padding:.8rem 1rem}
  .course-objectives h2{font-size:.9rem}
  .course-objectives li{font-size:.78rem}
  .game-start-link:focus-visible,.theory-toggle:focus-visible,.game-next:focus-visible{outline:3px solid #ffcd4f;outline-offset:3px}
}

@media screen and (max-width:850px){
  .prevention-page>.course-index{grid-template-columns:repeat(5,minmax(0,1fr))}
  .course-index small{display:none}
  .game-play-layout{grid-template-columns:minmax(175px,.62fr) minmax(0,1.38fr)}
  .game-visual-panel,.game-screen{min-height:220px}
  .game-screen{height:100%}
  body.public-site:not(.admin-auth-site) .prevention-page>.course-progress{grid-template-columns:minmax(0,1fr) minmax(90px,.3fr) auto auto}
  .course-progress>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .45rem}
  .course-progress>div:first-child>.prevention-label{display:none}
  .course-progress h2{font-size:.76rem}
  .course-progress p{font-size:.68rem;line-height:1.25}
  .course-progress progress{grid-column:1/3;grid-row:2}
  .course-progress .course-scoreboard{grid-column:3;grid-row:1/3}
  .course-progress>[data-course-reset]{grid-column:4;grid-row:1/3}
  .course-progress .course-storage-note{grid-column:1/-1;margin:.05rem 0}
}

@media screen and (max-width:650px){
  .prevention-page>.prevention-hero{padding-bottom:.5rem}
  .prevention-hero{grid-template-columns:minmax(0,1fr) auto}
  .prevention-hero h1{font-size:1.22rem}
  body.public-site:not(.admin-auth-site) .prevention-hero>p{font-size:.74rem}
  body.public-site:not(.admin-auth-site) .prevention-page>.course-progress{grid-template-columns:minmax(0,1fr) auto auto;gap:.3rem;margin:.3rem 0;padding:.4rem .5rem}
  .course-progress>div:first-child{grid-column:1;grid-row:1}
  .course-progress>div:first-child h2{font-size:.7rem}
  .course-progress>div:first-child p{font-size:.62rem}
  .course-progress progress{grid-column:1/-1;grid-row:2}
  .course-progress .course-scoreboard{grid-column:2;grid-row:1}
  .course-progress>[data-course-reset]{grid-column:3;grid-row:1;min-height:29px;font-size:.64rem}
  .course-progress .course-storage-note{grid-column:1/-1;grid-row:3;font-size:.61rem}
  .course-module{gap:.35rem;margin:.35rem 0 .6rem;padding:.45rem;border-radius:11px}
  .module-heading{grid-template-columns:minmax(0,1fr)}
  .module-heading>.prevention-label{grid-column:1}
  .module-heading h2{font-size:.96rem}
  .module-heading>p{font-size:.7rem}
  .theory-toggle{grid-column:1;grid-row:auto;justify-self:start;min-height:30px;font-size:.68rem}
  .course-quiz{padding:.35rem;border-radius:11px}
  .game-cabinet-bar{min-height:39px}
  .game-cabinet-title small{font-size:.42rem}
  .game-cabinet-title strong{font-size:.62rem}
  .game-level-chip{font-size:.55rem}
  .game-play-layout{grid-template-columns:minmax(0,1fr)}
  .game-visual-panel,.game-screen{min-height:120px;height:120px}
  .game-screen{background:linear-gradient(#b9e4ef 0 72%,#c38b52 72% 100%)}
  .game-sun,.game-cloud,.game-tree{display:none}
  .game-hill{right:0;bottom:0;left:0;height:28%;border-radius:0;background:repeating-linear-gradient(90deg,#ad773f 0 3px,#c18b50 3px 42px)}
  .game-school{right:15%;bottom:19%;width:39%;height:48%;min-width:128px}
  .game-school:before{display:none}
  .game-school-door{display:none}
  .game-school-name{top:4px;font-size:.52rem}
  .game-window{top:40%;height:38%}
  .game-pico-sprite{bottom:18%;left:10%;font-size:3.6rem}
  .game-dialogue-box{right:5px;bottom:5px;left:5px;grid-template-columns:auto 1fr;min-height:39px;padding:.25rem .35rem;border-width:1px}
  .game-dialogue-speaker{padding:.2rem .3rem;font-size:.46rem}
  .game-dialogue-box p{font-size:.64rem;line-height:1.2}
  .game-scene-location{top:5px;left:5px;padding:.2rem .35rem;font-size:.49rem}
  .game-choice-panel{padding:.5rem}
  body.public-site:not(.admin-auth-site) .game-choice-panel>h3{font-size:.82rem}
  body.public-site:not(.admin-auth-site) .game-choice-panel>p{font-size:.68rem}
  .course-quiz legend{font-size:.81rem}
  .course-quiz label{min-height:34px;padding:.3rem .4rem;font-size:.74rem}
  .course-quiz label:before{width:21px;height:21px;flex-basis:21px}
  .game-console-bar{min-height:26px;font-size:.53rem}
  .game-next{min-height:33px;font-size:.72rem}
  .chick-journey{grid-template-columns:42px minmax(0,1fr);gap:.45rem;padding:.5rem}
  .chick-avatar{width:38px;height:38px;font-size:1.9rem}
  .chick-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:.15rem}
  .chick-map li{grid-template-columns:1fr;justify-items:center;text-align:center}
  .chick-map li small{font-size:.54rem}
  .prevention-page>.course-index{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}
  .course-index a{grid-template-columns:1fr;justify-items:center;padding:.3rem}
  .course-index a>span{grid-row:auto}
  .course-index strong{font-size:.59rem;text-align:center}
  .course-index em{font-size:.52rem;text-align:center}
}

@media screen and (max-width:380px){
  .game-score-chip{min-width:48px}
  .game-level-chip{padding:.25rem .3rem;font-size:.5rem}
  .game-cabinet-title strong{font-size:.56rem}
  .course-progress h2{font-size:.82rem}
  .course-scoreboard>span{min-width:47px}
}

@media(prefers-reduced-motion:reduce){
  .game-pico-sprite{animation:none}
}

@media screen{
  .game-cabinet{overflow:hidden;border:1px solid #ded7ec;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(50,37,78,.1)}
  .game-cabinet-bar{min-height:48px;padding:.4rem .7rem;border-bottom:1px solid #e7e1f0;border-radius:0;background:#fbf9ff;color:#34264c}
  .game-logo{border-color:#efd36d;background:#fff6ce}
  .game-cabinet-title small{color:#786c91}
  .game-cabinet-title strong{color:#302255;letter-spacing:.015em}
  .game-level-chip{border-color:#ded4f0;background:#eee9f8;color:#4d3c73}
  .game-score-chip{border-left-color:#e6dfed}
  .game-score-chip>span{color:#746985}
  .game-score-chip>strong{color:#674ba4}
  .game-play-layout{grid-template-columns:minmax(175px,.62fr) minmax(0,1.38fr);border:0;background:#fff}
  .game-visual-panel{min-height:255px;background:#fff4cf}
  .game-screen{display:block;min-height:255px;background:linear-gradient(150deg,#f4eaff,#e8ddfa 62%,#dbd1f2);transition:background .2s ease}
  .game-screen[data-game-setting="1"]{background:linear-gradient(150deg,#fff3c9,#ffe49a 62%,#ffd46d)}
  .game-screen[data-game-setting="2"]{background:linear-gradient(150deg,#dff6f1,#bdebe0 62%,#9bd9cc)}
  .game-screen[data-game-setting="3"]{background:linear-gradient(150deg,#e8f7d7,#c9e8a7 62%,#a9d779)}
  .game-screen[data-game-setting="4"]{background:linear-gradient(150deg,#e9e4fa,#d1c7f1 62%,#b6a8e5)}
  .game-screen[data-game-setting="5"]{background:linear-gradient(150deg,#ffe6dc,#ffd0ba 62%,#ffb991)}
  .game-screen:before{position:absolute;top:17%;left:50%;display:grid;width:clamp(74px,9vw,116px);height:clamp(74px,9vw,116px);place-items:center;transform:translateX(-50%);border:5px solid rgba(255,255,255,.76);border-radius:28px;background:rgba(255,255,255,.5);box-shadow:0 8px 20px rgba(70,52,99,.1);content:var(--game-scene-icon,"🏫");font-size:clamp(3rem,6vw,4.5rem)}
  .game-screen .game-sky,.game-screen .game-school,.game-screen .game-tree{display:none!important}
  .game-pico-sprite{bottom:8%;left:50%;z-index:2;transform:translateX(-50%);font-size:clamp(3.5rem,6vw,4.8rem);filter:drop-shadow(0 5px 1px rgba(88,68,34,.16))}
  .game-screen[data-game-mood="supported"] .game-pico-sprite{transform:translateX(-50%) translateY(-4px) rotate(-8deg)}
  .game-screen[data-game-mood="thinking"] .game-pico-sprite{transform:translateX(-50%) rotate(5deg)}
  .game-scene-location{top:10px;left:10px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(55,43,77,.76);font-size:.58rem}
  .game-choice-panel .game-dialogue-box{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:0;margin:0 0 .65rem;padding:.65rem .75rem;border:1px solid #e1d9ef;border-radius:11px;background:#f8f5fc;box-shadow:none}
  .game-choice-panel .game-dialogue-speaker{grid-row:auto;padding:.34rem .45rem;border-radius:999px;background:#eee7f8;color:#5b438c;font-size:.58rem}
  .game-choice-panel .game-dialogue-box p{color:#403650;font-size:.78rem;font-weight:600;line-height:1.4}
  .game-choice-panel{justify-content:flex-start;padding:clamp(.65rem,1.5vw,1rem);background:#fff}
  body.public-site:not(.admin-auth-site) .game-choice-panel>h3{margin:0 0 .25rem;color:#68509a;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
  .course-quiz fieldset{padding:.25rem .1rem}
  .course-quiz legend{font-size:clamp(.86rem,1.2vw,.98rem);font-weight:800}
  .course-quiz label{min-height:40px;border:1px solid #e8e3ef;border-radius:9px;background:#fff;color:#40394e}
  .course-quiz label:before{border-radius:50%;background:#f4f0fa}
  .course-quiz label:hover{transform:translateY(-1px);border-color:#a795cf;background:#faf8ff}
  .course-quiz label:has(input:checked){color:#34264c}
  .course-quiz fieldset[data-choice-outcome="correct"] label:has(input:checked){border-color:#88c79b;background:#f0f9f2}
  .course-quiz fieldset[data-choice-outcome="next-step"] label:has(input:checked){border-color:#b5a4d5;background:#f7f3ff}
  .game-console-bar{min-height:31px;background:#f7f4fb;color:#645875}
  .game-console-bar>span:last-child{color:#51418e}
  .game-round-track{border-color:#e3ddef;background:#fff}
  .game-round-track i{background:linear-gradient(90deg,#8064bd,#b39de5)}
  .course-quiz{border:0;background:transparent;box-shadow:none}
}

@media screen and (max-width:850px){
  .game-play-layout{grid-template-columns:minmax(155px,.55fr) minmax(0,1.45fr)}
  .game-visual-panel,.game-screen{min-height:228px}
  .game-screen{height:100%}
  .game-screen:before{top:15%;width:76px;height:76px;font-size:3.2rem}
  .game-pico-sprite{bottom:7%;font-size:3.7rem}
  .game-choice-panel .game-dialogue-box{gap:.4rem;padding:.5rem}
  .game-choice-panel .game-dialogue-box p{font-size:.72rem}
}

@media screen and (max-width:650px){
  .game-play-layout{grid-template-columns:minmax(0,1fr)}
  .game-visual-panel,.game-screen{min-height:112px;height:112px}
  .game-screen:before{top:8%;left:35%;width:62px;height:62px;border-width:3px;border-radius:18px;font-size:2.6rem}
  .game-pico-sprite{right:18%;bottom:5%;left:auto;font-size:3rem;transform:none}
  .game-screen[data-game-mood="supported"] .game-pico-sprite{transform:translateY(-3px) rotate(-8deg)}
  .game-screen[data-game-mood="thinking"] .game-pico-sprite{transform:rotate(5deg)}
  .game-choice-panel .game-dialogue-box{margin-bottom:.5rem;padding:.45rem}
  .game-choice-panel{padding:.5rem}
}

@media(prefers-reduced-motion:reduce){
  .game-screen,.game-pico-sprite{transition:none;animation:none}
}

@media screen{
  .pico-adventure [hidden]{display:none!important}
  .prevention-page{max-width:1160px}
  .prevention-hero{padding:1.3rem 0 1.5rem;border-bottom:1px solid #e8e1d4}
  .prevention-hero h1{max-width:16ch;color:#39304c;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em}
  .prevention-hero>p{max-width:60ch;color:#665e68;font-size:1.05rem}
  .course-meta{gap:.45rem}
  .course-meta span{border-color:#e8dfcb;background:#fffaf0;color:#685434;font-size:.75rem}
  .game-start-link{border:0;border-radius:999px;background:#594276;box-shadow:0 4px 0 #3e2d55;text-shadow:none}
  .game-start-link:hover{background:#684e86;box-shadow:0 2px 0 #3e2d55}
  .pico-adventure{overflow:hidden;margin:1.3rem 0 1.8rem;border:1px solid #e4d9c7;border-radius:24px;background:#fffdf8;box-shadow:0 16px 46px rgba(73,55,38,.12)}
  .pico-game-header{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;background:#fbf3e5;border-bottom:1px solid #ecdfca}
  .pico-game-header .prevention-label{color:#927141}
  .pico-game-header h2{margin:.14rem 0 0;color:#413550;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;letter-spacing:-.02em}
  .pico-clock{display:grid;min-width:91px;justify-items:center;padding:.4rem .75rem;border:1px solid #e8dcc4;border-radius:13px;background:#fffdf8;box-shadow:0 2px 0 #eadfcf}
  .pico-clock span{color:#87775e;font-size:.55rem;font-weight:850;letter-spacing:.12em}
  .pico-clock strong{color:#493d51;font-size:1.15rem;font-variant-numeric:tabular-nums}
  .pico-game-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:0;min-height:320px}
  .pico-scene{position:relative;display:flex;min-width:0;min-height:320px;align-items:center;overflow:hidden;background:#f2e6cb}
  .pico-scene:after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.06),transparent 46%,rgba(54,45,39,.08));content:""}
  .pico-illustration{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
  .pico-scene-caption{position:absolute;z-index:1;top:1rem;left:1rem;display:flex;align-items:center;gap:.7rem}
  .pico-scene-caption>span:first-child{padding:.38rem .65rem;border:1px solid rgba(85,64,48,.18);border-radius:999px;background:#fffaf0eF;color:#594c47;font-size:.63rem;font-weight:900;letter-spacing:.09em;box-shadow:0 2px 5px rgba(65,52,39,.08)}
  .pico-scene-caption>span:last-child{color:#fff2b3;font-size:1.35rem;text-shadow:0 2px 4px rgba(73,54,40,.3)}
  .pico-story{display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:1.4rem 1.5rem 1.2rem;background:#fffdf8}
  .pico-speaker-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
  .pico-speaker{color:#96703e;font-size:.59rem;font-weight:900;letter-spacing:.12em}
  .pico-scene-count{color:#8a8085;font-size:.68rem;font-weight:700}
  .pico-story h3{margin:.65rem 0 .4rem;color:#413550;font-family:Georgia,"Times New Roman",serif;font-size:1.38rem;line-height:1.18}
  .pico-narration{min-height:3.8rem;margin:0 0 .9rem;color:#625967;font-size:.91rem;line-height:1.58}
  .pico-choices{display:grid;gap:.48rem}
  .pico-choice{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.52rem .62rem;border:1px solid #e8dfd1;border-radius:12px;background:#fff;color:#4a414e;text-align:left;font:inherit;font-size:.82rem;font-weight:650;line-height:1.35;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
  .pico-choice:hover{transform:translateY(-1px);border-color:#c9b895;background:#fffaf0;box-shadow:0 3px 9px rgba(74,57,39,.07)}
  .pico-choice:focus-visible,.pico-continue:focus-visible,.pico-map-stop:focus-visible,.pico-restart:focus-visible,.game-start-link:focus-visible,.theory-toggle:focus-visible{outline:3px solid #9d7ad1;outline-offset:3px}
  .pico-choice-key{display:grid;width:26px;height:26px;place-items:center;border:1px solid #e5dbc8;border-radius:50%;background:#fbf4e7;color:#8e7045;font-size:.69rem;font-weight:900}
  .pico-feedback{margin:.8rem 0 0;padding:.72rem .85rem;border:1px solid #e8d8ad;border-left:4px solid #d0a551;border-radius:9px;background:#fff8e7;color:#5f4e37;font-size:.78rem;line-height:1.48}
  .pico-continue{align-self:flex-end;min-height:41px;margin:.75rem 0 0;padding:.57rem .9rem;border:0;border-radius:999px;background:#594276;color:#fff;font:inherit;font-size:.77rem;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease}
  .pico-continue:hover{transform:translateY(-1px);background:#684e86}
  .pico-continue span{padding-left:.3rem}
  .pico-travel{padding:1.05rem 1.35rem 1.1rem;border-top:1px solid #ece4d6;background:#faf6ee}
  .pico-map-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:0 0 .6rem}
  .pico-map-heading .prevention-label{flex:0 0 auto;color:#927141}
  .pico-map-heading p{margin:0;color:#766c68;font-size:.73rem}
  .pico-location-map{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
  .pico-location-map:before{position:absolute;top:50%;right:3%;left:3%;height:5px;border-radius:99px;background:#e7dcc5;content:""}
  .pico-map-stop{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 .45rem;min-width:0;min-height:52px;padding:.42rem .55rem;border:1px solid #e4d9c7;border-radius:12px;background:#fffdf9;color:#554b52;text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}
  .pico-map-stop:not(:disabled):hover{transform:translateY(-2px);border-color:#bea982;background:#fffaf0}
  .pico-map-stop:disabled{cursor:default}
  .pico-map-icon{display:grid;grid-row:1/3;width:33px;height:33px;place-items:center;border-radius:10px;background:#f5eddd;font-size:1.12rem}
  .pico-map-stop>span:nth-child(2){overflow:hidden;color:#4f4550;font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
  .pico-map-stop small{color:#9a8d7b;font-size:.58rem;font-weight:700}
  .pico-map-stop.is-visited{border-color:#d9dfca;background:#f6f8f0}
  .pico-map-stop.is-visited .pico-map-icon{background:#e8efdc}
  .pico-map-stop.is-visited small{color:#6b8555}
  .pico-map-stop.is-locked{opacity:.53;filter:saturate(.65)}
  .pico-map-stop.is-locked .pico-map-icon{background:#f0ece5}
  .pico-map-stop.is-current{border-color:#bda7d4;box-shadow:0 0 0 2px #e9def2}
  .pico-game-footer{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem 1.35rem;border-top:1px solid #eee6d9;background:#fffdf8}
  .pico-game-footer>span{display:flex;min-width:0;align-items:center;gap:.5rem;color:#716771;font-size:.68rem;line-height:1.35}
  .pico-footer-icon{font-size:1.15rem}
  .pico-restart{flex:0 0 auto;padding:.35rem .5rem;border:0;border-radius:7px;background:transparent;color:#81747a;font:inherit;font-size:.65rem;font-weight:750;cursor:pointer}
  .pico-restart:hover{background:#f4eee5;color:#4d4250}
  .pico-resources-title{margin:2.2rem 0 .8rem;color:#463950;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem}
  .prevention-page>.course-objectives{margin:1.3rem 0;padding:1rem 1.2rem;border:1px solid #e7ddca;border-radius:15px;background:#fbf8f0}
  .course-objectives h2{color:#4f4054;font-size:1.1rem}
  .course-objectives li{color:#665d67}
  .prevention-resources-title{margin:2rem 0 .6rem;color:#463950;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem}
  .course-module[hidden]{display:none!important}
  .course-module{gap:.5rem;margin:.6rem 0;padding:1rem 1.15rem;border-color:#e8e0d4;border-radius:14px;background:#fffdf9;box-shadow:none}
  .module-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.18rem .7rem;padding:0;border:0}
  .module-heading>.prevention-label{grid-column:1/-1;color:#927141}
  .module-heading h2{margin:.1rem 0;color:#493d50;font-size:1.05rem}
  .module-heading>p{margin:0;color:#736a70;font-size:.8rem;line-height:1.4}
  .theory-toggle{grid-column:2;grid-row:2/4;min-height:36px;padding:.42rem .68rem;border:1px solid #e2d8c7;border-radius:999px;background:#fff9ed;color:#755b32;font:inherit;font-size:.71rem;font-weight:800;cursor:pointer}
  .theory-toggle:hover{border-color:#c9b58f;background:#fff3d9}
  .course-module>.theory-card[hidden]{display:none!important}
  .course-module>.theory-card{padding:1rem .15rem .25rem;border-top:1px solid #eee7db}
  .course-module>.mission-brief[hidden],.course-module>.course-quiz[hidden]{display:none!important}
  .pico-scene.is-arriving .pico-illustration{animation:pico-scene-arrive .45s ease-out}
  @keyframes pico-scene-arrive{from{opacity:.55;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
}

@media screen and (max-width:760px){
  .pico-game-layout{grid-template-columns:minmax(0,1fr)}
  .pico-scene,.pico-illustration{min-height:245px}
  .pico-story{padding:1.1rem 1.2rem}
  .pico-narration{min-height:0}
  .pico-location-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
  .pico-map-stop{grid-template-columns:30px minmax(0,1fr);gap:0 .35rem;padding:.38rem}
  .pico-map-icon{width:29px;height:29px;font-size:1rem}
}

@media screen and (max-width:520px){
  .prevention-page{padding-right:.15rem;padding-left:.15rem}
  .prevention-hero{padding:.6rem .2rem 1rem}
  .prevention-hero h1{font-size:1.8rem}
  .prevention-hero>p{font-size:.88rem}
  .course-meta span{padding:.3rem .5rem;font-size:.65rem}
  .game-start-link{min-height:40px;padding:.55rem .85rem;font-size:.82rem}
  .pico-adventure{margin:.6rem 0 1.2rem;border-radius:17px}
  .pico-game-header{min-height:63px;padding:.7rem .85rem}
  .pico-game-header h2{font-size:1.15rem}
  .pico-clock{min-width:73px;padding:.3rem .5rem}
  .pico-clock strong{font-size:1rem}
  .pico-scene,.pico-illustration{min-height:190px}
  .pico-scene-caption{top:.65rem;left:.65rem}
  .pico-story{padding:.9rem .85rem}
  .pico-story h3{margin:.45rem 0 .35rem;font-size:1.2rem}
  .pico-narration{margin-bottom:.65rem;font-size:.84rem}
  .pico-choice{min-height:46px;font-size:.78rem}
  .pico-travel{padding:.8rem .75rem}
  .pico-map-heading{display:grid;gap:.15rem}
  .pico-map-heading p{font-size:.67rem}
  .pico-location-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
  .pico-location-map:before{display:none}
  .pico-map-stop{min-height:47px}
  .pico-map-stop>span:nth-child(2){overflow:visible;font-size:.66rem;line-height:1.15;white-space:normal}
  .pico-map-stop{min-height:52px}
  .pico-game-footer{align-items:flex-start;padding:.55rem .75rem}
  .pico-game-footer>span{font-size:.63rem}
  .pico-restart{font-size:.6rem}
  .prevention-page>.course-objectives{padding:.8rem .85rem}
  .course-objectives h2{font-size:.95rem}
  .prevention-resources-title{margin-top:1.5rem;font-size:1.15rem}
  .course-module{padding:.75rem}
  .module-heading{grid-template-columns:minmax(0,1fr)}
  .module-heading h2{font-size:.94rem}
  .module-heading>p{font-size:.71rem}
  .theory-toggle{grid-column:1;grid-row:auto;justify-self:start;min-height:32px}
}

@media(prefers-reduced-motion:reduce){
  .pico-choice,.pico-map-stop,.pico-continue,.pico-scene.is-arriving .pico-illustration{transition:none;animation:none}
}

@media screen{
  .pico-scene{height:clamp(340px,42vw,500px);min-height:340px;background:#b9dfea}
  .pico-illustration{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:fill;touch-action:manipulation}
  .pico-scene:after{z-index:1}
  .pico-scene-caption,.pico-world-hint,.pico-stick,.pico-move-keys,.pico-interact{z-index:2}
  .pico-world-hint{position:absolute;right:1rem;bottom:1rem;max-width:min(52%,320px);padding:.55rem .75rem;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:rgba(50,48,57,.78);color:#fff;font-size:.72rem;font-weight:700;line-height:1.35;backdrop-filter:blur(8px)}
  .pico-adventure:not(.is-exploring) .pico-world-hint,.pico-adventure:not(.is-exploring) .pico-stick,.pico-adventure:not(.is-exploring) .pico-move-keys{display:none}
  .pico-stick{position:absolute;bottom:1rem;left:1rem;width:94px;height:94px;touch-action:none;user-select:none}
  .pico-stick-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(54,49,60,.3);box-shadow:0 4px 18px rgba(30,27,36,.2);backdrop-filter:blur(5px)}
  .pico-stick-ring:before,.pico-stick-ring:after{position:absolute;top:50%;left:50%;background:rgba(255,255,255,.3);content:"";transform:translate(-50%,-50%)}
  .pico-stick-ring:before{width:62%;height:1px}
  .pico-stick-ring:after{width:1px;height:62%}
  .pico-stick-ring i{position:absolute;top:50%;left:50%;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:#f7ca62;box-shadow:0 3px 9px rgba(36,30,26,.28);transform:translate(-50%,-50%)}
  .pico-move-keys{position:absolute;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,36px);gap:4px}
  .pico-move-keys button{border:1px solid rgba(255,255,255,.75);border-radius:10px;background:rgba(54,49,60,.55);color:#fff;font-size:.8rem;font-weight:900;touch-action:none;user-select:none}
  .pico-move-keys button[data-pico-move="forward"]{grid-column:2;grid-row:1}
  .pico-move-keys button[data-pico-move="left"]{grid-column:1;grid-row:2}
  .pico-move-keys button[data-pico-move="back"]{grid-column:2;grid-row:2}
  .pico-move-keys button[data-pico-move="right"]{grid-column:3;grid-row:2}
  .pico-interact{position:absolute;top:50%;left:50%;min-height:42px;padding:.62rem .9rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#594276;color:white;font:inherit;font-size:.76rem;font-weight:850;box-shadow:0 4px 12px rgba(33,24,41,.25);transform:translate(-50%,-50%)}
  .pico-interact:disabled{display:none}
  .pico-adventure.is-walking .pico-world-hint{background:rgba(70,82,57,.83)}
  .pico-scene :focus-visible{outline:3px solid #fff;outline-offset:3px}
}

@media screen and (max-width:760px){
  .pico-scene{height:clamp(290px,66vw,430px);min-height:290px}
  .pico-stick{bottom:.7rem;left:.7rem;width:82px;height:82px}
  .pico-stick-ring i{width:34px;height:34px}
  .pico-move-keys{right:.7rem;bottom:.7rem;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,33px)}
  .pico-world-hint{right:.65rem;bottom:6.5rem;max-width:58%;font-size:.66rem}
}

@media screen and (max-width:520px){
  .pico-scene{height:clamp(270px,78vw,370px);min-height:270px}
  .pico-world-hint{bottom:6rem;max-width:62%;padding:.42rem .55rem;font-size:.62rem}
  .pico-stick{width:72px;height:72px}
  .pico-stick-ring i{width:30px;height:30px}
  .pico-move-keys{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(2,30px)}
  .pico-interact{max-width:calc(100% - 1.5rem);white-space:nowrap}
}

@media screen{
  .pico-adventure{position:relative;border:4px solid #25315e;border-radius:16px;background:#25315e;box-shadow:0 6px 0 #141a36,0 16px 34px rgba(28,25,49,.22)}
  .pico-adventure:before{position:absolute;z-index:4;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,#ffbc39 0 16%,#ff705d 16% 32%,#82d46c 32% 48%,#5fc5e8 48% 64%,#ad87ed 64% 80%,#ffbc39 80%);content:""}
  .pico-game-header{min-height:68px;padding:.75rem 1rem .65rem;border-bottom:0;background:linear-gradient(180deg,#374982,#29345f);color:#fff}
  .pico-game-header .prevention-label{color:#ffd45b;font-family:"Courier New",monospace;font-size:.66rem;letter-spacing:.12em}
  .pico-game-header h2{color:#fff;font-family:"Courier New",monospace;font-size:clamp(1.05rem,2.3vw,1.45rem);font-weight:900;letter-spacing:.02em;text-shadow:2px 2px 0 #161d3d}
  .pico-clock{min-width:90px;padding:.36rem .55rem;border:2px solid #172044;border-radius:8px;background:#ffdc72;box-shadow:inset 0 2px 0 #fff1bd,0 3px 0 #162044}
  .pico-clock span{color:#594425;font-family:"Courier New",monospace;font-size:.54rem}
  .pico-clock strong{color:#352c47;font-family:"Courier New",monospace;font-size:1.03rem;font-weight:900}
  .pico-progress-hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.4rem 1rem;background:#202a50;color:#fff}
  .pico-progress-label,.pico-progress-count{color:#dbe4ff;font-family:"Courier New",monospace;font-size:.62rem;font-weight:900;letter-spacing:.09em}
  .pico-progress-track{height:11px;overflow:hidden;border:2px solid #101832;border-radius:3px;background:#111a37;box-shadow:inset 0 1px 3px #090e20}
  .pico-progress-track i{display:block;width:12.5%;height:100%;background:repeating-linear-gradient(90deg,#9de66d 0 12px,#74cb52 12px 14px);transition:width .4s steps(8,end)}
  .pico-progress-count{min-width:3.8rem;text-align:right;color:#ffdc72}
  .pico-game-layout{min-height:0;background:#121a36}
  .pico-scene{height:clamp(350px,42vw,490px);min-height:350px;border:4px solid #171f40;border-radius:5px;background:#92d7e9;box-shadow:inset 0 0 0 2px rgba(255,255,255,.38)}
  .pico-illustration{image-rendering:pixelated}
  .pico-scene:after{z-index:1;background:repeating-linear-gradient(0deg,rgba(10,19,42,.045) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(19,32,61,.08),transparent 35%,rgba(19,32,61,.12))}
  .pico-scene-caption>span:first-child{border:2px solid #293459;border-radius:5px;background:#ffdf78;color:#293459;font-family:"Courier New",monospace;font-size:.65rem;box-shadow:2px 2px 0 #222b4b}
  .pico-world-hint{border:2px solid #f5d264;border-radius:6px;background:#27345f;color:#fff;font-family:"Courier New",monospace;font-size:.69rem;box-shadow:3px 3px 0 rgba(23,28,54,.32)}
  .pico-stick-ring{border:3px solid rgba(255,255,255,.88);border-radius:20%;background:rgba(30,44,80,.55);box-shadow:0 4px 0 rgba(28,32,62,.4)}
  .pico-stick-ring i{border:2px solid #fff;border-radius:8px;background:#ffc94c;box-shadow:inset 0 -4px 0 #ec963b,0 2px 0 #172044}
  .pico-move-keys button{border:2px solid #f7f3ff;border-radius:7px;background:linear-gradient(#596999,#394878);box-shadow:0 3px 0 #192348;color:#fff}
  .pico-move-keys button:active{transform:translateY(2px);box-shadow:0 1px 0 #192348}
  .pico-interact{border:3px solid #fff;border-radius:6px;background:linear-gradient(#ffcf4d,#ff9d3e);color:#352b49;font-family:"Courier New",monospace;font-weight:900;text-shadow:0 1px rgba(255,255,255,.65);box-shadow:0 4px 0 #a85345,0 7px 12px rgba(29,28,53,.28)}
  .pico-story{padding:1.1rem 1.1rem 1rem;border:4px solid #171f40;background:#fff1c5}
  .pico-speaker{color:#c0524c;font-family:"Courier New",monospace;font-size:.63rem}
  .pico-scene-count{color:#485987;font-family:"Courier New",monospace;font-size:.64rem;font-weight:900}
  .pico-story h3{margin:.5rem 0 .38rem;color:#2c3765;font-family:"Courier New",monospace;font-size:clamp(1.03rem,2vw,1.28rem);font-weight:900;text-shadow:1px 1px 0 #fff}
  .pico-narration{min-height:3.2rem;color:#41405a;font-size:.88rem;line-height:1.48}
  .pico-choice{grid-template-columns:35px minmax(0,1fr);min-height:48px;padding:.5rem .65rem;border:2px solid #29345f;border-radius:6px;background:#fff;color:#29345f;font-family:"Courier New",monospace;font-size:.77rem;font-weight:750;box-shadow:0 3px 0 #b8aa82;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
  .pico-choice:nth-child(3n+1){background:#e0f3c7}
  .pico-choice:nth-child(3n+2){background:#d8eff8}
  .pico-choice:nth-child(3n){background:#f9deca}
  .pico-choice:hover{transform:translateY(-2px);border-color:#29345f;background:#fff8d9;box-shadow:0 5px 0 #b8aa82}
  .pico-choice:active{transform:translateY(2px);box-shadow:0 1px 0 #b8aa82}
  .pico-choice-key{width:29px;height:27px;border:2px solid #33416e;border-radius:4px;background:#fff;color:#c45148;font-family:"Courier New",monospace;font-size:.73rem;box-shadow:inset 0 -3px 0 #d8d8d8}
  .pico-feedback{border:2px solid #c99234;border-left:6px solid #ecaa38;border-radius:5px;background:#fff8d9;color:#574620;font-family:"Courier New",monospace;font-size:.72rem;font-weight:700}
  .pico-continue{border:2px solid #fff;border-radius:6px;background:linear-gradient(#a47be2,#7252bb);font-family:"Courier New",monospace;box-shadow:0 4px 0 #473573}
  .pico-continue:hover{transform:translateY(-2px);background:linear-gradient(#b18beb,#8160ca)}
  .pico-travel{border:4px solid #171f40;border-top:2px solid #171f40;background:#d6edbb}
  .pico-map-heading .prevention-label{color:#a84947;font-family:"Courier New",monospace}
  .pico-map-heading p{color:#37446b;font-weight:700}
  .pico-location-map:before{height:7px;border:1px solid #5d8150;background:#90bb72}
  .pico-map-stop{border:2px solid #34416e;border-radius:6px;background:#fff8dd;box-shadow:0 3px 0 #a4a881}
  .pico-map-stop:not(:disabled):hover{transform:translateY(-2px);border-color:#34416e;background:#fff}
  .pico-map-icon{border:1px solid #ced6aa;border-radius:5px;background:#e4f1cf}
  .pico-map-stop>span:nth-child(2){color:#30406a;font-family:"Courier New",monospace;font-size:.65rem}
  .pico-map-stop small{color:#85533e;font-family:"Courier New",monospace}
  .pico-map-stop.is-visited{border-color:#649053;background:#ecf7d8}
  .pico-map-stop.is-locked{opacity:.58}
  .pico-game-footer{border-top:2px solid #172044;background:#29345f}
  .pico-game-footer>span{color:#fff;font-family:"Courier New",monospace;font-size:.63rem}
  .pico-restart{border:1px solid #6676a5;border-radius:5px;color:#fff;font-family:"Courier New",monospace;font-size:.61rem}
  .pico-restart:hover{background:#414f7c;color:#fff}
}

@media screen and (max-width:760px){
  .pico-scene{height:clamp(330px,78vw,430px);min-height:330px}
  .pico-story{padding:.95rem .9rem}
}

@media screen and (max-width:520px){
  .pico-adventure{border-width:3px;border-radius:11px}
  .pico-game-header{min-height:58px;padding:.65rem .7rem .55rem}
  .pico-game-header .prevention-label{font-size:.57rem}
  .pico-game-header h2{font-size:1rem}
  .pico-clock{min-width:75px;padding:.3rem .42rem}
  .pico-progress-hud{gap:.4rem;padding:.36rem .65rem}
  .pico-progress-label,.pico-progress-count{font-size:.55rem}
  .pico-scene{height:clamp(300px,94vw,370px);min-height:300px;border-width:3px}
  .pico-story h3{font-size:.98rem}
  .pico-narration{font-size:.81rem}
  .pico-choice{font-size:.72rem}
  .pico-travel{padding:.8rem .65rem}
  .pico-game-footer{padding:.55rem .65rem}
}

@media(prefers-reduced-motion:reduce){
  .pico-progress-track i,.pico-choice,.pico-map-stop,.pico-continue{transition:none}
}

@media screen{
  .pico-evolution-hud{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 1rem;background:#344477;color:#fff}
  .pico-evolution-hud strong,.pico-evolution-hud span{font-family:"Courier New",monospace;font-size:.65rem;font-weight:900;letter-spacing:.035em}
  .pico-evolution-hud strong{color:#ffdf70;text-transform:uppercase}
  .pico-evolution-hud span{color:#dce5ff}
  .pico-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.35rem 0 .15rem}
  .pico-skills span{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.27rem .42rem;border:1px solid #425080;border-radius:4px;background:#e4eff6;color:#30406a;font-family:"Courier New",monospace;font-size:.61rem;font-weight:800}
  .pico-skills b{display:grid;width:19px;height:19px;place-items:center;border-radius:3px;background:#344477;color:#ffdf70;font-size:.66rem}
  .pico-feedback{display:grid;gap:.4rem}
  .pico-xp-award{padding:.38rem .5rem;border:1px solid #c38a29;border-radius:4px;background:#ffdc72;color:#41324d;font-family:"Courier New",monospace;font-size:.66rem;font-weight:900}
  .pico-impact-card{padding:.48rem .56rem;border:1px solid #bdc88b;border-radius:4px;background:#f1f8dd}
  .pico-impact-card strong{display:block;margin-bottom:.16rem;color:#466139;font-family:"Courier New",monospace;font-size:.63rem;letter-spacing:.04em}
  .pico-impact-card p{margin:0;color:#3f4959;font-size:.73rem;line-height:1.4}
  .pico-impact-card.is-negative{border-color:#ce8b72;background:#fbe5d9}
  .pico-impact-card.is-negative strong{color:#a84643}
  .pico-impact-card.is-caution{border-color:#d0ae62;background:#fff6d9}
  .pico-impact-card.is-caution strong{color:#89652e}
  .pico-impact-lesson{margin:.15rem 0 0;color:#63512f;font-size:.69rem;font-weight:700;line-height:1.4}
}

@media screen and (max-width:520px){
  .pico-evolution-hud{padding:.33rem .65rem}
  .pico-evolution-hud strong,.pico-evolution-hud span{font-size:.56rem}
  .pico-skills span{padding:.25rem .34rem;font-size:.56rem}
  .pico-impact-card p{font-size:.7rem}
}

@media screen{
  .course-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.4rem 0;padding:1rem;border:1px solid #e4dccd;border-radius:16px;background:#fbf7ed}
  .course-navigation a{display:flex;min-height:48px;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid #e4dccd;border-radius:10px;background:#fff;color:#403452;font-size:.82rem;font-weight:800;text-decoration:none}
  .course-navigation a:hover{border-color:#bda7d4;background:#f7f0ff}
  .course-navigation a span{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:8px;background:#594276;color:#fff;font-size:.68rem}
  .course-module{scroll-margin-top:5rem}
  .course-module>.theory-card{display:block!important}
  .course-module .theory-card h3{margin-top:.2rem;color:#443553;font-size:1.15rem}
  .course-module .theory-card h4{margin:1.15rem 0 .4rem;color:#514264;font-size:.97rem}
  .course-module .theory-card p,.course-module .theory-card li{line-height:1.7}
  .course-module .theory-card>p{margin:.55rem 0}
  .course-module .theory-columns{gap:1.2rem}
  .course-module .theory-callout{margin:.8rem 0;padding:.9rem 1rem;border-left:4px solid #c2964a;border-radius:8px;background:#fff8e9}
  .course-module .response-steps{display:grid;gap:.6rem;padding-left:1.4rem}
  .course-module .response-steps li{padding-left:.2rem}
  .course-quiz{margin:2rem 0;padding:clamp(1rem,3vw,1.7rem);border:1px solid #ded6f0;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(52,44,93,.05);scroll-margin-top:1rem}
  .quiz-heading{margin-bottom:1.1rem}
  .quiz-heading .prevention-label{color:#927141}
  .quiz-heading h2{margin:.35rem 0;color:#413550;font-size:1.4rem}
  .quiz-heading p{margin:0;color:#665e68;line-height:1.55}
  .quiz-question{display:grid;gap:.5rem;margin:.85rem 0;padding:1rem;border:1px solid #e6dfd3;border-radius:12px;background:#fffdf8}
  .quiz-question legend{width:100%;padding:0 0 .35rem;color:#403650;font-weight:850;line-height:1.5}
  .quiz-question legend span{display:inline-grid;width:29px;height:29px;margin-right:.35rem;place-items:center;border-radius:8px;background:#594276;color:#fff;font-size:.7rem}
  .quiz-question label{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .65rem;border:1px solid #e7e1d5;border-radius:8px;background:#fff;color:#514a58;font-size:.85rem;line-height:1.45;cursor:pointer}
  .quiz-question label:has(input:checked){border-color:#8e78b5;background:#f7f2ff}
  .quiz-question input{flex:0 0 auto;margin:.15rem 0 0;accent-color:#594276}
  .quiz-question input:disabled{opacity:1}
  .quiz-question.is-correct{border-color:#83a975;background:#f7fbf1}
  .quiz-question.is-incorrect{border-color:#d19983;background:#fff9f6}
  .quiz-explanation{margin:.25rem 0 0;padding:.7rem .8rem;border-left:4px solid #789b65;border-radius:6px;background:#eef5e8;color:#3f5140;font-size:.82rem;line-height:1.55}
  .quiz-question.is-incorrect .quiz-explanation{border-color:#c57967;background:#fff0e9;color:#68443d}
  .quiz-submit,.quiz-reset{min-height:45px;padding:.65rem 1rem;border:0;border-radius:10px;background:#594276;color:#fff;font:inherit;font-weight:850;cursor:pointer}
  .quiz-submit:hover{background:#684e86}
  .quiz-reset{margin-left:.4rem;border:1px solid #594276;background:#fff;color:#594276}
  .quiz-reset:hover{background:#f3edf9}
  .quiz-result{margin-top:.8rem;padding:.85rem 1rem;border:1px solid #d8cfbd;border-radius:10px;background:#fbf7ed;color:#403650;font-weight:800;line-height:1.55}
  .quiz-result.is-incomplete,.quiz-result.is-review{border-color:#d0ae62;background:#fff6d9}
  .quiz-result.is-success{border-color:#83a975;background:#eef6e8;color:#3d5938}
  .school-action-ideas{margin-top:1.6rem}
}

@media screen and (max-width:760px){
  .course-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.7rem}
}

@media screen and (max-width:520px){
  .course-navigation a{min-height:44px;padding:.45rem;font-size:.72rem}
  .quiz-question{padding:.75rem}
  .quiz-question label{font-size:.8rem}
  .course-module .theory-card p,.course-module .theory-card li{font-size:.88rem;line-height:1.62}
}