.studio{--ink:#142f49;--teal:#087e8b;--navy:#102c46;color:var(--ink)}.studio h1{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.8px}.studio h2{line-height:1.3}.studio p,.studio li{font-size:15px;line-height:1.8}.studio button{cursor:pointer}.studio button:focus-visible,.studio input:focus-visible,.studio summary:focus-visible{outline:3px solid #f5b63e;outline-offset:4px}.studio-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#087e8b;margin-bottom:12px}.studio-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;padding:30px;background:#102c46;color:#fff;border-radius:22px;margin-bottom:26px;overflow:hidden}.studio-hero h2{font-size:32px;margin:12px 0}.studio-hero .studio-eyebrow{color:#79e5d3}.studio-hero img{width:100%;border-radius:16px}.studio-pill{display:inline-block;border:1px solid #7ce5d35c;background:#ffffff0d;padding:8px 15px;border-radius:25px;font-size:13px}.studio .module-card.v2>p{font-size:14px;line-height:1.7}.studio .module-card.v2{padding:22px;border-radius:18px}.studio .module-card.v2 h3{font-size:20px}.studio .module-art{border-radius:12px}.studio .btn{font-size:14px;min-height:43px;white-space:normal}.studio .btn.primary{background:#087e8b;border-color:#087e8b}.studio-section-head{margin:28px 0}.film-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:24px;align-items:start}.film-panel{background:#102c46;border-radius:18px;overflow:hidden;color:#fff}.film-panel video{display:block;width:100%;aspect-ratio:16/9;background:#102c46}.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px}.film-toolbar>span{font-size:13px}.film-toolbar .btn{background:#fff}.film-panel .film-hint{padding:0 20px 16px;color:#d0e0eb}.studio .film-hint{font-size:12px;line-height:1.6}.film-overview{padding:25px;background:#fff;border-radius:18px;border:1px solid #dbe6ef}.film-overview ol,.studio-steps ol{padding-left:22px}.film-overview li,.studio-steps li{padding:5px 0}.film-transcript,.studio-reflect,.legacy-games{padding:20px;background:#fff;border:1px solid #d9e5ed;border-radius:14px;margin:22px 0}.studio summary{cursor:pointer;font-size:15px;font-weight:700;line-height:1.7}.studio .learning-layout{grid-template-columns:245px minmax(0,1fr)}.studio .learning-content{padding:32px}.studio .learning-nav{border-top-color:#087e8b}.studio .lesson-link{font-size:13px;line-height:1.6;padding:12px}.studio .lesson-link.active{background:#087e8b}.studio-actors{display:flex;gap:10px;align-items:center;justify-content:center;flex-shrink:0}.studio-actors figure{margin:0;text-align:center;width:90px}.studio-actors figure>img{height:110px;width:110px;object-fit:contain;max-width:100%;animation:studio-float 3s ease-in-out infinite}.studio-actors figcaption{font-size:14px;font-weight:800}.studio-actors small{display:block;font-size:10px;font-weight:400}.bit-portrait{display:block;width:90px;height:110px;overflow:hidden;position:relative;border-radius:20px;background:white;animation:studio-float 3s ease-in-out infinite .5s}.bit-portrait img{position:absolute;width:190px;max-width:none;left:-4px;top:-17px}.reader-speakers{display:flex;gap:22px;align-items:center;background:#eff8fa;border-radius:16px;padding:18px;margin:24px 0}.reader-speakers p{font-size:14px;margin:6px 0}.studio-prose{white-space:pre-line}.studio-steps{background:#f0f8f6;border-left:4px solid #1b9b82;border-radius:14px;padding:16px 24px;margin:25px 0}.studio-steps h2{font-size:20px}.studio-example{background:#fff6df;border-radius:14px;padding:20px}.studio-example p{margin:0}.studio .lesson-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.studio-chat{background:#fff;border:1px solid #d8e6ef;border-radius:20px;padding:28px;margin-top:26px}.studio-chat h2{font-size:25px}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chat-suggestions button{border:1px solid #b8d8dd;background:#f1faf9;border-radius:20px;padding:9px 14px;color:#145965}.chat-input{display:flex;gap:10px;margin-top:8px}.chat-input input{min-width:0;flex:1;border:1px solid #a9c4d3;border-radius:12px;padding:13px;font-size:15px}.chat-exchange{background:#f2f7fb;padding:16px;border-radius:12px;margin:12px 0}.chat-user{background:#dff3ef;border-radius:8px;padding:10px;overflow-wrap:anywhere}.chat-exchange p{white-space:pre-line;overflow-wrap:anywhere}.battle-hero{display:flex;gap:28px;align-items:center;background:#102c46;color:white;padding:28px;border-radius:22px;margin-bottom:26px}.battle-hero .studio-eyebrow{color:#7ae1d0}.battle-hero .studio-actors figure{width:110px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.difficulty-card{background:#fff;border:1px solid #d8e6ee;border-radius:18px;padding:24px;position:relative}.difficulty-card:nth-child(2){border-top:5px solid #e6a52d}.difficulty-card:nth-child(3){border-top:5px solid #ae69ce}.difficulty-card:first-child{border-top:5px solid #19a58e}.level-number{font-size:38px;font-weight:900;color:#d4e8e9}.legacy-games button{margin:6px}.battle-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:18px}.battle-top>span,.battle-top strong{font-size:16px}.battle-arena{height:265px;border-radius:20px 20px 0 0;background:radial-gradient(ellipse at 50% 100%,#216980,#102c46 75%);position:relative;display:flex;justify-content:space-around;align-items:center;overflow:hidden;color:#fff}.battle-character,.battle-enemy{z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.battle-character img{height:170px}.battle-enemy>span{font-size:83px;display:block;animation:studio-float 2s ease-in-out infinite}.battle-enemy b{font-size:18px}.battle-enemy small{font-size:12px;margin-top:6px}.arena-floor{position:absolute;bottom:0;width:100%;height:35px;background:#3b93a5;transform:perspective(100px) rotateX(35deg);border-top:2px solid #79e6d4}.battle-beam{position:absolute;left:28%;top:47%;height:8px;width:0;background:#7effdf;border-radius:20px;box-shadow:0 0 30px #7effdf;z-index:3}.hit .battle-beam{animation:studio-beam .65s ease-out}.hit .battle-enemy>span{animation:studio-defeat .8s forwards}.damaged .battle-character{animation:studio-shake .4s}.battle-question{background:#fff;padding:28px;border:1px solid #d6e3ed;border-radius:0 0 20px 20px}.battle-question h2{font-size:23px;line-height:1.55}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.battle-options button{text-align:left;display:flex;gap:12px;align-items:center;background:#f7fafc;border:2px solid #dce7ef;border-radius:12px;padding:16px;color:#183c56;font-size:15px;line-height:1.6}.battle-options button>span{background:#e3edf4;border-radius:8px;padding:4px 10px;font-weight:800}.battle-options button:disabled{opacity:1;cursor:default}.battle-options button.right{border-color:#159c76;background:#e7f8ef}.battle-options button.wrong{border-color:#c64c5a;background:#fff0f1}.battle-explanation{border-radius:13px;padding:20px;background:#edf8f4;margin-bottom:20px}.battle-explanation.retry{background:#fff4e2}.battle-explanation p{margin:8px 0}.battle-result{background:#fff;border-radius:22px;padding:38px;text-align:center}.result-symbol{font-size:70px;display:block}.result-score{font-size:60px;font-weight:900;color:#087e8b}.result-score small{display:block;font-size:12px;letter-spacing:3px}.result-buttons{display:flex;justify-content:center;gap:12px}.battle-review{margin-top:24px}.battle-review article{padding:20px;background:white;border-radius:14px;margin:12px 0}.custom-intro{padding:25px}.custom-intro p{white-space:pre-line}.studio [hidden]{display:none!important}@keyframes studio-float{50%{transform:translateY(-7px)}}@keyframes studio-beam{0%{width:0;opacity:1}70%{width:45%;opacity:1}100%{width:45%;opacity:0}}@keyframes studio-defeat{40%{transform:scale(1.3);filter:brightness(2)}100%{transform:scale(.15) rotate(30deg);opacity:0}}@keyframes studio-shake{25%,75%{transform:translateX(-9px)}50%{transform:translateX(9px)}}@media(max-width:1000px){.film-layout{grid-template-columns:1fr}.studio-hero{grid-template-columns:1fr}.studio-hero img{max-width:420px}.studio .learning-layout{grid-template-columns:1fr}.studio .learning-nav{display:block}.studio .lesson-link{width:100%}}@media(max-width:650px){.difficulty-grid,.battle-options{grid-template-columns:1fr}.studio-hero,.battle-hero,.studio .learning-content,.studio-chat{padding:20px}.battle-hero{flex-direction:column}.reader-speakers{flex-direction:column;align-items:flex-start}.studio h1{font-size:27px}.studio-hero h2{font-size:27px}.chat-input{flex-wrap:wrap}.chat-input input{flex-basis:100%}.battle-top{font-size:12px}.battle-arena{height:220px}.battle-character img{height:135px}.battle-enemy>span{font-size:65px}.battle-enemy b{font-size:14px}.battle-question{padding:20px}.battle-question h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.studio *{animation:none!important;scroll-behavior:auto!important}.hit .battle-enemy>span{opacity:.25}}