@font-face{font-family:Pixel;src:url('./pixel.ttf') format('truetype');font-display:swap}
:root{--mint:#b9d8c9;--paper:#f1f0df;--silver:#d4d9ca;--ink:#253d37;--teal:#376d60;--line:#7b9284;--white:#fffef3;--amber:#f0dbab;--bevel:inset -1px -1px 0 #607466,inset 1px 1px 0 var(--white),inset -2px -2px 0 #a4ad9c,inset 2px 2px 0 #edf1df}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.55 Tahoma,Verdana,Arial,sans-serif;background:#9fbfb0;min-height:100dvh;overflow:hidden}body::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#b9d8c9bf,#b9d8c926),var(--desktop-wallpaper,url('./wallpapers/delorean.jpg')) center/cover;z-index:-1}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:0;background:var(--silver);box-shadow:var(--bevel);min-height:34px;padding:7px 13px}button:hover{background:#e1e5d6}button:active,button[aria-pressed="true"]{box-shadow:inset 1px 1px #526e60,inset -1px -1px var(--white);background:#bfd1bf}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.file-button:focus-within{outline:2px dashed #204d40;outline-offset:3px}a{color:#225a4d;text-underline-offset:3px}svg{display:block;width:24px;height:24px;flex:none;shape-rendering:crispEdges}.icon-library{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,h4,p{margin:0}p+p{margin-top:10px}[hidden]{display:none!important}button,a,summary{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:-100px;left:10px;z-index:10000;background:var(--paper);padding:12px}.skip-link:focus{top:10px}.desktop-heading{display:flex;align-items:center;gap:18px;position:fixed;top:26px;left:30px;font-size:12px}.desktop-heading h1{font:14px/1.5 Pixel,monospace;letter-spacing:1px}.desktop-heading>span{border-left:1px solid #637e6d;padding-left:18px}.desktop-icons{position:fixed;inset:0;pointer-events:none}.desktop-icon{position:absolute;width:100px;min-height:88px;box-shadow:none;background:none;display:flex;flex-direction:column;align-items:center;gap:9px;padding:6px 2px;font-size:11px;text-align:center;pointer-events:auto;touch-action:none;user-select:none}.desktop-icon svg{width:42px;height:42px;filter:drop-shadow(2px 2px #ffffff55)}.desktop-icon>span{background:#d5e5d2e8;padding:1px 5px;line-height:1.45;max-width:100px}.desktop-icon:hover{background:none}.desktop-icon:hover>span,.desktop-icon:focus-visible>span{background:var(--teal);color:white}.desktop-icon.dragging{z-index:900;cursor:grabbing;opacity:.9}.wallpaper-note{position:fixed;right:35px;bottom:78px;color:#f5f4d9;font:10px/2 Pixel,monospace;text-shadow:1px 1px #1e342c;pointer-events:none;letter-spacing:1px;white-space:pre-line}
.window{position:fixed;top:13vh;left:max(258px,calc((100vw - 750px)/2));width:min(810px,calc(100vw - 286px));background:var(--paper);box-shadow:var(--bevel),5px 6px #17362c38;padding:3px;display:flex;flex-direction:column;max-height:calc(100dvh - 13vh - 64px);border:1px solid #62796c;z-index:10;min-height:160px}.titlebar{background:var(--teal);color:var(--white);height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 4px 3px 7px;flex:none;cursor:grab;touch-action:none;user-select:none}.window.inactive .titlebar{background:#687e72}.titlebar h2{font:600 12px/1 Tahoma,sans-serif;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.titlebar svg{width:20px;height:20px}.window-controls{display:flex;gap:3px}.window-controls button{min-height:22px;height:22px;width:24px;padding:0;color:var(--ink);font:bold 16px/20px Arial,sans-serif}.window-content{overflow:auto;overscroll-behavior:contain;padding:24px 27px 26px;min-height:0;scrollbar-color:#98ad9b #e0e6d7;scrollbar-width:thin}.window.maximized{top:8px!important;left:8px!important;width:calc(100vw - 16px);max-height:calc(100dvh - 59px);height:calc(100dvh - 59px)}.window.maximized>.window-content{flex:1}.window.maximized .payment-grid{max-width:1000px;margin:auto}.window.dragging{user-select:none}.utility-window{width:min(610px,calc(100vw - 286px));left:max(278px,calc(50vw - 200px));top:10vh;max-height:calc(100dvh - 10vh - 64px)}.music-window{width:min(670px,calc(100vw - 286px))}.statusbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 9px;background:var(--silver);box-shadow:inset 1px 1px #a0af9d;font:10px/1.5 'Courier New',monospace;min-height:30px;flex:none}.statusbar button{min-height:20px;box-shadow:none;padding:0 7px;background:none}.section-intro{margin:0 0 22px}.section-intro h3{font:15px/1.8 Pixel,monospace;letter-spacing:-.4px;max-width:620px;margin-bottom:12px}.section-intro p{font-size:13px;max-width:560px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}.chips button{font-size:12px;padding:6px 13px;min-height:32px}.lab-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lab-tile{display:flex;align-items:center;gap:15px;text-align:left;padding:19px 15px;min-height:111px;background:#dfe5d5}.lab-tile svg{width:37px;height:37px}.lab-tile>span:not(.tile-arrow){min-width:0;flex:1}.lab-tile b{display:block;font-size:13px;margin-bottom:6px;line-height:1.4}.lab-tile small{display:block;font-size:11px;line-height:1.6;font-weight:400}.tile-arrow{align-self:flex-start;color:#546f5c}.soft-note{font-size:12px;padding:12px 14px;background:#e2e9d9;line-height:1.65;margin-top:20px}.mini-note{font-size:11px;line-height:1.65;color:#516a5a;margin-top:15px}.eyebrow{font:10px/1.8 'Courier New',monospace;letter-spacing:1.2px;color:#5b7061}.primary{background:var(--teal);color:var(--white);box-shadow:inset 1px 1px #94b3a4,inset -1px -1px #163e2f,2px 2px #293f3033;font-weight:600;padding:10px 16px;min-height:40px}.primary:hover{background:#285b4e}.primary:active{background:#285b4e;color:white}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.button-row button{font-size:12px}details{margin-top:16px;padding-top:13px;border-top:1px solid #bdc8b5}summary{cursor:pointer;font-size:13px;line-height:1.6}summary:hover{color:#1d5a46}details>p,details>ul,details>.source-links{margin-top:12px;font-size:13px;line-height:1.7}details>button{margin-top:10px}details li{margin:7px 0}details ul{padding-left:19px}pre,code{font:12px/1.7 'Courier New',monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}.code-block{padding:15px;background:#e1e8d9;box-shadow:inset 1px 1px #8fa58e;max-height:290px;overflow:auto;margin:16px 0;font-size:11px}.source-links{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:12px}.source-links a{overflow-wrap:anywhere}.search-box{display:flex;align-items:center;gap:8px;padding:7px 10px;box-shadow:inset 1px 1px #718575,inset -1px -1px white;background:var(--white);margin-bottom:15px}.search-box svg{width:19px;height:19px}.search-box input{width:100%;min-width:0;background:none;border:0;padding:4px;font-size:13px}.topic-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;box-shadow:none;background:none;border-bottom:1px solid #c6cfbb;padding:15px 3px}.topic-row>span:nth-child(2){flex:1;min-width:0}.topic-row b{display:block;font-size:13px;font-weight:600}.topic-row small{display:block;font-size:11px;font-weight:400;margin-top:5px}.row-time{font-size:10px;white-space:nowrap;color:#5b7061}.file-dot{width:20px;color:var(--teal);font-size:16px}.article-title{font:17px/1.7 Pixel,monospace;margin:14px 0}.article-short{font-size:13px;color:#536c5d;margin-bottom:23px}.article-section h4{font-size:13px;margin-bottom:9px}.article-section p{font-size:14px;line-height:1.8}.resource-row{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;padding:14px 3px;border-bottom:1px solid #c6cfbb;font-size:12px}.resource-row>span:first-child{display:flex;align-items:center;gap:13px}.resource-row b{font-weight:400}.resource-row:hover{background:#e1e6d6}.resource-row svg{width:25px;height:25px}.paste-notice{background:#eee3c1;border-left:3px solid #a58e52;padding:14px 16px;margin:20px 0;font-size:12px}.paste-notice p{font-size:12px;line-height:1.7;margin:7px 0 10px}.snippet-result{background:#283f37;color:#e5f0d6;padding:14px;max-height:200px;overflow:auto;margin-top:18px;font-size:11px}.field-label{display:block;font-size:12px;margin:17px 0 8px}select,textarea{border:1px solid #7c9281;border-radius:0;background:var(--white);padding:9px;width:100%;max-width:100%;font-size:13px}textarea{resize:none;overflow-wrap:anywhere;word-break:break-all;font-family:'Courier New',monospace}input[type=range]{accent-color:var(--teal)}
.has-lesson{padding:0}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 18px;border-bottom:1px solid #bdc8b5;font-size:12px}.lesson-toolbar button{box-shadow:none;background:none;padding:5px 0;font-size:12px;min-height:28px}.lesson-count{font:11px 'Courier New',monospace;color:#627868}.lesson-inner{padding:22px 27px}.simulation-label{font:9px/1.8 'Courier New',monospace;letter-spacing:1.2px;color:#65785f;margin-bottom:19px}.payment-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px}.pixel-title{font:18px/1.7 Pixel,monospace;letter-spacing:-.5px;margin:13px 0 15px}.payment-grid article>p{font-size:13px;line-height:1.7}.wallet-panel{background:#d9e6d8;box-shadow:inset 1px 1px #859b8c,inset -1px -1px #fffdef;padding:17px 19px;align-self:start}.balance-label{display:block;font-size:12px;margin:18px 0 6px}.wallet-panel>strong{display:block;font:22px/1.7 Pixel,monospace;white-space:nowrap}.wallet-panel dl{border-top:1px dashed #97ad98;padding-top:13px;margin:13px 0}.wallet-panel dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;margin:9px 0}.wallet-panel dd{font-family:'Courier New',monospace;margin:0;font-weight:bold;white-space:nowrap}.wallet-panel button{font-size:11px;min-height:32px;width:100%}.result-box{background:#e0e9d6;padding:13px 16px;border-left:3px solid var(--teal);margin-top:22px;font-size:12px;line-height:1.7}.model-switch{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:12px}.model-switch button{font-size:11px;min-height:30px;padding:5px 12px}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:15px;border-top:1px solid #bdc8b5;font-size:11px}.lesson-navigation button{font-size:12px}.lab-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.lab-bottom button{background:none;box-shadow:none;padding:5px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.model-desk{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:18px;background:#dfe7d5}.test-user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:11px 'Courier New',monospace}.test-user svg{width:45px;height:45px}.message-route{display:flex;align-items:center;gap:20px;padding:26px;background:#dce7d6;margin-top:16px;overflow-wrap:anywhere}.message-route svg{width:45px;height:45px}.message-route code{flex:1}.text-output{padding:25px;background:var(--white);min-height:90px;box-shadow:inset 1px 1px #7b9284}.allowance-screen{background:#d6e2cc;padding:22px}.allowance-screen>span{display:flex;align-items:center;gap:10px;font-size:12px}.allowance-screen small{display:block;margin-top:18px}.allowance-screen strong{font:25px/2 Pixel,monospace}.backup-visual{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px;background:#e5dfc3;font:18px/1.8 'Courier New',monospace}.backup-visual svg{width:52px;height:52px}.seed-choices{display:grid;gap:10px;margin-top:20px}.seed-choices button{text-align:left;font-size:13px;padding:12px 16px}
.tape-decks{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tape-deck{background:#cbd4c3;box-shadow:var(--bevel);padding:14px;min-width:0}.deck-top{display:flex;align-items:baseline;justify-content:space-between;font:9px/1.5 'Courier New',monospace;gap:8px;margin-bottom:13px}.deck-top b{font-size:12px}.cassette{background:#4b6557;border:3px solid #2b4237;box-shadow:inset 0 0 0 2px #7c9380;padding:10px 10px 6px;position:relative}.cassette-label{background:var(--paper);font:10px/1.6 'Courier New',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 7px}.reels{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0 8px}.reels span{display:block;width:34px;height:34px;background:#c1d0ba;color:#2d493a;border:5px solid #263e32;border-radius:50%;font:25px/24px monospace;text-align:center}.reels i{width:30px;height:15px;background:#273b30;border-top:4px solid #a3b497;border-bottom:4px solid #a3b497}.tape-bottom{text-align:center;color:#d5e3cb;font:8px/1.5 'Courier New',monospace;letter-spacing:2px}.track-info{margin:15px 0 12px;min-height:37px}.track-info b{display:block;font:11px/1.6 'Courier New',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info small{font-size:10px;color:#526550}.player-buttons{display:flex;gap:5px}.player-buttons button{flex:1;font:16px/1.2 sans-serif;padding:6px;min-height:33px}.seek-label{display:block;margin-top:10px}.seek-label input{width:100%;margin:0}.time-label{display:block;text-align:right;font:9px/1.6 'Courier New',monospace}.volume-label{display:flex;align-items:center;gap:8px;font-size:10px;margin:13px 0}.volume-label input{width:100%;min-width:0}.file-button{display:block;background:#dce3d0;box-shadow:var(--bevel);padding:8px;font-size:10px;text-align:center;cursor:pointer}.file-input{display:block;font-size:10px;max-width:100%;margin-top:7px}.playlist{padding-left:20px}.playlist button{box-shadow:none;background:none;font-size:10px;text-align:left;max-width:100%;overflow-wrap:anywhere;padding:4px;min-height:25px}.playlist button[aria-pressed=true]{background:#b9cdb2}.audio-error{font-size:11px;color:#8d392d;margin-top:10px}.like-button{font-size:17px;padding:12px 23px;color:#804d48}.donation-box{border-top:1px solid #bdc8b5;margin-top:25px;padding-top:4px}.donation-box .primary{margin-top:13px}.about-mark{display:flex;align-items:center;gap:16px;margin-bottom:20px;font:20px Pixel,monospace}.about-mark svg{width:52px;height:52px}
.taskbar{position:fixed;bottom:0;left:0;right:0;height:46px;display:flex;align-items:center;gap:9px;padding:5px;background:var(--silver);box-shadow:inset 0 2px var(--white);z-index:1000}.taskbar button{font-size:12px;min-height:32px;padding:4px 10px}#start{display:flex;align-items:center;gap:8px;padding:4px 10px}#start svg{width:22px;height:22px}.task-buttons{display:flex;gap:5px;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}.task-buttons button{display:flex;align-items:center;gap:7px;min-width:105px;max-width:170px;white-space:nowrap;flex:0 1 150px}.task-buttons button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-buttons button svg{width:18px;height:18px}.system-tray{display:flex;align-items:center;gap:8px;box-shadow:inset 1px 1px #93a38e,inset -1px -1px var(--white);padding:3px 8px;font:11px 'Courier New',monospace;height:34px;flex:none}.system-tray button{box-shadow:none;background:none;min-height:25px;padding:1px 4px;font:11px 'Courier New',monospace}.system-tray #tray-heart{font-size:18px;color:#804d48}.start-menu{position:fixed;bottom:46px;left:5px;background:var(--silver);padding:4px;box-shadow:var(--bevel),4px 3px #17362c38;display:flex;z-index:1100;max-height:calc(100dvh - 65px)}.start-brand{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--teal);color:var(--paper);font:16px Pixel,monospace;padding:15px 8px;letter-spacing:2px}.start-items{display:flex;flex-direction:column;overflow:auto;min-width:240px}.start-items>p{font:9px/1.4 'Courier New',monospace;color:#607363;letter-spacing:1px;margin:9px 16px 3px}.start-menu button{display:flex;align-items:center;gap:14px;box-shadow:none;background:none;text-align:left;padding:9px 18px;font-size:12px;min-height:39px}.start-menu button:hover{background:var(--teal);color:var(--white)}.start-menu .arrange-button{border-top:1px solid #aabda4;font-size:11px;margin-top:5px}.toast{position:fixed;right:12px;bottom:58px;background:var(--paper);box-shadow:var(--bevel);max-width:320px;padding:11px 15px;z-index:1200;font-size:12px;pointer-events:none}.toast:empty{display:none}.noscript{position:fixed;top:20%;left:20%;right:20%;padding:30px;background:var(--paper)}
@media(min-width:1600px){.window{top:18vh;max-height:calc(100dvh - 18vh - 64px)}.utility-window{top:14vh;max-height:calc(100dvh - 14vh - 64px)}}
@media(max-width:1150px) and (min-width:801px){.window{left:245px;width:calc(100vw - 265px)}.payment-grid{grid-template-columns:1fr 235px;gap:18px}.wallet-panel{padding:14px}.wallet-panel>strong{font-size:18px}.lab-catalog{grid-template-columns:1fr}.lab-tile{min-height:86px;padding:14px}.tape-decks{grid-template-columns:1fr}.window-content{padding:20px}.has-lesson{padding:0}.pixel-title{font-size:15px}.lesson-inner{padding:20px}.wallpaper-note{display:none}}
@media(max-width:800px){body{overflow:auto;padding-bottom:65px}.desktop-heading{position:relative;left:auto;top:auto;padding:22px 18px;gap:14px;align-items:flex-start}.desktop-heading h1{font-size:11px;white-space:nowrap}.desktop-heading>span{font-size:10px;padding-left:12px;max-width:210px}.desktop-icons{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 3px;margin:0 12px 20px;pointer-events:auto}.desktop-icon{position:relative;left:auto!important;top:auto!important;width:auto;min-width:0;min-height:76px;gap:7px;font-size:10px;touch-action:auto}.desktop-icon svg{width:34px;height:34px}.desktop-icon>span{max-width:92px}.wallpaper-note{display:none}.window,.window.maximized{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 24px)!important;max-width:660px;max-height:none!important;height:auto!important;margin:0 auto 24px}.window[data-window]:not(.mobile-front){display:none!important}.window-content{overflow:visible;padding:22px 19px}.has-lesson{padding:0}.titlebar{cursor:default;touch-action:auto}.window-controls button[data-maximize]{display:none}.titlebar h2{font-size:11px}.section-intro h3{font-size:14px}.lab-catalog{grid-template-columns:1fr;gap:10px}.lab-tile{min-height:88px;padding:14px}.lab-tile svg{width:34px;height:34px}.payment-grid{grid-template-columns:1fr;gap:24px}.lesson-inner{padding:20px}.pixel-title{font-size:17px}.wallet-panel>strong{font-size:25px}.lesson-toolbar{font-size:11px;padding:10px 14px;gap:10px}.lesson-toolbar>span:nth-child(2){flex:1}.wallet-panel dl>div{font-size:12px}.taskbar{gap:5px}.task-buttons button{min-width:65px;max-width:120px;font-size:10px;padding:4px 7px}.task-buttons svg{display:none!important}.system-tray{padding:3px 5px;gap:5px}.system-tray #tray-heart{display:none}#clock{font-size:10px}.taskbar #start{font-size:11px;gap:5px;padding:4px 7px}.taskbar #start svg{width:20px}.statusbar{font-size:9px}.row-time{display:none}.topic-row{gap:8px}.model-desk{grid-template-columns:1fr}.test-user{flex-direction:row}.tape-decks{grid-template-columns:1fr 1fr;gap:12px}.tape-deck{padding:11px}.deck-top>span{display:none}.cassette{padding:8px}.reels{gap:5px}.reels i{width:20px}.reels span{width:30px;height:30px;font-size:21px;line-height:21px}.track-info b{font-size:10px}.file-input{font-size:9px}.start-items{min-width:220px}.start-menu button{padding:8px 15px;min-height:35px}.start-items>p{font-size:8px}.article-title{font-size:15px}}
@media(max-width:480px){.tape-decks{grid-template-columns:1fr}.tape-deck{padding:17px}.deck-top>span{display:block}.reels i{width:45px}.reels span{width:38px;height:38px;line-height:29px;font-size:28px}.cassette{padding:12px}.row-time{display:none}.toast{left:12px;right:12px;max-width:none}}
@media(prefers-reduced-motion:no-preference){.reels.spinning span{animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}}

.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.tape-deck:has(.file-input:focus-visible) .file-button{outline:2px dashed #204d40;outline-offset:3px}

.supported-networks{font-size:11px;line-height:1.8;margin-top:12px}.supported-networks b{font-weight:600}

.tape-decks{display:block;max-width:278px;margin:auto}.music-window .window-content{padding:15px}.music-window .tape-deck{padding:14px}.music-window .cassette{padding:8px 10px 5px}.music-window .track-info{margin:12px 0 8px}.music-window .reels{padding:9px 0 6px}.like-count{display:inline-block;font-size:12px;margin:10px 0 0 15px;color:#536c5d}
@media(min-width:801px){.music-window{width:330px;min-width:300px}}

.key-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.key-card{margin:0;padding:14px;background:#e8ebd9}.key-card summary{display:flex;align-items:center;gap:12px}.key-card summary svg{width:32px;height:32px;flex:none}.key-card summary b{display:block;font-size:13px}.key-card summary small{display:block;font-size:11px;line-height:1.5;font-weight:400;margin-top:5px}.key-card[open]{grid-column:1/-1}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:7px;font:11px/1.6 'Courier New',monospace}.word-grid small{color:#657b6e;margin-right:7px;font-size:9px}@media(max-width:480px){.key-cards{grid-template-columns:1fr}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.step-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:15px 28px 4px}.step-tiles button{padding:8px 4px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.step-tiles b{display:grid;place-items:center;min-width:26px;height:26px;font:13px Pixel,monospace;border:1px solid #8da591}.step-tiles [aria-current=step]{background:var(--teal);color:var(--paper)}.step-tiles [aria-current=step] b{border-color:#b5d5b9}.story-card{background:#e8ebd9;padding:15px 18px;margin:12px 0}.story-card summary b{font-size:14px}.story-card summary small{display:block;font-size:12px;font-weight:400;color:#536c5d;margin-top:6px;line-height:1.5}.story-card h4{font-size:12px;margin:18px 0 5px;color:#326354}.story-card p{font-size:13px;line-height:1.7}.story-card .source-links{margin-top:17px}.story-link{margin-bottom:15px;font-size:12px}.resource-copy{display:block}.resource-copy small{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:4px;color:#536c5d}@media(max-width:600px){.step-tiles{padding:12px 14px 3px;gap:5px}.step-tiles button{flex-direction:column;font-size:9px;gap:5px;padding:6px 2px}.step-tiles b{min-width:25px;height:25px}}
/* Small desktop lettering, visible even in the narrow preview pane. */
.desktop-heading>span{font:9px/1.8 Pixel,monospace;letter-spacing:.15px}
@media(min-width:801px){.wallpaper-note{display:block;right:28px;bottom:80px;max-width:440px;font:10px/2.1 Pixel,monospace;letter-spacing:.4px;text-shadow:2px 2px #183d35,0 0 8px #183d3580}}
@media(min-width:801px) and (max-width:1150px){.wallpaper-note{right:23px;max-width:380px;font-size:9px}}

.home-heart{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#172d28;box-shadow:var(--bevel)}.home-heart img{display:block;width:29px;height:29px}.home-heart:focus-visible{outline:2px dashed #f6f1d9;outline-offset:4px}.desktop-heading{align-items:center}.desktop-heading h1{margin:0}@media(max-width:800px){.desktop-heading{gap:10px;flex-wrap:wrap}.desktop-heading>span{flex:1;min-width:120px;padding-left:10px}.home-heart{width:29px;height:29px}.home-heart img{width:24px;height:24px}}

.click-spark-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10000}

.player-buttons button{display:grid;place-items:center}.player-glyph{display:block;width:20px;height:20px;fill:currentColor;shape-rendering:crispEdges}.reels span{display:grid;place-items:center}.reel-glyph{display:block;width:100%;height:100%;fill:currentColor;shape-rendering:crispEdges}

/* Pixel UI icons stay independent of platform emoji fonts. */
svg.inline-icon{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-2px;fill:currentColor;shape-rendering:crispEdges}
svg.icon-after{margin-left:7px}
svg.icon-before,.like-button>.inline-icon{margin-right:7px}
.file-dot{display:flex;align-items:center;justify-content:center;flex:none}
.resource-row>span:first-child{min-width:0}
.resource-copy{min-width:0;overflow-wrap:anywhere}
.resource-row>.inline-icon{align-self:center;margin-left:4px}
.window-controls button{display:grid;place-items:center}
.window-controls button>.inline-icon{margin:0;width:12px;height:12px}
#tray-heart{display:grid;place-items:center}
#tray-heart>.inline-icon{width:16px;height:16px;margin:0}
summary{list-style:none;position:relative;padding-left:22px}
summary::-webkit-details-marker{display:none}
summary>.inline-icon.disclosure{position:absolute;left:0;top:3px;width:12px;height:12px;margin:0}
details[open]>summary>.disclosure{transform:rotate(90deg)}