/* Unlocked: a quiet gallery with a pixel-art signature. */
:root{--bg:#151715;--panel:#1e211e;--line:#343a34;--text:#edf0e9;--muted:#a3ada2;--green:#b8d99c;--gold:#dbca9c;color-scheme:dark}
body{background:#151715;background-image:none;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
header{height:88px;padding:0 max(32px,calc((100vw - 1440px)/2));gap:46px;background:#151715;border-bottom:1px solid #303630;box-shadow:none;position:relative}
.brand{color:#f1f0e7;font-size:23px;font-weight:650;letter-spacing:-.6px;gap:12px}.puzzle-logo{width:30px;height:30px}header nav{gap:29px}header nav a{font-size:14px;font-weight:500;color:#a6afa5;position:relative;padding:31px 0}header nav a:hover{color:#f0f3eb}header nav a.active{color:#eaf2e1}header nav a.active:after{content:'';position:absolute;bottom:17px;left:calc(50% - 2px);width:4px;height:4px;background:#b8d99c;border-radius:50%}
.topsearch{background:#20241f;border:1px solid #343b32;border-radius:8px;width:205px;padding:9px 12px;color:var(--text);font-size:12px}.repository-shortcut{background:#233526;border:1px solid #436c46;box-shadow:none;border-radius:9px;width:38px;height:38px;margin-left:-28px;color:#bce2a5}.repository-shortcut:hover{background:#304935;border-color:#85b475}.repository-shortcut svg{width:20px;height:20px}.avatar{border:1px solid #5f685a;background:#354030;box-shadow:none;color:#d8e5ca;font-size:13px;border-radius:50%;width:33px;height:33px;margin-left:-28px}.repository-shortcut+.avatar{margin-left:-28px}
main{max-width:1440px;padding:36px 32px 60px;margin:auto}.discovery-search{margin:3px 0 37px;position:relative;max-width:560px}.discovery-search:before{content:'';position:absolute;width:12px;height:12px;border:1.5px solid #9eac98;border-radius:50%;left:18px;top:16px;pointer-events:none}.discovery-search:after{content:'';position:absolute;width:6px;height:1.5px;background:#9eac98;left:29px;top:29px;transform:rotate(45deg);pointer-events:none}.discovery-search input{width:100%;background:#20241f;border:1px solid #3d4638;border-radius:10px;padding:13px 18px 13px 46px;font-size:14px;min-height:48px}.discovery-search input:hover{border-color:#67755e}.discovery-search input:focus{outline:2px solid #8cac72;outline-offset:3px}
.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.work-card{min-width:0}.work-preview{border-radius:13px;background:#242a22;isolation:isolate}.work-art{height:auto;aspect-ratio:16/10;transition:transform .35s cubic-bezier(.22,1,.36,1)}.work-preview:hover .work-art{transform:scale(1.025)}.work-preview:focus-visible{outline:2px solid #b8d99c;outline-offset:5px}.work-info{padding:17px 2px 0;gap:11px}.work-title{font-size:15px;font-weight:550;letter-spacing:.1px;color:#e7ece2;line-height:1.55}.work-title:hover{color:#c9e2b2}.work-author{color:#9eaa98;font-size:12px;margin-top:3px}.creator-mark{width:33px;height:33px;border-radius:50%;font-size:12px;border:3px solid #ffffff0d}.work-category{font-size:11px;color:#9ca795;margin:7px 0 0 46px}.like-work{color:#aeb7a8;padding:6px 9px;font-family:Arial,sans-serif}.like-work:hover{background:#242c22;border-radius:8px}.preview-label{border:1px solid #ffffff26;background:#19201cdb;border-radius:5px;padding:4px 8px;bottom:15px;right:15px;color:#edf1df;font-size:10px}
.art-forest{background:#bdcdb3!important}.trees{background:#5e7d63;border-color:#8aa079}.trees i:before{background:#365a48}.sun{background:#f0e2b2;box-shadow:0 0 60px #e8dda83d}.forest-ui{top:30px;left:30px;font-size:12px;color:#335440}.art-blocks{background:#cfc6d9!important}.block-world{transform:rotate(-10deg) scale(1.3)}.art-caption{color:#4e4165;font-size:9px;letter-spacing:2px;bottom:25px}.art-tasks{background:#d7cdb9!important;padding:10%}.task-demo{padding:26px;transform:rotate(-4deg);border-radius:6px;box-shadow:0 16px 32px #4e423329}.task-demo h3{font-size:22px;color:#3d4036}.task-demo p{border-radius:3px;padding:12px 7px}.art-type{background:#94adb5!important}.type-demo{font-size:clamp(35px,4vw,62px);color:#25434b;letter-spacing:-2px}.type-demo em{color:#f4efdc}.type-demo small{letter-spacing:2px;color:#294b55;font-size:9px}
button{border:1px solid #475341;background:#293225;border-radius:7px;box-shadow:none;color:#e4eddc;padding:9px 15px;transition:background .16s,border-color .16s}button:hover{background:#35442f;border-color:#839a72}button:focus-visible,a:focus-visible{outline:2px solid #b8d99c;outline-offset:4px}input,textarea,select{border-radius:7px!important;caret-color:#c4dfa9}::placeholder{color:#a4afa0}::selection{background:#b8d99c;color:#182014}*{scrollbar-color:#4a5742 #171c15}.feed-heading h1{font-size:25px;font-weight:600;letter-spacing:-.4px}.feed-heading span{color:#a3ada2}.feed-filters input,.feed-filters select{background:#20271e;border:1px solid #44513c;color:#e0ead9}.feed-heading button,.experience-button{background:#466037;border-color:#6c855b}.work-detail{gap:44px;grid-template-columns:minmax(0,1fr) 310px;margin-top:28px}.work-detail .work-art{height:auto;border-radius:12px}.work-detail h1{font-size:25px;letter-spacing:-.5px}.work-detail aside>p{line-height:1.9}.work-next{border-color:var(--line)}.work-next a{color:#aebba5}.play-area:not(:empty){background:#20261d;border-radius:10px}.paint-cell{border-radius:0;background:#172015;border-color:#43523b}.work-next a[aria-current]{color:#d9d2af}.tag{color:#b4c8a5;border-color:#566449;background:transparent}.notice{color:#aeb79f}.back-feed{color:#aeb8a5}
.repository-header h1 a{color:#c3d7b4}.repository-tabs{border-color:#3a4534}.repository-tabs .chosen{border-color:#b8d99c;color:#d5e6c6}.file-toolbar{background:#293225;border-color:#47563e}.file-list a,.thread-row,.repo,.discussion{background:#1e251b;border-color:#3d4835}.file-list a:hover,.thread-row:hover,.repo:hover{background:#283122}.file-content,.readme,.thread{background:#1b2218;border-color:#3d4835}.repository-note{color:#a6b49c}.repo h3,.discussion h3{color:#d6dfbd}.repo p,.discussion p{color:#b4c1aa}.repo h3 span,.meta{color:#9fb292}.star{background:#293225;border:1px solid #526147;box-shadow:none}.side a{color:#b8c5ad}.side a.selected{background:#2d3926;border:1px solid #637b52;box-shadow:none;color:#dae7cb;padding:9px 11px}.side hr{border-color:#35412f}.side .label{color:#a0ae95}.tabs{background:#1a2117;border:1px solid #46563c;border-bottom:0;box-shadow:none}.tabs button.active{background:#293325;border:1px solid #637b52;border-bottom-color:#293325;color:#dae7cb}.filterbar{background:#293325;border-color:#46563c}.filterbar input,.filterbar select{background:#182014;border:1px solid #526147}#results{background:#1a2117;border:1px solid #46563c;box-shadow:none}.bottom{border-color:#303a2a;color:#9ba78f}
.tutorial-row{border-color:#35422f}.tutorial-summary h2{font-weight:550}.tutorial-meta,.tutorial-summary p,.tutorial-summary small{color:#b0bea5}.tutorial-cover{border-radius:8px}.tutorial-byline,.tutorial-resources{border-color:#35422f}.tutorial-code{background:#10170d;border-color:#3b4b32;border-radius:8px}.tutorial-article section p{color:#c4cfba}.tutorial-description{color:#b7c5ad}.tutorial-outline>button{color:#b0c09f}.resource-card{background:#20271d;border:1px solid #3b4832;border-radius:10px}.resource-card p,.resource-card-foot small,.resource-type{color:#afc09f}.resource-card h2{font-weight:550}.resource-card-foot,.resource-guidelines{border-color:#3b4832}.resource-monogram{border-radius:8px}.resource-disclosure{background:#263020;color:#c3d2b4;border-radius:7px}.resource-application input:not([type=checkbox]),.resource-application select,.resource-application textarea,#repository-body input,#repository-body textarea{background:#182014;border:1px solid #526147}.tutorial-article>h1{font-size:30px;font-weight:600}.tutorial-outline h3{color:#cad7bd}.user-banner .avatar{border-radius:12px;background:#35482c}.profile-tabs{border-color:#35422f}dialog{background:#20291c;border:1px solid #687e57;border-radius:12px;box-shadow:0 24px 80px #0009}dialog input,dialog textarea{background:#161e12;border:1px solid #526147}.resource-switch button.chosen{background:#35482c;border-color:#6a8358;color:#e0ebd6}
@media(min-width:1200px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.work-art{aspect-ratio:4/3}}
@media(min-width:1650px){main{max-width:1600px}.works-grid{gap:42px 30px}}
@media(max-width:1100px){header{gap:26px}.topsearch{width:170px}.repository-shortcut,.repository-shortcut+.avatar{margin-left:-10px}header nav{gap:22px}.work-detail{gap:28px;grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:750px){header{height:auto;min-height:100px;padding:17px 22px 0;gap:16px;flex-wrap:wrap}.brand{font-size:22px}.topsearch{display:none}.repository-shortcut{margin-left:auto}.repository-shortcut+.avatar{margin-left:0}header nav{order:3;width:100%;padding:0;gap:30px;overflow:auto}header nav a{padding:13px 0 17px;font-size:13px}header nav a.active:after{bottom:8px}main{padding:25px 20px 45px}.discovery-search{margin:0 0 27px;max-width:none}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.work-art{aspect-ratio:4/5}.work-title{font-size:13px}.work-info{gap:8px;align-items:start;padding-top:12px}.creator-mark{width:26px;height:26px;flex-shrink:0}.work-author{font-size:10px}.work-category{margin-left:34px;font-size:10px}.like-work{font-size:20px;padding:0 3px}.task-demo{padding:14px;min-width:170px}.task-demo h3{font-size:16px}.task-demo p{font-size:8px;padding:7px 3px}.task-demo>div{gap:5px}.block-world{transform:rotate(-10deg) scale(.8)}.type-demo{font-size:29px}.forest-ui{left:15px;top:23px;font-size:10px}.preview-label{font-size:8px;padding:3px 5px;right:8px;bottom:8px}.work-detail{display:block}.work-detail .work-art{aspect-ratio:4/3}.work-detail aside{margin-top:28px}.work-detail .type-demo{font-size:50px}.work-detail .block-world{transform:rotate(-10deg) scale(1.1)}}
@media(max-width:390px){main{padding-left:14px;padding-right:14px}.works-grid{gap:24px 12px}.creator-mark{display:none}.work-category{margin-left:0}.work-title{font-size:12px}.task-demo{min-width:150px;padding:10px}.type-demo{font-size:26px}header nav{gap:25px}}
@media(prefers-reduced-motion:reduce){.work-art,button{transition:none}.work-preview:hover .work-art{transform:none}}