:root{--bg:#141516;--panel:#1d1f21;--ink:#eeeae3;--muted:#96948e;--line:#333436;--accent:#e8c89e;--warm:#d7b68a;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}body[data-mode=home]{overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:5px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}button svg{pointer-events:none}kbd{font:10px ui-monospace,monospace;color:#c8c3b9;border:1px solid #5a5651;border-radius:4px;padding:2px 5px}a{color:inherit}
#home{max-width:1340px;margin:auto;padding:0 54px}.home-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.wordmark{display:flex;align-items:center;gap:9px;color:#e6dfd3;font-size:12px;font-weight:750;text-decoration:none;letter-spacing:.07em}.brand-mark{font-size:24px;color:var(--warm)}.edition{font:8px ui-monospace,monospace;color:#8d8980;margin-left:9px;letter-spacing:.1em}.quiet-button,.text-button{border:0;background:none;font-size:11px;color:#aaa59b;padding:10px 0}.quiet-button:hover,.text-button:hover{color:white}.hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;min-height:610px;padding:38px 0 32px}.hero-copy{position:relative;z-index:2}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:.11em;color:#bba88c;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;background:#c9a574;border-radius:50%}h1{font-size:clamp(36px,4.1vw,61px);line-height:1.3;letter-spacing:-.065em;font-weight:650;margin:26px 0 21px}h1 em{font-style:normal;color:#c1b5a3;font-weight:350}.hero-sub{font-size:14px;line-height:2;color:#aaa69e;letter-spacing:-.01em;margin:0 0 31px}.hero-sub kbd{font-size:10px}.start-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 21px;font-size:12px;font-weight:650;white-space:nowrap;border-radius:6px;transition:background .15s}.button svg{width:20px;height:20px}.primary{border:1px solid #e0c49f;background:#d9bd98;color:#211c16;box-shadow:0 4px 14px #0002}.primary:hover:not(:disabled){background:#ead1b0}.secondary{border:1px solid #4c4a45;background:#232323;color:#ddd8ce}.secondary:hover:not(:disabled){background:#30302d;border-color:#8c8272}.micro{font-size:10px;line-height:1.9;color:#88867e;margin:14px 0 0}.micro kbd{font-size:8px}.home-utility{display:flex;align-items:center;gap:22px;margin-top:25px}.text-button{font-size:11px;color:#c4bba9}.text-button span{margin-left:10px;color:var(--warm)}.home-utility>span{font-size:9px;color:#79786f}.workbench{position:relative;height:530px;isolation:isolate}.workbench img{position:absolute;object-fit:contain;filter:drop-shadow(10px 22px 19px #0006);user-select:none;pointer-events:none}.bench-orbit{position:absolute;inset:25% -5% 10% 5%;background:radial-gradient(ellipse,#ae805815,transparent 68%);border:1px solid #d1b18609;border-radius:50%;transform:rotate(-20deg)}.bench-hammer{z-index:3;width:430px;height:430px;left:-55px;top:20px;transform:rotate(-24deg)}.bench-saw{z-index:1;width:410px;height:410px;right:-30px;top:-18px;transform:rotate(6deg)}.bench-gun{z-index:2;width:450px;height:450px;right:-28px;bottom:-58px;transform:rotate(-8deg)}.bench-label{position:absolute;left:15px;bottom:8px;z-index:4;font-size:10px;line-height:1.8;color:#afa493;letter-spacing:.02em}.bench-label small{font-size:9px;color:#706e68}.how-it-works{display:flex;justify-content:space-between;align-items:center;gap:18px;border-block:1px solid #ffffff0c;padding:23px 0}.how-it-works>div{display:flex;align-items:center;gap:13px;font-size:11px;color:#aaa69e}.how-it-works b{font:9px ui-monospace,monospace;color:#c8a579}.how-it-works>span{color:#494946;font-size:16px}.how-it-works kbd{font-size:9px}.home-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#77776f;padding:24px 0 30px}
#workspace{position:fixed;inset:0;background:#070809;overflow:hidden}#screen{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:none}#rig-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#tool-cursor{position:absolute;left:0;top:0;pointer-events:none;display:none;z-index:4;color:var(--accent);width:0;height:0}.crosshair{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 1px #000}.crosshair:before,.crosshair:after{content:"";position:absolute;width:1px;height:14px;left:2.5px;top:-4px;background:#fff9}.crosshair:after{transform:rotate(90deg)}#cursor-icon{display:block;width:60px;height:60px;transform:translate(8px,-48px) rotate(-12deg);filter:drop-shadow(2px 4px 3px #0008)}#cursor-icon svg{width:100%;height:100%;fill:#171a1cbb;stroke-width:1.4}
.play-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;gap:14px;align-items:center;padding:17px 20px;background:linear-gradient(#0008,transparent);pointer-events:none;transition:opacity .25s}.play-header>*{pointer-events:auto}.play-brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:#e0c29a;font-size:23px;padding:5px}.play-brand span{color:#e6e2d9;font-size:9px;font-weight:700;letter-spacing:.07em}.source-name{font-size:10px;color:#ccc7bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:25vw;text-shadow:0 1px 4px #000}.play-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.glass-button{border:1px solid #d5c3ab24;border-radius:5px;background:#17191be0;color:#d4cfc5;padding:9px 12px;font-size:10px;backdrop-filter:blur(16px)}.glass-button:hover{background:#37332d;border-color:#b29d7e66}.play-bottom{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;z-index:5;transition:opacity .25s}.selected-info{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 auto 10px;padding:5px 12px;background:#11151ad1;width:max-content;max-width:100%;border-radius:5px;backdrop-filter:blur(10px)}#selected-name{font-size:11px;font-weight:600;color:var(--accent)}#selected-hint{font-size:9px;color:#c3c4c0;white-space:nowrap}.tool-dock{display:flex;align-items:center;gap:10px;border:1px solid #b8b0a538;background:#1b1d20eb;border-radius:11px;padding:7px 10px;backdrop-filter:blur(20px);box-shadow:0 10px 35px #0006}.quick-tools{display:flex;gap:4px}.quick-tool{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;width:47px;height:46px;border-radius:6px;color:#b9b9b3;padding:3px}.quick-tool img{width:42px;height:40px;object-fit:contain;filter:drop-shadow(1px 2px 2px #0007)}.quick-tool svg{width:25px;height:25px}.quick-tool .key{position:absolute;right:3px;bottom:0;font:8px ui-monospace,monospace;color:#a6a298}.quick-tool:hover{background:#353631}.quick-tool[aria-pressed=true]{border-color:#d8ba8d88;background:#8f70453d;color:#e8c89e}.quick-tool[aria-pressed=true] .key{color:#edcfaa}.dock-divider{height:26px;width:1px;background:#d2cbb525;flex-shrink:0}.all-tools{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:11px;white-space:nowrap;padding:6px;color:#c7c4bc}.all-tools b{font-size:10px;color:#e8c89e;margin-left:2px}.grid-icon{font-size:23px;color:#c4b79d}.all-tools kbd{font-size:8px}.restore-button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#e8c89e;font-size:22px;padding:5px}.restore-button>span{font-size:12px;white-space:nowrap}.sound-button{background:none;border:0;font-size:20px;color:#c1b8a8;padding:5px}.sound-button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.play-footnote{display:flex;justify-content:space-between;gap:20px;font:8px ui-monospace,monospace;color:#ccc3b999;text-shadow:0 1px 4px #000;margin-top:8px;padding:0 5px;white-space:nowrap}.quiet-hint{position:absolute;bottom:15px;right:20px;z-index:3;color:#f1e6d673;font-size:9px;letter-spacing:.04em;opacity:0;pointer-events:none;text-shadow:0 1px 4px #000}.quiet-hint span{margin:0 7px;color:#c9ab82}.immersed .play-header,.immersed .play-bottom{opacity:0;pointer-events:none}.immersed .play-header *,.immersed .play-bottom *{pointer-events:none}.immersed .quiet-hint{opacity:1}.play-header:focus-within,.play-bottom:focus-within{opacity:1!important;pointer-events:auto!important}.play-header:focus-within *,.play-bottom:focus-within *{pointer-events:auto!important}
body[data-mode=play]{overflow:hidden}dialog{color:var(--ink);background:#1b1d20;border:1px solid #696251;border-radius:12px;padding:25px;box-shadow:0 25px 100px #0009;max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#050608b9;backdrop-filter:blur(9px)}.tool-dialog{width:min(810px,calc(100% - 28px))}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.dialog-header h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0;font-weight:600}.close-dialog{font-size:27px;background:#303131;border:1px solid #5c594f;border-radius:50%;width:34px;height:34px;line-height:1}.tool-groups{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.tool-groups button{border:1px solid #454642;color:#b1aea5;background:none;border-radius:20px;font-size:11px;padding:6px 12px}.tool-groups button[aria-pressed=true]{background:#d2b58f;border-color:#d2b58f;color:#262018}.all-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool-card{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-width:0;min-height:109px;background:#25272a;border:1px solid #3d403e;border-radius:7px;padding:12px 7px;color:#c5c5be}.tool-card svg{width:28px;height:28px}.tool-card img{width:75px;height:42px;object-fit:contain;filter:drop-shadow(2px 3px 2px #0006)}.tool-card strong{font-size:11px;font-weight:600}.tool-card small{font-size:8px;text-align:center;line-height:1.5;color:#898e8b;word-break:keep-all}.tool-card:hover{background:#343431;border-color:#a39378}.tool-card[aria-pressed=true]{border-color:#dec093;background:#6f59313d;color:#e9cfaa}.dialog-tip{font-size:10px;color:#96988f;text-align:center;margin:18px 0 0}.capture-dialog{width:min(650px,calc(100% - 28px))}#capture-video{width:100%;display:block;background:#07090b;aspect-ratio:16/9;max-height:32vh;object-fit:contain;border:1px solid #4b4c47;border-radius:5px}.capture-description{margin:18px 0}.capture-description strong{color:#d4c7b2;font-size:13px}.capture-description p{color:#aaa99f;font-size:11px;line-height:1.9;margin:8px 0 0}.capture-actions{display:flex;gap:9px}.capture-actions .button{flex:1}.countdown{text-align:center;padding:13px;background:#433a2c;border:1px solid #8d74504d;color:#e7cb9f;border-radius:5px;font-size:15px;font-weight:600;margin-bottom:15px}.toast{position:fixed;left:50%;top:85px;transform:translateX(-50%);z-index:20;max-width:90vw;width:max-content;padding:10px 17px;font-size:11px;line-height:1.7;color:#e8ddc9;border:1px solid #b99d6d4d;border-radius:6px;background:#25282bed;box-shadow:0 8px 30px #0005;backdrop-filter:blur(14px);pointer-events:none}#drop-overlay{position:fixed;inset:12px;z-index:50;background:#181a1cf0;border:1px dashed #d1b282;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#e1c6a0;pointer-events:none}#drop-overlay>span{font-size:60px}#drop-overlay strong{font-size:27px}#drop-overlay p{color:#a6a398;font-size:13px}
@media(max-width:1050px){#home{padding:0 32px}.hero{gap:12px;min-height:570px}h1{font-size:44px}.hero-sub{font-size:13px}.button{padding:12px 15px;font-size:11px}.home-utility{gap:14px;flex-wrap:wrap}.workbench{height:470px}.bench-hammer{width:370px;height:370px;left:-45px;top:15px}.bench-saw{width:340px;height:340px;right:-30px;top:0}.bench-gun{width:360px;height:360px;right:-20px;bottom:-28px}.bench-label{left:10px;bottom:0}.source-name{max-width:17vw}.play-header{padding:12px 14px;gap:9px}.glass-button{padding:8px 9px}}
@media(max-width:720px){#home{padding:0 22px}.home-header{height:70px}.wordmark{font-size:10px}.edition{display:none}.quiet-button{font-size:10px}.hero{grid-template-columns:1fr;padding:36px 0 27px;gap:14px;min-height:0}.eyebrow{font-size:8px}h1{font-size:clamp(36px,8.8vw,52px);margin:24px 0 18px}.hero-sub{font-size:12px;margin-bottom:23px}.start-actions .button{flex:1;padding:12px;gap:8px;font-size:11px}.button svg{width:17px;height:17px}.micro{font-size:9px}.home-utility{margin-top:15px;gap:13px}.home-utility>span{font-size:8px}.workbench{height:285px;margin:0 -8px}.bench-hammer{height:275px;width:275px;left:-10px;top:5px}.bench-saw{height:260px;width:260px;right:-3px;top:-6px}.bench-gun{height:250px;width:250px;right:10px;bottom:-20px}.bench-label{left:16px;bottom:8px;font-size:9px}.bench-label small{display:none}.how-it-works{gap:8px;padding:18px 0}.how-it-works>div{gap:5px;font-size:8px;align-items:flex-start}.how-it-works b{font-size:7px}.how-it-works kbd{font-size:7px}.how-it-works>span{font-size:10px}.home-footer{flex-direction:column;gap:10px;font-size:8px;padding-top:19px}.play-brand span,.source-name{display:none}.play-header{padding:10px;gap:7px}.play-actions{gap:5px}.glass-button{font-size:10px;padding:8px}.glass-button span{display:none}.play-bottom{bottom:max(12px,env(safe-area-inset-bottom))}.tool-dock{gap:6px;padding:6px 7px}.quick-tools{gap:1px}.quick-tool{width:33px;height:40px}.quick-tool img{width:32px;height:36px}.quick-tool svg{width:21px;height:21px}.quick-tool .key{display:none}.all-tools{gap:3px;padding:3px}.all-tools>span:not(.grid-icon),.all-tools kbd,.restore-button kbd{display:none}.grid-icon{font-size:23px}.restore-button{gap:4px;padding:3px;font-size:21px}.restore-button>span{font-size:10px}.sound-button{font-size:18px;padding:3px}.selected-info{gap:7px;padding:5px 9px}#selected-name{font-size:10px}#selected-hint{font-size:8px}.play-footnote{justify-content:center;font-size:7px}.play-footnote>span:last-child{display:none}.quiet-hint{display:none}dialog{padding:18px}.all-tools-grid{grid-template-columns:repeat(4,1fr);gap:6px}.tool-card{min-height:95px;padding:10px 5px}.tool-card img{width:61px;height:38px}.tool-card strong{font-size:10px}.tool-card small{font-size:7px}.tool-groups{gap:4px}.tool-groups button{padding:6px 10px;font-size:10px}.dialog-header h2{font-size:20px}.capture-actions{flex-direction:column}.capture-description p br{display:none}.toast{top:72px;font-size:10px}}
@media(max-width:360px){.quick-tool:nth-child(n+5){display:none}.workbench{height:250px}.bench-hammer{width:245px;height:245px}.bench-saw{width:230px;height:230px}.bench-gun{width:220px;height:220px}.start-actions .button{font-size:10px;padding:12px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
/* The full toolbox uses the same textured props as the playing surface. */
.tool-dialog{width:min(940px,calc(100% - 28px))}.tool-card{position:relative;min-height:139px;gap:8px;padding:12px 8px;background:radial-gradient(ellipse at 50% 25%,#45483f33,transparent 65%),#25272a;overflow:hidden;transition:background .18s,border-color .18s}.tool-card img{width:112px;height:75px;max-width:100%;object-fit:contain;filter:drop-shadow(3px 6px 4px #0008);transition:transform .18s}.tool-card:hover img{transform:translateY(-3px) rotate(-3deg)}.tool-card[aria-pressed=true]{border-color:var(--tool);color:var(--tool);background:radial-gradient(ellipse at 50% 25%,#ae967b25,transparent 70%),#34312b}.tool-card strong{font-size:12px}.tool-card small{font-size:8px}.quick-tool img{width:43px;height:42px}
@media(max-width:720px){.tool-card{min-height:116px;gap:6px;padding:9px 5px}.tool-card img{width:75px;height:56px}.tool-card strong{font-size:10px}.tool-card small{font-size:7px}.quick-tool img{width:32px;height:36px}.tool-dialog{padding:16px}.tool-groups button{font-size:9px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.tool-card:hover img{transform:none}}