/* A single hand-inked school world. Geometry stays compatible with one-screen pagination. */
:root{--world-ink:#514158;--world-paper:#fff0cf;--world-page:#fff6df;--world-purple:#b99dcd;--world-plum:#806195;--world-sage:#9dbca5;--world-gold:#e4bc68;--world-pink:#d69c99;--world-rule:#dfcdb8;--game-ink:#514158;--game-purple:#806195}
body{color:var(--world-ink);background:#d5cfcb}.app-shell{background:#e9dfce;box-shadow:0 0 0 2px #51415822,0 12px 55px #51415830}.app-shell>main{background-color:#eee5d5;background-image:radial-gradient(#88756312 .65px,transparent .8px);background-size:6px 6px}h1,h2,h3,b,strong{color:inherit}button,input,select{font-family:inherit}button{touch-action:manipulation}.mobile-top{background:#f3e5c9;border-bottom:2px solid var(--world-ink);box-shadow:0 2px 0 #fff2d3 inset}.mobile-top .brand>svg{background:none;border:0;box-shadow:none;padding:0;width:34px;height:35px;color:var(--world-ink)}.mobile-top .brand>span{color:var(--world-ink);font-size:18px;letter-spacing:.4px}.mobile-top>.icon-button{border:2px solid var(--world-ink);border-radius:8px 10px 7px 9px;background:#e5cf9c;box-shadow:0 2px 0 #88715a;color:var(--world-ink)}.mobile-top>.icon-button svg{width:22px;height:22px}.game-kicker,.eyebrow{color:#866f77;letter-spacing:.8px}.page-heading h1,.camp-title h1,.trial-heading h1{color:var(--world-ink);font-weight:900}.subtitle{color:#87776e}
.button,.screen-pager button,.screen-sheet>.button{border:2px solid var(--world-ink);border-radius:7px 11px 6px 9px;background:#fff0cf;color:var(--world-ink);box-shadow:0 3px 0 #8c785e,inset 0 2px 0 #fff9e6;transition:transform 110ms ease,box-shadow 110ms ease,background 110ms ease;letter-spacing:.2px}.button.primary,.screen-main-actions>.button.primary{background:#9270b0;border-color:#514158;color:#fff4d9;box-shadow:0 4px 0 #514158,inset 0 2px 0 #c4a9d9;text-shadow:0 1px 0 #51415850}.button.gold-button,.gold-button{background:var(--world-gold);color:var(--world-ink);border-color:var(--world-ink);box-shadow:0 3px 0 #917250,inset 0 2px #f9dda0}.button.secondary{background:#fff1ce;border-color:#6f5b69;box-shadow:0 3px 0 #bba589,inset 0 2px #fff9e5;color:#6f586f}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #514158}button:disabled{opacity:.55;filter:saturate(.45);cursor:default}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d2a64d;outline-offset:3px}.screen-main-actions{padding:5px 1px 5px;background:transparent}.screen-main-actions .formation-footer{background:#fff0cf;border:2px solid var(--world-ink);border-radius:7px 10px;box-shadow:0 2px 0 #bca68c}.screen-pager button{font-size:10px;border-radius:6px 8px 5px 7px;min-height:30px;background:#f8e8c4;box-shadow:0 2px 0 #bba78d;padding:4px 9px}.screen-page-label{color:#715d72;font-weight:700;letter-spacing:1px}.screen-list-pager .screen-page-label{font-weight:500;letter-spacing:0}.screen-list-pager button{background:var(--world-page)}.screen-pager button:disabled{opacity:.35}.screen-subheading,.small-heading{color:#725c76}.round-control{border:2px solid var(--world-ink);background:var(--world-paper);border-radius:9px 7px;box-shadow:0 2px 0 #baa78a;color:var(--world-ink)}
/* The navigation is a row of physical school-desk tabs, with filled illustrated props. */
.app-shell>.mobile-nav{background:#cdb792;border-top:2px solid #6a5661;box-shadow:inset 0 2px 0 #f6dfb4;gap:4px;padding:4px 7px 5px}.app-shell>.mobile-nav button{height:44px;border:1.5px solid #8e786f;border-radius:6px 8px 2px 2px;background:#f5e6c7;box-shadow:0 2px 0 #9a8167;color:#7b6466;font-size:9px;gap:0;padding:2px 0}.app-shell>.mobile-nav button.active{background:#c4add7;border-color:var(--world-ink);box-shadow:0 2px 0 #6c536f,inset 0 2px 0 #e1cce9;color:#514158}.app-shell>.mobile-nav button.active:before{display:none}.app-shell>.mobile-nav svg{width:26px;height:26px;stroke-width:initial;overflow:visible}.campus-icon{vertical-align:middle;flex-shrink:0;overflow:visible}.campus-prop{object-fit:contain;vertical-align:middle;flex-shrink:0;filter:none;user-select:none}
/* Classroom: wood-framed scene, clipboard ledger, course books. */
.classroom-toolbar{color:var(--world-ink)}.classroom-title h1{color:var(--world-ink)}.classroom-title span{color:#887464}.classroom-return>button{border:2px solid #836d73;background:var(--world-paper);border-radius:8px 5px;box-shadow:0 2px #baa58c;color:#725774}.classroom-tools{gap:5px}.classroom-tools>button{border:1.5px solid #8a747c;border-radius:5px 9px 6px 7px;background:#f5e8cc;box-shadow:0 2px #b09a82;width:30px;height:31px;padding:2px;color:#715773}.classroom-tools>button .campus-icon{width:25px;height:25px}.classroom-tools .classroom-exit{background:#dec0b2;font-size:23px;color:#876566}.school-week-strip{gap:4px}.school-week-strip>span{position:relative;border:1px solid #b39b82;border-radius:2px 2px 5px 5px;background:#f9eacc;color:#937c69;box-shadow:0 2px #bda78c}.school-week-strip>span:before{content:'';position:absolute;top:2px;left:5px;right:5px;height:2px;border-left:3px solid #b09b86;border-right:3px solid #b09b86;opacity:.75}.school-week-strip .match-day{background:#ead3a2;color:#8a6b43}.school-week-strip .outing-day{background:#d1dbbd;color:#657b61}.school-week-strip .today{background:#6d8b78;color:#fff2d2;border-color:#514158;box-shadow:0 2px #514158}.school-week-strip .today:before{border-color:#b8cbae}.classroom-screen .classroom-stage{border:3px solid #6f5865;border-radius:9px 13px 9px 11px;box-shadow:0 3px 0 #9a826c,inset 0 0 0 3px #e1c7a3;background:#e2d2bc}.school-scene{filter:none}.classroom-stage .classroom-nameplate{background:#fff1d2;border:1px solid #a68a75;border-radius:2px 5px 3px 3px;color:#655060;padding:4px 6px;box-shadow:1px 2px #6b536522;max-width:62%;gap:5px}.classroom-nameplate b{font-size:10px;max-width:104px}.school-calendar-screen .classroom-nameplate>span{color:#87649a;font-size:8px;min-width:0}.school-next-goal{border:1px solid #b69b77;background:#f5deb2;color:#87694e;max-width:32%;top:9px;right:7px;border-radius:3px 5px;padding:5px 5px;box-shadow:1px 2px #51415815}.classroom-screen .stage-speech{border:1.5px solid #75636f;background:#fff4da;border-radius:4px 8px 7px 1px;box-shadow:2px 2px #51415816;color:#70566f;bottom:57px}.classroom-screen .stage-character{filter:drop-shadow(0 3px 0 #51415810)}.classroom-resources{background:#536f62;border:2px solid #514158;border-radius:4px 5px 3px 5px;box-shadow:inset 0 1px #89a48d;color:#f5e2b8;padding:3px 7px}.classroom-resources b{color:#fff1ce;font-size:11px;text-shadow:0 1px #263b33}.classroom-energy>i{background:#334f43;border:1px solid #b1c4a7;border-radius:4px;height:6px}.classroom-energy em{background:#d69c99}.classroom-resources .campus-icon{width:15px;height:15px}.classroom-resources .classroom-energy{color:#e3b6ab}.school-action-heading>b{color:#665061;font-size:12px}.school-action-heading>button{color:#8c745a}.attribute-choice{position:relative;border:2px solid #6e596a;border-radius:3px 9px 7px 4px;box-shadow:1px 3px 0 #9f8677;background:#fff0d0;color:#655065;gap:3px;overflow:visible}.attribute-choice:before{content:'';position:absolute;left:2px;top:5px;bottom:5px;width:3px;border-radius:2px;background:var(--course-color,#b99dcd);opacity:.8}.attribute-choice:nth-child(1){--course-color:#9dbca5}.attribute-choice:nth-child(2){--course-color:#d69c99}.attribute-choice:nth-child(3){--course-color:#a8bccd}.attribute-choice:nth-child(4){--course-color:#e4bc68}.attribute-choice:nth-child(5){--course-color:#b99dcd}.attribute-choice .campus-prop{width:36px;height:36px;margin:-2px 0 -1px}.attribute-choice>b{font-size:11px;color:#69556a}.attribute-choice>strong{font-size:21px;color:#604a60;letter-spacing:-1px}.attribute-choice>small{color:#ac7c73}.attribute-choice>i{background:#e5bd6c;border:1px solid #8a6a4e;color:#755035;border-radius:3px 6px;box-shadow:0 1px #ad8a55}.attribute-choice.inspired{background:#ffe7a6;border-color:#8d6c47}.attribute-choice>em{color:#aa6c60}.school-rest{border:2px solid #71816a;background:#d4ddbf;box-shadow:0 2px #a4ad8d;border-radius:4px 8px 5px 7px;color:#60705a;gap:7px}.school-rest .campus-icon{height:21px;width:21px}.school-rest b{color:#5b6d53}.outing-actions>button{border:2px solid #78616f;background:#f9ebcb;box-shadow:0 3px #a79178;border-radius:5px 10px 5px 9px;color:#70596c}.outing-actions>button .campus-prop{width:34px;height:34px}.outing-actions b{color:#5f4c5e}.outing-actions small{color:#8c7867}.outing-actions em{color:#997146}.school-duel-card{border:2px solid #766150;background:#f8e8c3;border-radius:5px 11px;box-shadow:0 3px #b09a7b}.tactic-choices button{background:#fff2d2;border:2px solid #8e747c;border-radius:4px 7px 5px 5px;color:#6d546d;box-shadow:0 2px #c4a990}.tactic-choices button.selected{background:#d7c1e3;border-color:#58455e;box-shadow:0 2px #6f5477,inset 0 2px #f0dff8}.tactic-choices small{color:#977b6b}.tactic-preference{color:#8a674a}.yanli-versus{color:#87674c}.yanli-versus strong{color:#715379}.yanli-versus>b{color:#b08a59}.tactic-result{color:#735779}.weekly-rewards{color:#997245}.pending-loot{border:2px solid #775b72;border-radius:6px 11px 5px 9px;background:#e5d0e9;color:#644d6f;box-shadow:0 3px #9a7e9a}.pending-loot small{color:#91748f}
/* The ability area is one school report slip, not a stack of app widgets. */
.learning-dashboard,.compact-learning{border:2px solid #a48b75;border-radius:3px 7px 4px 5px;background:#fff1cf;box-shadow:0 2px #c2ac8c;color:#6a5267}.learning-dashboard:before{background:#dfcba8}.learning-dashboard-stat{background:#eee1c5;border:1px solid #b7a08b;border-radius:4px}.learning-dashboard-label,.compact-learning .learning-dashboard-label{color:#8d7665}.learning-dashboard-value,.compact-learning .learning-dashboard-value{color:#705477;text-shadow:none}.learning-dashboard-language{border-color:#c1a679;background:#eed9a6;border-radius:2px 5px}.learning-dashboard-language .learning-dashboard-label{color:#957342}.learning-dashboard-language .learning-dashboard-value{color:#846037}.learning-dashboard-positive{color:#477e64}.learning-dashboard-negative{color:#b47265}.learning-dashboard-unchanged{color:#b29b84}.compact-learning .learning-dashboard-stats{border-bottom:1px solid #dbc6a3;padding-bottom:1px}.ability-meter{background:#dbc9b2}.mini-stats i,.track{background:#dfceb7}.mini-stats i b,.track b{background:#9c7caf}.language-bars .track b{background:#d3ad63}.yanli-profile,.yanli-team{background:#dcc7e4;border:1px solid #b79dc1;border-radius:4px 7px;color:#77547d}.yanli-profile b{color:#67446f}.yanli-profile .power-explanation{color:#8a6d8d}
/* School lobby, class cards and assessment all share the classroom materials. */
.camp-board,.paper,.formation,.gate-card,.boss-arena,.ranking-board{border:2px solid #806a72;border-radius:7px 11px 6px 9px;box-shadow:0 3px #b79b80;background:#fff0ce}.camp-board{overflow:hidden}.camp-map{border-bottom:2px solid #8f787c;background:#c6d2b9}.map-sign,.map-destination{background:#fff0d0;color:#6c5669;border:1px solid #9d8179;border-radius:2px 5px;box-shadow:1px 2px #51415815}.expedition-cta{background:#fff1d2}.expedition-cta h2{color:#644c62}.expedition-cta p,.playtime{color:#9b8066}.camp-end-run{color:#ac796e}.camp-links>button{border:2px solid #9f8479;background:#f5e5c4;border-radius:5px 8px;box-shadow:0 2px #bea58a;color:#705a69}.camp-links>button b{color:#a18363}.progress-guide,.unlock-notice{background:#efd395;border:1.5px solid #a9864f;color:#806139;border-radius:3px 6px;box-shadow:0 2px #c9ac73}.collect-card{border:2px solid #655166;border-radius:5px 10px 6px 8px;box-shadow:0 3px #a99181;overflow:hidden;background:#fff0cf}.character-art{background:radial-gradient(ellipse at 50% 66%,#d7dbc2 0%,#eee0c4 75%);border-bottom:2px solid #a9907c}.card-grade{border:2px solid #655166;background:#e7c477;color:#6d526b;border-radius:50%;box-shadow:1px 2px #9f896d}.card-origin{background:#f9ebcb;border:1px solid #b29a7e;color:#927452;border-radius:2px}.card-element{background:#fff0cf;border:1px solid #9b8378}.character-copy{background:#fff1d1}.character-copy h3{color:#5d485f}.character-copy h3 small,.character-copy>p{color:#94718d}.card-language{color:#967f61;border-color:#d9c39e}.card-language b{color:#9b743f}.empty-character{background:#f1e3c9;border:2px dashed #b49a81;color:#947862;border-radius:5px 9px}.simple-member{background:#efe3c8;border:2px solid #a58a80;border-radius:3px 7px;box-shadow:0 2px #c1a78b}.simple-member.locked{background:#d7cbb5;opacity:.6}.candidate{background:#fff0d0;border:2px solid #b29a86;border-radius:5px 10px;box-shadow:0 2px #c4ac8b;color:#6c5269}.candidate.selected{border-color:#776184;background:#dfcbe7}.candidate small{color:#93709b}.formation-footer>span{color:#907752}.formation-footer strong{color:#785583}.arena-badge{background:#e7d4b5;border:1px solid #ad8b77;border-radius:3px 6px;color:#81644e}.boss-arena{background:#d9c5e1}.boss-life{background:#e7c4b7;border:1px solid #9a777f}.boss-life i{background:#ac7f9f}.boss-life>span{color:#fff0d2}.arena-power{color:#916b92}.arena-power strong{color:#74517e}.arena-power>b{background:#f1e6ca;color:#8f795d;border-radius:3px}.trial-rule{background:#f7e6bf;border:1px solid #baa084;border-radius:4px 7px;color:#7d635d}.trial-rule small{color:#9c8068}.chapter-select{background:#f3e2be;border:1px solid #bda581;border-radius:5px}.floor{background:#fff0cd;border:1.5px solid #aa927a;color:#92725c;border-radius:3px 6px;box-shadow:0 2px #c9b18c}.floor.selected{background:#c1a6d1;border-color:#695272;color:#fff1d4}.floor.cleared{background:#c6d5b5;border-color:#8a9a78;color:#597057}.ranking-board{background:#536d5d;color:#fff0cb;border-color:#514158}.ranking-head{background:#41594b;border-bottom:1px solid #9cad91;color:#d8ddb5}.ranking-row{border-color:#90a08466;color:#fff1d2}.ranking-row b{color:#fff1d2}.ranking-row small{color:#c9d3ae}.ranking-row.me{background:#657f6a;border-left:3px solid #e4bc68}.ranking-row i{background:#e3bd6d;color:#6e5245;border-radius:3px}.rank-no{color:#e4bc68}.report-list>button{background:#f9ebca;border:1.5px solid #b19880;border-radius:4px 8px;color:#74586e}.result-badge,.result-badge.win{background:#cbd7b6;color:#60754f;border:1px solid #94a87c;border-radius:2px 4px}
/* Recruitment is a student file; talents are removable coloured paper slips. */
.setup-heading h1{color:#624b61}.setup-heading p,.setup-navigation{color:#937963}.setup-navigation button{color:#856481}.setup-progress:before{background:#c7af91}.setup-progress b{border-color:#b19a80;background:#f5e5c6;color:#ac9276}.setup-progress .current b{border-color:#69516d;background:#bda2ce;color:#fff0d0}.setup-progress .done b{background:#bfcfae;border-color:#889a76;color:#667c54}.setup-chosen{background:#ddc9df;border:1.5px solid #ac8eb6;border-radius:4px 8px}.setup-chosen small{color:#93749d}.school-wallet{background:#f1d9a5;border:1.5px solid #b89863;border-radius:3px 6px;color:#927041}.student-roll-card{border:2px solid #8f7593;border-radius:5px 14px 7px 9px;background:#e8d5e9;box-shadow:0 4px #aa8fad}.single-roll-label{color:#926e94}.single-roll-label small{background:#d4b6df;color:#86658e;border:1px solid #b698bf;border-radius:3px 5px}.student-portrait:before{border-color:#b49abe;background:#f1dfeb;opacity:.6}.student-summary h2{color:#5e475f}.student-persona,.student-budget{color:#a07d9d}.student-talent-title{color:#745677}.initial-stat-grid>div{background:#f2e6d5;border:1px solid #bfa6b5;border-radius:4px}.initial-stat-grid span{color:#977b8e}.initial-stat-grid b{color:#86608d}.initial-stat-grid .strong-stat{background:#f3d392;border-color:#bd985a}.initial-stat-grid .strong-stat b{color:#a37b3e}.talent-inline article,.talent-detail-list article{border:1.5px solid var(--talent);border-radius:3px 7px 4px 5px;background:var(--talent-bg);box-shadow:1px 2px #51415818}.talent-inline header{color:var(--talent)}.talent-inline p{color:#73615f}.talent-lock{border:1px solid #a58a69;border-radius:3px;background:#f5e7c6;color:#95754b;box-shadow:0 1px #c8ad83}.talent-lock.locked{background:#e4bd6b;color:#785531;border-color:#a17c42}.student-roll-card .random-button{background:#f3d495;color:#8a6337;border:2px solid #a5804b;border-radius:5px 9px 5px 7px;box-shadow:0 3px #b18d56}.single-teacher-option{border:2px solid #b39887;border-radius:4px 8px;background:#faebcd;box-shadow:0 2px #c3aa8d;color:#765874}.single-teacher-option.selected{border-color:#80658f;background:#ddc8e4;box-shadow:0 2px #a38aac}.single-teacher-option small{color:#937288}.single-teacher-summary{background:#efd69d;border:1px solid #b5945f;border-radius:3px 7px;color:#8a693d}.single-teacher-summary b,.single-teacher-summary p{color:#8a693d}.setup-oath-list>button{background:#f7e7c6;border:2px solid #a88b80;border-radius:5px 10px;box-shadow:0 3px #c1a78b}.setup-oath-list>button.selected{border-color:#795b87;background:#d9c1df;box-shadow:0 3px #a284aa}.setup-oath-list b{color:#76557d}.setup-oath-list p{color:#967889}
/* Supply cabinet: 15 flat illustrated props, collector tags, a wooden delivery crate. */
.supply-icon.supply-illustration{filter:none!important}.mall-heading h1{color:#624b61}.mall-wallet{border:1.5px solid #a4834c;border-radius:4px 7px;background:#f1d69b;color:#8e6638;box-shadow:0 2px #c2a169}.supply-banner{background:#d8c6df;border:2px solid #7d627f;border-radius:7px 13px 6px 10px;box-shadow:0 3px #ad91b3,inset 0 0 0 4px #e5d7eb;padding:13px 12px 10px}.supply-banner:before{display:none}.supply-banner-kicker{color:#917799}.supply-banner h2{font-size:23px;color:#715078}.supply-banner p{color:#9a7ea1}.supply-banner-art{height:107px;padding:0;gap:0;justify-content:center}.supply-crate-art{width:100%;height:112px;overflow:visible;filter:none}.supply-banner>strong{border:1px solid #b69a67;border-radius:3px 5px;background:#f3dfb2;color:#977143;padding:4px;font-size:9px}.supply-pity{border:1px solid #c4ae8b;background:#e4d3b4;border-radius:3px 6px;color:#92744f}.supply-pity b{color:#76577a}.supply-links,.supply-links button{color:#9c7c67}.supply-collection-heading h2{color:#75546f}.supply-collection-heading>span{color:#a88a73}.supply-growth-wallet{border:1.5px solid #af936e;border-radius:4px 8px;background:#e8d0a4;color:#8a643d}.supply-growth-wallet button{border:1px solid #9d7b53;background:#f7e6bf;color:#856239;border-radius:3px 5px;box-shadow:0 1px #bea172}.supply-tile,.screen-sheet .supply-tile{position:relative;min-height:132px;border:2px solid #8e738d;border-radius:5px 10px 6px 8px;background:#f8eacf;color:#745871;box-shadow:1px 3px #b29b87;padding:6px 4px;gap:1px}.supply-tile-quality{position:relative;align-self:flex-start;background:var(--supply-bg);border:1px solid var(--supply-color);border-radius:2px 5px;padding:2px 5px;color:var(--supply-color);font-size:8px}.supply-tile:before{content:'';position:absolute;top:4px;right:5px;width:8px;height:8px;border:1px solid #c0a78b;border-radius:50%;background:#f1e0bc}.supply-tile .supply-illustration,.screen-sheet .supply-tile .supply-illustration{width:54px;height:54px;margin:1px 0}.supply-tile>b{font-size:11px;color:#684f65}.supply-tile>small{font-size:8px;color:#a28365}.supply-tile>em{background:var(--supply-bg);color:var(--supply-color);font-size:7px;border-radius:2px 4px;border:0;padding:2px 5px}.supply-level{color:#aa895b;font-size:8px}.supply-copies{color:#ab9275;font-size:7px;margin-top:2px}.supply-detail{color:#75576f}.supply-detail>.supply-illustration,.screen-sheet .supply-detail>.supply-illustration{width:106px;height:106px;margin:5px auto}.supply-stars{color:#d0a34b;text-shadow:0 1px #af8143;letter-spacing:3px}.supply-detail-buff{background:#e7dac1;border:1.5px solid #b69b7e;border-radius:3px 7px;color:#886b52}.supply-detail-buff>b{color:#796071}.supply-upgrade-panel{background:#e6d4e5;border:1.5px solid #b198b6;border-radius:4px 8px;color:#8a6a8b;box-shadow:0 2px #d0b9d4}.supply-upgrade-panel>div:first-child{color:#967244}.supply-upgrade-panel p{color:#98729a}.supply-recycle-link{color:#9b7d6a}.supply-recycle-link button{color:#a27268}.supply-result-card{background:#f7e8c8;border:2px solid #927494;border-radius:4px 7px;box-shadow:0 2px #b19a82}.supply-result-card small{color:var(--supply-color)}.supply-result-card b{color:#6b506a}.supply-result-card em{color:#a0805f}.supply-result-cost{color:#9b7a55}.supply-empty{border:2px dashed #c3a98c;background:#f4e4c8;border-radius:4px 8px;color:#a2866c}.loadout-summary{border:2px solid #a88e77;background:#f7e5bd;border-radius:4px 9px;box-shadow:0 2px #c4ab88}.loadout-summary>b,.loadout-summary b{color:#805e4d}.loadout-summary>div>span{color:#a48b6e}.loadout-slots>span{border:1px solid #aa9077;background:#f2e3c5;border-radius:3px 6px}.loadout-slots .supply-illustration{width:35px;height:35px}.loadout-bonus{color:#ab8652}.loadout-bonus b{color:#94703e}.loadout-help{color:#a78b70}.loadout-item{background:#f8ebce;border:2px solid #b49a83;border-radius:4px 9px;box-shadow:0 2px #c6ae8f;color:#74566c}.loadout-item.selected{border-color:#7c9475;background:#dbe2c5;box-shadow:0 2px #afbf9b}.loadout-item b{color:#6d7458}.loadout-item b small{color:#9a895f}.loadout-item em,.loadout-item .supply-buff{color:#8d7d5e}.carried-supplies>span{background:#f4e5c9;border:1px solid #b39b80;border-radius:3px 7px;color:#8c6f66}.carried-supplies b{color:#765a71}.carried-supplies small{color:#a68b6b}.recycle-quality-choices button{border:1.5px solid #b2977c;background:#f6e6c7;border-radius:4px 7px}.recycle-quality-choices button.selected{background:#dec6e3;border-color:#886a94}.supply-rate-table{border-color:#c2aa86;color:#967553}.supply-rate-table th{background:#ebd9b4;color:#85613e}
/* Dialogs are bound paper, with the same physical buttons and quality stamps. */
.sketch-dialog,.sketch-dialog.wide-dialog{isolation:isolate;background:#fff1d1;background-image:linear-gradient(90deg,#d4c0a2 0 5px,transparent 5px);border:3px solid #72596c;border-radius:8px 14px 8px 11px;box-shadow:0 5px 0 #80675a,0 18px 65px #33283850;color:#71566d}.sketch-dialog:before{content:'';position:absolute;left:0;right:0;top:0;height:25px;background:#e6d3b2;border-bottom:1px solid #b59b80;z-index:-1}.sketch-dialog::backdrop{background:#302b345e;backdrop-filter:blur(3px)}.dialog-close{background:#e4bd71!important;border:2px solid #8e6b50!important;border-radius:6px 8px!important;color:#805b49!important;box-shadow:0 2px #c39c62;top:5px;right:7px}.dialog-close .campus-icon{width:20px;height:20px}.dialog-end-run{color:#a87c70}.screen-dialog-body h2{color:#70506f;font-weight:900}.screen-dialog-actions{background:#fff1d1}.screen-dialog-actions .modal-footer{border-top:1px dashed #c6aa8a;background:#fff1d1}.screen-dialog-actions .button{border-radius:5px 9px 6px 7px}.screen-sheet>p,.screen-sheet .small.muted{color:#9b816b}.detail-hero h2,.finish-hero h2{color:#644b65}.detail-hero p,.finish-hero p{color:#9c7e86}.detail-hero .game-kicker{color:#a38766}.tags>span{background:#e8d8b8;border:1px solid #c6ab87;border-radius:2px 5px;color:#8e6f55}.tags>span small{color:#ac8d67}.mini-stats span,.mini-stats em{color:#9b7d83}.language-bars>div{color:#9b7e61}.event-options>button,.campus-options>button{border:2px solid #b59980;border-radius:4px 8px;background:#f5e5c4;box-shadow:0 2px #c9ad8b;color:#795d6c}.event-options b{color:#6c516c}.event-options small{color:#a17c65}.option-letter{color:#b58b4c;background:#edd39b;border:1px solid #c6a569;border-radius:3px 5px;padding:3px;font-size:15px}.event-heading h2{color:#77536e}.event-heading p,.event-protection{color:#a08661}.shop-card{border:2px solid #ad917b;border-radius:5px 9px;background:#f7e8c6;box-shadow:0 3px #c2a586}.shop-card h3{color:#795574}.shop-card p{color:#a78368}.shop-focus,.shop-focus label{color:#a17b60}.learned-list>div:not(.empty-state){background:#dfd0e5;border:1.5px solid #ad91b8;border-radius:4px 8px;color:#7c5985}.skill-row{border-color:#d4bd9c;color:#84647d}.skill-row small{color:#a5816c}.skill-row i{color:#a37a42}.teacher-progress>div{background:#e9d6b5;border:1px solid #c2a27b;border-radius:3px 7px;color:#8b6b4c}.history-list>div{border-color:#d7bea0}.guide-steps>div{border-color:#d6bd99}.guide-steps h3{color:#765572}.guide-steps p{color:#a17d64}.battle-stage{border:2px solid #af92b7;background:#d6c3df;border-radius:6px 10px}.battle-result{color:#9b776a}.battle-result.passed{color:#6f8b62}.battle-result>div{border-color:#b19978;background:#ebd6a9}.result-numbers{background:#e6d2e9;border:1.5px solid #b295bc;border-radius:4px 8px;padding:9px 5px}.result-numbers strong{color:#8a6595}.result-numbers span,.result-numbers small{color:#aa8a9e}.war-notes{background:#eadbbc;border:1px solid #c0a378;border-radius:3px 7px;color:#9e7c5f}.war-notes p{color:#987552}.contribution-list>div{border-color:#dac1a0;color:#8a677f}.round-details{color:#997b65}.school-name-label,.school-name-note{color:#9b7b60}input,select,#school-name{border:1.5px solid #b89a80;background:#fff5db;color:#70516b;border-radius:4px 7px}input:focus,select:focus,#school-name:focus{border-color:#9870a8}#notice{background:#5d4862;color:#fff0ce;border:2px solid #9a7b94;border-radius:5px 9px;box-shadow:0 3px #51415840}.reward-flight>span{background:#f5dfa3;border:1.5px solid #b28d4e;border-radius:3px 6px;color:#8e643b;box-shadow:1px 2px #7c5c5230;transform:rotate(-3deg)}.reward-flight .negative-gain{background:#dfb2a5;color:#965e54;border-color:#b98672}.lesson-clock-overlay{background:#52455135;backdrop-filter:blur(2px)}.lesson-clock-card{background:#fff0cf;border:3px solid #735b70;border-radius:8px 13px;box-shadow:0 5px #9c826a;color:#7a567f}.lesson-clock{background:#ead29b;border:3px solid #8a675b;box-shadow:inset 0 0 0 4px #fff0ce}.lesson-clock i,.lesson-clock b{background:#806079}.lesson-clock-card strong{color:#6e4f73}.just-rewarded .stage-character{animation:world-cheer .48s cubic-bezier(.2,.8,.3,1)}
@keyframes world-cheer{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-6px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(1deg)}}
@media(max-height:730px){.attribute-choice .campus-prop{width:29px;height:29px}.attribute-choice>strong{font-size:19px}.classroom-tools>button{width:28px;height:29px}.classroom-tools>button .campus-icon{width:23px;height:23px}.supply-banner{padding:10px 10px 8px}.supply-banner-art{height:91px}.supply-crate-art{height:96px}.supply-banner h2{font-size:21px}.screen-sheet .supply-tile{min-height:128px}.screen-sheet .supply-tile .supply-illustration{width:50px;height:50px}.mobile-top .brand>span{font-size:17px}.classroom-screen .classroom-stage{border-width:2px}.classroom-nameplate b{font-size:9px;max-width:94px}.school-next-goal{font-size:7px;max-width:31%;padding:5px 3px}.school-calendar-screen .classroom-nameplate>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Give collectible artwork room to read at phone size: four items on a wooden shelf. */
.supply-collection,.screen-list-page.supply-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px}.supply-collection.screen-list-book{background:none;border:0;padding:0;box-shadow:none}.screen-list-page.supply-collection{background:#ddc69f;border:2px solid #a18471;border-radius:5px 8px;padding:6px;box-shadow:0 3px #b19376}.supply-tile,.screen-sheet .supply-tile{min-height:165px;gap:1px}.supply-tile .supply-illustration,.screen-sheet .supply-tile .supply-illustration{width:80px;height:80px;margin:1px 0}.supply-tile>b{font-size:12px}.supply-tile>small{font-size:9px}.supply-tile .supply-level{font-size:8px}.supply-tile .supply-copies{font-size:8px}.supply-tile-quality{font-size:9px}.screen-sheet .supply-tile>em{font-size:8px}@media(max-height:730px){.supply-tile,.screen-sheet .supply-tile{min-height:157px}.supply-tile .supply-illustration,.screen-sheet .supply-tile .supply-illustration{width:72px;height:72px}.screen-list-page.supply-collection{gap:8px;padding:5px}}

.supply-tile[data-quality="3"]{background:#e6d1ea;border-color:#87618f;box-shadow:1px 3px #b093b8}.supply-tile[data-quality="4"],.supply-result-card[data-quality="4"]{background:#f5dfa3;border-color:#98703f;box-shadow:1px 3px #b18a52,inset 0 0 0 2px #ffecc0}.supply-tile[data-quality="4"]:before{background:#e5b95c;border-color:#b18845}.supply-tile[data-quality="4"]:after{content:'★';position:absolute;top:3px;right:4px;font-size:10px;line-height:12px;color:#916334}.supply-result-card[data-quality="3"]{background:#dfc7e5;border-color:#87618f}.supply-results.is-revealing .supply-result-card{animation:world-unpack 420ms var(--delay) cubic-bezier(.2,.8,.3,1) both}@keyframes world-unpack{0%{opacity:0;transform:translateY(9px) rotate(-3deg) scale(.95)}70%{opacity:1;transform:translateY(-2px) rotate(1deg) scale(1.02)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.supply-results.is-revealing .supply-result-card{animation:none}}
/* A ten-pull is a full page of reward tickets, rather than ten tiny app tiles. */
.supply-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.supply-result-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:12px auto 12px;column-gap:3px;row-gap:1px;min-height:72px;padding:5px;text-align:left;align-items:center}.supply-result-card .supply-illustration{grid-column:1;grid-row:1/4;width:47px;height:47px}.supply-result-card>small{grid-column:2;grid-row:1;font-size:8px}.supply-result-card>b{grid-column:2;grid-row:2;font-size:10px;line-height:1.25;min-height:0;margin:0;overflow-wrap:anywhere}.supply-result-card>em{grid-column:2;grid-row:3;font-size:7px;line-height:1.2}.supply-results>h2{font-size:21px;margin:5px 0 12px;line-height:1.3}.supply-result-cost{margin:9px 0;font-size:11px}.supply-result-card:only-child{display:flex;flex-direction:column;min-height:185px;text-align:center;align-items:center}.supply-result-card:only-child .supply-illustration{width:88px;height:88px}.supply-result-card:only-child b{font-size:14px}.button.primary,.screen-main-actions>.button.primary{background:#846096}.button.primary:active:not(:disabled){background:#78558b}
@media(max-height:730px){.supply-result-card{min-height:68px}.supply-result-card:only-child{min-height:170px}}

/* Existing saved classic-route runs use the same school materials. */
.route-card{background:#fff0cf;border:2px solid #8c6f87;border-radius:4px 10px 5px 8px;box-shadow:0 3px #b09480;color:#75556f}.route-card.rarity-elite{background:#f3d79e;border-color:#a27c4d}.route-card-top,.node-reward-sub,.node-detail{color:#a18466}.node-title,.node-reward strong{color:#76527f}.node-go{background:#ddc7e4;color:#87608c;border-radius:3px 5px}.node-risk{color:#ad766c}.camp-rest{background:#d4ddbf;border:2px solid #8a9c7d;border-radius:4px 8px;box-shadow:0 2px #b0bc98;color:#6e7c60}.camp-rest small{color:#9ba17c}.button.danger{background:#d69c99;border-color:#8b6264;color:#6e464d;box-shadow:0 3px #a47974}.event-risk{color:#b17769}