.pi{--ink:#212e57;--blue:#1f54cc;--mint:#cff5d9;--lavender:#e6d6ff;--sky:#cce8ff;--sun:#ffe887}.pi{color:var(--ink);max-width:1600px;margin:auto;font-family:system-ui,sans-serif;padding:clamp(16px,3vw,48px)}.pi h1{font-size:clamp(32px,4vw,58px);line-height:1.07;letter-spacing:-.035em}.pi h2{font-size:clamp(24px,2vw,36px)}.pi p{line-height:1.6}.pi button,.pi select,.pi input{font:inherit;min-height:44px;border-radius:13px;border:1px solid #cbd8ee;padding:10px 16px;background:#fff;color:var(--ink)}.pi button{cursor:pointer;font-weight:700}.pi button:hover{background:var(--sky)}.pi button[aria-pressed=true]{background:var(--lavender);border-color:#8766c5}.pi :focus-visible{outline:3px solid var(--blue);outline-offset:3px}.pi-tool-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.pi label{display:grid;gap:5px;font-size:14px}.pi input[type=number]{width:100px}.pi input[type=range]{max-width:180px}.pi-board{background:#fff;border:1px solid #d9e4f5;border-radius:24px;margin:22px 0;overflow:hidden}.pi-board svg{display:block;width:100%;max-height:62vh;touch-action:none;color:var(--ink);fill:var(--ink)}.pi-point-controls{display:flex;gap:8px;flex-wrap:wrap}.pi-feedback{background:var(--mint);padding:15px 20px;border-radius:16px}.pi-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.pi-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.pi-card{background:white;border:1px solid #d3dff1;border-radius:24px;padding:24px}.pi-card svg{width:100%}.pi-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.pi-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--blue)}.pi-lessons{display:grid;gap:10px}.pi-character{width:120px}.pi-metrics{display:flex;gap:20px;flex-wrap:wrap}.pi-metrics strong{display:block;font-size:32px}.pi-notice{background:#fff2c4;border-radius:16px;padding:16px}.pi-scene{aspect-ratio:16/9;position:relative;background:#e5f0ff;border-radius:25px;overflow:hidden}.pi-scene svg{width:100%;height:100%}.pi-step{animation:pi-arrive .5s ease-in-out}@keyframes pi-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.pi-hero{grid-template-columns:1fr}.pi-board svg{max-height:55vh}.pi-toolbar button{flex:1}.pi{padding:16px}}@media(prefers-reduced-motion:reduce){.pi *{animation:none!important;transition:none!important}}@media print{.pi-toolbar,.pi-tool-controls{display:none}.pi-card{break-inside:avoid}}
.pi-sort-cards,.pi-sort-bins{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.pi-sort-cards button{width:145px}.pi-sort-cards svg,.pi-sort-bins svg{height:85px;width:100%;display:block}.pi-sort-bins section{flex:1;min-width:145px;background:#edf3fc;border:2px dashed #b5c8e6;border-radius:18px;padding:15px}.pi-sort-bins section>button{width:100%;background:var(--mint)}.pi-sort-bins section>div{display:flex;flex-wrap:wrap;gap:8px}.pi-sort-bins section>div button{width:110px;margin-top:10px}
.pi-question-model svg{width:100%;max-height:350px}.pi-answer{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.pi-answer>.pi-board{width:100%}.pi-answer>button svg{width:140px;height:130px}.pi-answer textarea{font:inherit;padding:15px;border:1px solid #bccbe2;border-radius:12px;min-height:80px}.pi h1,.pi h2,.pi h3{font-family:ui-rounded,'SF Pro Rounded','Avenir Next',system-ui,sans-serif;font-weight:800}.pi table{width:100%;border-collapse:collapse}.pi th,.pi td{padding:12px;border-bottom:1px solid #d8e4f5;text-align:left}

.pi button[aria-pressed=true]{background:#d7e7ff!important;border:3px solid #1f54cc;box-shadow:0 0 0 2px #d7e7ff;color:#123c90}.pi label:has(input[type=checkbox]:checked){background:#d7e7ff;outline:3px solid #1f54cc;border-radius:10px;padding:8px}.pi [data-explanation]{background:#fff2c4;border:2px solid #dba741;border-radius:16px;padding:18px;margin:16px 0}.pi [data-explanation] summary{font-weight:800;font-size:1.1em}.pi [data-explanation][hidden]{display:none}

.pi-guided-help{border:3px solid #268a85;background:#f0fbf6;border-radius:18px;padding:18px;margin-top:20px}.pi-guided-help svg{max-height:300px}.pi-guided-help h4{font-size:1.2em}

@media print{.pi>nav,.pi>h1,.pi>.pi-notice,.pi>div.pi-toolbar{display:none}.pi-print-sheet{break-before:page}.pi-print-sheet:first-child{break-before:auto}.pi-print-sheet svg{max-height:300px}.pi-card{border:0;padding:0}.pi button{display:none}}

.pi *{box-sizing:border-box}.pi label,.pi fieldset{min-width:0;max-width:100%}.pi select,.pi textarea{max-width:100%}.pi table{display:block;max-width:100%;overflow-x:auto}.pi [data-wall] svg{max-height:230px}.pi [data-picture] svg{max-height:360px}

.pi button[aria-pressed=true]::after{content:" \2713  Selected";display:block;font-size:12px}.pi button:disabled{opacity:.5;cursor:not-allowed}.pi [data-answer-status].pi-success{background:var(--mint);padding:18px;border-radius:16px;animation:pi-arrive .5s ease-out}

.pi-island-card{padding:22px;border-radius:22px;background:linear-gradient(135deg,#edf6ff,#f4eefd);border:1px solid #d4dff3;min-width:0}.pi-island-card .pi-toolbar{margin:20px 0 10px}.pi-island-card button{white-space:normal;text-align:left}.pi-island-card h3{font-size:24px;margin:12px 0}.pi-island-card small{display:block;color:#556482}.pi-lessons button{width:100%}