.lab-shortcuts{margin:0 0 18px}.lab-shortcuts button{display:flex;align-items:center;gap:8px}.practice-intro{margin:14px 0;font-size:13px;line-height:1.6}
#practice-kind,#token-scenario{max-width:100%;width:100%;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:0}
.practice-flow{display:flex;align-items:center;gap:12px;padding:10px 0 18px;font:11px 'Courier New',monospace}.practice-flow>span{padding:5px 9px;background:var(--mint);border:1px solid var(--line)}
.practice-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.practice-workbench>section{min-width:0}.practice-workbench .field-label{overflow-wrap:anywhere;font:11px/1.6 'Courier New',monospace}
#practice-json{display:block;width:100%;min-height:235px;resize:vertical;background:var(--white);padding:12px;border:2px inset #b8c8b6;border-radius:0;font:12px/1.65 'Courier New',monospace;margin:10px 0 12px;tab-size:2}
.practice-response{padding:16px;background:#e3e9db;min-height:220px;border:1px solid #9bb3a1}.practice-response h4{font-size:12px;margin-bottom:10px}.practice-response p{font-size:12px;line-height:1.65;margin:10px 0}.practice-response pre{font:11px/1.6 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.http-code{font:14px/1.7 Pixel,monospace}.practice-error{color:#7c3d36}#xss-preview{width:100%;height:170px;border:2px inset var(--line);margin-top:18px;background:var(--paper)}#window-practice .code-block{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px}
.token-world{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:12px;margin:18px 0}.token-wallet,.token-pool{min-width:0;min-height:155px;padding:17px;background:#dce8d9;box-shadow:var(--bevel);display:flex;flex-direction:column;gap:8px}.token-wallet>svg{width:32px;height:32px}.token-world b{font-size:12px}.token-world strong{font:16px/1.5 Pixel,monospace;overflow-wrap:anywhere}.token-world small{font:11px/1.6 'Courier New',monospace}.token-gate{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;text-align:center}.token-gate>svg{width:26px;height:26px}.gate-closed{color:#974f43}
.liquidity-bars{display:flex;gap:3px;height:39px;align-items:stretch}.liquidity-bars i{flex:1;max-width:16px;background:#c2cbb9;border:1px solid #9eb09d}.liquidity-bars .filled{background:var(--teal);border-color:#294f44}
.token-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.token-metrics>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #b2c2ac;padding:7px 0;font-size:11px}.token-metrics dd{margin:0;font-family:'Courier New',monospace}.token-admin{border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.token-admin>span{font-size:11px}.token-admin .button-row{margin-top:8px}#window-tokens details h4{margin-top:15px}#window-tokens details a{display:inline-block;margin-top:12px}
.game-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 16px}.game-heading h3{font:13px/1.7 Pixel,monospace}.game-heading>span{font:12px 'Courier New',monospace;white-space:nowrap}
.mine-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,352px);margin:0 auto 18px;background:var(--line);padding:5px;border:3px inset var(--silver);gap:2px}.mine-grid button{aspect-ratio:1;min-height:0;padding:0;font:bold 18px 'Courier New',monospace;display:grid;place-items:center}.mine-grid button.revealed{box-shadow:none;background:#e6e9d9}.mine-grid button:disabled{opacity:1}.mine-grid .mine-hit{background:#c78d7c}.mine-grid button svg{width:20px;height:20px}
.snake-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));width:min(100%,350px);aspect-ratio:1;margin:auto;border:5px inset #b4c6af;background:#d8e5cc;padding:6px;gap:2px}.snake-grid i{background:#cfddc5;aspect-ratio:1}.snake-grid .snake-body{background:#548c73}.snake-grid .snake-head{background:#244a3f;box-shadow:inset -3px -3px #91bea0}.snake-grid .snake-food{background:#bf8073;box-shadow:inset -3px -3px #8c554c}
.direction-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:42px 42px;justify-content:center;gap:5px;margin:16px auto}.direction-pad button{display:grid;place-items:center}.direction-pad [data-direction=up]{grid-column:2}.direction-pad [data-direction=left]{grid-column:1;grid-row:2}.direction-pad [data-direction=down]{grid-column:2;grid-row:2}.direction-pad [data-direction=right]{grid-column:3;grid-row:2}.direction-up{transform:rotate(-90deg)}.direction-left{transform:rotate(180deg)}.direction-down{transform:rotate(90deg)}
.signature-card{border:1px solid var(--line);box-shadow:var(--bevel);padding:20px;background:#e3e9db}.signature-card>svg{width:34px;height:34px;margin-bottom:14px}.signature-card h4{font-size:15px;margin-bottom:9px}.signature-card p{font-size:13px;line-height:1.7}.signature-card pre{font:12px/1.8 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0;padding:13px;background:var(--paper)}.quiz-result{padding:32px 0}.quiz-result h3{font:30px Pixel,monospace;margin-bottom:18px}.quiz-result p{margin-bottom:18px}
@media(min-width:1000px){#window-practice{width:min(950px,calc(100vw - 285px));left:max(258px,calc((100vw - 950px)/2))}#window-games{width:550px;max-width:calc(100vw - 285px)}}
@media(max-width:1100px){.practice-workbench{grid-template-columns:1fr}.practice-response{min-height:100px}}
@media(max-width:480px){.token-world{grid-template-columns:1fr 45px 1fr;gap:6px}.token-wallet,.token-pool{padding:10px;min-height:158px}.token-world strong{font-size:12px}.token-metrics{grid-template-columns:1fr}.game-heading{align-items:flex-start;flex-direction:column}.practice-flow{gap:6px}.practice-flow>span{padding:5px;font-size:10px}.practice-workbench .chips button{font-size:11px}#window-games .window-content{padding:18px 12px}.mine-grid{padding:3px;gap:2px}.mine-grid button{font-size:16px}}
/* Compact walkthroughs: the outcome first, raw response on demand. */
.request-trace{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.request-trace li{display:flex;align-items:flex-start;gap:9px;padding:9px;background:#edf0e1;border-left:3px solid #a4b5a1;font-size:12px;line-height:1.6}.request-trace b{font:11px/1.8 'Courier New',monospace;flex:none}.request-trace .trace-pass{border-color:#376d60}.request-trace .trace-stop{border-color:#977041;background:#f0e6cb}.request-trace .trace-warn{border-color:#a46057;background:#eedbd1}.response-json summary{font-size:11px}.practice-sections{margin-top:12px}
.prompt-copy{display:flex;align-items:center;gap:9px;margin-top:18px}.prompt-deliverables{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;font:11px/1.7 'Courier New',monospace}.prompt-deliverables span{padding:3px 6px;border:1px solid #b5c5b1;background:#e1e8d9}#prompt-context{word-break:normal;line-height:1.6;resize:vertical;min-height:90px}#prompt-preview{max-height:420px}#window-prompts select{max-width:100%}
.quick-launch{display:flex;gap:4px;flex:none;border-right:1px solid #98a791;padding-right:7px}.taskbar .quick-launch button{display:grid;place-items:center;width:34px;min-width:34px;padding:4px}.quick-launch svg{width:23px;height:23px}
.desktop-group h2{position:absolute;top:91px;font:9px/1.6 'Courier New',monospace;color:#294b40;width:120px;text-align:center;pointer-events:none}.desktop-group.group-0 h2{left:14px}.desktop-group.group-1 h2{left:138px}.desktop-group.group-2 h2{left:262px}.custom-layout .desktop-group h2{visibility:hidden}
@media(max-width:800px){.desktop-icons{grid-template-columns:1fr;gap:14px;margin:0 16px 22px}.desktop-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.desktop-group h2{position:static;grid-column:1/-1;width:auto;text-align:left;font-size:10px;padding-left:4px;visibility:visible!important}.desktop-group .desktop-icon{min-height:74px}.taskbar .quick-launch button{width:30px;min-width:30px;padding:3px}.quick-launch{padding-right:4px;gap:3px}.quick-launch svg{width:21px;height:21px}.task-buttons button{min-width:38px;flex:0 0 85px}.taskbar{gap:4px}.system-tray{gap:3px;padding:3px}#clock{display:none}}
@media(min-width:801px) and (max-height:580px){.desktop-icon{min-height:70px;font-size:10px;gap:4px}.desktop-icon svg{width:32px;height:32px}}
@media(prefers-reduced-motion:no-preference){.request-trace li{animation:trace-arrive .2s ease-out both}.request-trace li:nth-child(2){animation-delay:.08s}.request-trace li:nth-child(3){animation-delay:.16s}.request-trace li:nth-child(4){animation-delay:.24s}@keyframes trace-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}

/* Classic cascading Start menu, also usable by touch and keyboard. */
.start-menu{overflow:visible}.start-items{min-width:205px;max-width:225px}.start-items>button{gap:10px;padding:10px 12px;min-height:43px}.start-items>button>span{flex:1}.start-items>button>.submenu-arrow{width:10px;height:10px}.start-items>button[aria-expanded="true"]{background:var(--teal);color:var(--white)}.start-flyout{position:fixed;width:236px;max-height:calc(100dvh - 56px);overflow:auto;padding:4px;background:var(--silver);box-shadow:var(--bevel),4px 3px #17362c38;z-index:1101}.start-flyout button,.start-flyout a{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:43px;padding:10px 12px;box-shadow:none;background:none;text-decoration:none;font-size:12px}.start-flyout :is(button,a):hover,.start-flyout :is(button,a):focus-visible{background:var(--teal);color:var(--white)}.start-flyout a{justify-content:space-between}.start-flyout svg{width:24px;height:24px}.start-flyout a svg{width:15px;height:15px}.start-items .arrange-button{border-top:1px solid #a7b7a0;margin-top:4px;font-size:11px}
@media(max-width:600px){.start-menu{width:156px}.start-brand{font-size:11px;padding:12px 5px}.start-items{min-width:0;max-width:none;flex:1}.start-items>button{gap:6px;padding:10px 5px;font-size:11px}.start-items>button>svg{width:18px;height:18px}.start-items>button>.submenu-arrow{width:8px;height:8px}.start-flyout{width:min(236px,calc(100vw - 168px))}.start-flyout button,.start-flyout a{padding:10px 7px;gap:7px;font-size:11px;overflow-wrap:anywhere}.start-flyout svg{width:19px;height:19px}}
@media(min-width:801px) and (max-height:499px){.desktop-group h2{top:63px;width:244px}.desktop-group.group-1 h2{left:262px}.desktop-group.group-2 h2{left:510px}}