*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080808;width:100%;min-height:100%;font-family:Montserrat,sans-serif}:root{--gold:#c9a84c;--gold-light:#e8c87a;--gold-dim:#c9a84c2e;--gold-border:#c9a84c59;--obsidian:#080808;--obsidian-2:#0e0e0e;--obsidian-3:#141414;--text-primary:#f0ece4;--text-secondary:#a09880;--text-dim:#f0ece473}.app{background:var(--obsidian);min-height:100vh;color:var(--text-primary);font-family:Montserrat,sans-serif}.viewer{background:var(--obsidian);width:100%;height:100vh;position:relative;overflow:hidden}.controls-panel{z-index:60;border:1px solid var(--gold-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);white-space:nowrap;background:#080808e0;align-items:center;gap:4px;padding:6px 8px;animation:.8s .1s both fadeUp;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.controls-divider{background:var(--gold-border);width:1px;height:22px;margin:0 4px}.btn{color:var(--text-secondary);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;padding:9px 16px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;transition:color .22s,border-color .22s,background .22s;position:relative}.btn:after{content:"";border:1px solid var(--gold);opacity:0;transition:opacity .22s;position:absolute;inset:0}.btn:hover{color:var(--gold-light);border-color:var(--gold-border)}.btn:hover:after{opacity:.4}.btn-active{color:var(--gold);border-color:var(--gold-border);background:var(--gold-dim)}.btn-active:after{opacity:.6}.btn-icon{align-items:center;gap:7px;display:inline-flex}.btn-icon svg{opacity:.85;flex-shrink:0}.btn-square{padding:9px 11px}.walk-help-modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080808b8;place-items:center;padding:20px;animation:.4s both fadeIn;display:grid;position:absolute;inset:0}.walk-help-modal{border:1px solid var(--gold-border);background:#0e0e0ef7;width:min(520px,100%);padding:48px;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000b3,inset 0 0 0 1px #c9a84c14}.walk-help-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.walk-help-modal-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-size:9px;font-weight:600}.walk-help-modal h3{color:var(--text-primary);letter-spacing:.02em;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300;line-height:1.2}.walk-help-modal-divider{background:var(--gold);width:40px;height:1px;margin-bottom:24px}.walk-help-modal p{letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:400;line-height:1.85}.walk-help-modal p strong{color:var(--gold-light);font-weight:600}.walk-help-modal .btn{border:1px solid var(--gold-border);color:var(--gold);margin-top:28px;padding:14px 32px}.walk-help-modal .btn:hover{background:var(--gold-dim)}.legend-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080808b8;place-items:center;padding:20px;animation:.4s both fadeIn;display:grid;position:absolute;inset:0}.legend-modal{border:1px solid var(--gold-border);background:#0e0e0ef7;width:min(620px,100%);padding:40px 48px;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000b3,inset 0 0 0 1px #c9a84c14}.legend-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.legend-modal-title{color:var(--text-primary);align-items:center;gap:10px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;display:flex}.legend-close-btn{color:var(--gold-light);cursor:pointer;background:#c9a84c14;border:1px solid #c9a84c40;border-radius:10px;padding:8px;transition:transform .12s,border-color .12s,background .12s}.legend-close-btn:hover{background:#c9a84c1f;border-color:#c9a84c73;transform:translateY(-1px)}.legend-modal-divider{background:var(--gold);width:40px;height:1px;margin:20px 0 18px}.legend-modal-rows{flex-direction:column;gap:14px;display:flex}.legend-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.legend-keys{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.key-cap{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;background:#c9a84c24;border:1px solid #c9a84c4d;border-radius:2px;padding:2px 6px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.legend-desc{letter-spacing:.08em;color:var(--text-secondary);text-align:right;flex:1;font-size:11px;line-height:1.8}.overlay{pointer-events:none;z-index:30;background:var(--obsidian);place-items:center;display:grid;position:absolute;inset:0}.overlay-card{border:1px solid var(--gold-border);text-align:center;background:#0e0e0ef5;width:min(380px,86%);padding:48px 40px;position:relative;overflow:hidden}.overlay-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.overlay-eyebrow{letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:9px;font-weight:600}.overlay-card h3{color:var(--text-primary);letter-spacing:.04em;margin-bottom:28px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300}.progress{background:#c9a84c26;width:100%;height:1px;margin-bottom:16px;position:relative}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;transition:width .4s;position:relative}.progress-fill:after{content:"";background:var(--gold-light);width:4px;height:5px;box-shadow:0 0 8px var(--gold-light);border-radius:50%;position:absolute;top:-2px;right:0}.progress-label{letter-spacing:.25em;color:var(--text-secondary);font-size:10px}.error-text{letter-spacing:.1em;color:#d4836a;margin-top:12px;font-size:10px}.mob-controls-layer{z-index:50;pointer-events:none;justify-content:space-between;align-items:flex-end;max-width:100%;padding:0 20px;animation:.5s .2s both fadeIn;display:flex;position:absolute;bottom:96px;left:0;right:0}.mob-btns-wrap{pointer-events:none}.mob-dpad{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex}.mob-dpad-row{pointer-events:none;align-items:center;gap:3px;display:flex}.mob-dpad-center{pointer-events:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.mob-dpad-center:before,.mob-dpad-center:after{content:"";background:#c9a84c26;border-radius:1px;position:absolute}.mob-dpad-center:before{width:1px;height:20px}.mob-dpad-center:after{width:20px;height:1px}.mob-dpad-gem{background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--gold));z-index:1;border-radius:2px;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 10px #c9a84c99,0 0 20px #c9a84c33}.mob-btn{-webkit-backdrop-filter:blur(20px);color:#c9a84cb3;cursor:pointer;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#14120eeb 0%,#0a0907f5 100%);border:1px solid #c9a84c47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #000000a6,0 2px 6px #00000080,inset 0 0 0 1px #c9a84c0d,inset 0 1px #c9a84c24}.mob-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#c9a84c1a 0%,#c9a84c08 40%,#0000 60%);position:absolute;inset:0}.mob-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.mob-btn svg{filter:drop-shadow(0 0 4px #c9a84c33);flex-shrink:0;width:18px;height:18px}.mob-btn span{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-family:Montserrat,sans-serif;font-size:5.5px;font-weight:700;line-height:1}.mob-btn:active,.mob-btn.pressed{color:var(--gold-light);background:linear-gradient(145deg,#c9a84c2e 0%,#c9a84c14 100%);border-color:#c9a84c99;transform:scale(.91)translateY(1px);box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #c9a84c38,0 0 16px #c9a84c26}.mob-btn:active svg,.mob-btn.pressed svg{filter:drop-shadow(0 0 6px #c9a84c8c)}.mob-btn-fwd{border-top-color:#c9a84c73;border-radius:14px 14px 8px 8px}.mob-btn-back{border-bottom-color:#c9a84c73;border-radius:8px 8px 14px 14px}.mob-btn-left{border-left-color:#c9a84c73;border-radius:14px 8px 8px 14px}.mob-btn-right{border-right-color:#c9a84c73;border-radius:8px 14px 14px 8px}.mob-look-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex}.mob-look-label{letter-spacing:.3em;text-transform:uppercase;color:#c9a84c4d;margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:6px;font-weight:600}.mob-look-sep{background:linear-gradient(#0000,#c9a84c4d,#0000);width:1px;height:8px}.mob-look-btn{-webkit-backdrop-filter:blur(20px);color:#c9a84cb3;cursor:pointer;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#14120eeb 0%,#0a0907f5 100%);border:1px solid #c9a84c47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:52px;height:90px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #000000a6,0 2px 6px #00000080,inset 0 0 0 1px #c9a84c0d,inset 0 1px #c9a84c24}.mob-look-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#c9a84c1a 0%,#c9a84c08 40%,#0000 60%);position:absolute;inset:0}.mob-look-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.mob-look-btn svg{filter:drop-shadow(0 0 4px #c9a84c33);flex-shrink:0;width:22px;height:22px}.mob-look-btn span{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-family:Montserrat,sans-serif;font-size:5.5px;font-weight:700;line-height:1}.mob-look-btn:active,.mob-look-btn.pressed{color:var(--gold-light);background:linear-gradient(145deg,#c9a84c2e 0%,#c9a84c14 100%);border-color:#c9a84c99;transform:scale(.91)translateY(1px);box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #c9a84c38,0 0 16px #c9a84c26}.mob-look-btn:active svg,.mob-look-btn.pressed svg{filter:drop-shadow(0 0 6px #c9a84c8c)}.mob-look-btn-up{border-top-color:#c9a84c73;border-radius:14px 14px 8px 8px}.mob-look-btn-down{border-bottom-color:#c9a84c73;border-radius:8px 8px 14px 14px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=760px){.controls-panel{gap:2px;padding:5px 6px;bottom:18px}.btn span{display:none}.btn-icon{gap:0}.btn{padding:8px 11px}.btn-square{padding:8px}.walk-help-modal{padding:28px 20px}.walk-help-modal h3{margin-bottom:16px;font-size:24px}.walk-help-modal p{font-size:10px}.legend-modal{padding:28px 24px}.legend-modal-title{font-size:18px}.legend-desc{font-size:10px}.mob-controls-layer{padding:0 16px;bottom:88px}}@media (width<=400px){.mob-controls-layer{padding:0 10px;bottom:80px}.mob-btn{width:42px;height:42px}.mob-btn svg{width:16px;height:16px}.mob-dpad-center{width:42px;height:42px}.mob-look-btn{width:46px;height:80px}.mob-look-btn svg{width:18px;height:18px}.controls-panel{gap:1px;padding:4px 5px}}.int-app{background:var(--obsidian);min-height:100vh;color:var(--text-primary);font-family:Montserrat,sans-serif}.int-viewer{background:var(--obsidian);width:100%;height:100vh;position:relative;overflow:hidden}.int-controls-panel{z-index:60;border:1px solid var(--gold-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);white-space:nowrap;background:#080808e0;align-items:center;gap:4px;padding:6px 8px;animation:.8s .1s both int-fadeUp;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.int-controls-divider{background:var(--gold-border);width:1px;height:22px;margin:0 4px}.int-btn{color:var(--text-secondary);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;padding:9px 16px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;transition:color .22s,border-color .22s,background .22s;position:relative}.int-btn:after{content:"";border:1px solid var(--gold);opacity:0;transition:opacity .22s;position:absolute;inset:0}.int-btn:hover{color:var(--gold-light);border-color:var(--gold-border)}.int-btn:hover:after{opacity:.4}.int-btn-active{color:var(--gold);border-color:var(--gold-border);background:var(--gold-dim)}.int-btn-active:after{opacity:.6}.int-btn-icon{align-items:center;gap:7px;display:inline-flex}.int-btn-icon svg{opacity:.85;flex-shrink:0}.int-btn-square{padding:9px 11px}.int-walk-help-modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080808b8;place-items:center;padding:20px;animation:.4s both int-fadeIn;display:grid;position:absolute;inset:0}.int-walk-help-modal{border:1px solid var(--gold-border);background:#0e0e0ef7;width:min(520px,100%);padding:48px;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000b3,inset 0 0 0 1px #c9a84c14}.int-walk-help-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.int-walk-help-modal-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-size:9px;font-weight:600}.int-walk-help-modal h3{color:var(--text-primary);letter-spacing:.02em;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300;line-height:1.2}.int-walk-help-modal-divider{background:var(--gold);width:40px;height:1px;margin-bottom:24px}.int-walk-help-modal p{letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:400;line-height:1.85}.int-walk-help-modal p strong{color:var(--gold-light);font-weight:600}.int-walk-help-modal .int-btn{border:1px solid var(--gold-border);color:var(--gold);margin-top:28px;padding:14px 32px}.int-walk-help-modal .int-btn:hover{background:var(--gold-dim)}.int-legend-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080808b8;place-items:center;padding:20px;animation:.4s both int-fadeIn;display:grid;position:absolute;inset:0}.int-legend-modal{border:1px solid var(--gold-border);background:#0e0e0ef7;width:min(620px,100%);padding:40px 48px;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000b3,inset 0 0 0 1px #c9a84c14}.int-legend-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.int-legend-modal-title{color:var(--text-primary);align-items:center;gap:10px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;display:flex}.int-legend-close-btn{color:var(--gold-light);cursor:pointer;background:#c9a84c14;border:1px solid #c9a84c40;border-radius:10px;padding:8px;transition:transform .12s,border-color .12s,background .12s}.int-legend-close-btn:hover{background:#c9a84c1f;border-color:#c9a84c73;transform:translateY(-1px)}.int-legend-modal-divider{background:var(--gold);width:40px;height:1px;margin:20px 0 18px}.int-legend-modal-rows{flex-direction:column;gap:14px;display:flex}.int-legend-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.int-legend-keys{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.int-key-cap{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;background:#c9a84c24;border:1px solid #c9a84c4d;border-radius:2px;padding:2px 6px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.int-legend-desc{letter-spacing:.08em;color:var(--text-secondary);text-align:right;flex:1;font-size:11px;line-height:1.8}.int-overlay{pointer-events:none;z-index:30;background:var(--obsidian);place-items:center;display:grid;position:absolute;inset:0}.int-overlay-card{border:1px solid var(--gold-border);text-align:center;background:#0e0e0ef5;width:min(380px,86%);padding:48px 40px;position:relative;overflow:hidden}.int-overlay-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;top:0;left:0;right:0}.int-overlay-eyebrow{letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:9px;font-weight:600}.int-overlay-card h3{color:var(--text-primary);letter-spacing:.04em;margin-bottom:28px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300}.int-progress{background:#c9a84c26;width:100%;height:1px;margin-bottom:16px;position:relative}.int-progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;transition:width .4s;position:relative}.int-progress-fill:after{content:"";background:var(--gold-light);width:4px;height:5px;box-shadow:0 0 8px var(--gold-light);border-radius:50%;position:absolute;top:-2px;right:0}.int-progress-label{letter-spacing:.25em;color:var(--text-secondary);font-size:10px}.int-error-text{letter-spacing:.1em;color:#d4836a;margin-top:12px;font-size:10px}.int-mob-controls-layer{z-index:50;pointer-events:none;justify-content:space-between;align-items:flex-end;max-width:100%;padding:0 20px;animation:.5s .2s both int-fadeIn;display:flex;position:absolute;bottom:96px;left:0;right:0}.int-mob-btns-wrap{pointer-events:none}.int-mob-dpad{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex}.int-mob-dpad-row{pointer-events:none;align-items:center;gap:3px;display:flex}.int-mob-dpad-center{pointer-events:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.int-mob-dpad-center:before,.int-mob-dpad-center:after{content:"";background:#c9a84c26;border-radius:1px;position:absolute}.int-mob-dpad-center:before{width:1px;height:20px}.int-mob-dpad-center:after{width:20px;height:1px}.int-mob-dpad-gem{background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--gold));z-index:1;border-radius:2px;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 10px #c9a84c99,0 0 20px #c9a84c33}.int-mob-btn{-webkit-backdrop-filter:blur(20px);color:#c9a84cb3;cursor:pointer;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#14120eeb 0%,#0a0907f5 100%);border:1px solid #c9a84c47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #000000a6,0 2px 6px #00000080,inset 0 0 0 1px #c9a84c0d,inset 0 1px #c9a84c24}.int-mob-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#c9a84c1a 0%,#c9a84c08 40%,#0000 60%);position:absolute;inset:0}.int-mob-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.int-mob-btn svg{filter:drop-shadow(0 0 4px #c9a84c33);flex-shrink:0;width:18px;height:18px}.int-mob-btn span{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-family:Montserrat,sans-serif;font-size:5.5px;font-weight:700;line-height:1}.int-mob-btn:active{color:var(--gold-light);background:linear-gradient(145deg,#c9a84c2e 0%,#c9a84c14 100%);border-color:#c9a84c99;transform:scale(.91)translateY(1px);box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #c9a84c38,0 0 16px #c9a84c26}.int-mob-btn:active svg{filter:drop-shadow(0 0 6px #c9a84c8c)}.int-mob-btn-fwd{border-top-color:#c9a84c73;border-radius:14px 14px 8px 8px}.int-mob-btn-back{border-bottom-color:#c9a84c73;border-radius:8px 8px 14px 14px}.int-mob-btn-left{border-left-color:#c9a84c73;border-radius:14px 8px 8px 14px}.int-mob-btn-right{border-right-color:#c9a84c73;border-radius:8px 14px 14px 8px}.int-mob-look-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex}.int-mob-look-sep{background:linear-gradient(#0000,#c9a84c4d,#0000);width:1px;height:8px}.int-mob-look-btn{-webkit-backdrop-filter:blur(20px);color:#c9a84cb3;cursor:pointer;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#14120eeb 0%,#0a0907f5 100%);border:1px solid #c9a84c47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:52px;height:90px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #000000a6,0 2px 6px #00000080,inset 0 0 0 1px #c9a84c0d,inset 0 1px #c9a84c24}.int-mob-look-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#c9a84c1a 0%,#c9a84c08 40%,#0000 60%);position:absolute;inset:0}.int-mob-look-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.int-mob-look-btn svg{filter:drop-shadow(0 0 4px #c9a84c33);flex-shrink:0;width:22px;height:22px}.int-mob-look-btn span{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-family:Montserrat,sans-serif;font-size:5.5px;font-weight:700;line-height:1}.int-mob-look-btn:active{color:var(--gold-light);background:linear-gradient(145deg,#c9a84c2e 0%,#c9a84c14 100%);border-color:#c9a84c99;transform:scale(.91)translateY(1px);box-shadow:0 2px 8px #00000080,inset 0 0 0 1px #c9a84c38,0 0 16px #c9a84c26}.int-mob-look-btn:active svg{filter:drop-shadow(0 0 6px #c9a84c8c)}.int-mob-look-btn-up{border-top-color:#c9a84c73;border-radius:14px 14px 8px 8px}.int-mob-look-btn-down{border-bottom-color:#c9a84c73;border-radius:8px 8px 14px 14px}@keyframes int-fadeUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes int-fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=760px){.int-controls-panel{gap:2px;padding:5px 6px;bottom:18px}.int-btn span{display:none}.int-btn-icon{gap:0}.int-btn{padding:8px 11px}.int-btn-square{padding:8px}.int-walk-help-modal{padding:28px 20px}.int-walk-help-modal h3{margin-bottom:16px;font-size:24px}.int-walk-help-modal p{font-size:10px}.int-legend-modal{padding:28px 24px}.int-legend-modal-title{font-size:18px}.int-legend-desc{font-size:10px}.int-mob-controls-layer{padding:0 16px;bottom:88px}}@media (width<=400px){.int-mob-controls-layer{padding:0 10px;bottom:80px}.int-mob-btn{width:42px;height:42px}.int-mob-btn svg{width:16px;height:16px}.int-mob-dpad-center{width:42px;height:42px}.int-mob-look-btn{width:46px;height:80px}.int-mob-look-btn svg{width:18px;height:18px}.int-controls-panel{gap:1px;padding:4px 5px}}