:root{--ui-bg: #1a2016;--ui-panel: #2b3324;--ui-accent: #7aa65a;--ui-accent-2: #cddfb0;--ui-outline: #0e120c;--ui-ink: #e7f4d7;--px-border-dark: #1a2217;--px-border-light: #c1d3ae;--px-panel-1: #2f3a2b;--px-panel-2: #253120}:root{--dock-h: 78px;--t-color-panel-top: #2f3a2b;--t-color-panel-bottom: #253120;--t-color-deep: #1a2016;--t-color-border: #c1d3ae;--t-color-border-strong: rgba(193, 211, 174, .5);--t-color-border-soft: rgba(193, 211, 174, .3);--t-color-border-faint: rgba(193, 211, 174, .2);--t-color-outline: #0e120c;--t-color-ink: #e7f4d7;--t-color-ink-value: #cddfb0;--t-color-ink-muted: #c0d4a8;--t-color-ink-dim: rgba(231, 244, 215, .7);--t-color-ink-faint: rgba(193, 211, 174, .6);--t-signal-good: #7aa65a;--t-signal-gold: #f7c84a;--t-signal-warn: #d7833e;--t-signal-fire: #ff8a00;--t-signal-water: #66ccff;--t-signal-bad: #ff8888;--t-signal-dire: #ff6b6b;--t-space-hair: 2px;--t-space-xs: 4px;--t-space-sm: 6px;--t-space-md: 8px;--t-space-lg: 10px;--t-space-xl: 12px;--t-space-xxl: 16px;--t-space-xxxl: 20px;--t-radius-chip: 2px;--t-radius-row: 4px;--t-radius-inner: 6px;--t-radius-control: 8px;--t-radius-field: 10px;--t-radius-panel: 12px;--t-font-family: "Press Start 2P", ui-monospace, Menlo, Monaco, monospace;--t-size-chip: 9px;--t-size-caption: 10px;--t-size-body: 11px;--t-size-label: 12px;--t-size-section: 13px;--t-size-title: 14px;--t-size-headline: 16px;--t-size-display: 20px;--t-ink-shadow-hard: 2px 2px 0 #0e120c;--t-ink-shadow-soft: 1px 1px 0 #0e120c;--t-ink-shadow-on-glass: 2px 2px 0 rgba(0, 0, 0, .5);--t-surface-panel: linear-gradient(135deg, #2f3a2b 0%, #253120 100%);--t-surface-panel-glass: linear-gradient(135deg, rgba(47, 58, 43, .98) 0%, rgba(37, 49, 32, .98) 100%);--t-surface-tray: linear-gradient(135deg, rgba(47, 58, 43, .6) 0%, rgba(37, 49, 32, .6) 100%);--t-surface-control: linear-gradient(135deg, rgba(58, 74, 50, .9) 0%, rgba(43, 53, 40, .9) 100%);--t-surface-control-hover: linear-gradient(135deg, rgba(78, 94, 70, .9) 0%, rgba(53, 63, 50, .9) 100%);--t-surface-control-active: linear-gradient(135deg, rgba(122, 166, 90, .9) 0%, rgba(90, 134, 66, .9) 100%);--t-surface-header-wash: rgba(0, 0, 0, .2);--t-surface-scrim: rgba(8, 11, 7, .86);--t-border-panel: 2px solid #c1d3ae;--t-border-panel-soft: 2px solid rgba(193, 211, 174, .5);--t-border-control: 2px solid rgba(193, 211, 174, .3);--t-border-tray: 2px solid rgba(193, 211, 174, .2);--t-border-hairline: 1px solid rgba(193, 211, 174, .2);--t-bevel-light: inset 0 1px 0 rgba(255, 255, 255, .1);--t-bevel-light-hover: inset 0 1px 0 rgba(255, 255, 255, .15);--t-bevel-light-active: inset 0 1px 0 rgba(255, 255, 255, .3);--t-bevel-light-hair: inset 0 1px 0 rgba(255, 255, 255, .06);--t-bevel-recess: inset 0 2px 8px rgba(0, 0, 0, .3);--t-bevel-underline: inset 0 -1px 0 rgba(0, 0, 0, .3);--t-shadow-control: 0 2px 8px rgba(0, 0, 0, .3);--t-shadow-headline: 0 4px 16px rgba(0, 0, 0, .4);--t-shadow-panel: 0 4px 16px rgba(0, 0, 0, .6);--t-shadow-modal: 0 16px 48px rgba(0, 0, 0, .6);--t-shadow-glow: 0 0 20px rgba(122, 166, 90, .3);--t-motion-fast: .12s ease-out;--t-motion-base: .2s ease;--t-motion-slow: .3s ease;--t-z-world-attachment: 45;--t-z-ambient: 900;--t-z-spotlight: 1999;--t-z-overlay: 2000;--t-z-hud: 2050;--t-z-panel: 2100;--t-z-debug: 9999;--t-z-modal: 10000}html,body,#root{width:100%;height:100%;margin:0}body{background:radial-gradient(60% 50% at 50% 40%,#314226,#1c2319 60%,#0f140f);overflow:hidden;font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,monospace;color:var(--ui-ink)}canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:default}.px-pixel-art,.px-pixel-art img{image-rendering:pixelated;image-rendering:crisp-edges}.px-crisp-type{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.px-crisp-type svg,.px-pixel-art svg{shape-rendering:crispEdges}.px-scroll::-webkit-scrollbar{width:6px;height:6px}.px-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.px-scroll::-webkit-scrollbar-thumb{background:var(--t-color-border-soft);border-radius:3px}.px-scroll::-webkit-scrollbar-thumb:hover{background:var(--t-color-border-strong)}.app-shell{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) var(--dock-h)}.stage{grid-row:1;position:relative;overflow:hidden}.stage canvas{display:block}.ui-overlay{pointer-events:none;position:fixed;inset:0;z-index:2000}@keyframes twitch{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-1deg) translate(-1px)}50%{transform:rotate(0) translate(0)}75%{transform:rotate(1deg) translate(1px)}}.dialogue-bubbles-container{position:fixed;top:0;left:0;width:100%;height:calc(100vh - var(--dock-h));overflow:hidden;pointer-events:none;z-index:45}.dialogue-bubble{position:absolute;transform:translate(-50%) translateY(-100%) scale(.935);transform-origin:center bottom;animation:bubbleFadeIn .3s ease-out;transition:opacity .5s ease-out,transform .15s ease-out,filter .15s ease-out;width:max-content;max-width:min(340px,calc(100vw - 32px));pointer-events:auto!important;cursor:pointer}.dialogue-bubble:hover{transform:translate(-50%) translateY(-100%) scale(.99);filter:brightness(1.1)}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.935) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(.935)}}.dialogue-bubble-content{padding:6px 10px 9px;background:#e7f4d7;border:2px solid #1b1812;border-radius:8px;font-family:"Press Start 2P",monospace;font-size:13px;line-height:20px;color:#1b1812;text-align:left;box-shadow:0 3px 8px #00000026,0 1px 3px #0000001a;position:relative;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;pointer-events:none}.dialogue-bubble-inline{display:flex;align-items:flex-start;gap:6px}.dialogue-bubble-name{font-weight:700;font-size:11px;color:#1b1812;text-transform:uppercase}.dialogue-bubble-text{font-size:13px;line-height:19px;color:#1b1812;flex:1}.throng-avatar{width:20px;height:20px;flex-shrink:0;background:#1b18121f;border-radius:3px;padding:1px}.god-avatar{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:4px;font-size:16px;box-shadow:0 0 4px #ffd70080}.dialogue-bubble.god-response .dialogue-bubble-content{background:#1a2016;border-color:#0d110b;color:#e7f4d7;box-shadow:0 4px 16px #0006,0 2px 8px #0000004d}.dialogue-bubble.god-response .throng-avatar{background:#e7f4d724}.dialogue-bubble.god-response .dialogue-bubble-name{color:#f7c84a}.dialogue-bubble.god-response .dialogue-bubble-text{color:#e7f4d7}.dialogue-bubble-tail{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:16px;height:9px;pointer-events:none;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9'%3E%3Cpath d='M0 0 L8 9 L16 0' fill='%23e7f4d7' stroke='none'/%3E%3Cpath d='M1 2 L8 9' fill='none' stroke='%231b1812' stroke-width='2'/%3E%3Cpath d='M8 9 L15 2' fill='none' stroke='%231b1812' stroke-width='2'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;background-position:center}.dialogue-bubble.god-response .dialogue-bubble-tail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9'%3E%3Cpath d='M0 0 L8 9 L16 0' fill='%231a2016' stroke='none'/%3E%3Cpath d='M1 2 L8 9' fill='none' stroke='%230d110b' stroke-width='2'/%3E%3Cpath d='M8 9 L15 2' fill='none' stroke='%230d110b' stroke-width='2'/%3E%3C/svg%3E")}.inspect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(193,211,174,.2);gap:10px;min-height:24px}.inspect-name-row{display:flex;align-items:center;gap:8px;flex:1}.inspect-name{font-family:"Press Start 2P",monospace;font-size:13px;color:#e7f4d7;text-shadow:1px 1px 0 #0e120c;display:flex;align-items:center;gap:6px;transition:all .15s ease}.inspect-name:hover{color:#7aa65a}.inspect-name .edit-icon{font-size:9px;opacity:0;transition:opacity .15s ease}.inspect-name:hover .edit-icon{opacity:1}.inspect-name-input{font-family:"Press Start 2P",monospace;font-size:13px;color:#e7f4d7;background:#0e120ccc;border:2px solid #7aa65a;border-radius:4px;padding:4px 8px;outline:none;width:140px;box-shadow:0 0 8px #7aa65a4d}.inspect-name-input:focus{border-color:#cddfb0;box-shadow:0 0 12px #7aa65a80}.inspect-activity{font-family:"Press Start 2P",monospace;font-size:9px;padding:2px 6px;border-radius:3px;background:#7a9a6a66;border:1px solid rgba(192,212,168,.5);color:#c0d4a8;font-style:italic}.inspect-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud-stat-bar{display:flex;flex-direction:column;gap:3px}.stat-label{display:flex;align-items:baseline;justify-content:space-between;gap:4px;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.5px;color:#e7f4d7b3}.stat-label .stat-value{color:#c1d3ae99;font-variant-numeric:tabular-nums}.stat-bar-bg{position:relative;height:3px;background:#0e120c99;border-radius:1px;overflow:hidden}.stat-bar-fill{position:absolute;left:0;top:0;height:100%;opacity:.5;transition:width .3s ease}.inspect-moodlets{margin-top:10px;padding:8px;background:#0e120c66;border-radius:4px;border:1px solid rgba(193,211,174,.15)}.inspect-inventory{margin-top:8px;padding-top:8px;border-top:1px solid rgba(193,211,174,.2)}.inventory-header{font-family:"Press Start 2P",monospace;font-size:10px;color:#e7f4d7cc;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.inventory-items{display:flex;flex-direction:column;gap:4px}.inventory-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0003;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:11px}.inventory-item .item-icon{font-size:12px}.inventory-item .item-name{color:#e7f4d7e6;flex:1}.inventory-item .item-count{color:#7aa65a;font-weight:700;min-width:24px;text-align:right}.inspect-genetics{margin-top:8px;padding-top:8px;border-top:1px solid rgba(193,211,174,.2)}.genetics-header{font-family:"Press Start 2P",monospace;font-size:10px;color:#e7f4d7cc;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.genetics-traits{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud-likert-trait{display:flex;flex-direction:column;gap:3px}.likert-label{font-family:"Press Start 2P",monospace;font-size:9px;color:#e7f4d7bf}.likert-dots{display:flex;gap:3px}.likert-dot{width:10px;height:10px;border-radius:2px;border:1px solid rgba(193,211,174,.4);background:#0e120c80;transition:all .2s ease}.likert-dot.filled{background:linear-gradient(135deg,#8ec57a,#6ba85c);border-color:#8ec57a99;box-shadow:inset 0 1px #fff3,0 0 4px #8ec57a4d}.tutorial-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.tutorial-backdrop{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-container{position:relative;z-index:1;animation:tutorial-enter .3s ease-out}.tutorial-container.animating .tutorial-card{animation:card-slide .2s ease-in-out}@keyframes tutorial-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes card-slide{0%{opacity:1;transform:translate(0)}50%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tutorial-skip{position:absolute;top:-40px;right:-40px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .2s;font-family:sans-serif}.tutorial-skip:hover{background:#ff4336cc;border-color:#ff4336;transform:scale(1.1)}.tutorial-card{background:linear-gradient(135deg,#2f3a2b,#253120);border:3px solid var(--px-border-light);border-radius:16px;padding:32px;width:500px;max-width:90vw;box-shadow:0 20px 60px #000c,0 0 100px #7aa65a1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.tutorial-icon{display:flex;justify-content:center;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.tutorial-title{font-family:"Press Start 2P",monospace;font-size:18px;text-align:center;margin:0 0 20px;color:var(--ui-accent-2);text-shadow:2px 2px 0 rgba(0,0,0,.5);letter-spacing:1px}.tutorial-content{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.8;text-align:center;margin:0 0 24px;color:var(--ui-ink);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.tutorial-tip{background:#7aa65a26;border:2px solid rgba(122,166,90,.3);border-radius:8px;padding:12px;margin-bottom:24px;display:flex;align-items:center;gap:10px}.tip-icon{font-size:16px;flex-shrink:0}.tip-text{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.6;color:#cddfb0;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.tutorial-progress{height:4px;background:#0000004d;border-radius:2px;margin-bottom:12px;overflow:hidden}.tutorial-progress-bar{height:100%;background:linear-gradient(90deg,var(--ui-accent) 0%,var(--ui-accent-2) 100%);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #7aa65a80}.tutorial-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.tutorial-nav-btn{padding:10px 16px;background:#1a2016cc;border:2px solid var(--px-border-light);border-radius:6px;color:var(--ui-ink);font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:all .2s;text-transform:uppercase}.tutorial-nav-btn:hover:not(:disabled){background:#7aa65a33;border-color:var(--ui-accent);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.tutorial-nav-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7aa65a66}50%{box-shadow:0 0 30px #7aa65a99}}.tutorial-nav-btn.primary{background:linear-gradient(135deg,var(--ui-accent) 0%,#5c8447 100%);color:#fff;border-color:var(--ui-accent);animation:pulse-glow 2s infinite}.tutorial-nav-btn.primary.with-progress{position:relative;background:#5c84474d;overflow:hidden}.button-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(135deg,var(--ui-accent) 0%,#5c8447 100%);transition:width .1s linear;border-radius:4px;z-index:1}.button-text{position:relative;z-index:2;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tutorial-nav-btn.primary:hover{background:linear-gradient(135deg,#8cb86e,#6d9952);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.tutorial-nav-btn.primary.with-progress:hover{background:#8cb86e4d}.tutorial-counter{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--ui-accent-2);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.tutorial-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s}.tutorial-dot:hover{background:#fff6;transform:scale(1.2)}.tutorial-dot.active{background:var(--ui-accent);border-color:var(--ui-accent-2);box-shadow:0 0 10px #7aa65a99;transform:scale(1.3)}@media (max-width: 600px){.tutorial-card{padding:24px;width:90vw}.tutorial-title{font-size:14px}.tutorial-content{font-size:9px}.tip-text{font-size:8px}.tutorial-nav-btn{font-size:8px;padding:8px 12px}}.throng-tooltips-container{position:fixed;top:0;left:0;width:100%;height:calc(100vh - var(--dock-h));overflow:hidden;pointer-events:none;z-index:100}.throng-tooltip{position:absolute;transform:translate(-50%);pointer-events:none;animation:tooltipFadeIn .2s ease-out forwards;opacity:1}.throng-tooltip--hiding{animation:tooltipFadeOut .15s ease-in forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-3px)}}.throng-tooltip-content{padding:4px 8px;background:#000000d9;border:1px solid #c0d4a8;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:10px;color:#e7f4d7;text-align:center;white-space:nowrap;text-shadow:1px 1px 0 #0e120c;box-shadow:0 2px 4px #0000004d,0 1px 2px #0003}.settings-content{padding:20px}.settings-section h3{font-family:"Press Start 2P",monospace;font-size:11px;color:#c0d4a8;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-row label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.settings-label{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--ui-ink);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.settings-value{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--ui-accent-2);min-width:50px;text-align:right}.settings-slider-row{display:flex;align-items:center;gap:10px}.settings-slider{flex:1;-webkit-appearance:none;appearance:none;height:12px;background:#0006;border:2px solid rgba(193,211,174,.3);border-radius:6px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--ui-accent) 0%,#5c8447 100%);border:2px solid var(--ui-accent-2);border-radius:4px;cursor:pointer;box-shadow:0 2px 6px #0006,inset 0 1px #fff3;transition:all .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff4d}.settings-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--ui-accent) 0%,#5c8447 100%);border:2px solid var(--ui-accent-2);border-radius:4px;cursor:pointer;box-shadow:0 2px 6px #0006,inset 0 1px #fff3}.settings-test-btn{width:32px;height:32px;background:linear-gradient(135deg,#2f3a2be6,#253120e6);border:2px solid rgba(193,211,174,.3);border-radius:6px;color:#c0d4a8;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-test-btn:hover{background:linear-gradient(135deg,#3a4a32f2,#2f3a2bf2);border-color:#c1d3ae80;color:#e7f4d7;transform:scale(1.05)}.settings-test-btn:active{transform:scale(.95)}.settings-tabs{display:flex;border-bottom:2px solid rgba(193,211,174,.2);background:#0000001a}.settings-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#e7f4d799;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.settings-tab:hover{background:#7aa65a1a;color:#e7f4d7e6}.settings-tab.active{color:var(--ui-accent-2);border-bottom-color:var(--ui-accent);background:#7aa65a26}.gamepad-status{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0000004d;border-radius:8px;margin-bottom:16px;border:1px solid rgba(193,211,174,.15)}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.connected{background:#4ade80;box-shadow:0 0 8px #4ade8080;animation:pulse-glow 2s ease-in-out infinite}.status-indicator.disconnected{background:#6b7280}.status-text{font-family:"Press Start 2P",monospace;font-size:8px;color:#e7f4d7cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-info-box{background:#7aa65a1a;border:1px solid rgba(122,166,90,.3);border-radius:8px;padding:12px;margin-bottom:16px}.info-row{display:flex;align-items:center;gap:10px;padding:4px 0}.info-row:not(:last-child){border-bottom:1px solid rgba(122,166,90,.15);padding-bottom:8px;margin-bottom:4px}.info-icon{font-size:14px;width:24px;text-align:center}.info-text{font-family:"Press Start 2P",monospace;font-size:8px;color:#e7f4d7e6}.bindings-container{max-height:340px;overflow-y:auto;padding-right:8px;margin-bottom:16px}.bindings-container::-webkit-scrollbar{width:6px}.bindings-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.bindings-container::-webkit-scrollbar-thumb{background:#c1d3ae4d;border-radius:3px}.bindings-container::-webkit-scrollbar-thumb:hover{background:#c1d3ae80}.bindings-group{margin-bottom:16px}.bindings-group:last-child{margin-bottom:0}.bindings-group h4{font-family:"Press Start 2P",monospace;font-size:9px;color:#c1d3aeb3;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid rgba(193,211,174,.15)}.binding-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003;border-radius:6px;margin-bottom:6px;border:1px solid rgba(193,211,174,.1);transition:all .15s ease}.binding-row:hover{background:#0000004d;border-color:#c1d3ae33}.binding-row.modified{border-color:#7aa65a66;background:#7aa65a14}.binding-button{min-width:50px;padding:6px 10px;background:linear-gradient(135deg,#3a4532,#2b3528);border:2px solid rgba(193,211,174,.4);border-radius:6px;text-align:center}.button-name{font-family:"Press Start 2P",monospace;font-size:10px;color:#e7f4d7;font-weight:700}.binding-action{flex:1}.binding-select{width:100%;padding:8px 30px 8px 10px;background:linear-gradient(135deg,#1a2217,#151a13);border:2px solid rgba(193,211,174,.25);border-radius:6px;color:#e7f4d7;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c1d3ae' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.binding-select:hover{border-color:#c1d3ae66}.binding-select:focus{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 2px #7aa65a33}.binding-select option{background:#1a2217;color:#e7f4d7;padding:8px}.binding-select optgroup{font-weight:700;color:#c1d3aee6;background:#1a2217}.binding-reset-btn{width:28px;height:28px;background:#ffaa3233;border:1px solid rgba(255,170,50,.4);border-radius:4px;color:#fa5;font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.binding-reset-btn:hover{background:#ffaa324d;border-color:#ffaa3299;transform:rotate(-180deg)}.reset-all-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#ff646426,#c8323226);border:2px solid rgba(255,100,100,.3);border-radius:8px;color:#f99;font-family:"Press Start 2P",monospace;font-size:9px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reset-all-btn:hover{background:linear-gradient(135deg,#ff646440,#c8323240);border-color:#ff646480;transform:translateY(-1px)}.reset-all-btn:active{transform:translateY(0)}.gamepad-nav-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#7aa65a1a,#5f8c4b1a);border-bottom:1px solid rgba(122,166,90,.2);font-family:"Press Start 2P",monospace;font-size:8px;color:#c1d3aeb3;letter-spacing:.3px}.gamepad-nav-hint span{font-size:12px}.gamepad-focused{outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;box-shadow:0 0 12px #7aa65a66!important}.settings-tab.gamepad-focused{background:#7aa65a33!important}.settings-row.gamepad-focused{background:#7aa65a1a;border-radius:6px;padding:8px;margin:-8px;outline:2px solid var(--ui-accent);outline-offset:0}.binding-row.gamepad-focused{background:#7aa65a26!important;outline:2px solid var(--ui-accent);outline-offset:1px}.binding-select.gamepad-focused{border-color:var(--ui-accent)!important}.reset-all-btn.gamepad-focused{border-color:var(--ui-accent)!important;background:linear-gradient(135deg,#7aa65a33,#5f8c4b33)!important;color:var(--ui-accent-2)!important}@media (max-width: 600px){.settings-tab{font-size:8px;padding:10px 12px}.binding-row{flex-wrap:wrap}.binding-button{min-width:40px}.binding-action{flex:1 1 auto;min-width:120px}}.ui-overlay,.dock,.dialogue-log{user-select:none;-webkit-user-select:none}.god-input-field{user-select:text;-webkit-user-select:text}