:root{--reading-paper:#112139;--reading-ink:#e7eff8}
header{gap:16px}.main-nav-links{gap:6px;flex-wrap:wrap;justify-content:center}.main-nav-links .nav-btn{padding:10px 12px;font-size:.85rem}.brand-sub-title{font-size:.72rem}.top-actions{gap:8px}
.app-play-stage{max-width:1600px;align-items:flex-start;gap:20px}.app-play-stage>.half-screen:first-child{flex:0 0 340px;position:sticky;top:100px}.app-play-stage>.half-screen:last-child{flex:1;min-width:0}.story-panel{min-height:0;padding:20px}.chapter-title{font-size:1.2rem}.byte-avatar-card{gap:12px;padding:14px;flex-direction:column}.byte-avatar{width:100px;height:100px}.byte-info{width:100%}.byte-dialogue-bubble{font-size:.86rem;line-height:1.8}.story-text-container{font-size:.87rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mission-callout{font-size:.85rem}.skill-lesson{font-size:.85rem}.skill-lesson summary{font-size:.9rem}.challenge-panel{padding:22px}.play-focused .app-play-stage>.half-screen:first-child{display:none}.play-focused .app-play-stage{max-width:1200px}
#focus-button{margin:0 0 14px;align-self:flex-end}.sim-stage{position:relative;isolation:isolate;min-height:350px;background:radial-gradient(ellipse at 50% 0,#21476388,transparent 75%),linear-gradient(180deg,#0d1b32,#0d2630);border:1px solid #2c5268;border-radius:20px}.sim-stage::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 45px,#65cee6 46px 47px),linear-gradient(0deg,#05d5b333,transparent 50%)}.sim-stage[data-district="2"]{background:radial-gradient(ellipse at 50% 0,#703b7866,transparent),#141d32}.sim-stage[data-district="4"]{background:radial-gradient(ellipse at 50% 0,#7049a466,transparent),#111c33}.sim-stage[data-district="5"]{background:radial-gradient(ellipse at 50% 0,#88702d66,transparent),#16262c}.sim-stage[data-district="6"]{background:radial-gradient(ellipse at 50% 0,#006a6266,transparent),#10273c}
.execution-transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.execution-transport>span{font-size:.75rem;color:#9cbecb;margin-inline-end:auto}.execution-transport button{font-size:.78rem}
.quest-catalog{border:1px solid #34546c;border-radius:16px;padding:18px}.quest-catalog summary{color:#aeeede;cursor:pointer;font-size:.95rem}.quest-catalog .quest-grid{margin-top:20px}
#book-position{direction:ltr;unicode-bidi:isolate}
.maze-grid{grid-template-columns:repeat(5,58px);gap:5px}.maze-cell{width:58px;height:58px;border-radius:10px}.maze-cell.wall{background:linear-gradient(135deg,#38536b,#172d42);box-shadow:inset 0 3px #5c7a8d55;border:1px solid #456278;color:transparent}.maze-cell.path{background:#061824aa;border:1px solid #27bcb055}.maze-cell .direction{font-size:18px;padding:0 3px}.game-icon{width:28px;height:28px;vertical-align:middle;filter:drop-shadow(0 0 6px #00f2fe44)}.mini-game{max-width:100%}.mini-game-intro{display:none}.program-settings{background:#09182d99;border:1px solid #38566c;border-radius:14px;padding:14px}.program-settings summary,.trace-details summary{font-size:.88rem;cursor:pointer;color:#c6e7f2;font-weight:700}.program-controls{display:grid;gap:14px;padding-top:14px}.trace-details{width:100%}.trace-details .mini-output{margin-top:10px}
.mini-world{height:250px;border:1px solid #00f2fe44;border-radius:18px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 20%,#35586b,transparent 50%),linear-gradient(#0c1c33,#14394a);text-align:right}.world-stars{position:absolute;inset:0;background-image:radial-gradient(#b7fff9 1px,transparent 1px);background-size:45px 39px;opacity:.25}.world-label{position:absolute;top:15px;right:18px;color:#83ffee;font-size:.85rem}.world-actor{position:absolute;left:12%;bottom:38px;transition:transform .25s ease;z-index:2}.world-actor .byte-sprite{height:110px;width:95px}.world-ground{position:absolute;bottom:36px;height:20px;left:0;right:0;background:linear-gradient(#326078,#13283b);border-top:2px solid #5ad2c6;transform:skewX(-15deg)}.world-props{position:absolute;right:12%;bottom:62px;width:45%;display:flex;justify-content:center;align-items:center;min-height:90px}.mini-world>p{position:absolute;bottom:3px;inset-inline:12px;font-size:.76rem;color:#b3e9eb;line-height:1.7;margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet{width:100%;max-width:200px;border:2px solid #facc1577;border-radius:16px;background:#0e1d30dd;text-align:center;padding:14px;box-shadow:0 0 35px #facc1522}.wallet>span{display:block;font-size:.75rem;color:#c4dbe5}.wallet strong{display:block;color:#facc15;font-size:2.5rem}.value-meter{height:7px;background:#253f52;border-radius:10px;overflow:hidden}.value-meter i{display:block;height:100%;width:0;background:#05d5b3;transition:width .2s}.assembly-prop{font-size:4.5rem;transition:transform .2s}.assembly-prop[data-action="1"]{transform:rotate(20deg)}.assembly-prop[data-action="3"]{transform:translateX(15px)}.world-pattern{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:260px}.pattern-token{font-size:1.7rem;border-radius:8px;padding:4px;background:#ffffff11;animation:byte-pop .3s ease}.world-gate{width:140px;height:105px;position:relative;display:flex;justify-content:center;gap:10px;border:5px solid #f43f5e;border-radius:10px;padding:10px;background:#071627}.world-gate i{width:5px;height:55px;background:#f43f5e;transition:transform .3s}.world-gate span{position:absolute;bottom:-30px;white-space:nowrap;color:#ffd1d9;font-size:.75rem}.world-gate.gate-open{border-color:#05d5b3}.world-gate.gate-open i{transform:translateY(-75px);background:#05d5b3}.repair-bridges{display:flex;gap:10px}.repair-bridges i{width:50px;height:24px;border-bottom:6px dashed #f43f5e;border-top:2px solid #785064}.repair-bridges i.bridge-lit{border-color:#05d5b3;border-bottom-style:solid;box-shadow:0 5px 20px #05d5b366}.dance-flash{box-shadow:inset 0 0 70px #00f2fe55}.world-function .world-ground{background:linear-gradient(#46738b,#162039)}
.city-map{border:1px solid #05d5b344;border-radius:24px;overflow:hidden;margin:24px 0 32px;background:#0e1b30}.city-art{position:relative;min-height:230px}.city-art svg{width:100%;height:280px;display:block;object-fit:cover}.city-intro{position:absolute;top:28px;right:28px;background:#081627cc;border:1px solid #00f2fe33;padding:20px;border-radius:18px;max-width:70%}.city-intro span{font-size:.8rem;color:#7ff8e6}.city-intro strong{font-size:1.35rem;display:block;margin:8px 0}.city-intro p{font-size:.85rem;color:#bdd0e0;line-height:1.8}.district-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:20px}.district{background:#14273f;border:1px solid #416078;border-radius:16px;padding:18px 10px;display:flex;flex-direction:column;gap:10px;align-items:center;color:#e3effc;cursor:pointer;position:relative;transition:transform .2s,border-color .2s}.district:hover{transform:translateY(-5px);border-color:#00f2fe}.district>span:last-child{font-size:.75rem;color:#9ab9c9}.district strong{font-size:.85rem}.district-number{position:absolute;top:8px;right:10px;font-size:.7rem;color:#6b8aa3}.district-building{height:68px;width:58px;background:#2e4961;border:2px solid #567188;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;border-radius:8px 8px 2px 2px;margin-top:10px}.district-building i{background:#5e7785}.district.restored{background:#0c343c;border-color:#05d5b3}.district.restored .district-building{background:#1d5661;box-shadow:0 0 25px #00f2fe33}.district.restored .district-building i{background:#facc15;box-shadow:0 0 12px #facc1577}
.book-teaser{max-width:1200px;width:calc(100% - 48px);margin:24px auto;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#103f47,#162242);border:1px solid #05d5b366;border-radius:26px}.book-teaser>div:first-child{max-width:550px}.book-teaser h2{font-size:2rem;margin:12px 0}.book-teaser p{color:#c5dfed;line-height:1.9;margin-bottom:20px}.book-teaser>div>span{color:#7af5df;font-size:.85rem}.teaser-cover{width:210px;min-width:180px;aspect-ratio:3/4;background:linear-gradient(145deg,#081b2f,#185769);box-shadow:-10px 12px 0 #071320;border:1px solid #6bf0e1;border-radius:3px 12px 12px 3px;transform:rotate(-6deg);display:flex;flex-direction:column;align-items:center;padding:16px;justify-content:space-around}.teaser-cover strong{font-size:1.6rem;text-align:center;line-height:1.3}.teaser-cover img{height:130px;width:110px;object-fit:contain}.teaser-cover span{font-size:.75rem}
.book-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1300px;margin:30px auto;width:calc(100% - 48px);align-items:start}.book-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;padding:20px;border:1px solid #38536e;border-radius:18px;background:#0e1b30}.book-brand{font-size:1.3rem;font-weight:800;color:#7af5df;margin-bottom:20px}.book-brand span{display:block;font-size:.75rem;font-weight:400;margin-top:8px}.book-sidebar label{font-size:.8rem}.book-sidebar input{width:100%;min-width:0;margin:8px 0;padding:10px;background:#071221;border:1px solid #42627a;border-radius:10px;color:#f8fafc}.book-sidebar p{color:#8bb2c3;font-size:.8rem;margin:12px 0}.book-toc-item{display:block;width:100%;text-align:right;background:transparent;border:0;border-bottom:1px solid #ffffff0b;color:#c4d5e3;padding:12px 6px;font-size:.83rem;line-height:1.7;cursor:pointer}.book-toc-item.selected{background:#05d5b31a;color:#77ffdc;border-inline-start:3px solid #05d5b3}.book-reader{padding:30px;border:1px solid #456580;border-radius:22px;background:var(--reading-paper);color:var(--reading-ink);min-width:0;box-shadow:0 20px 80px #0003}.book-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:18px;border-bottom:1px solid #54708755}.book-toolbar>span{margin-inline-end:auto;font-size:.85rem}.book-toolbar button,.book-bottom button,.book-option{border:1px solid #547087;color:inherit;background:#54708722;border-radius:9px;padding:9px 12px;font:inherit;font-size:.8rem;cursor:pointer}.book-reader>h2{font-size:1rem;color:#74bfc4;margin:22px 0}.book-page{font-size:18px;line-height:2.1;min-height:500px;max-width:760px;margin:auto;overflow-wrap:anywhere}.book-page h2{font-size:1.6em;line-height:1.6;margin:16px 0}.book-page h3{font-size:1.1em;color:#59cfbf;margin-top:24px}.book-page p{margin:16px 0}.book-page li{margin:12px 0}.book-page ul,.book-page ol{padding-inline-start:24px}.book-page aside{padding:18px;background:#05d5b314;border-inline-start:3px solid #05d5b3;border-radius:12px;margin:20px 0}.book-page .book-code{background:#061220;color:#a4fce4;border:1px solid #28675d;padding:20px;border-radius:14px;font:inherit;line-height:1.8;overflow:auto;white-space:pre-wrap}.book-page.cover{text-align:center;background:radial-gradient(circle at 50% 65%,#05d5b31f,transparent 65%);padding:25px 10px}.book-page.cover h1{font-size:2.5em;line-height:1.5}.book-page.cover em{font-style:normal;color:#69efdd}.book-kicker{font-size:.8em;color:#86b7c7}.book-cover-byte{width:240px;height:300px;object-fit:contain;max-width:100%}.book-story-art{display:flex;gap:20px;align-items:center;background:linear-gradient(100deg,#102b40,#13433e);border:1px solid #227368;padding:20px;border-radius:20px}.book-story-art .byte-portrait{width:140px;height:140px;border-radius:18px}.book-story-art span{color:#baffeb;font-weight:800;font-size:1.1em}.book-play-links{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0;align-items:center;padding:16px;background:#05d5b314;border-radius:12px}.book-link{padding:10px 14px;border:1px solid #05d5b355;border-radius:10px;background:#05d5b318;color:#6cebd6;cursor:pointer;font:inherit;font-size:.83rem;line-height:1.6}.reader-note{padding:18px;border:1px solid #54708766;border-radius:14px}.reader-note label{font-size:.9rem}.reader-note textarea{display:block;width:100%;min-width:0;resize:vertical;margin:12px 0;padding:12px;border:1px solid #547087;border-radius:10px;background:#54708711;color:inherit;font:inherit}.reader-note span{font-size:.75rem;color:#7eb3c3}.book-bottom{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.book-quiz{display:flex;gap:12px;flex-wrap:wrap}.answer-correct{color:#05d5b3}.answer-retry{color:#facc15}#book-print{display:none}
#view-book[data-theme="light"]{--reading-paper:#faf7ef;--reading-ink:#243448}#view-book[data-theme="light"] .book-page h3{color:#127666}#view-book[data-theme="light"] .book-link{color:#096c5d}#view-book[data-theme="light"] .answer-correct{color:#087654}#view-book[data-theme="light"] .answer-retry{color:#9d6300}
@media(max-width:1100px){.app-play-stage>.half-screen:first-child{flex-basis:290px}.district-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:980px){.app-play-stage>.half-screen:first-child{position:static;flex:auto;width:100%}.byte-avatar-card{flex-direction:row}.story-panel{gap:12px}.story-text-container{display:none}.book-shell{grid-template-columns:1fr}.book-sidebar{position:static;max-height:270px}.book-sidebar nav{max-height:150px;overflow:auto}.book-reader{padding:22px}}
@media(max-width:600px){header{position:relative}.main-nav-links .nav-btn{padding:8px;font-size:.75rem}.brand-main-title{font-size:.9rem}.brand-section{gap:8px}.top-actions{margin:auto}.sim-stage{min-height:320px}.challenge-panel{padding:14px}.maze-grid{grid-template-columns:repeat(5,40px);gap:4px}.maze-cell{width:40px;height:40px}.byte-avatar-card{flex-direction:row}.byte-avatar{width:75px;height:75px}.byte-dialogue-bubble{font-size:.8rem}.byte-name-row{flex-wrap:wrap}.world-actor{left:5%}.world-actor .byte-sprite{width:70px;height:95px}.world-props{right:6%;width:50%}.mini-world{height:220px}.wallet strong{font-size:1.8rem}.world-gate{width:95px;height:90px}.world-gate span{font-size:.65rem}.repair-bridges{gap:6px}.repair-bridges i{width:30px}.pattern-token{font-size:1.2rem;padding:2px}.district-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.city-intro{right:12px;left:12px;top:16px;max-width:none;padding:15px}.city-intro strong{font-size:1.1rem}.book-teaser{width:calc(100% - 24px);padding:24px;flex-direction:column}.book-teaser h2{font-size:1.6rem}.teaser-cover{width:190px}.book-shell{width:calc(100% - 24px);margin:15px auto;gap:14px}.book-reader{padding:16px}.book-page{min-height:400px;line-height:2}.book-page.cover h1{font-size:1.8em}.book-story-art{flex-direction:column;padding:15px}.book-story-art .byte-portrait{width:140px;height:140px}.book-toolbar button{padding:8px;font-size:.7rem}.book-page h2{font-size:1.3em}.book-bottom{justify-content:center}.book-bottom button{font-size:.72rem;padding:8px}.book-play-links{padding:10px}.book-page .book-code{padding:14px}.book-page aside{padding:14px}}
@media print{body>*{display:none!important}body>#view-book{display:block!important;background:white!important;color:black!important}#view-book>.book-shell{display:none!important}#book-print{display:block!important}.printed-page{break-after:page;color:#182b3d;background:white;padding:10mm;font-size:12pt;line-height:1.8}.printed-page h2{font-size:20pt}.printed-page p{margin:12pt 0}.printed-page aside{border-right:3px solid #167e70;padding:10pt;background:#eef7f3}.printed-page pre{white-space:pre-wrap;background:#eef3f5;padding:12pt;font:inherit}.printed-page img{max-width:200px;max-height:240px;object-fit:contain}.printed-page .book-story-art .byte-portrait{width:120px;height:120px;print-color-adjust:exact}.printed-page footer{font-size:9pt;color:#476273;border-top:1px solid #aaa;margin-top:20pt}.print-note{white-space:pre-wrap;margin:16pt 0;border-top:1px dashed #aaa}.printed-page .book-kicker{color:#356777}.printed-page .book-quiz{display:none}}