*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Assistant,Rubik,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f3f7ff,#fff 40%);color:#16233f;line-height:1.55;font-size:17px}
a{color:#0b3fb3}.top{position:sticky;top:0;z-index:5;background:#0038b8;color:#fff;padding:10px 16px;box-shadow:0 2px 10px #0038b833}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:19px}
main{max-width:960px;margin:0 auto;padding:14px 14px 30px}h1{font-size:30px;margin:6px 0 2px}h2{font-size:25px;margin:8px 0}h3{margin:6px 0 6px;color:#0b2f86}
.hero{text-align:center;padding:10px 0 4px}.hero-art{display:flex;gap:12px;justify-content:center;align-items:center}.hero-art svg{width:42%;max-width:220px;height:auto;border-radius:12px;box-shadow:0 6px 20px #0038b822}.sub{margin:0;color:#41507a;font-size:18px}
.lv{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.pill{border:2px solid #0038b8;background:#fff;color:#0038b8;border-radius:999px;padding:9px 15px;font:inherit;font-weight:700;min-height:44px;cursor:pointer}.pill.on{background:#0038b8;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.tile{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#16233f;background:#fff;border-radius:22px;padding:18px;border:2px solid #dbe5ff;box-shadow:0 4px 14px #0b2f8612;min-height:96px;transition:transform .15s}.tile:active,.tile:hover{transform:translateY(-2px)}.tile b{font-size:20px}.tile span{color:#4a5a80;font-size:15px}
.t1{border-color:#9db8ff}.t2{border-color:#c4b5fd}.t3{border-color:#93c5fd}.t4{border-color:#86efac}.t5{border-color:#fcd34d}.t6{border-color:#6ee7b7}.t7{border-color:#f9a8d4}.t8{border-color:#cbd5e1}.teacher{margin-top:14px;background:#0b2f86;color:#fff;border-color:#0b2f86}.teacher span{color:#dbe5ff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.scard{background:#fff;border-radius:22px;border:2px solid #dbe5ff;padding:18px 10px;text-align:center;text-decoration:none;color:#16233f;font-size:19px;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:120px;justify-content:center}.scard .em{font-size:40px}
.panel{background:#fff;border-radius:22px;padding:18px;border:2px solid #e3eaff;margin:12px 0;box-shadow:0 4px 14px #0b2f860d}.art{display:flex;justify-content:center;margin-bottom:8px}.art svg{width:100%;max-width:300px;height:auto}.bigem{font-size:72px;text-align:center}
.big{font-size:21px;line-height:1.7}.nikud{font-size:1.12em;line-height:1.9}.lead{color:#41507a;margin:4px 0}.small{font-size:14px;color:#64748b}.center{text-align:center}.note{background:#fff7d6;border-radius:14px;padding:10px 14px;font-size:15px}
.think{background:#eef3ff;border-radius:16px;padding:12px 14px;margin-top:12px}.think p{margin:4px 0}
.btn{display:inline-block;border:0;background:#0038b8;color:#fff;border-radius:999px;padding:13px 22px;font:inherit;font-weight:800;text-decoration:none;min-height:48px;cursor:pointer;margin:4px}.btn.ghost{background:#fff;color:#0038b8;border:2px solid #0038b8}.btn.small{padding:9px 16px;min-height:42px;font-size:15px}
.btn:focus-visible,.pill:focus-visible,.opt:focus-visible,.tile:focus-visible,.scard:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}.opts.col{grid-template-columns:1fr}.opt{font:inherit;font-weight:700;font-size:18px;background:#f5f8ff;border:2px solid #c9d6ff;border-radius:18px;padding:14px;min-height:56px;cursor:pointer;color:#16233f;display:flex;flex-direction:column;align-items:center;gap:2px}.opt small{font-weight:400;color:#64748b;font-size:13px}.opt.ok{background:#dcfce7;border-color:#22c55e}.opt.no{background:#fee2e2;border-color:#f87171}.opt:disabled{cursor:default}
.fb{font-weight:700;min-height:1.5em;font-size:18px}.back{display:inline-block;margin:2px 0 4px;font-weight:700;text-decoration:none}
.anthem{list-style:none;padding:0;margin:10px 0}.anthem li{margin:8px 0}.line{width:100%;text-align:right;font:inherit;font-size:22px;background:#fff;border:2px solid #e3eaff;border-radius:18px;padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:#16233f}.line small{font-size:16px;color:#0b6b3a}
.roles{margin-top:12px;background:#fff;border-radius:18px;padding:12px 14px;border:2px solid #e3eaff}.roles summary,.all summary{font-weight:800;cursor:pointer;font-size:18px;padding:6px 0}.role{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #eef2ff;padding:8px 0}.role .em{font-size:30px}.role p{margin:2px 0}
.build .stage{display:flex;justify-content:center}.build .stage svg{width:100%;max-width:300px;height:auto;border-radius:14px}.build{background:#fff;border-radius:22px;padding:14px;border:2px solid #e3eaff;margin:12px 0}.pc{transition:opacity .5s}
.talk{min-height:150px;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:700;padding:18px;background:linear-gradient(135deg,#eef3ff,#fff7d6);border-radius:22px;margin-bottom:10px}.talk.pop{animation:pop .35s}@keyframes pop{from{transform:scale(.9);opacity:.3}to{transform:none;opacity:1}}.clock{font-size:34px;font-weight:800;color:#0038b8;min-height:1.3em}.row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.all{margin-top:8px}.all li{margin:6px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.chip{background:#f5f8ff;border:2px solid #c9d6ff;border-radius:999px;padding:8px 12px;font-weight:700;display:flex;gap:6px;align-items:center;min-height:44px}.chip input{width:20px;height:20px}
input[type=text],input:not([type]){font:inherit;width:100%;padding:12px 14px;border-radius:14px;border:2px solid #c9d6ff;margin:6px 0 14px;min-height:48px}.row input{flex:1;min-width:180px;margin:0}
.board{background:#fff;border:10px solid #c8a26b;border-radius:16px;padding:14px;min-height:220px;background-image:radial-gradient(#e9dcc7 1px,transparent 1px);background-size:14px 14px}.bt{font-size:26px;font-weight:800;text-align:center;color:#0038b8}.bq{text-align:center;font-size:20px;font-style:italic;margin:6px 0;color:#7c2d12}.bp{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}.bp span{background:#0038b8;color:#fff;border-radius:10px;padding:6px 10px;font-weight:700;font-size:15px}.bn{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.pn{padding:10px 12px;border-radius:6px;box-shadow:0 3px 6px #0002;font-weight:700;max-width:46%;transform:rotate(-2deg)}.pn.c0{background:#fef08a}.pn.c1{background:#bfdbfe;transform:rotate(2deg)}.pn.c2{background:#bbf7d0}.pn.c3{background:#fbcfe8;transform:rotate(1deg)}.muted{color:#94a3b8}
.plist{display:grid;gap:12px}.pf{background:#fff;border:2px solid #e3eaff;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:4px}.pf span{color:#4a5a80;font-size:15px}.pf .row{justify-content:flex-start}
.plan{width:100%;border-collapse:collapse}.plan td{border-top:1px solid #e3eaff;padding:8px 6px;vertical-align:top}.plan td:first-child{white-space:nowrap;font-weight:800;color:#0038b8;width:56px}.slides li{margin:8px 0}
footer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 10px 30px;color:#41507a;font-weight:700;border-top:1px solid #e3eaff;margin-top:20px}footer img{border-radius:50%}
@media (max-width:420px){h1{font-size:26px}.grid{grid-template-columns:1fr}.tile{min-height:80px}.big{font-size:19px}.line{font-size:20px}}
@media print{.top,.lv,footer,.btn,.back{display:none}body{background:#fff}main{padding:0 15mm 0 15mm;text-align:right}.panel{box-shadow:none;break-inside:avoid}}

.scard .thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#f1f5ff}
.scard .thumb[src$=".svg?v=3"]{object-fit:contain;padding:6px;background:#fff}
.sfig{margin:6px auto 12px;text-align:center;max-width:520px}
.sfig .simg{width:100%;max-height:340px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(0,56,184,.12)}
.sfig figcaption{font-size:14px;color:#55607a;margin-top:6px}
.stage{flex-wrap:wrap;gap:12px;align-items:center}
.ref{margin:0;text-align:center;max-width:130px}
.ref .rimg{width:100%;max-height:150px;object-fit:contain;border:2px dashed #dbe5ff;border-radius:12px;padding:6px;background:#fff}
.ref figcaption{font-size:13px;color:#55607a}
.bp .bpi{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;width:104px}
.bp .bimg{width:92px;height:70px;object-fit:cover;border-radius:8px;background:#fff}
.bp .bimg[src$=".svg?v=3"]{object-fit:contain}