:root{--bg-deep: #0c0c0f;--bg-surface: #16161a;--bg-card: #1e1e24;--bg-elevated: #26262e;--text-primary: #ececf1;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent: #7c6aef;--accent-hover: #9585f5;--accent-glow: rgba(124, 106, 239, .35);--danger: #ef6a6a;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--font: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg-deep);font-family:var(--font);display:flex;align-items:center;justify-content:center;color:var(--text-primary);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#game{--inv-h: 72px;width:min(calc(100vw - 32px),calc((100vh - 32px - var(--inv-h)) * 9 / 16));width:min(calc(100vw - 32px),calc((100dvh - 32px - var(--inv-h)) * 9 / 16));display:flex;flex-direction:column;background:var(--bg-surface);position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px var(--border),0 24px 80px #00000080}#scene-container{position:relative;overflow:hidden;width:100%;aspect-ratio:9 / 16;flex-shrink:0}#scene{width:100%;height:100%;position:relative;background-size:cover;background-position:center;touch-action:none}.hotspot{position:absolute;cursor:pointer;border:none;border-radius:var(--radius-sm);background:transparent;transition:all .2s ease}.hotspot:active{background:#ffffff14}.hotspot-hint{display:none;position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:var(--text-sm);font-weight:500;color:#ffffff80;white-space:nowrap;pointer-events:none;letter-spacing:.03em}body.debug-mode .hotspot-debug{border:1px dashed rgba(43,213,255,.95);background:#2bd5ff2e;touch-action:none}body.debug-mode .hotspot-debug .hotspot-hint{display:block;bottom:auto;top:-18px;color:#d8f8ff}.hotspot-resize-handle{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.95);background:#0fd2ff;box-shadow:0 0 0 1px #0000004d;cursor:nwse-resize}#debug-panel{position:fixed;top:10px;left:10px;width:min(460px,calc(100vw - 20px));z-index:2000;background:#060810f2;border:1px solid rgba(43,213,255,.6);border-radius:10px;padding:10px;color:#d7f8ff;font-size:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.debug-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.debug-panel-help{margin:0 0 8px;color:#d7f8ffbf}#debug-output{width:100%;height:150px;resize:vertical;background:#07101f;color:#9af1ff;border:1px solid rgba(154,241,255,.4);border-radius:8px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4}#debug-copy{margin-top:8px;width:100%;height:34px;border:1px solid rgba(43,213,255,.75);border-radius:8px;background:#2bd5ff2e;color:#d8f8ff;cursor:pointer}#compass{position:absolute;top:10px;right:10px;z-index:10;background:#00000073;border-radius:var(--radius-sm);padding:8px;border:1px solid var(--border)}#compass-room{width:36px;height:36px;position:relative}.compass-wall{position:absolute;background:var(--text-muted);border-radius:1px;transition:background .2s}.compass-wall[data-dir=north],.compass-wall[data-dir=south]{left:0;right:0;height:3px}.compass-wall[data-dir=east],.compass-wall[data-dir=west]{top:0;bottom:0;width:3px}.compass-wall[data-dir=north]{top:0}.compass-wall[data-dir=south]{bottom:0}.compass-wall[data-dir=east]{right:0}.compass-wall[data-dir=west]{left:0}.compass-wall.active{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}#compass-arrow{position:absolute;width:0;height:0;transition:all .2s ease}#compass-arrow.north{top:5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--accent)}#compass-arrow.east{right:5px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--accent)}#compass-arrow.south{bottom:5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--accent)}#compass-arrow.west{left:5px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid var(--accent)}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:80px;background:#00000059;color:var(--text-secondary);border:1px solid var(--border);font-size:0;cursor:pointer;z-index:10;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.arrow-btn:active{background:#0009;color:var(--text-primary);transform:translateY(-50%) scale(.95)}#arrow-left{left:8px}#arrow-right{right:8px}#text-window{position:absolute;bottom:0;left:0;right:0;z-index:20;min-height:110px;padding:20px 18px 16px;background:linear-gradient(to bottom,#0a0a0e00,#0a0a0ee0 14%,#0a0a0ef0);border-top:1px solid rgba(255,255,255,.08)}#text-window-input{display:flex;flex-direction:column;gap:10px;margin-top:10px;align-items:stretch;position:relative}#text-window-input.hidden{display:none}#tw-input{width:100%;padding:10px 12px;font-size:var(--text-base);font-family:var(--font);letter-spacing:.08em;text-align:center;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:#16161ae6;color:var(--text-primary);outline:none;-webkit-user-select:none;user-select:none;pointer-events:none}#tw-close{position:absolute;top:-4px;right:0;height:26px;padding:0 10px;border:1px solid var(--border-light);border-radius:999px;background:#00000073;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}#tw-close:active{transform:scale(.96)}#tw-keypad{display:flex;flex-direction:column;gap:8px}.tw-key-grid{display:grid;gap:6px}#tw-keypad.keypad-pin .tw-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#tw-keypad.keypad-password .tw-key-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.tw-key-actions{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.tw-key{height:34px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#ffffff14;color:var(--text-primary);font-family:var(--font);font-size:var(--text-sm);font-weight:600;cursor:pointer;touch-action:manipulation}.tw-key:active{transform:scale(.97);background:#ffffff29}.tw-key-action{background:#7c6aef40;border-color:#7c6aefa6}.tw-key-submit{background:var(--accent);border-color:transparent;color:#fff}#text-window-label{display:block;font-size:var(--text-xs);font-weight:700;color:var(--accent);letter-spacing:.08em;margin-bottom:6px}#text-window-body{font-size:var(--text-base);font-weight:400;color:var(--text-primary);line-height:1.7;min-height:1.7em;white-space:pre-line}#inventory-bar{height:72px;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0}#inventory-label{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);letter-spacing:.12em;flex-shrink:0;writing-mode:vertical-rl}#inventory-slots{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none}#inventory-slots::-webkit-scrollbar{display:none}.inv-slot{width:54px;height:54px;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;font-size:1.375rem;position:relative;overflow:hidden;transition:all .2s ease}.inv-slot:active{transform:scale(.93)}.inv-slot.selected{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);background:#7c6aef14}.inv-slot-label{position:absolute;bottom:2px;left:0;right:0;font-size:.625rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#item-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:150;animation:item-modal-in .3s ease}#item-modal.hidden{display:none}@keyframes item-modal-in{0%{opacity:0}to{opacity:1}}#item-modal-card{text-align:center;padding:32px 40px;animation:item-card-in .4s cubic-bezier(.16,1,.3,1)}@keyframes item-card-in{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}#item-modal-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.25em;color:var(--accent);margin-bottom:16px}#item-modal-emoji{font-size:4rem;line-height:1;margin-bottom:16px}#item-modal-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:.04em}#ending-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200}#ending-overlay.hidden{display:none}#ending-content{text-align:center;color:var(--text-primary);padding:32px}#ending-sub{font-size:var(--text-sm);font-weight:700;letter-spacing:.25em;color:var(--accent);margin-bottom:12px}#ending-content h1{font-size:2rem;font-weight:700;margin-bottom:12px;letter-spacing:.04em}#ending-content p{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin-bottom:28px}#ending-restart{padding:14px 40px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;font-family:var(--font);cursor:pointer;letter-spacing:.1em;transition:all .15s ease}#ending-restart:active{background:var(--accent-hover);transform:scale(.96)}@supports (padding-bottom: env(safe-area-inset-bottom)){#game{--inv-h: calc(72px + env(safe-area-inset-bottom)) }#inventory-bar{padding-bottom:env(safe-area-inset-bottom);height:var(--inv-h)}}