:root{--paper: #f2efe6;--ink: #1a1a18;--ink-dim: #55534c;--blue: #1f6f9c;--orange: #d9572c;--bg: var(--paper);--surface: #e9e4d6;--surface2: #e0dbcb;--border: #c9c2ac;--text: var(--ink);--text-dim: var(--ink-dim);--accent: var(--blue);--accent2: var(--blue);--danger: #aa3333;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-sans: "IBM Plex Sans", Helvetica, Arial, sans-serif;--font-display: "Unbounded", Helvetica, sans-serif}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);overflow-x:hidden}body.loaded #mode-toggle-bar{opacity:1;transform:translateY(0)}#mode-toggle-bar{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--paper);backdrop-filter:blur(6px);border:2px solid var(--ink);border-radius:0;padding:6px 10px;display:flex;gap:8px;font-size:12px;z-index:9000;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}#mode-toggle-bar button{background:transparent;border:none;color:var(--text-dim);padding:2px 8px;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}#mode-toggle-bar button:hover{background:var(--surface);color:var(--ink)}#wrap.static-mode{grid-template-columns:1fr}#wrap.static-mode #pts{display:none}.press-start-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--paper);backdrop-filter:blur(10px);animation:pressStartFadeIn .4s ease}@keyframes pressStartFadeIn{0%{opacity:0}to{opacity:1}}.press-start-content{text-align:center;padding:40px;max-width:440px}.press-start-title{font-family:var(--font-display);font-size:32px;font-weight:900;text-transform:uppercase;color:var(--ink);letter-spacing:-.01em;margin:0 0 14px}.press-start-dim{color:var(--text-dim);font-size:20px}.press-start-tagline{color:var(--text-dim);font-size:13px;line-height:1.6;margin:0 0 32px}.press-start-btn{display:block;width:100%;box-sizing:border-box;font-family:var(--font-sans);font-weight:600;font-size:14px;padding:14px;margin-bottom:10px;border-radius:0;cursor:pointer;transition:background .2s,color .2s}.press-start-btn-primary{background:var(--ink);border:2px solid var(--ink);color:var(--paper);text-transform:uppercase;animation:pressStartPulse 1.8s ease-in-out infinite}.press-start-btn-primary:hover{background:var(--blue);border-color:var(--blue)}@keyframes pressStartPulse{0%,to{box-shadow:0 0 #1f6f9c59}50%{box-shadow:0 0 0 8px #1f6f9c00}}.press-start-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.press-start-btn-secondary:hover{color:var(--text);background:var(--surface2)}#floating-orb{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#1f6f9c59,#1f6f9c0d 80%);mix-blend-mode:multiply;pointer-events:none;z-index:9998;transition:transform .08s ease-out;opacity:.4;top:0;left:0}@keyframes shimmerMove{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.05)}to{transform:translate(-5%,-5%) scale(.98)}}#gesture-canvas{position:fixed;inset:0;z-index:8000;pointer-events:none;opacity:0;transition:opacity .2s}#gesture-canvas.active{pointer-events:all;opacity:1;cursor:crosshair}.gesture-hint{position:fixed;bottom:calc(60px + 1.2rem);left:50%;transform:translate(-50%) translateY(8px);background:var(--paper);border:2px solid var(--ink);color:var(--text-dim);font-size:11px;padding:6px 14px;border-radius:20px;pointer-events:none;z-index:8001;opacity:0;transition:opacity .3s,transform .3s}.gesture-hint.visible{opacity:1;transform:translate(-50%) translateY(0)}.gesture-move-label{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:2px solid transparent;padding:10px 28px;border-radius:4px;pointer-events:none;z-index:8500;opacity:0;transition:opacity .15s,transform .15s;background:var(--paper)}.gesture-move-label.visible{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .1s,transform .1s;animation:label-fade 1.8s forwards}@keyframes label-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}60%{opacity:1;transform:translate(-50%,-52%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.9)}}#command-bar{position:absolute;bottom:0;left:0;right:0;height:60px;background:var(--paper);backdrop-filter:blur(14px);border-top:2px solid var(--ink);display:flex;align-items:center;padding:0 12px;gap:2px;z-index:8100}.cmd-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;transition:color .18s,background .18s,border-color .18s;user-select:none}.cmd-slot:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.cmd-icon{display:flex;line-height:1}.cmd-icon svg{width:16px;height:16px}.cmd-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.cmd-slot.active{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.cmd-slot-golem.active{background:var(--surface2);border-color:var(--accent2);color:var(--accent2)}.cmd-spacer{flex:1}#comp-hud{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:10px;color:var(--text-dim);opacity:0;transition:opacity .4s ease;pointer-events:none;white-space:nowrap}#comp-hud.visible{opacity:1}.comp-elem-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:10px;font-size:9px;background:var(--surface2);border:1px solid var(--border);color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.comp-sep{color:var(--text-dim);opacity:.5}.comp-resonance{color:var(--accent);font-weight:600;font-size:11px}.spell-drawer{position:absolute;bottom:64px;left:12px;width:min(400px,calc(100% - 24px));max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--paper);backdrop-filter:blur(20px);border:2px solid var(--ink);border-radius:0;z-index:8050;padding:18px 22px 16px;transform:translateY(calc(100% + 64px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s ease}.spell-drawer.active{transform:translateY(0);opacity:1;pointer-events:all}.drawer-close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--text-dim);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.drawer-close:hover{color:var(--text);background:var(--surface2)}.spell-modal,.techo-modal,.synthesis-modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9500;opacity:0;pointer-events:none;transition:opacity .25s ease}.spell-modal.active,.techo-modal.active,.synthesis-modal.active{opacity:1;pointer-events:all}.spell-modal-content,.techo-modal-content,.synthesis-modal-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 32px;width:min(480px,92vw);max-height:88vh;overflow-y:auto;position:relative}.spell-title{margin:0 0 4px;font-size:18px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase}.spell-subtitle{margin:0 0 20px;font-size:12px;color:var(--text-dim)}.spell-input-container{margin-bottom:14px}.spell-input{width:100%;background:var(--paper);border:2px solid var(--ink);color:var(--text);font-family:var(--font-mono);font-size:16px;padding:10px 14px;border-radius:0;outline:none;box-sizing:border-box;transition:border-color .2s}.spell-input:focus{border-color:var(--accent)}.spell-feedback{font-size:12px;color:var(--text-dim);min-height:20px;margin-bottom:16px;font-style:italic;transition:color .2s}.spell-feedback.active{color:var(--accent)}.resonance-indicator{margin-bottom:20px}.resonance-label{font-size:11px;color:var(--text-dim);margin-bottom:6px}.resonance-bar{height:4px;background:var(--surface2);border-radius:0;overflow:hidden}.resonance-fill{height:100%;background:var(--accent);border-radius:0;transition:width .4s ease}.spell-actions{display:flex;gap:10px}.spell-btn{flex:1;padding:12px 9px;border-radius:0;font-family:var(--font-sans);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;border:2px solid var(--ink);transition:all .2s}.spell-btn-cast{background:var(--ink);color:var(--paper)}.spell-btn-cast:hover{background:var(--blue);border-color:var(--blue)}.spell-btn-close{background:var(--paper);color:var(--ink)}.spell-btn-close:hover{background:var(--surface2)}.golem-title{margin:0 0 4px;font-size:18px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase}.golem-subtitle{margin:0 0 20px;font-size:12px;color:var(--text-dim)}.essence-title{font-size:11px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.essence-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.essence-btn{padding:6px 14px;border-radius:0;border:1px solid hsl(var(--eh),var(--es),45%);background:hsl(var(--eh),var(--es),92%);color:hsl(var(--eh),var(--es),30%);font-family:var(--font-sans);font-weight:500;font-size:12px;cursor:pointer;transition:all .15s;--eh: 45;--es: 30%;--el: 60%}.essence-btn:hover{border-color:hsl(var(--eh),var(--es),35%);background:hsl(var(--eh),var(--es),86%)}.essence-btn.selected{border-color:hsl(var(--eh),var(--es),30%);background:hsl(var(--eh),var(--es),80%)}.golem-preview{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.golem-preview-visual{width:60px;height:60px;border-radius:50%;background:var(--surface2);transition:background .4s,box-shadow .4s}.golem-preview-name{font-size:15px;color:var(--text)}.golem-preview-desc{font-size:11px;color:var(--text-dim)}.golem-name-label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:6px}.golem-name-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:14px;padding:8px 12px;border-radius:6px;outline:none;box-sizing:border-box;margin-bottom:16px;transition:border-color .2s}.golem-name-input:focus{border-color:var(--accent2)}.golem-name-container{margin-bottom:4px}.golem-actions{display:flex;gap:10px}.golem-btn{flex:1;padding:12px 9px;border-radius:0;font-family:var(--font-sans);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;border:2px solid var(--ink);transition:all .2s}.golem-btn-forge{background:var(--ink);color:var(--paper)}.golem-btn-forge:hover:not(:disabled){background:var(--blue);border-color:var(--blue)}.golem-btn-forge:disabled{opacity:.35;cursor:not-allowed}.golem-btn-close{background:var(--paper);color:var(--ink)}.golem-btn-close:hover{background:var(--surface)}.golem-fuse-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.golem-fuse-btn{padding:4px 12px;border-radius:14px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all .15s}.golem-fuse-btn:hover:not(:disabled){border-color:var(--tech-color, var(--accent2));color:var(--tech-color, var(--accent2))}.golem-fuse-btn.selected{border-color:var(--tech-color, var(--accent2));background:color-mix(in srgb,var(--tech-color, var(--accent2)) 12%,transparent);color:var(--tech-color, var(--accent2))}.golem-fuse-btn:disabled{opacity:.3;cursor:not-allowed}.combo-order-preview{font-size:11px;color:var(--accent2);font-family:var(--font-mono);margin:8px 0 12px;min-height:14px}.synthesis-title{margin:0 0 2px;font-size:18px;color:var(--accent2)}.synthesis-subtitle{margin:0 0 20px;font-size:12px;color:var(--text-dim)}.synthesis-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.synthesis-card{text-align:left;padding:12px 14px;border-radius:8px;border:1px solid var(--tech-color, var(--border));background:color-mix(in srgb,var(--tech-color, var(--accent2)) 8%,transparent);cursor:pointer;transition:background .15s,transform .1s}.synthesis-card:hover{background:color-mix(in srgb,var(--tech-color, var(--accent2)) 16%,transparent);transform:translateY(-1px)}.synthesis-card-name{font-size:14px;color:var(--tech-color, var(--text));font-weight:600}.synthesis-card-element{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:2px 0 6px}.synthesis-card-flavor{font-size:11px;color:var(--text-dim);line-height:1.4}.gesture-drawer{position:absolute;bottom:64px;left:12px;width:min(540px,calc(100% - 24px));max-height:min(420px,68%);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--paper);backdrop-filter:blur(20px);border:2px solid var(--ink);border-radius:0;z-index:8050;padding:18px 20px 16px;transform:translateY(calc(100% + 64px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s ease}.gesture-drawer.active{transform:translateY(0);opacity:1;pointer-events:all}.gesture-panel-title{margin:0 0 2px;font-size:16px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase}.gesture-panel-subtitle{margin:0 0 14px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.gesture-panel-hint{font-size:10px;color:var(--text-dim);text-align:center;opacity:.55;font-style:italic;margin-top:4px}.gesture-panel-hint kbd{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:0 4px;font-style:normal;font-family:var(--font-mono);font-size:9px}.gesture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.gesture-card{display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:default;transition:border-color .18s,background .18s}.gesture-card.unlocked{border-color:#8c50c840}.gesture-card.unlocked:hover{border-color:#b464ff8c;background:#8c50c812}.gesture-card.locked{opacity:.55}.gesture-card-sketch{width:76px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.locked-sketch{border:1px dashed var(--border);border-radius:4px}.gesture-card-lock{font-size:22px;color:var(--text-dim);opacity:.25;font-family:var(--font-mono)}.gesture-card-name{font-size:9px;color:var(--text);font-family:var(--font-mono);font-weight:600;text-align:center;letter-spacing:.02em;line-height:1.3;margin-bottom:5px}.locked-name{color:var(--text-dim);font-weight:400}.gesture-card-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.gesture-card-elem{font-size:8px;text-transform:uppercase;letter-spacing:.07em}.gesture-card-boost{font-size:9px;color:var(--text-dim)}.gesture-card-meta .dim{color:var(--text-dim);opacity:.3;font-size:9px}.gesture-card-progress{width:100%;margin-top:4px}.gcp-bar-track{height:3px;background:var(--surface2);border-radius:2px;overflow:hidden;margin-bottom:5px}.gcp-bar-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .4s ease}.gcp-hint{font-size:8px;color:var(--text-dim);font-family:var(--font-mono);text-align:center;line-height:1.3;opacity:.7}.golem-equip-section{margin-bottom:16px}.golem-equip-label{font-size:11px;color:var(--text-dim);margin-bottom:8px;font-family:var(--font-mono)}.golem-equip-optional{opacity:.5;font-size:10px}.golem-equip-list{display:flex;flex-wrap:wrap;gap:6px}.golem-equip-btn{padding:4px 12px;border-radius:14px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all .15s}.golem-equip-btn:hover{border-color:var(--tech-color, var(--accent));color:var(--tech-color, var(--accent))}.golem-equip-btn.active{border-color:var(--tech-color, var(--accent));background:color-mix(in srgb,var(--tech-color, var(--accent)) 12%,transparent);color:var(--tech-color, var(--accent))}.golem-equip-empty{font-size:10px;color:var(--text-dim);font-style:italic;opacity:.6;font-family:var(--font-mono)}.gesture-discovery-toast{position:absolute;bottom:68px;left:50%;transform:translate(-50%) translateY(10px);background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:6px 16px;font-family:var(--font-mono);font-size:11px;color:var(--ink);pointer-events:none;z-index:8200;opacity:0;white-space:nowrap;transition:opacity .28s ease,transform .28s ease;backdrop-filter:blur(10px)}.gesture-discovery-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.gdt-spark{color:var(--blue);margin-right:4px}.gdt-text strong{color:var(--blue)}.active-golem{position:fixed;top:0;left:0;width:30px;height:30px;pointer-events:none;z-index:9990}.active-golem-core{width:100%;height:100%;border-radius:50%;transition:transform .3s,box-shadow .3s}.active-golem-trail{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9989;animation:trailFade .8s ease forwards}@keyframes trailFade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.golem-info{position:fixed;bottom:5rem;left:50%;transform:translate(-50%) translateY(8px);background:var(--paper);border:2px solid var(--ink);padding:8px 16px;border-radius:0;text-align:center;z-index:9991;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.golem-info.visible{opacity:1;transform:translate(-50%) translateY(0)}.golem-info-name{font-family:var(--font-sans);font-weight:600;font-size:14px;color:var(--accent2)}.golem-info-essence{font-size:11px;color:var(--text-dim);margin-top:2px}.techo-modal-content{width:min(520px,92vw)}.techo-title{margin:0 0 4px;font-size:18px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase}.techo-subtitle{margin:0 0 20px;font-size:12px;color:var(--text-dim)}.techo-streak{font-size:28px;color:var(--blue);text-align:center;margin-bottom:4px}.techo-streak-label{text-align:center;font-size:11px;color:var(--text-dim);margin-bottom:20px}.techo-daily-spell{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px 18px;margin-bottom:20px}.techo-daily-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.techo-daily-word{font-size:20px;color:var(--accent);margin:4px 0 2px}.techo-daily-desc{font-size:12px;color:var(--text-dim)}.techo-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.techo-stat{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center}.techo-stat-val{font-size:22px;color:var(--text)}.techo-stat-label{font-size:10px;color:var(--text-dim);margin-top:2px}.techo-log-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;margin-bottom:8px}.techo-log-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.techo-log-item{font-size:11px;color:var(--text-dim);padding:4px 8px;background:var(--surface2);border-radius:4px;display:flex;justify-content:space-between}.techo-log-item .el{color:var(--accent)}.techo-close-btn{margin-top:16px;width:100%;padding:10px;background:var(--paper);border:2px solid var(--ink);color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;border-radius:0;cursor:pointer;transition:all .2s}.techo-close-btn:hover{color:var(--text);background:var(--surface2)}.guide-panel{height:100%;overflow-y:auto;padding:16px 14px 12px;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.guide-panel::-webkit-scrollbar{width:4px}.guide-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.guide-header{margin-bottom:10px}.guide-title{display:block;font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}.guide-byline{display:block;font-family:var(--font-mono);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-top:6px}.guide-divider{color:var(--border);font-size:11px;margin:8px 0;overflow:hidden;white-space:nowrap;user-select:none}.guide-doc{flex:1;display:flex;flex-direction:column;gap:1px}.guide-node{font-size:12px;line-height:1.7}.guide-anchor{cursor:pointer;user-select:none;display:inline-block;color:var(--text-dim);transition:color .15s}.guide-anchor:hover{color:var(--text)}.guide-anchor.open{color:var(--accent)}.guide-jump{cursor:pointer;color:var(--accent2);text-decoration:none;display:inline-block}.guide-jump:hover{color:var(--blue);text-decoration:underline}.guide-popup-anchor{cursor:help;color:var(--ink-dim);border-bottom:1px dashed var(--border)}.guide-popup-anchor:hover{color:var(--text)}.guide-body{margin-top:2px;margin-bottom:4px;border-left:1px solid var(--border);padding-left:10px}.guide-content{font-family:var(--font-sans);font-size:12px;color:var(--ink-dim);white-space:pre-wrap;margin:4px 0 6px;line-height:1.6}.guide-popup{position:fixed;z-index:9999;background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:6px 10px;font-size:11px;font-family:var(--font-mono);color:var(--text);pointer-events:none;box-shadow:none;max-width:220px;white-space:pre-wrap}.guide-log{margin-top:4px;max-height:140px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:1px}.guide-log::-webkit-scrollbar{display:none}.guide-log-line{font-family:var(--font-mono);font-size:10px;color:var(--border);line-height:1.5;white-space:pre-wrap;word-break:break-all}.guide-log-line:last-child{color:var(--ink-dim)}.studio-modal{display:none;position:fixed;inset:0;z-index:9700;background:#000000bf;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.studio-modal.active{display:flex}.studio-modal-content{background:var(--paper);border:2px solid var(--ink);border-radius:0;width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.studio-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--ink);flex-shrink:0}.studio-header-left{display:flex;align-items:baseline;gap:10px}.studio-title{margin:0;font-size:17px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase}.studio-greeting{font-size:11px;color:var(--text-dim);font-style:italic}.studio-streak-badge{display:flex;align-items:baseline;gap:4px}.streak-num{font-size:22px;color:var(--blue);font-weight:700}.streak-label{font-size:10px;color:var(--text-dim)}.studio-tabs{display:flex;gap:0;border-bottom:1px solid var(--ink);flex-shrink:0}.studio-tab{flex:1;padding:10px 0;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .2s;letter-spacing:.04em;border-bottom:2px solid transparent}.studio-tab:hover{color:var(--text)}.studio-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.studio-section{display:none;flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.studio-section::-webkit-scrollbar{width:4px}.studio-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.studio-section.active{display:block}.studio-empty{text-align:center;color:var(--text-dim);font-size:12px;padding:40px 20px;line-height:1.8}.studio-header-close{background:transparent;border:none;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.studio-header-close:hover{color:var(--text);background:var(--surface2)}.golem-profile-card{margin-top:16px;padding:16px;border:2px solid var(--tech-color, var(--ink));border-radius:0;background:color-mix(in srgb,var(--tech-color, var(--accent2)) 6%,transparent)}.golem-profile-visual{position:relative;width:72px;height:96px;border-radius:0;margin:0 auto 10px;background:var(--surface);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.golem-profile-sprite{width:48px;height:72px;image-rendering:pixelated}.golem-profile-tag{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;background:var(--blue);color:var(--paper);font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;white-space:nowrap}.golem-profile-name{text-align:center;font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:15px;color:var(--tech-color, var(--text));margin:18px 0 12px}.golem-profile-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;padding:6px 0;border-top:1px solid var(--border)}.golem-profile-row:first-of-type{border-top:none}.golem-profile-row:has(.combo-stack){align-items:flex-start}.golem-profile-row>span:first-child{color:var(--text-dim);flex-shrink:0}.golem-profile-row>span:last-child{text-align:right;color:var(--text)}.combo-stack{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px}.combo-chip{display:inline-block;background:var(--ink);color:var(--paper);text-transform:uppercase;font-size:10px;letter-spacing:.03em;padding:2px 7px}.studio-footer{padding:12px 20px;border-top:1px solid var(--ink);flex-shrink:0}.studio-close-btn{width:100%;padding:10px;background:var(--paper);border:2px solid var(--ink);color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-radius:0;cursor:pointer;transition:all .2s}.studio-close-btn:hover{color:var(--text);background:var(--surface2)}.journal-spell-of-day{display:flex;align-items:baseline;gap:8px;background:var(--surface);border:2px solid var(--ink);border-radius:0;padding:10px 14px;margin-bottom:14px}.jsd-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.jsd-word{font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--accent)}.jsd-desc{font-size:11px;color:var(--text-dim);font-style:italic}.journal-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.jstat{background:var(--surface2);border:1px solid var(--border);border-radius:0;padding:8px 6px;text-align:center}.jstat-val{font-family:var(--font-sans);font-weight:600;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.jstat-lbl{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.journal-prompt-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.journal-prompt-text{font-size:13px;color:var(--ink-dim);font-style:italic;margin-bottom:10px;line-height:1.5}.journal-textarea{width:100%;min-height:120px;background:var(--surface);border:2px solid var(--ink);border-radius:0;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:10px;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .2s;line-height:1.6}.journal-textarea:focus{border-color:var(--accent)}.journal-save-btn{margin-top:8px;padding:8px 20px;background:transparent;border:2px solid var(--accent);color:var(--accent);font-family:var(--font-sans);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;border-radius:0;cursor:pointer;transition:all .2s}.journal-save-btn:hover{background:var(--accent);color:var(--paper)}.history-entry{background:var(--surface2);border:1px solid var(--border);border-radius:0;padding:12px 14px;margin-bottom:10px}.history-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.history-entry-date{font-size:11px;color:var(--accent2)}.history-delete-btn{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.history-delete-btn:hover{color:var(--danger)}.history-entry-prompt{font-size:11px;color:var(--text-dim);font-style:italic;margin-bottom:6px}.history-entry-preview{font-size:12px;color:var(--text);line-height:1.5;white-space:pre-wrap}.discovery-header{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.discovery-item{background:var(--surface2);border:1px solid var(--border);border-radius:0;padding:10px 12px;margin-bottom:8px}.discovery-title{font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--accent);margin-bottom:3px}.discovery-meta{font-size:11px;color:var(--text-dim)}.first-visit-banner{background:var(--surface);border:2px solid var(--ink);border-radius:0;padding:20px;margin:16px 20px 0;text-align:center}.fv-title{font-size:14px;color:var(--ink);font-family:var(--font-display);font-weight:900;text-transform:uppercase;margin-bottom:8px}.fv-body{font-size:12px;color:var(--text-dim);line-height:1.7;margin-bottom:14px}.fv-close{padding:6px 24px;background:transparent;border:1px solid var(--accent2);color:var(--accent2);font-family:var(--font-mono);font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s}.fv-close:hover{background:var(--accent2);color:var(--paper)}.golem-companion-note{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:8px 12px;margin-bottom:12px;font-size:11px}.gcn-icon{color:var(--blue);font-size:14px}.gcn-text{color:var(--text-dim);flex:1}.gcn-text strong{color:var(--blue)}.gcn-essences{color:var(--ink-dim);font-size:10px}.mood-row{display:flex;align-items:center;gap:8px;margin:10px 0 12px;flex-wrap:wrap}.mood-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.mood-buttons{display:flex;gap:5px;flex-wrap:wrap}.mood-btn{padding:3px 9px;border:1px solid var(--mood-color, var(--ink-dim));background:transparent;color:var(--mood-color, var(--ink-dim));font-family:var(--font-mono);font-size:10px;text-transform:uppercase;border-radius:0;cursor:pointer;transition:all .18s}.mood-btn:hover,.mood-btn.active{background:var(--mood-color, var(--ink-dim));color:var(--paper)}.mood-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:0;font-size:9px;color:var(--paper);font-weight:600;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}.history-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.history-export-btn{padding:5px 12px;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;border-radius:0;cursor:pointer;transition:all .2s}.history-export-btn:hover{color:var(--text);border-color:var(--accent)}.discovery-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.discovery-replay-btn{padding:2px 10px;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;border-radius:0;cursor:pointer;transition:all .2s;flex-shrink:0}.discovery-replay-btn:hover{border-color:var(--accent);color:var(--accent)}.discovery-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-dim)}.discovery-resonance-bar{display:inline-block;width:60px;height:4px;background:var(--border);border-radius:0;overflow:hidden;flex-shrink:0}.discovery-resonance-fill{display:block;height:100%;background:var(--accent);border-radius:0}.discovery-result-tag{padding:1px 6px;border:1px solid var(--border);border-radius:0;font-size:9px;color:var(--text-dim);text-transform:uppercase}.discovery-result-tag.three-way{border-color:var(--blue);color:var(--blue)}