:root{color:#24392f;font-synthesis:none;--green:#176346;--muted:#65746a;--border:#dbe3d9;--radius:22px;background:#f6f8f3;font-family:Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);color:inherit;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;display:inline-flex}button:disabled{cursor:default;opacity:.65}button:hover:not(:disabled){border-color:var(--green)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #cf912f}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.text-button{color:var(--green);background:0 0;border:0;padding:8px 0}h1{letter-spacing:-2px;margin:12px 0 16px;font-size:clamp(34px,4.2vw,54px);line-height:1.12}h2{letter-spacing:-.7px;font-size:26px}p{color:var(--muted);line-height:1.6}small,.small{color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{letter-spacing:1.7px;color:var(--green);font-size:12px;font-weight:700}.brand{letter-spacing:-1.4px;background:0 0;border:0;padding:0;font-size:27px;font-weight:800}.brand span{color:#b88632;padding:0 2px}.shell{max-width:1180px;margin:auto;padding:0 40px}.shell header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;height:94px;display:flex}nav{gap:8px;display:flex}nav button{color:var(--muted);background:0 0;border:0}nav button.active{color:var(--green);background:#e4eedf}nav svg{width:22px;height:22px}.shell main{min-height:calc(100dvh - 164px);padding:35px 0 50px}footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;font-size:13px}.page-title{margin:30px 0 50px}.page-title.compact{margin:20px 0 35px}.profiles{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.profile-card{border-radius:var(--radius);flex-direction:column;min-height:265px;padding:32px 16px 25px;transition:transform .2s}.profile-card:hover{transform:translateY(-5px)}.profile-card h2{margin:25px 0 12px;font-size:21px}.profile-card>span:last-child{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.avatar{color:#304538;border-radius:40%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:inline-flex}.avatar.large{border:5px solid #fff8;width:96px;height:96px;font-size:36px}.greeting{justify-content:space-between;align-items:center;margin:20px 0 38px;display:flex}.greeting h1{margin-bottom:6px}.greeting p{margin-top:0}.home-grid{grid-template-columns:1.35fr 1fr;gap:24px;display:grid}.motto-tile{color:#244d3c;text-align:left;background:#eee8d8;border-radius:24px;padding:28px}.motto-tile>svg{margin-top:28px}.motto-tile h2{margin-bottom:8px;font-size:30px}.motto-card{color:#244d3c;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;background:#f0ebde;border:1px solid #ddd5c0;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:380px;padding:clamp(28px,6vw,80px);font-size:clamp(24px,3.6vw,44px);line-height:1.55;display:flex}.motto-card strong{font-weight:800}.motto-card:disabled{opacity:1;cursor:default}.motto-hint{text-align:center;color:#627568;margin-top:20px}.word-flash-tile{color:#334e3d;text-align:left;background:#f1e1b9;border-radius:24px;padding:28px}.word-flash-tile>svg{margin-top:28px}.word-flash-tile h2{margin-bottom:8px;font-size:30px}.word-flash-heading{justify-content:space-between;align-items:center;gap:20px;margin:28px 0;display:flex}.word-flash-heading h1{margin:8px 0 0}.word-credit{color:#176346;grid-template-columns:32px auto;align-items:center;gap:2px 12px;display:grid}.word-credit svg{grid-row:span 2}.word-credit strong{font-size:clamp(26px,3vw,38px)}.word-credit small{color:#627568}.word-credit.awarded strong{animation:.7s ease-out credit-grow}@keyframes credit-grow{30%{color:#b06b16;transform:scale(1.2)}}.flashcard{text-align:center;background:#fffefa;border:1px solid #ded9c8;border-radius:28px;max-width:820px;margin:0 auto;padding:24px clamp(16px,4vw,44px);position:relative}.flash-meta{color:#627568;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:14px;display:flex}.flash-image{aspect-ratio:8/5;object-fit:contain;border-radius:22px;width:100%;max-width:480px;margin:0 auto;display:block}.flash-cue{margin:20px 0 14px;font-size:clamp(19px,3vw,25px)}.hear-word{color:#176346;background:#eef3e9;border:0;align-items:center;gap:10px;padding:8px 16px;display:inline-flex}.flash-letters{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.5vw,12px);margin:28px 0 12px;display:flex}.flash-letters input,.given-letter{text-align:center;border-radius:12px;width:clamp(40px,9vw,64px);height:clamp(52px,12vw,76px);padding:0;font-family:inherit;font-size:clamp(27px,6vw,42px);font-weight:700;line-height:1}.given-letter{color:#244d3c;background:#eef3e9;border:2px solid #0000;place-items:center;display:grid}.flash-letters input{color:#244d3c;background:#fff;border:2px solid #b1bfae}.flash-letters input.current-letter{background:#fff0be;border-color:#b37819;outline-color:#b37819}.flash-feedback{min-height:24px;margin:8px 0}.bravo-message{color:#176346;justify-content:center;align-items:center;gap:14px;padding:6px;animation:.45s ease-out bravo-pop;display:flex}.bravo-message strong{font-size:32px}.bravo-message span{font-size:24px;font-weight:700}@keyframes bravo-pop{0%{opacity:0;transform:translateY(8px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.flash-loading,.flash-complete{text-align:center;color:#176346;background:#edf3e8;border-radius:24px;padding:64px 24px}.flash-complete h2{margin-bottom:8px}.flash-complete p{color:#627568}.word-collection{margin-top:40px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.word-preview{text-align:center;background:#fffefa;border:1px solid #ded9c8;border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;padding:16px;display:flex}.word-preview img{aspect-ratio:8/5;object-fit:contain;border-radius:12px;width:100%}.word-preview strong{color:#244d3c;font-size:24px}.word-preview small{color:#627568}.word-level{color:#176346;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.word-level progress{accent-color:#176346;width:100%;min-width:0}.word-asset-credits{color:#627568;overflow-wrap:anywhere;margin-top:32px;font-size:12px;line-height:1.6}.word-asset-credits summary{cursor:pointer}@media (width<=600px){.word-flash-heading{flex-wrap:wrap;align-items:flex-start}.word-credit{margin-bottom:4px}.flash-meta{font-size:12px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-preview{padding:10px}.bravo-message{flex-wrap:wrap;gap:8px}}.journey,.tv-tile{text-align:left;border-radius:var(--radius);padding:28px 32px;display:block;position:relative;overflow:hidden}.journey{background:#e6eedc;min-height:395px}.tv-tile{background:#edf0fa}.tile-top{letter-spacing:1.6px;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.chest{color:#90732b;position:absolute;top:83px;right:28px;transform:rotate(-8deg)}.journey h2{margin:72px 0 8px;font-size:36px}.journey p{max-width:245px}.tile-bottom{align-items:baseline;gap:15px;margin-top:25px;display:flex}.tile-bottom strong{letter-spacing:-2px;font-size:48px}.tile-bottom span{font-size:14px}.claim-note{margin-top:16px;font-size:13px;font-weight:700;display:block}.tv-tile>svg{color:#5c6894;margin:30px 0 15px;display:block}.tv-tile h2{margin:0;font-size:32px}.tile-status{align-items:center;gap:8px;margin-top:30px;font-size:14px;display:flex}.encouragement{color:var(--green);align-items:center;gap:12px;margin:30px 0;display:flex}.notice{background:#fff1d6;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:16px 20px;line-height:1.6;display:flex}.notice svg{flex-shrink:0}.error{color:#a82d26;min-height:20px}.success{color:var(--green)}.empty{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;grid-column:1/-1;padding:35px}.center{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.entry{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.entry-art{background:#e6eedc;flex-direction:column;justify-content:space-between;padding:45px 10%;display:flex;position:relative}.entry-art p{letter-spacing:-2px;color:#294d38;font-size:46px;font-weight:700;line-height:1.2}.door{width:220px;height:240px;color:var(--green);background:#c5dcb2;border:12px solid #dbe6ce;border-radius:110px 110px 14px 14px;justify-content:center;align-items:center;margin:50px auto 20px;display:flex;position:relative}.door-star{color:#997128;position:absolute;top:-22px;right:-35px}.entry-form{place-self:center;width:100%;max-width:450px;padding:70px 25px}.entry-form form{margin-top:35px}.entry-back{width:fit-content;margin-bottom:24px;display:flex}.entry-form>.eyebrow{display:block}.entry-form label{font-size:14px}.code-input{letter-spacing:16px;text-align:center;width:100%;height:76px;margin:12px 0;font-size:36px}.entry-form .primary{width:100%}input,textarea,select{border:1px solid var(--border);width:100%;color:inherit;background:#fff;border-radius:9px;margin:8px 0;padding:12px;display:block}label{font-size:14px;display:block}textarea{resize:vertical;min-height:130px}.trick-layout{grid-template-columns:1fr 1fr;gap:32px;display:grid}.treasure{border-radius:var(--radius);text-align:center;background:#e6eedc;padding:30px}.coin-jar{color:#947328;border:4px solid #acc593;border-top-width:9px;border-radius:20px 20px 48px 48px;justify-content:center;align-items:end;gap:0;width:210px;height:145px;margin:15px auto 20px;padding-bottom:28px;display:flex;position:relative}.coin-jar span{color:#35513a;font-size:12px;position:absolute;bottom:6px}.balance{letter-spacing:-2px;font-size:58px}.treasure>p{margin:4px 0 28px}.target{border-top:1px solid #c5d4b9;flex-direction:column;gap:7px;padding-top:20px;font-size:13px;display:flex}.target strong{font-size:28px}.whiteboard{border:1px solid var(--border);background:#fff;border-radius:6px;padding:25px 32px;transform:rotate(1deg);box-shadow:6px 6px #e3e8dd}.whiteboard p{color:#405747;align-items:start;gap:16px;margin:23px 0;display:flex}.whiteboard svg{color:#7b823e;flex-shrink:0;font-size:30px}.record-section{margin-top:45px}.records{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.record{background:#fff;flex-direction:column;min-height:150px;padding:18px 8px}.record.pending{background:#fff3d7;border-color:#e4cd96}.record span{font-size:12px}.record strong{font-size:14px}.record.earned{color:var(--green);opacity:1;background:#edf3e8}.record.cleared,.record.played{opacity:.8}.overlay{z-index:5;background:#193d2ea8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius);text-align:center;background:#fff;width:100%;max-width:450px;padding:35px}.dialog button{width:100%;margin-top:10px}.celebrating .coin-jar svg{animation:.65s ease-in-out 3 coin-pop}@keyframes coin-pop{50%{transform:translateY(-20px)rotate(15deg)}}.video-heading{justify-content:space-between;align-items:center;margin:20px 0 32px;display:flex}.timer{font-variant-numeric:tabular-nums;border:1px solid var(--border);background:#fff;border-radius:15px;align-items:center;gap:10px;padding:15px 20px;font-size:30px;display:flex}.timer small{font-size:11px}.video-layout{grid-template-columns:2fr 1fr;gap:25px;display:grid}.player{aspect-ratio:16/10;border-radius:var(--radius);background:#e6ece7;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player video{background:#172a22;width:100%;height:100%}.player:fullscreen{background:#172a22;border-radius:0;width:100%;height:100%}.player-empty{text-align:center;padding:25px}.player-empty>svg{color:#667c6c}.player-empty h2{font-size:24px}.player-empty p{font-size:14px}.playlist{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:20px}.playlist h2{margin:0 0 20px;font-size:20px}.playlist button{text-align:left;border-color:#0000;justify-content:space-between;width:100%;margin:6px 0;padding:14px 10px}.playlist button.selected{background:#e6eedc}.playlist button>span:nth-child(2){flex:1}.playlist small{margin-top:5px;display:block}.video-number{color:var(--muted);font-size:12px}.admin-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.admin-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin:20px 0;padding:25px 30px}.admin-panel h2{margin-top:0}.yaml-editor{white-space:pre;resize:vertical;height:420px;font-family:monospace;font-size:14px;line-height:1.6;overflow:auto}.admin header button{background:0 0;border:0}@media (width<=800px){.shell{padding:0 22px}.profiles{grid-template-columns:repeat(2,1fr)}.home-grid,.trick-layout,.video-layout{grid-template-columns:1fr}.records{grid-template-columns:repeat(3,1fr)}.entry{grid-template-columns:1fr}.entry-art{flex-direction:row;align-items:center;min-height:220px;padding:25px}.entry-art p{font-size:28px}.door{width:120px;height:150px;margin:0}.door>svg{width:60px}.entry-form{padding:40px 25px}.timer{font-size:24px}.timer small{display:none}.greeting .avatar.large{width:75px;height:75px;font-size:28px}}@media (width<=480px){.shell{padding:0 16px}.shell header{height:78px}.brand{font-size:25px}nav{gap:0}nav button{padding:10px}nav button span{display:none}.profiles{gap:12px}.profile-card{min-height:230px;padding:20px 10px}.profile-card h2{font-size:17px}.avatar.large{width:80px;height:80px;font-size:28px}.page-title{margin-bottom:28px}.greeting{margin-top:10px}.journey,.tv-tile{padding:23px}.chest{width:100px;top:90px;right:18px}.journey h2{font-size:30px}.records{grid-template-columns:repeat(2,1fr)}.admin-panel{padding:20px}.entry-art p{display:none}.entry-art{min-height:190px}.video-heading h1{font-size:36px}.timer{padding:12px;font-size:22px}.timer svg{display:none}.whiteboard{padding:23px}.player{aspect-ratio:auto;min-height:300px}.player video{aspect-ratio:16/9}.notice{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.profile-card:hover{transform:none}}