/* Dash-Chan: a pocket console, warm paper, and candy-colored controls. */
:root{color-scheme:light;--bg:#f5f1e8;--ink:#202d3d;--muted:#566675;--mint:#137c69;--pink:#a33f68;--line:#c9d2d3;--panel:#fffdf7;--yellow:#ffd777;font-family:ui-rounded,"Segoe UI",system-ui,sans-serif;font-size:15px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #a33f68;outline-offset:4px}img{max-width:100%;height:auto}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding:0 32px}.nav{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:18px}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.wordmark img{flex-shrink:0}.wordmark small{font:700 9px ui-monospace,monospace;letter-spacing:.6px;border:1px solid var(--ink);border-radius:5px;padding:3px 5px;margin-left:4px}.repo-link{font-size:12px}.tabs{display:flex;gap:4px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.tabs a{display:flex;align-items:center;gap:9px;text-decoration:none;border-radius:12px;padding:12px 19px;font:500 11px ui-monospace,monospace;color:var(--muted)}.tabs a span{font:650 14px "Segoe UI",sans-serif;color:var(--ink)}.tabs a[aria-current=page]{background:var(--ink);color:#a8ddca}.tabs a[aria-current=page] span{color:#fffdf7}.tabs a:hover{box-shadow:inset 0 0 0 1px var(--ink)}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;z-index:20;background:white;padding:12px}
h1,h2,h3{line-height:1.13;letter-spacing:-.8px}h1{font-size:clamp(36px,4.2vw,58px);margin:0 0 22px;font-weight:800}h1 span{color:var(--mint)}h2{font-size:31px;margin:0 0 18px}h3{font-size:19px;margin:22px 0 12px}p{margin:0 0 18px}.eyebrow,.number{font:700 10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--mint);margin:0 0 18px}.intro{font-size:17px;max-width:470px;color:var(--muted)}.micro{font-size:11px;line-height:1.6;color:var(--muted);margin:18px 0 0}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:10px;padding:12px 17px;min-height:46px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.35;box-shadow:0 3px 0 var(--ink);background:var(--panel);color:var(--ink)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.primary{background:#a7e9cd}.subtle{background:transparent}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:55px;padding-bottom:58px}.hero>*{min-width:0}.spec-strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;font:11px ui-monospace,monospace;color:var(--muted)}.spec-strip span:before{content:'+';color:var(--pink);margin-right:6px}
.pet-shell{background:#b7b4e9;border:2px solid var(--ink);border-radius:48px 48px 70px 70px;padding:22px 23px 12px;box-shadow:0 9px 0 #807faf,0 11px 0 var(--ink);position:relative;max-width:460px;margin:0 auto;width:100%}.shell-label{font:800 11px ui-monospace,monospace;letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between;margin:2px 9px 15px}.shell-label span{font-size:8px;letter-spacing:.4px}.pet-lcd{background:#243d59;color:#fcf6df;border:5px solid #35334f;border-radius:16px;overflow:hidden;box-shadow:inset 0 3px 8px #0004}.device-top{display:flex;justify-content:space-between;padding:10px;font:9px ui-monospace,monospace;background:#142739;color:#b1efda}.recon-demo{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:180px;background:repeating-radial-gradient(circle at 30% 55%,transparent 0 25px,#a7e9cd20 26px 27px),linear-gradient(130deg,#1c4563,#6266a2)}.demo-pet{min-width:0}.demo-pet canvas{display:block;width:125%;margin-left:-9%;height:auto}.demo-radar{background:#142739e6;margin:8px 9px 8px 0;align-self:stretch;border-radius:8px;padding:11px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font:10px ui-monospace,monospace}.demo-radar b{align-self:start;color:#a7e9cd;font-size:9px}.demo-radar small{text-align:center;font:9px "Segoe UI",sans-serif;color:#c3d0df}.radar-icon{width:66px;height:66px;position:relative;border-radius:50%;border:1px solid #73b9a5;background:repeating-radial-gradient(circle,transparent 0 10px,#73b9a544 11px 12px)}.radar-icon:before,.radar-icon:after{content:'';position:absolute;background:#73b9a566}.radar-icon:before{width:1px;inset:0 auto 0 50%}.radar-icon:after{height:1px;inset:50% 0 auto}.radar-icon i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd777;top:15px;right:17px}.lcd-footer{font:11px ui-monospace,monospace;padding:10px}.xp-track{height:4px;border-radius:3px;background:#567085;margin-top:9px}.xp-track i{display:block;width:26%;height:100%;background:#a7e9cd;border-radius:3px}.shell-buttons{display:flex;justify-content:center;gap:28px;margin:20px 0 0}.shell-buttons i{width:22px;height:22px;border-radius:50%;background:#fff0bd;border:1.5px solid var(--ink);box-shadow:0 3px 0 #767196}.pet-shell>.micro{text-align:center;font-size:9px;color:#35334f;margin-top:14px}
.section{padding-top:42px;padding-bottom:55px;scroll-margin-top:15px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-title h1,.section-title h2{margin:0}.section-title>p{font-size:13px;color:var(--muted);max-width:430px;margin:0}.install-section{background:#e4ebe1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0 50px}.install-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.install-grid>div>p{font-size:14px}.steps{padding:0;list-style:none;margin:25px 0;display:grid;gap:18px}.steps li{display:flex;gap:15px;align-items:start}.steps li>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:8px;background:#ffd777;flex-shrink:0;font-size:12px;font-weight:700}.steps strong{font-size:13px}.steps p{font-size:12px;margin:4px 0 0;color:var(--muted)}.panel{border:1px solid #99a5ab;border-radius:18px;background:var(--panel);padding:25px}.panel-head{display:flex;justify-content:space-between;gap:12px;font:700 9px ui-monospace,monospace;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px;color:var(--muted)}#connection-badge{color:var(--mint)}.installer .actions{margin-bottom:14px}.check{display:flex!important;flex-direction:row;align-items:start;gap:10px;font-size:12px;margin:17px 0}.check input{margin-top:4px;accent-color:var(--mint);flex-shrink:0;width:16px;height:16px}.installer .check{margin-top:0;margin-bottom:22px}progress{display:block;width:100%;height:8px;margin:28px 0 18px;accent-color:var(--mint)}#flash-status,#avatar-status,#upload-status,#config-status{font-size:12px;min-height:30px;overflow-wrap:anywhere}#flash-log{font:10px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;background:#e8eee8;padding:12px;border-radius:7px}.installer summary{font-size:12px;color:var(--muted)}.download-links{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:11px}
.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.studio .preview{position:sticky;top:22px;background:#e2eadb;border:2px solid var(--ink);box-shadow:0 6px 0 #bdccb9;overflow:hidden}.preview canvas{width:100%;aspect-ratio:4/3;display:block;cursor:pointer;background:radial-gradient(circle at center,#d6e6da 25%,transparent 26%),repeating-linear-gradient(0deg,transparent 0 21px,#a2baaa30 22px 23px),repeating-linear-gradient(90deg,transparent 0 21px,#a2baaa30 22px 23px);border-radius:14px}.preview .panel-head{margin-bottom:0}.preview-states{display:flex;justify-content:center;gap:8px;margin-top:14px}.chip{border:1px solid #8b9f95;border-radius:9px;padding:8px 15px;background:#fffdf799;color:var(--ink);font-size:11px}.chip.selected{background:var(--ink);color:white}.scene-control{display:grid;gap:7px;font-size:11px;color:var(--muted);margin-top:24px}.preview-caption{text-align:center;color:var(--pink);font-size:14px;min-height:25px;margin:18px 0 0}.preview .micro{text-align:center}.studio-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.preset-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 30px}.preset{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel);padding:6px 4px 10px;font-size:11px;text-align:center;min-width:0}.preset:hover{border-color:var(--mint);background:#dfefe4}.preset canvas{width:82px;height:70px}.preset span{line-height:1.3}.creator-controls{display:grid;gap:18px}label{display:grid;gap:7px;font-size:12px;color:var(--muted)}input:not([type=checkbox]),select{border:1px solid #99a5ab;border-radius:8px;background:#fffef9;color:var(--ink);width:100%;min-height:44px;padding:10px 12px;font-size:14px}input[type=color]{padding:4px;cursor:pointer}input[type=file]{font-size:11px;padding:9px;max-width:100%}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font:700 10px ui-monospace,monospace;color:var(--mint);letter-spacing:1px;margin-bottom:12px}.choice-grid{display:grid;gap:8px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice{position:relative;display:block;min-width:0}.choice input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.choice span{display:flex;min-height:48px;border:1px solid var(--line);border-radius:9px;padding:10px 5px;justify-content:center;align-items:center;text-align:center;background:var(--panel);color:var(--muted)}.choice input:checked+span{border-color:var(--mint);background:#e4f1e7;color:#145548;box-shadow:inset 0 0 0 1px var(--mint)}.choice input:focus-visible+span{outline:3px solid var(--pink);outline-offset:3px}.eye-choices span{flex-direction:column;gap:4px}.eye-choices b{font:21px ui-monospace,monospace;letter-spacing:4px;color:var(--ink)}.three-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.outfit-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-form-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.text-button{border:0;background:none;padding:6px 0;color:var(--pink);font-size:11px;text-decoration:underline;text-underline-offset:4px}.import-button{border:1px dashed #91a7a1;padding:14px;border-radius:9px;margin-top:8px}.import-button span{font-size:10px}.creator-controls .micro{margin:0}.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}figure{margin:0}figure img{width:100%;display:block;border:2px solid var(--ink);border-radius:13px;image-rendering:pixelated}figcaption{font-size:11px;margin-top:10px;color:var(--muted)}figcaption span{display:block;color:var(--ink);font-size:13px;font-weight:700;margin-top:3px}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.upload-grid h2{font-size:26px}.upload-grid p{font-size:13px}.upload-grid label:not(.check){margin-top:15px}.upload-grid fieldset{margin-top:22px}.upload-grid legend{margin-bottom:0}.upload-grid hr{border:0;border-top:1px solid var(--line);margin:26px 0}.upload-grid .micro{font-size:11px}.compact-steps{font-size:12px;padding-left:20px;display:grid;gap:9px}.table-scroll{overflow:auto;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:7px 6px}td{max-width:190px;overflow-wrap:anywhere}caption{text-align:left;font-size:10px;margin:10px 0}code{font-size:.95em;background:#e6ebe5;padding:1px 4px;border-radius:3px}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}.guide-grid h3{color:var(--mint);font-size:16px;margin:0 0 12px}.guide-grid p{font-size:13px;color:var(--muted);margin:0}.faq{max-width:900px;margin:35px auto 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:14px;cursor:pointer;font-weight:650}.faq p{font-size:13px;color:var(--muted);margin:15px 0 0}.resource-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin-top:28px}.credits{display:grid;grid-template-columns:180px 1fr;gap:38px;border-top:1px solid var(--line)}.credits h2{font-size:26px}.credits p:not(.eyebrow){font-size:12px;color:var(--muted)}.brand-lockup{display:flex;align-items:center;gap:8px;background:white;padding:12px;border:1px solid var(--line);border-radius:12px;align-self:start}.brand-lockup img{object-fit:contain;width:70px;height:80px}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px!important;padding-bottom:28px!important;font-size:11px;color:var(--muted)}footer .wordmark{font-size:18px;color:var(--ink)}footer p{margin:0}.error{color:#b0293f!important}.success{color:#13704a!important}.install-grid>*,.creator-grid>*,.upload-grid>*,.screens>*,.guide-grid>*{min-width:0}
@media(max-width:950px){.hero{gap:30px}.tabs a{padding:11px 13px}.install-grid{gap:30px}.creator-grid{gap:26px}.screens{grid-template-columns:repeat(2,1fr)}.outfit-fields{grid-template-columns:1fr}.preset-gallery{grid-template-columns:repeat(3,1fr)}.pet-shell{padding:20px 15px 12px}.shell-label span{display:none}.hero h1{font-size:43px}.demo-radar{font-size:9px}}
@media(max-width:680px){.wrap{padding-left:20px;padding-right:20px}.nav{min-height:80px;gap:8px}.wordmark{font-size:22px}.wordmark img{width:36px;height:36px}.repo-link{font-size:10px;max-width:77px;text-align:right}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-bottom:12px}.tabs a{padding:10px 4px;flex-direction:column;gap:4px;font-size:9px}.tabs a span{font-size:11px;text-align:center}.hero{grid-template-columns:1fr;gap:36px;padding-top:34px;padding-bottom:40px}.hero h1{font-size:42px}.intro{font-size:16px}.pet-shell{max-width:385px}.hero .micro{font-size:10px}.spec-strip{font-size:10px;gap:11px}.section{padding-top:30px;padding-bottom:40px}.section-title{display:block}.section-title>p{margin-top:15px;font-size:12px}h1{font-size:34px}h2{font-size:28px}.install-grid,.creator-grid,.upload-grid{grid-template-columns:1fr;gap:28px}.install-section{padding:35px 0}.panel{padding:19px}.studio .preview{position:static}.preset-gallery{gap:7px}.preset{font-size:10px}.preset canvas{width:68px;height:58px}.guide-grid{grid-template-columns:1fr}.credits{grid-template-columns:1fr;gap:24px}.brand-lockup{max-width:180px}.screens{gap:12px}.actions .button{padding:12px;font-size:12px}.choice small{font-size:10px}.studio-tools .chip{padding:8px 10px}.three-colors{gap:10px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}.preview-states .chip{padding:8px 12px}.shell-label span{display:inline}.outfit-fields{grid-template-columns:1fr}.upload-grid .button{font-size:12px}.resource-links{gap:15px}}
@media(max-width:360px){.wrap{padding-left:14px;padding-right:14px}.wordmark{font-size:20px}.wordmark small{font-size:8px}.shell-label span{display:none}.tabs a span{font-size:10px}.hero h1{font-size:38px}.button{font-size:12px}.panel{padding:15px}.tabs a{padding:9px 2px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Arcade scout accents: strong solid surfaces, toy controls, quiet readable forms. */
:root{--mint:#4150a0;--pink:#a83470;--bg:#f7f3ef}
body{background-image:radial-gradient(#c9bfd466 .8px,transparent .8px);background-size:16px 16px}
.tabs a[aria-current=page]{background:#443a8b;color:#c6fef0}.tabs a:hover{box-shadow:inset 0 0 0 1px #443a8b}
h1 span{color:#6654b5}.primary{background:#95f0d5}.pet-shell{background:#b6a0f3;box-shadow:0 9px 0 #7560ac,0 11px 0 var(--ink)}
.pet-shell:before{content:'+';position:absolute;top:14px;right:24px;color:#fff0a5;font-size:27px;line-height:1}.shell-label{padding-right:21px}
.recon-demo{background:repeating-linear-gradient(0deg,transparent 0 23px,#84f8db0d 24px 25px),radial-gradient(circle at 40% 25%,#ff86c4 0 21px,transparent 22px),linear-gradient(160deg,#25236b,#6553c6)}
.recon-demo[data-world="1"]{background:radial-gradient(circle at 36% 27%,#ffdc75 0 25px,transparent 26px),linear-gradient(160deg,#812e92,#f78b78)}
.recon-demo[data-world="2"]{background:radial-gradient(circle at 30% 25%,#b0bfff 1px,transparent 2px),linear-gradient(155deg,#17275d,#4e3fa1);background-size:25px 33px,100% 100%}
.recon-demo[data-world="3"]{background:radial-gradient(ellipse at 24% 110%,#3ca985 0 60%,transparent 61%),linear-gradient(145deg,#137e91,#69c5b5)}
.lcd-footer{background:#182c49;min-height:51px}.xp-track i{background:linear-gradient(90deg,#72f8d6,#ffe28a)}
.shell-buttons{gap:22px;margin-top:17px}.shell-buttons button{width:53px;height:35px;border-radius:12px;background:#ffdf79;border:1.5px solid var(--ink);box-shadow:0 3px 0 #7560ac;color:var(--ink);font:700 10px ui-monospace,monospace}.shell-buttons button:nth-child(2){background:#92efdb}.shell-buttons button:nth-child(3){background:#ffabd4}.shell-buttons button:active{transform:translateY(2px);box-shadow:0 1px 0 #7560ac}
.install-section{background:#e4e0f3}.steps li>span{background:#ffd777}.studio .preview{background:#d8cdf5;box-shadow:0 6px 0 #aa98cf}.preview canvas{border:2px solid #343153;background:#25236b;border-radius:11px;margin-top:15px;image-rendering:auto}.preview .panel-head{color:#443669}.preview-caption{color:#682c58;font-weight:600}.preview .chip{border-color:#7f7297;background:#f9f1ff}.preview .chip.selected{background:#443a8b;color:#fff}.scene-control{margin-top:16px;color:#443669}.preview-states{flex-wrap:wrap}.preset:nth-child(6n+1){background:#fff0bf}.preset:nth-child(6n+2){background:#c9f4df}.preset:nth-child(6n+3){background:#e0d4ff}.preset:nth-child(6n+4){background:#d7edff}.preset:nth-child(6n+5){background:#e6deef}.preset:nth-child(6n+6){background:#ffdfd1}.preset{border-color:#aea0b3}.preset:hover{border-color:#443a8b;transform:translateY(-2px)}.choice input:checked+span{background:#e8dfff;color:#443669;box-shadow:inset 0 0 0 1px #6654b5;border-color:#6654b5}.guide-grid .panel:nth-child(4n+1){border-top:5px solid #b3a0ec}.guide-grid .panel:nth-child(4n+2){border-top:5px solid #75d9be}.guide-grid .panel:nth-child(4n+3){border-top:5px solid #f5c465}.guide-grid .panel:nth-child(4n+4){border-top:5px solid #f2a1c7}
@media(max-width:680px){.preview-states .chip{padding:7px 10px}.shell-label{font-size:10px}}