.app-nav svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.desk-scene{position:relative}.desk-props .note{visibility:hidden}.desk-collectible{position:absolute;z-index:2;top:37px;left:41%;width:95px;height:105px;padding:0;background:transparent;color:#6e785e;transform:rotate(-7deg)}
.desk-collectible img{width:85px;height:82px;object-fit:contain;filter:drop-shadow(0 9px 5px #44392625)}.desk-collectible span{display:block;font-size:8px;letter-spacing:.3px}.desk-collectible:focus-visible{outline-offset:0}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.project-card{padding:0;text-align:left;background:#fffcf5;border:1px solid #fff;border-radius:23px;box-shadow:0 10px 28px #514c3910;overflow:hidden;color:var(--ink)}
.project-card:hover{box-shadow:0 12px 30px #514c3920}.project-art{height:170px;position:relative;background:linear-gradient(145deg,var(--project-light),#f7f4e9);overflow:hidden}
.project-number{position:absolute;top:14px;left:17px;font-size:10px;color:#5f6c5866;letter-spacing:1px}.mini-keyboard{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:152px;height:88px;background:#efeade;border:3px solid #fffcf4;padding:9px;border-radius:12px;position:absolute;left:15px;top:49px;transform:rotate(-12deg);box-shadow:0 8px 0 #c4c2b7,0 16px 22px #494c3633}.mini-keyboard i{border-radius:3px;background:var(--project-color);box-shadow:0 2px 0 #60634544,inset 0 1px 1px #ffffffaa}.mini-keyboard i:nth-child(4n){background:var(--project-light)}.project-art img{position:absolute;width:104px;height:110px;object-fit:contain;right:0;bottom:4px;filter:drop-shadow(0 8px 5px #655b3422)}
.project-copy{padding:19px}.project-tag{font-size:8px;letter-spacing:1.1px;color:#748268}.project-copy h2{font:500 25px Georgia,serif;letter-spacing:-.5px;margin:8px 0}.project-copy p{font-size:12px;line-height:1.65;color:#718068;margin:0;min-height:40px}.project-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-top:20px}.project-bottom b{font-size:20px;font-weight:400}
.dialog-close{position:absolute;right:16px;top:15px;z-index:2;width:44px;height:44px;border-radius:50%;background:#fffcf2cc;color:#5e7053}#appToast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#344338;color:white;padding:14px 23px;border-radius:30px;z-index:40;font-size:13px;box-shadow:0 6px 20px #0002;max-width:90vw}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-art{height:190px}.mini-keyboard{left:15%;top:56px;width:176px;height:100px}.project-art img{right:8%;width:120px;height:132px}}
@media(max-width:760px){.desk-collectible{top:30px;left:40%;width:79px;height:85px}.desk-collectible img{width:72px;height:67px}.desk-collectible span{font-size:7px}.project-grid{gap:13px;margin-top:23px}.project-art{height:138px}.mini-keyboard{left:9%;top:48px;width:118px;height:68px;gap:3px;padding:7px;border-width:2px;box-shadow:0 5px 0 #c4c2b7,0 12px 15px #494c3633}.project-art img{right:-2px;bottom:3px;width:75px;height:88px}.project-copy{padding:15px 13px}.project-copy h2{font-size:22px}.project-copy p{font-size:11px;min-height:55px}.project-tag{font-size:7px;letter-spacing:.6px}.project-bottom{font-size:10px;margin-top:12px}.project-number{top:10px;left:12px}#appToast{bottom:95px}.collection-header h1{font-size:38px}}
@media(max-width:360px){.project-grid{gap:10px}.project-copy h2{font-size:20px}.project-art{height:126px}.mini-keyboard{width:102px;height:62px;top:43px}.project-art img{width:68px;height:75px}.project-copy{padding:14px 10px}.project-copy p{min-height:63px}.desk-collectible{left:39%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important}}

#collectionDetail #closeCollection{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border-radius:50%}
@media(max-width:760px){.mobile-jump{display:block!important;margin:15px 0}#customizeDesk{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 20px}}

@media(max-width:360px){.toy{padding-left:3px;padding-right:3px}}
#premium-checks,#premium-audio-checks,#model-checks,#runtime-error{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;font:11px monospace}

@media(max-width:760px){#deskBuilder .builder-heading{position:sticky;top:-22px;z-index:3;background:#fffdf7;padding-top:12px;margin-top:-12px;box-shadow:0 8px 12px #fffdf7}#deskBuilder #closeCustomizer{top:10px;right:0}}