@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--paper:#f4f2eb;--white:#fffefb;--ink:#282c29;--muted:#85877e;--line:#dedfd5;--lime:#d4f58b;--mint:#dceadd;--purple:#dcd4ec;--peach:#f1d6c9;--accent:#596d4d;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8b74bd;outline-offset:4px}button:hover{transition:background .15s,transform .15s,border-color .15s}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.04em}strong{font-weight:650}svg{flex-shrink:0}.icon{width:20px;height:20px;vertical-align:middle}.loading{height:90vh;display:flex;align-items:center;justify-content:center;gap:20px}.loading p{font-family:var(--display);font-size:22px}.site-header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1380px)/2));gap:30px;background:#faf9f4}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.8px;line-height:1.05}.brand-light{display:block;font-size:16px;font-weight:400;letter-spacing:-.5px;margin-top:3px}.logo-key{height:45px;width:45px;border:1.6px solid var(--ink);border-radius:11px;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-size:30px;letter-spacing:-2px;box-shadow:0 4px 0 #abc772;transform:rotate(-6deg);font-family:var(--display);font-weight:600}.main-nav{display:flex;align-items:center;gap:8px;height:100%}.nav-button{height:43px;display:flex;align-items:center;gap:9px;padding:0 16px;border-radius:7px;color:#74796e;font-size:13px;font-weight:550;position:relative}.nav-button .icon{width:18px;height:18px}.nav-button:hover{background:#eeeae1}.nav-button.active{background:#e7ebdf;color:var(--ink)}.notification-dot{width:6px;height:6px;background:#839966;border-radius:50%;margin-left:1px}.header-actions{display:flex;gap:13px;align-items:center}.saved-label{font-size:10px;color:#8d9187;margin-right:9px;white-space:nowrap}.saved-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#879b79;vertical-align:middle;margin-right:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:34px;border-radius:6px;color:#73766d}.icon-button:hover{background:#eae9e1;color:var(--ink)}main{max-width:1380px;padding:0 0 30px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 29px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#858b7d;display:block}.intro .eyebrow{display:flex;align-items:center;gap:6px;color:#68735c;font-size:9px}.open-dot,.live-dot{width:5px;height:5px;border-radius:50%;background:#7a9c62;display:inline-block}.intro h1{font-size:35px;margin:8px 0 8px;line-height:1.15}.intro p{font-size:12px;color:#7e8377}.day-badge{border:1px solid #d7dacd;border-radius:10px;padding:12px 20px;display:flex;gap:14px;align-items:center;background:#f9f8f2;transform:rotate(3deg);margin-right:6px}.day-badge>.icon{width:30px;height:30px;color:#8b9674}.day-badge span{font-size:8px;letter-spacing:2px;display:block;color:#9c9e91}.day-badge strong{font-family:var(--display);font-size:31px;line-height:1.1;font-weight:500}.stats-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:18px 0;margin-bottom:28px}.stat{padding:0 26px;border-right:1px solid var(--line);display:flex;align-items:center;gap:13px}.stat:last-child{border-right:none}.stat-icon{background:#f1f1e9;border-radius:9px;display:flex;justify-content:center;align-items:center;width:39px;height:39px;color:#898d7a}.stat-icon .icon{width:20px;height:20px}.cash .stat-icon{background:#eaf2dc;color:#627a48}.stat-label{font-size:10px;color:#82877a;display:block;margin-bottom:4px}.stat strong{display:block;font-family:var(--display);font-weight:500;letter-spacing:-.6px;font-size:24px;line-height:1.15}.stat strong small{font-family:var(--font);color:#b1b5a8;font-size:11px;margin-left:3px;letter-spacing:0}.stat-level strong{font-family:var(--font);font-size:13px;letter-spacing:0;font-weight:550}.level-name{color:#8d9186;font-size:11px;font-weight:400}.level-dots{display:flex;gap:4px;margin-left:auto}.level-dots i{width:5px;height:20px;background:#ebede4;border-radius:2px}.level-dots i.filled{background:#a1b884}.lavender{background:var(--purple)}.mint{background:var(--mint)}.peach{background:var(--peach)}.game-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:26px}.section-heading h2{font-family:var(--font);font-size:15px;font-weight:550;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.count{font-family:var(--display);font-size:10px;background:#e6e8dd;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#78816a;letter-spacing:0}.tiny-label{font-size:8px;font-weight:500;letter-spacing:1.6px;color:#929687}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:17px;width:100%;display:block;text-align:left;position:relative;transition:border-color .2s,box-shadow .2s}.order-card:hover{border-color:#a9b394;box-shadow:0 3px 12px #282c2908}.order-card.active{border:1.5px solid #829365;background:#fcfdf7;padding:16.5px;box-shadow:0 4px 10px #636d4010}.customer-top{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:38px;border-radius:10px;font-family:var(--display);font-size:12px;display:flex;align-items:center;justify-content:center;border:1px solid #282c2912;flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-info strong{font-size:12px;font-weight:650;display:block}.customer-info small{display:block;color:#95998d;font-size:10px;margin-top:2px}.order-selection{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid #d9ddcd;border-radius:50%;background:#fcfcf8}.active .order-selection{background:#7b8d62;border-color:#7b8d62;color:white}.order-selection .icon{width:11px;height:11px;stroke-width:2.6px}.customer-quote{display:block;font-size:12px;line-height:1.65;color:#73796b;margin-top:14px;font-style:italic}.order-budget{display:flex;justify-content:space-between;font-size:10px;color:#999c91;margin-top:13px}.order-budget strong{color:#555f4d;font-family:var(--display);font-size:13px;letter-spacing:-.3px}.requirements{display:flex;flex-direction:column;gap:9px;border-top:1px dashed #dce1d0;margin-top:14px;padding-top:14px}.requirement{display:flex;align-items:center;gap:8px;font-size:10px;color:#95998c;line-height:1.3}.requirement>span{display:flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid #dedfd6;flex-shrink:0}.requirement.met{color:#536843}.requirement.met>span{background:#e3eed6;border-color:#c3d3ad}.requirement .icon{width:10px;height:10px;stroke-width:2.2px}.requirement i{width:3px;height:3px;border-radius:50%;background:#bcbfaf}.order-status{margin-top:15px;padding:9px;display:flex;justify-content:center;align-items:center;gap:5px;background:#eeeee7;color:#8f9585;border-radius:5px;font-size:9px}.order-status.done{background:#e8f0dc;color:#6c7d57}.order-status .icon{width:12px;height:12px}.order-peek{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#9b9f90;font-size:9px}.order-peek .icon{width:13px;height:13px}.daily-note{background:#ece6ce;transform:rotate(-2deg);padding:23px 18px 20px;position:relative;max-width:255px;margin:29px auto 24px;border-radius:1px 1px 12px 1px;box-shadow:1px 3px 5px #555a4810;min-height:121px}.note-pin{display:block;width:48px;height:16px;position:absolute;top:-7px;left:100px;background:#d5d5c677;transform:rotate(4deg)}.daily-note .eyebrow{font-size:7px;letter-spacing:1px;color:#9a967e}.daily-note p{font-family:var(--display);font-size:15px;line-height:1.6;margin-top:10px;letter-spacing:-.3px;color:#7d7d65}.note-doodle{position:absolute;right:11px;bottom:15px;width:43px;height:22px;color:#a29e82;transform:rotate(-12deg)}.next-day{width:100%;border:1px solid #d6d9cc;border-radius:7px;display:flex;align-items:center;gap:9px;padding:11px 13px;color:#7c8370;font-size:11px}.next-day:hover{background:#e8ebdd}.next-day .icon{width:15px;height:15px}.next-day span{margin-left:auto;font-size:17px}.day-note{text-align:center;font-size:8px;color:#a5aa99;margin-top:9px}.workbench{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.bench-heading{padding:21px 25px 20px;display:flex;justify-content:space-between;align-items:center}.bench-heading .eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:6px}.bench-heading h2{font-size:23px;letter-spacing:-.8px}.build-id{font-family:var(--display);font-size:9px;letter-spacing:1px;color:#a0a593;background:#f3f4ec;border:1px solid #e5e8db;padding:7px 8px;border-radius:4px}.keyboard-stage{height:283px;background:#efeede;position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #e3e4d8;border-bottom:1px solid #e3e4d8}.shop-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.78;user-select:none}.keyboard-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#efeee34a,transparent 60%)}.stage-label{position:absolute;left:23px;top:17px;display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.4px;color:#8a9279;background:#fcfcf0d4;padding:6px 8px;border:1px solid #cdd2bd;border-radius:4px}.stage-label .live-dot{width:4px;height:4px}.keyboard-wrap{position:absolute;inset:49px 60px 54px;display:flex;align-items:center;justify-content:center;perspective:1000px}.palette-0{--key:#e9ecdf;--key-edge:#aeb6a5;--key-side:#cbd1c1;--case:#a2b19d;--case-dark:#788f77;--key-accent:#76917a;--accent-top:#aec6a4;--letter:#5a6756}.palette-1{--key:#ede6f3;--key-edge:#b9a8c6;--key-side:#d9cce3;--case:#aa9abd;--case-dark:#807090;--key-accent:#9180b0;--accent-top:#c6b0db;--letter:#756282}.palette-2{--key:#f8e8da;--key-edge:#d6b8a5;--key-side:#ead2bc;--case:#d5ab94;--case-dark:#ab826c;--key-accent:#bd8a72;--accent-top:#ecc3a7;--letter:#8a6856}.palette-3{--key:#50585b;--key-edge:#282f34;--key-side:#353c43;--case:#414c4c;--case-dark:#273232;--key-accent:#97ad8d;--accent-top:#c9e3a6;--letter:#dee3d9}.keyboard{width:83%;max-width:590px;transform:rotateX(29deg) rotateZ(-7deg);filter:drop-shadow(5px 18px 6px #4a533a28);transition:all .35s}.keyboard.fullsize{width:95%;max-width:660px}.keyboard.compact{width:74%;max-width:530px}.keyboard-body{display:flex;gap:7px;border:1px solid var(--case-dark);padding:9px;background:var(--case);border-radius:9px 9px 4px 4px;box-shadow:inset 0 0 0 3px #ffffff19,0 3px 0 var(--case-dark);position:relative}.key-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.key-row,.function-row{display:flex;gap:3px}.key{font-size:8px;line-height:1;min-width:0;flex:1;height:22px;border:1px solid var(--key-edge);border-radius:3px;background:var(--key);color:var(--letter);box-shadow:0 2px 0 var(--key-side),0 3px 0 var(--key-edge),inset 0 0 0 2px #ffffff16;display:flex;align-items:center;justify-content:center;font-family:var(--display);cursor:pointer;user-select:none;transition:transform .08s,box-shadow .08s;position:relative}.key:hover{filter:brightness(1.06)}.key.pressed{transform:translateY(2px);box-shadow:0 0 0 var(--key-side)}.key.accent{background:var(--accent-top);color:var(--letter);border-color:var(--key-accent);box-shadow:0 2px 0 var(--key-accent),0 3px 0 var(--case-dark)}.key.wide{flex:1.65;font-size:6px}.key.spacebar{flex:6}.bottom-key{flex:1.15}.space-logo{font-size:6px;letter-spacing:1px;opacity:.5}.function-row{margin-bottom:4px}.key.tiny{height:13px;font-size:5px}.keyboard-front{display:flex;justify-content:space-between;align-items:center;background:var(--case-dark);border:1px solid var(--case-dark);border-top:none;border-radius:0 0 8px 8px;height:16px;margin-top:0;position:relative;box-shadow:inset 0 -3px 0 #00000013}.keyboard-front>span{font-size:4px;letter-spacing:1.5px;opacity:.7;color:#eef2e7;margin-left:17px}.keyboard-front small{font-size:5px;color:#eef2e7;opacity:.6;margin-right:15px}.keyboard-front i{display:block;width:35px;height:2px;border-radius:3px;background:#a5c384;position:absolute;left:calc(50% - 17px)}.nav-keys{width:24px;display:flex;flex-direction:column;gap:3px}.nav-keys .key{height:18px;flex:none;font-size:5px}.knob{display:block;width:21px;height:21px;background:conic-gradient(from 0deg,var(--case-dark),var(--key-side),var(--case-dark),var(--key-side),var(--case-dark));border-radius:50%;border:1px solid var(--case-dark);box-shadow:0 3px 0 var(--case-dark);margin-bottom:3px;position:relative}.knob:after{content:'';width:1px;height:5px;background:var(--key);position:absolute;left:50%;top:3px}.indicator-led{display:block;width:3px;height:3px;background:#d4e9a9;box-shadow:0 0 4px #c3ffb7;border-radius:50%;margin:3px auto}.numpad{width:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-content:start}.numpad .key{height:22px;font-size:6px}.rgb-on .keyboard-body{box-shadow:inset 0 0 0 3px #ffffff19,0 3px 0 var(--case-dark),-2px 3px 9px #77e8cf,2px 2px 12px #d6a5ef}.rgb-on .keyboard-front{background:linear-gradient(90deg,var(--case-dark) 10%,#b2d9ba 40%,#c9aed0 60%,var(--case-dark) 90%)}.stage-bottom{position:absolute;bottom:13px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.color-picker{display:flex;gap:6px;align-items:center}.swatch{width:14px;height:14px;border-radius:50%;border:2px solid #f8f8eb;box-shadow:0 0 0 1px #0000001c}.swatch.selected{outline:1.3px solid #7b856d;outline-offset:2px}.swatch-0{background:#9daf9a}.swatch-1{background:#b8a2ca}.swatch-2{background:#d4a78a}.swatch-3{background:#414b4d}.color-picker>span{font-size:8px;color:#8c9280;margin-left:7px}.test-button{display:flex;align-items:center;gap:7px;font-size:9px;color:#717e61;border:1px solid #c9cebb;background:#f7f8ebc9;border-radius:5px;padding:7px 10px}.test-button>.icon{width:12px;height:12px}.test-button:hover{background:#fdfef6}.test-button.tested{background:#e1edcd;border-color:#bdcfa8}.build-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:19px 26px;border-bottom:1px solid #e8e9df;background:#fdfdf8}.build-meter{display:flex;gap:10px;align-items:center}.build-meter>.icon{color:#9ca28e;width:17px;height:17px}.build-meter>div{flex:1}.build-meter>div>span{display:flex;justify-content:space-between;font-size:9px;color:#8a9080;align-items:center}.build-meter strong{font-family:var(--display);font-weight:500;color:#657352;font-size:11px}.build-meter small{font-size:7px;color:#aab19d;margin-left:2px}.meter-track{height:3px;border-radius:2px;background:#e9ece2;margin-top:7px;overflow:hidden}.meter-track>i{height:100%;display:block;border-radius:2px;transition:width .3s}.meter-track .mint{background:#9db68a}.meter-track .lavender{background:#c3b4d5}.meter-track .peach{background:#ddbaa2}.component-config{padding:22px 25px 16px}.config-title{display:flex;align-items:center;justify-content:space-between}.config-title h3{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:-.2px}.config-title>span{font-size:9px;color:#a0a594}.component-tabs{display:flex;gap:4px;margin:16px 0 17px;border-bottom:1px solid #e5e8dc;padding-bottom:0;overflow-x:auto}.component-tab{padding:8px 12px 11px;flex:1;white-space:nowrap;font-size:10px;position:relative;color:#929988;font-weight:500}.component-tab.active{color:#566545}.component-tab.active:after{content:'';position:absolute;bottom:0;left:5px;right:5px;height:2px;background:#7b8e61;border-radius:2px}.component-tab:hover{background:#f6f7ee}.parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:273px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4d9c8 transparent;padding:1px 4px 2px 1px}.part-card{text-align:left;padding:12px;border:1px solid #e3e6da;border-radius:7px;background:#fffefb;display:flex;flex-direction:column;min-height:133px;position:relative}.part-card.selected{background:#f0f5e7;border-color:#94a97a}.part-card:hover{border-color:#a4b390;background:#f5f8ee}.part-card.locked{background:#f9f9f4;color:#a6ac9b;border-style:dashed;cursor:pointer}.part-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:27px;margin-bottom:9px}.part-glyph{color:#899a75}.part-price{font-family:var(--display);font-size:13px;color:#626f52}.part-level{display:flex;align-items:center;gap:4px;font-size:8px;letter-spacing:.5px;color:#adb39e}.part-level .icon{width:9px;height:9px}.part-card>strong{font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:-.1px;color:#5e6b50}.part-card.locked>strong{color:#a1a991}.part-card>small{font-size:8px;line-height:1.6;color:#a0a68f;margin-top:4px;display:block;flex:1}.part-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;margin-top:10px;color:#a7af9b}.selected .part-bottom{color:#81966b}.part-select{width:15px;height:15px;border:1px solid #d9dfcd;border-radius:50%;display:flex;justify-content:center;align-items:center}.selected .part-select{background:#91a773;border-color:#91a773;color:white}.part-select .icon{width:9px;height:9px}.part-card.locked .part-select{border-color:transparent;color:#adb59f}.mini-layout{font-size:7px;display:flex;align-items:center;gap:5px;font-family:var(--display);width:55px;height:21px;padding:3px 5px;background:#e7ecdd;border:1px solid #b4bfa5;border-radius:3px;box-shadow:0 2px 0 #ced5c2}.mini-layout i{font-style:normal;font-size:16px;margin-left:auto}.mini-switch{width:23px;height:20px;background:#e4d7ec;border:1px solid #b6a2c3;transform:rotate(-10deg);display:block;border-radius:3px;box-shadow:0 3px 0 #c3b1cf;position:relative}.mini-switch i{position:absolute;inset:3px 6px 7px;background:#b696d2;border:1px solid #9374ad;border-radius:2px;box-shadow:0 -3px 0 #cdb0e3}.mini-case{display:block;width:47px;height:23px;border:2px solid #b1bba4;background:#dce3cf;border-radius:4px;transform:rotate(-5deg);padding:2px;box-shadow:0 2px 0 #c4ceb7}.mini-case i{display:block;width:100%;height:100%;background:#f6f7ef;border:1px solid #bcc5b0;border-radius:1px}.mini-pcb{display:flex;width:42px;height:24px;border:1px solid #afbea0;background:#dde9d1;border-radius:3px;align-items:center;justify-content:space-around;font-size:12px;transform:rotate(-4deg)}.mini-pcb i{font-style:normal}.mini-key{display:flex;align-items:center;justify-content:center;width:25px;height:24px;background:#e2d7e9;border:1px solid #b2a1bf;border-radius:5px;box-shadow:0 3px 0 #b9a8c6;transform:rotate(-8deg);font-size:12px;color:#93809f}.locked .part-glyph{opacity:.45;filter:grayscale(.4)}.build-summary{display:flex;gap:8px 12px;flex-wrap:wrap;padding-top:14px;margin-top:13px;border-top:1px dashed #e0e5d6}.build-summary>span{font-size:8px;color:#929d83;display:flex;gap:3px;align-items:center}.build-summary .icon{width:10px;height:10px;color:#9eb887}.checkout{padding:19px 25px;border-top:1px solid var(--line);background:#f5f5ed;display:flex;justify-content:space-between;align-items:center;gap:20px}.checkout-totals{display:flex;align-items:center;gap:22px;flex:1}.checkout-totals>div{display:flex;flex-direction:column;gap:5px}.checkout-totals span{font-size:8px;color:#969e89}.checkout-totals strong{font-family:var(--display);font-size:18px;font-weight:500;color:#7a846b}.checkout-totals .profit{margin-left:auto;padding-right:6px}.checkout-totals .profit strong{color:#5f7c44}.checkout-totals .math-symbol{color:#c3cab6;font-size:17px;margin:0 -8px}.primary{background:var(--lime);border:1px solid #b7d476;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;color:#3d512d;font-size:11px;font-weight:600;box-shadow:0 2px 0 #b6cb88}.primary .icon{width:15px;height:15px}.primary:hover{background:#c9ef76;transform:translateY(-1px)}.primary:active{transform:translateY(1px);box-shadow:none}.primary:disabled{background:#e3e6db;color:#a6af98;border-color:#d6dbcd;box-shadow:none;transform:none}.sell-button{padding:13px 18px;white-space:nowrap;font-size:10px}.build-feedback{padding:9px 25px;background:#f1efe4;color:#9a9373;font-size:9px;display:flex;gap:6px;align-items:center;line-height:1.5}.build-feedback .icon{width:12px;height:12px}.tip-bar{margin:22px 0 0 306px;display:flex;gap:10px;align-items:center;font-size:10px;color:#939a87;padding:12px 15px;background:#e9eddf;border-radius:7px;border:1px solid #e0e5d6}.tip-bar>.icon{width:16px;height:16px;color:#87986e}.tip-bar strong{font-size:10px;color:#73805e;white-space:nowrap}.tip-bar .icon-button{margin-left:auto;width:20px;height:20px;flex-shrink:0}.tip-bar .icon-button .icon{width:13px;height:13px}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding-top:19px;color:#a4aa99;font-size:9px}.site-footer>span:nth-child(2){display:flex;align-items:center;gap:5px}.site-footer .icon{width:10px;height:10px}.site-footer>button{font-size:9px;color:#a4aa99}.site-footer>button:hover{color:#606b55}.all-done{background:#eef3e1;padding:26px 20px;border:1px solid #cdd9b7;border-radius:9px;text-align:center}.all-done>.icon{width:35px;height:35px;margin:5px;color:#8ca276}.all-done h3{font-size:20px;margin:6px 0 10px}.all-done p{font-size:11px;line-height:1.7;color:#849371;margin-bottom:20px}.all-done .primary{font-size:10px;padding:10px}.research-intro{display:flex;align-items:center;gap:25px;padding:30px 35px;background:#e8e6ed;border:1px solid #d8d4df;border-radius:10px;margin-bottom:25px}.research-icon{width:75px;height:75px;background:#d9cfe7;border:1px solid #c8b7dc;border-radius:18px;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);color:#8d77a2;box-shadow:0 4px 0 #d1c5df}.research-icon .icon{width:38px;height:38px}.research-intro h2{font-size:29px;margin:7px 0 9px}.research-intro p{font-size:12px;color:#8c8395}.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.research-card{padding:25px;border:1px solid var(--line);border-radius:10px;background:#fafbf5;display:flex;flex-direction:column;min-height:410px}.research-card.next{background:var(--white);border-color:#a797b7;box-shadow:0 5px 15px #a797b716}.research-card.unlocked{background:#f1f4e9;border-color:#d2ddc0}.research-card-top{display:flex;justify-content:space-between;align-items:center}.research-number{font-family:var(--display);font-size:11px;color:#9da48f;letter-spacing:1px}.tag{font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:6px 8px;border-radius:4px;background:#e8ebe0;color:#929b85}.tag.mint{background:#dfeacd;color:#839565}.tag.lavender{background:#e4dcf0;color:#9783ab}.research-symbol{width:45px;height:45px;background:#eaece2;color:#a0aa8f;border:1px solid #dce1d1;display:flex;align-items:center;justify-content:center;margin:23px 0 17px;border-radius:9px}.next .research-symbol{background:#e8e0f0;color:#9781ac;border-color:#d8cce3}.unlocked .research-symbol{background:#e0e9d2;color:#8da46d;border-color:#cfddbb}.research-symbol .icon{width:25px;height:25px}.research-card h3{font-size:22px;letter-spacing:-.6px;margin-bottom:10px}.research-card p{font-size:11px;color:#969e89;line-height:1.6;min-height:36px}.research-card ul{padding:17px 0;list-style:none;display:flex;flex-direction:column;gap:9px;border-bottom:1px dashed #dce1d1;flex:1}.research-card li{font-size:10px;color:#969f8a;display:flex;align-items:center;gap:7px}.research-card li .icon{width:11px;height:11px;color:#b3bba5}.research-card.unlocked li .icon{color:#8ba06c}.research-card-bottom{min-height:45px;display:flex;flex-direction:column;justify-content:center}.research-cost{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.research-cost strong{font-family:var(--display);font-size:24px;font-weight:500}.research-cost span{font-size:9px;color:#959d88}.research-card-bottom>small{font-size:9px;color:#a2a68f;margin-top:10px;line-height:1.5}.unlocked-text,.locked-text{font-size:10px;color:#91a37d;display:flex;align-items:center;gap:7px}.locked-text{color:#a1aa93}.unlocked-text .icon,.locked-text .icon{width:14px;height:14px}.research-footer{font-size:11px;color:#919b82;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:27px;line-height:1.6}.research-footer .icon{width:16px;height:16px}.goal-card{display:flex;gap:35px;padding:35px;border:1px solid #d5d8be;background:#e9edda;border-radius:12px}.goal-art{width:180px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#dee5c7;border:1px solid #ced8b1;border-radius:15px;transform:rotate(-3deg);color:#8c9b6b}.goal-art>.icon{width:75px;height:75px;stroke-width:1.1px}.goal-art>span{font-family:var(--display);font-size:9px;letter-spacing:2px}.goal-content{flex:1}.goal-content h2{font-size:36px;margin:9px 0 10px}.goal-content p{font-size:12px;line-height:1.65;color:#8f997a}.goal-items{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.goal-items>span{display:flex;gap:5px;align-items:center;padding:6px 8px;font-size:9px;border:1px solid #d4dcc3;border-radius:4px;color:#a1ab8e}.goal-items>span.met{color:#7b8f5a;background:#e0eacc;border-color:#c8d6b1}.goal-items .icon{width:10px;height:10px}.goal-progress{display:flex;align-items:center;gap:10px;margin-top:22px}.goal-progress>div{height:5px;background:#d9e1c8;border-radius:3px;flex:1}.goal-progress i{height:100%;display:block;background:#91a76e;border-radius:3px;transition:width .3s}.goal-progress strong{font-family:var(--display);font-size:11px;font-weight:500;color:#9aa782}.collection-heading{margin-top:30px;margin-bottom:20px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.creation-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white)}.creation-visual{height:150px;background:#edeee3;display:flex;justify-content:center;align-items:center;position:relative}.creation-visual.palette-1{background:#eeebf0}.creation-visual.palette-2{background:#f2eae2}.creation-visual.palette-3{background:#e0e5e2}.mini-keyboard-decoration{padding:8px;background:var(--case);border:1px solid var(--case-dark);border-radius:5px;display:grid;grid-template-columns:repeat(13,1fr);gap:2px;width:210px;transform:rotate(-9deg) skewX(10deg);box-shadow:0 5px 0 var(--case-dark),4px 15px 8px #00000016}.mini-keyboard-decoration>i{width:12px;height:16px;background:var(--key);border:1px solid var(--key-edge);border-radius:2px;box-shadow:0 1px 0 var(--key-side)}.mini-keyboard-decoration>i.accent{background:var(--accent-top)}.creation-stamp{font-size:6px;letter-spacing:1.3px;position:absolute;bottom:10px;right:10px;color:#8c9e7b;border:1px solid #adbd9e;padding:4px 5px;display:flex;align-items:center;gap:4px;border-radius:2px;transform:rotate(-6deg)}.creation-stamp .icon{width:9px;height:9px}.creation-info{padding:21px}.creation-info .eyebrow{font-size:7px;letter-spacing:1px}.creation-info h3{font-size:19px;margin:9px 0 16px}.creation-info>div{display:flex;justify-content:space-between;font-size:10px;color:#9aa18c;align-items:center}.creation-info strong{font-size:12px;color:#818e6d;margin-left:4px}.creation-profit{font-family:var(--display);font-size:17px;color:#7f9562}.collection-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cfd6c0;border-radius:10px;background:#f8f9f0;padding:25px;text-align:center}.collection-empty>.icon{width:45px;height:45px;color:#a9b69a;margin-bottom:20px}.collection-empty h3{font-size:24px}.collection-empty p{font-size:12px;line-height:1.6;color:#969f88;margin:12px 0 24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#353d30;color:#eef3e4;box-shadow:0 5px 30px #282c2920;border:1px solid #68765d;border-radius:8px;padding:13px 21px;font-size:12px;max-width:calc(100vw - 35px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #cdd4be;border-radius:15px;background:var(--white);color:var(--ink);padding:37px;max-width:490px;width:calc(100% - 32px);box-shadow:0 25px 100px #27332130;overflow:visible}dialog::backdrop{background:#30392960;backdrop-filter:blur(5px)}dialog h2{font-size:29px;line-height:1.2;margin:10px 0 14px}dialog>p{font-size:12px;line-height:1.8;color:#939b86}dialog>p strong{color:#6d7a59}.dialog-close{position:absolute;right:10px;top:10px;z-index:2}.dialog-close .icon{width:17px;height:17px}.modal-emoji{display:flex;width:52px;height:52px;background:#e9efdb;border:1px solid #d2debb;color:#8aa26d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;transform:rotate(-5deg)}.modal-emoji .icon{width:27px;height:27px}.help-steps{list-style:none;counter-reset:steps;display:flex;flex-direction:column;gap:17px;padding:25px 0;margin:0}.help-steps>li{position:relative;padding-left:35px;font-size:11px;line-height:1.65;color:#969d8a}.help-steps>li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;border:1px solid #d7dfca;background:#eef2e5;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:6px;font-family:var(--display);font-size:11px;color:#91a176}.help-steps strong{display:block;color:#69785a;margin-bottom:3px}.help-steps span{display:block}.help-footnote{background:#f0f3e8;border:1px dashed #d5dec5;border-radius:5px;padding:12px;font-size:10px!important;margin-bottom:22px}.full-width{width:100%}.secondary{padding:12px 17px;border:1px solid #d8dfcd;background:#f6f8ee;border-radius:6px;color:#8b977b;font-size:11px;font-weight:500}.secondary:hover{background:#eaf0dd}.danger{padding:12px 17px;background:#e6bbab;border:1px solid #d19c89;color:#8b5647;border-radius:6px;font-size:11px}.dialog-buttons{display:flex;gap:10px;margin-top:25px}.dialog-buttons>*{flex:1}.test-keys{display:flex;gap:10px;margin:35px 0 24px;justify-content:center}.test-key{width:61px;height:65px;border:1px solid #bbc8a8;background:#eef1e5;color:#97a784;border-radius:9px;box-shadow:0 5px 0 #d0d8c3;font-size:25px;font-family:var(--display);transform:rotate(-2deg)}.test-key.current{background:var(--lime);border-color:#a5be77;box-shadow:0 5px 0 #b4ca8a;color:#6b8348;transform:translateY(-4px) rotate(-2deg)}.test-key.done{background:#dde9d0;border-color:#cedbbe;color:#a1b48a;box-shadow:0 2px 0 #c6d5b3;transform:translateY(2px)}.test-status{font-size:12px;min-height:45px;color:#99a48b;text-align:center;margin:18px 0 5px}.test-status.success{color:#849e62;font-size:11px;line-height:1.7}.test-status .icon{width:15px;height:15px}.sale-dialog{text-align:center}.sale-celebration{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef4e1;margin:0 auto 23px}.sale-celebration>.icon{width:49px;height:49px;stroke-width:1.1;color:#98af78;transform:rotate(-8deg)}.confetti{position:absolute;width:6px;height:13px;background:var(--purple);transform:rotate(30deg);border-radius:1px;animation:float-in .7s ease-out}.c1{left:-15px;top:30px}.c2{right:-7px;top:16px;background:var(--peach);transform:rotate(-22deg)}.c3{left:10px;top:-7px;width:6px;height:6px;background:#b9cd97;transform:rotate(45deg)}.c4{right:4px;bottom:1px;width:7px;height:7px;background:#c9d4af;transform:rotate(12deg)}.receipt{margin:24px 0;border-top:1px dashed #dae1ce;border-bottom:1px dashed #dae1ce;padding:15px 0;text-align:left;display:flex;flex-direction:column;gap:12px}.receipt>div{display:flex;justify-content:space-between;font-size:11px;color:#a0aa90}.receipt strong{font-family:var(--display);color:#8b9b73;font-weight:500}.receipt .receipt-total{border-top:1px solid #e3e8d9;margin-top:5px;padding-top:15px;font-size:13px;color:#74875b}.receipt-total strong{color:#7d9c54;font-size:24px}.sale-quote{font-style:italic;color:#9ea98e!important;font-size:11px!important;margin-bottom:24px!important}@keyframes float-in{from{opacity:0;transform:translateY(20px) rotate(0)}to{opacity:1}}@media(min-width:1600px){main{max-width:1380px}.game-grid{grid-template-columns:300px minmax(0,1fr);gap:30px}.keyboard-stage{height:320px}.keyboard{max-width:630px}.tip-bar{margin-left:330px}.parts-grid{max-height:290px}.part-card{min-height:140px}.part-card>strong{font-size:12px}.part-card>small{font-size:10px}.requirement{font-size:11px}.customer-quote{font-size:13px}}
@media(max-width:1460px){main{margin:0 36px}.site-header{padding:0 36px}.saved-label{display:none}.intro h1{font-size:32px}.stats-strip{grid-template-columns:1fr 1fr 1fr 1.4fr}.stat{padding:0 20px}.level-dots{display:none}.keyboard-wrap{left:45px;right:45px}}
@media(max-width:1120px){main{margin:0 24px}.site-header{padding:0 24px;gap:18px}.header-actions{gap:5px}.nav-button{padding:0 12px;font-size:12px}.game-grid{grid-template-columns:245px minmax(0,1fr);gap:18px}.stat{padding:0 15px;gap:9px}.stat strong{font-size:21px}.stat-level strong{font-size:12px}.level-name{display:none}.keyboard-stage{height:255px}.keyboard-wrap{left:10px;right:10px;top:45px;bottom:54px}.keyboard{width:90%}.keyboard.compact{width:84%}.bench-heading,.component-config{padding-left:19px;padding-right:19px}.bench-heading h2{font-size:21px}.build-id{font-size:8px}.config-title>span{font-size:8px}.component-tab{padding-left:8px;padding-right:8px;font-size:9px}.build-meters{gap:15px;padding:17px 19px}.parts-grid{gap:7px;max-height:285px}.part-card{padding:10px;min-height:135px}.part-card>strong{font-size:10px}.part-card>small{font-size:8px}.checkout{padding:17px 19px;gap:13px}.checkout-totals{gap:12px}.checkout-totals strong{font-size:17px}.checkout-totals span{font-size:7px}.sell-button{padding:12px 10px;font-size:9px;gap:7px}.sell-button>.icon:first-child{display:none}.tip-bar{margin-left:263px;flex-wrap:wrap;gap:5px}.tip-bar>span{width:calc(100% - 30px);order:4;font-size:9px;line-height:1.6}.tip-bar .icon-button{margin-left:auto}.research-card{padding:20px}.research-grid{gap:15px}.research-intro h2{font-size:26px}.collection-grid{gap:15px}.mini-keyboard-decoration{width:180px;gap:1px}.mini-keyboard-decoration>i{width:10px;height:14px}.goal-art{width:145px}.goal-content h2{font-size:30px}}
@media(max-width:860px){.site-header{height:76px;padding:0 20px;gap:10px}.brand{font-size:18px;gap:9px}.brand-light{font-size:13px}.logo-key{width:37px;height:38px;font-size:26px;border-radius:9px}.nav-button{padding:0 10px;gap:6px;font-size:11px;height:38px}.nav-button .icon{width:16px;height:16px}.header-actions .icon-button{width:25px}.header-actions{gap:2px}.header-actions .icon{width:18px;height:18px}main{margin:0 20px}.intro{padding:25px 0}.intro h1{font-size:29px}.intro p{font-size:10px}.day-badge{padding:8px 14px;gap:10px}.day-badge strong{font-size:25px}.day-badge>.icon{width:23px;height:23px}.stats-strip{padding:14px 0;margin-bottom:23px}.stat{padding:0 12px;gap:7px}.stat-icon{width:31px;height:33px;border-radius:7px}.stat-icon .icon{width:17px;height:17px}.stat-label{font-size:8px}.stat strong{font-size:19px}.stat-level .stat-icon{display:none}.stat-level strong{font-size:11px}.game-grid{grid-template-columns:210px minmax(0,1fr);gap:16px}.section-heading h2{font-size:13px}.tiny-label{font-size:7px}.order-card{padding:13px}.order-card.active{padding:12.5px}.customer-quote{font-size:11px}.customer-info strong{font-size:11px}.customer-info small{font-size:9px}.avatar{width:31px;height:33px;font-size:11px;border-radius:8px}.customer-top{gap:8px}.order-selection{width:14px;height:14px}.requirement{font-size:9px;gap:6px}.order-budget{font-size:9px}.requirements{gap:8px}.daily-note{padding:23px 13px 16px}.daily-note p{font-size:14px}.daily-note .eyebrow{font-size:6px}.note-pin{left:80px}.note-doodle{display:none}.keyboard-stage{height:244px}.keyboard-wrap{inset:47px -10px 53px}.key{height:18px;font-size:6px}.key.tiny{height:11px}.keyboard-body{gap:5px;padding:7px}.key-row,.function-row{gap:2px}.key-area{gap:2px}.key.wide{font-size:5px}.key.tiny{font-size:4px}.nav-keys{width:20px;gap:2px}.nav-keys .key{height:15px}.knob{width:18px;height:18px}.keyboard-front{height:13px}.keyboard-front>span{font-size:3px}.keyboard-front small{font-size:4px}.numpad{width:49px;gap:2px}.numpad .key{height:18px;font-size:5px}.bench-heading{padding:18px 16px}.bench-heading .eyebrow{font-size:6px;letter-spacing:1px}.bench-heading h2{font-size:18px}.build-id{font-size:6px;padding:6px}.stage-label{left:16px;font-size:6px}.stage-bottom{left:15px;right:15px;bottom:15px}.color-picker{gap:6px}.swatch{width:12px;height:12px}.color-picker>span{display:none}.test-button{font-size:8px;padding:6px;gap:5px}.test-button>.icon{width:11px;height:11px}.test-button>.icon:last-child{display:none}.build-meters{padding:15px 15px;gap:12px}.build-meter{gap:5px}.build-meter>.icon{display:none}.build-meter>div>span{font-size:8px}.build-meter strong{font-size:9px}.component-config{padding:18px 15px 15px}.config-title h3{font-size:11px}.config-title>span{display:none}.component-tab{padding:6px 7px 10px;flex:none;font-size:9px}.component-tabs{gap:3px;margin:13px 0}.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:258px}.part-card{min-height:123px;padding:10px}.part-top{margin-bottom:8px;min-height:23px}.part-card>small{font-size:8px}.part-card>strong{font-size:9px}.part-bottom{font-size:7px;margin-top:7px}.part-price{font-size:11px}.mini-layout{height:18px;width:47px;font-size:6px}.mini-layout i{font-size:13px}.build-summary{gap:7px 9px;margin-top:10px;padding-top:10px}.build-summary>span{font-size:7px}.build-summary .icon{width:8px;height:8px}.checkout{display:block;padding:15px}.checkout-totals{gap:20px}.checkout-totals .profit{margin-left:auto}.checkout-totals span{font-size:8px}.checkout-totals strong{font-size:18px}.sell-button{width:100%;margin-top:13px;padding:10px;font-size:10px}.sell-button>.icon:first-child{display:block}.build-feedback{font-size:8px;padding:9px 15px}.tip-bar{margin-left:226px;font-size:9px}.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-intro{padding:24px;gap:20px}.research-intro h2{font-size:24px}.research-intro p{font-size:10px}.research-icon{width:60px;height:60px;border-radius:13px;flex-shrink:0}.research-icon .icon{width:30px;height:30px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-card{gap:23px;padding:25px}.goal-art{width:115px}.goal-art>.icon{width:55px;height:55px}.goal-art>span{font-size:7px}.goal-content h2{font-size:27px}.goal-content .eyebrow{font-size:7px}.goal-content p{font-size:10px}.goal-items{gap:6px;margin-top:15px}.goal-items>span{font-size:8px;padding:5px 6px}.goal-progress{margin-top:15px}.site-footer{font-size:8px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:620px){main{margin:0 14px}.site-header{height:auto;min-height:76px;padding:14px 16px 0;flex-wrap:wrap;gap:10px}.brand{font-size:18px}.header-actions{margin-left:auto;gap:8px}.main-nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #e4e6da;padding-top:7px;gap:0;margin-top:5px}.nav-button{flex:1;border-radius:6px 6px 0 0;justify-content:center;padding:0 7px;font-size:10px;height:39px}.intro{padding:25px 1px 23px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px}.intro h1{font-size:25px;max-width:290px;line-height:1.1;margin-top:10px}.intro p{font-size:9px;line-height:1.6;max-width:250px;margin-top:10px}.day-badge{margin-right:3px;padding:8px 9px;gap:6px;margin-left:10px}.day-badge>.icon{width:17px;height:17px}.day-badge span{font-size:6px;letter-spacing:1px}.day-badge strong{font-size:23px}.stats-strip{grid-template-columns:1fr 1fr;padding:0;margin-bottom:25px}.stat{padding:13px 14px;border-bottom:1px solid var(--line);gap:10px;min-height:68px}.stat:nth-child(2){border-right:none}.stat:nth-child(3),.stat:nth-child(4){border-bottom:none}.stat-level .stat-icon{display:flex}.stat-level strong{font-size:12px}.level-name{display:none}.stat-label{font-size:9px}.stat strong{font-size:23px}.stat-level strong{font-size:12px}.stat-icon{width:33px;height:33px}.game-grid{display:flex;flex-direction:column;gap:24px}.orders-column{width:100%;min-width:0}.section-heading{margin-bottom:13px}.section-heading h2{font-size:14px}.tiny-label{font-size:8px}.order-list{flex-direction:row;overflow-x:auto;align-items:stretch;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.order-card{flex:0 0 230px;padding:14px;scroll-snap-align:start;display:flex;flex-direction:column}.order-card.active{padding:13.5px}.customer-quote{font-size:11px;min-height:48px}.requirements{margin-top:12px;padding-top:12px;gap:9px}.requirement{font-size:10px}.order-budget{margin-top:12px}.customer-top{width:100%}.customer-info strong{font-size:12px}.customer-info small{font-size:10px}.avatar{width:34px;height:36px}.order-card .order-peek{margin-top:auto;padding-top:15px}.order-status{width:100%;margin-top:auto;position:relative;top:7px;margin-bottom:7px;font-size:8px}.order-card.active .order-budget{padding-bottom:0}.order-card.active .requirements{margin-bottom:14px}.daily-note{display:none}.next-day{margin-top:9px;padding:9px 12px;font-size:10px}.day-note{font-size:8px}.workbench{width:100%}.bench-heading{padding:18px 17px}.bench-heading h2{font-size:21px}.bench-heading .eyebrow{font-size:7px}.build-id{font-size:7px}.keyboard-stage{height:250px}.shop-scene{width:170%;max-width:none;left:-35%;object-fit:fill}.keyboard-wrap{inset:52px -7px 53px}.keyboard{width:87%;max-width:480px}.keyboard.compact{width:80%}.key{height:18px;font-size:6px}.key.tiny{height:10px}.keyboard-body{padding:7px}.function-row{margin-bottom:3px}.key.wide{font-size:5px}.keyboard.fullsize{width:93%}.keyboard.fullsize .key{height:15px;font-size:5px}.keyboard.fullsize .key.tiny{height:9px}.keyboard.fullsize .numpad{width:44px;gap:2px}.keyboard.fullsize .numpad .key{height:15px}.keyboard.fullsize .nav-keys .key{height:12px}.keyboard.fullsize .knob{height:15px;width:15px}.keyboard.fullsize .nav-keys{width:17px}.keyboard-front{height:13px}.keyboard-front small{font-size:4px}.build-meters{padding:17px;gap:20px}.build-meter>div>span{font-size:9px}.build-meter strong{font-size:10px}.component-config{padding:20px 16px 16px}.config-title h3{font-size:12px}.component-tabs{gap:0;margin:17px 0}.component-tab{font-size:9px;padding:7px 10px 11px;flex:1}.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:286px;gap:9px}.part-card{min-height:134px;padding:12px}.part-card>strong{font-size:11px}.part-card>small{font-size:9px}.part-bottom{font-size:8px;margin-top:11px}.part-price{font-size:13px}.part-level{font-size:8px}.build-summary>span{font-size:8px}.build-summary{padding-top:14px;gap:8px 12px;margin-top:15px}.checkout{padding:19px 16px}.checkout-totals strong{font-size:21px}.checkout-totals span{font-size:9px}.checkout-totals{gap:20px}.sell-button{padding:13px;font-size:11px;margin-top:17px}.tip-bar{margin-left:0;margin-top:20px}.tip-bar>span{font-size:9px}.site-footer{margin-top:26px;padding-top:17px;gap:10px}.research-intro{padding:23px 20px;align-items:start;gap:15px}.research-intro .eyebrow{font-size:6px;letter-spacing:1px}.research-intro h2{font-size:22px}.research-intro p{font-size:10px}.research-icon{width:45px;height:48px;border-radius:10px;margin-top:5px}.research-icon .icon{width:23px;height:23px}.research-grid{grid-template-columns:1fr;gap:17px}.research-card{min-height:0;padding:23px}.research-card p{min-height:0}.research-card li{font-size:11px}.research-card ul{margin-bottom:20px}.research-card h3{font-size:25px}.research-symbol{margin:20px 0 15px}.research-footer{font-size:10px;text-align:center;align-items:start;margin-top:22px}.research-footer .icon{margin-top:3px}.goal-card{padding:23px;gap:0;display:block;position:relative}.goal-art{display:none}.goal-content h2{font-size:30px}.goal-content .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.7}.goal-content p{font-size:11px}.goal-items{gap:7px;margin-top:20px}.goal-items>span{font-size:9px}.goal-progress{margin-top:20px}.collection-grid{grid-template-columns:1fr}.creation-visual{height:170px}.mini-keyboard-decoration{width:245px;gap:2px;padding:9px}.mini-keyboard-decoration>i{width:14px;height:19px}.creation-info{padding:23px}.creation-info h3{font-size:23px}.collection-empty{padding:28px 20px}.collection-empty h3{font-size:23px}.collection-empty p{font-size:11px}dialog{padding:30px 25px;max-height:calc(100dvh - 40px);overflow:auto}dialog h2{font-size:26px}dialog>p{font-size:11px}.help-steps{padding:23px 0;gap:15px}.help-steps>li{font-size:10px}.help-footnote{font-size:9px!important}.dialog-buttons{flex-direction:column}.test-keys{gap:8px;margin:30px 0 20px}.test-key{height:57px;width:51px;font-size:23px}.test-status{font-size:10px}.toast{font-size:11px;padding:12px 15px;bottom:18px;line-height:1.5;text-align:center;white-space:normal}.all-done{width:100%;flex:1}.all-done p{margin-bottom:15px}.order-list:has(.all-done){padding-bottom:0}}
.part-specs{display:flex;align-items:center;gap:11px;margin-top:9px;color:#879876;font-size:8px}.part-specs>span{display:flex;gap:3px;align-items:center}.part-specs .icon{width:10px;height:10px}.part-card.locked .part-specs{opacity:.55}.keyboard.aluminum .keyboard-body{background-image:linear-gradient(115deg,#ffffff19,transparent 30%,#ffffff22 65%,transparent)}.keyboard.acrylic .keyboard-body{background-image:linear-gradient(115deg,#ffffff88,#ffffff11 40%,#ffffff66);box-shadow:inset 0 0 0 3px #ffffff55,0 3px 0 var(--case-dark)}.keyboard.modular .numpad{margin-left:6px;padding-left:5px;border-left:2px solid var(--case-dark)}.creation-visual .keyboard{width:80%;max-width:330px;pointer-events:none;filter:drop-shadow(3px 12px 5px #4a533a23)}.creation-visual .keyboard.fullsize{width:90%}.creation-visual .keyboard-body{padding:6px;gap:4px;border-radius:5px 5px 2px 2px}.creation-visual .key{height:11px;font-size:4px;border-radius:2px;box-shadow:0 1px 0 var(--key-side),0 2px 0 var(--key-edge)}.creation-visual .key.wide{font-size:3px}.creation-visual .key-row,.creation-visual .function-row{gap:2px}.creation-visual .key-area{gap:2px}.creation-visual .function-row{margin-bottom:2px}.creation-visual .key.tiny{height:7px;font-size:3px}.creation-visual .nav-keys{width:13px;gap:2px}.creation-visual .nav-keys .key{height:9px;font-size:3px}.creation-visual .knob{width:12px;height:12px;margin-bottom:1px}.creation-visual .knob:after{height:3px;top:2px}.creation-visual .numpad{width:33px;gap:2px}.creation-visual .numpad .key{height:11px;font-size:3px}.creation-visual .keyboard-front{height:9px;border-radius:0 0 4px 4px}.creation-visual .keyboard-front>span,.creation-visual .keyboard-front small{font-size:3px}.creation-visual .space-logo{font-size:3px}.creation-visual .indicator-led{margin:2px auto;width:2px;height:2px}.creation-visual .keyboard-front i{height:1px;width:20px;left:calc(50% - 10px)}
@media(max-width:620px){.creation-visual .keyboard{max-width:360px}.creation-visual .key{height:15px;font-size:5px}.creation-visual .key.tiny{height:8px}.creation-visual .nav-keys{width:17px}.creation-visual .nav-keys .key{height:12px}.creation-visual .knob{width:16px;height:16px}.creation-visual .numpad{width:43px}.creation-visual .numpad .key{height:15px}.creation-visual .keyboard.fullsize .key{height:12px;font-size:4px}.creation-visual .keyboard.fullsize .key.tiny{height:7px}.creation-visual .keyboard.fullsize .numpad{width:34px}.creation-visual .keyboard.fullsize .numpad .key{height:12px}.creation-visual .keyboard.fullsize .nav-keys{width:14px}.creation-visual .keyboard.fullsize .nav-keys .key{height:9px}.creation-visual .keyboard.fullsize .knob{width:12px;height:12px}}
.customer-quote{color:#707c65}.customer-info small{color:#818b76}.part-card:not(.locked)>small{color:#7d8a6e}.part-card:not(.locked) .part-bottom{color:#81906f}.config-title>span{color:#89967b}.build-summary>span{color:#7b8c69}.intro p{color:#78836c}.help-steps>li,dialog>p{color:#7b896c}.research-card p{color:#839271}.research-card li{color:#899777}.goal-content p{color:#82916d}.creation-info>div{color:#879876}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}