:root{color:#e7edf6;background:#18120f}header{color:#e7edf6}.mark{color:#efac66}#brand small{color:#8d9eaf}.pill{background:#34261fc9;color:#efdbc7;border-color:#7e5a40}.eyebrow{color:#dca06d}h1{font-weight:500;letter-spacing:-2.8px}h1>span{color:#ef9a72}#intro p{color:#acbbcc}#intro .primary{background:#eaa25e;color:#0b2229;border:1px solid #ffd09a;box-shadow:0 0 28px #d58b461c}#intro .hint{color:#8497b0}.room-nav{background:#2b201ae8;border-color:#70523e;box-shadow:0 8px 35px #0007;color:#e2c8af}.room-nav button:hover,.room-nav button:focus-visible{background:#503626;color:#ffe4b9}footer{color:#647991}#loading{color:#edbd8c}#tooltip{background:#453023;color:#ffe5bf;border:1px solid #ad744a}.grain{opacity:.024}#desktop{box-shadow:0 0 45px #edaa602a}#desktop .windowbar{background:#38291f;color:#fff0da}#desktop .window-title::after{background:#57402e;color:#e6c8a8}#desktop .close{background:#654b37;color:#f5dfc5}#about-board{background-color:#947657}.board-heading,.board-footer{color:#fff3dd}@media(max-width:760px){#intro{top:125px}h1{font-size:38px}#intro p{max-width:275px}}
body[data-mode=work] #brand,body[data-mode=about] #brand{background:#2d211bed;padding:10px 15px;border:1px solid #78553c;border-radius:10px}#desktop .eyebrow{color:#a85a35}

#room{cursor:grab}#room:focus-visible{outline:2px solid #eaa25e;outline-offset:-4px}@media(max-width:760px){#intro .hint{display:block;max-width:260px;font-size:11px;line-height:1.6}}

#intro{display:none!important}footer>span:first-child{font-size:11px;color:#e2c8af}header{pointer-events:none}header a,header button{pointer-events:auto}

#little-things{position:fixed;z-index:6;left:24px;bottom:70px;width:250px;color:#f3dfc7;background:#2d211bf0;border:1px solid #79583e;border-radius:16px;padding:14px;font-size:12px}#little-things summary{cursor:pointer;letter-spacing:1px}#little-things .little-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#little-things button{background:#533b29;border:1px solid #a4764c;border-radius:16px;color:#ffe5bc;padding:8px 10px;font-size:12px}#little-things p{line-height:1.6;margin-bottom:0}body[data-mode=work] #little-things,body[data-mode=about] #little-things{display:none}@media(max-width:760px){#little-things{left:12px;bottom:115px;width:210px}}

#little-things small{display:block;font-size:10px;line-height:1.5;margin-top:12px;color:#cdb499}#little-things small a{color:#edbf88}

/* Keep the studio identity readable against warm white walls. */
#brand{background:#2d211be8;padding:10px 15px;border:1px solid #78553c;border-radius:10px}