:root{--oot-font: Georgia, "Times New Roman", serif}:root{--bg-deep: #0B0F12;--bg-warm-brown: #3B2E26;--panel-beige: #D8C6A8;--panel-border: #5A4633;--accent-gold: #C8A44B;--accent-emerald: #2F6B3C;--text-light: #F1E7D6;--text-dark: #2B2219}body{background:radial-gradient(ellipse at center,#1b2226,#0b0f12 60%,#080b0d);color:var(--text-light);font-family:var(--oot-font),Georgia,serif;image-rendering:auto;margin:0;padding:0;overflow:hidden}.vignette:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 200px #0009}.oot-dialog{background:var(--panel-beige);border:2px solid var(--panel-border);border-radius:16px;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000026,0 4px 12px #00000059;padding:16px 20px;color:var(--text-dark);position:relative}.oot-dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/textures/parchment.jpg) center/cover no-repeat;opacity:.15;border-radius:14px;pointer-events:none}.oot-titlebar{height:28px;background:linear-gradient(#d9c17a,var(--accent-gold));border-bottom:2px solid var(--panel-border);border-radius:14px 14px 0 0;display:flex;align-items:center;padding:0 12px;color:var(--text-dark);font-weight:700;margin:-16px -20px 12px}.oot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;padding:16px}.oot-cell{position:relative;background:var(--bg-warm-brown);border:2px solid var(--panel-border);border-radius:12px;aspect-ratio:1;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000059;overflow:hidden;cursor:pointer;transition:all .2s ease}.oot-cell:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0006}.oot-cell.selected{border-color:var(--accent-gold);background:#2f6b3c4d;box-shadow:0 0 0 2px var(--accent-gold) inset,0 0 12px #2f6b3cb3,0 4px 12px #0006}.oot-cell img{width:100%;height:100%;object-fit:cover;border-radius:10px}.oot-cursor{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--accent-gold);border-radius:14px;pointer-events:none;animation:cursorPulse 1.6s infinite ease-in-out;box-shadow:0 0 8px #c8a44b99}@keyframes cursorPulse{0%,to{box-shadow:0 0 #c8a44b99}50%{box-shadow:0 0 0 6px #c8a44b00}}.oot-tabs{display:flex;gap:8px;margin:0 16px 12px}.oot-tab{padding:8px 14px;background:var(--panel-beige);color:var(--text-dark);border:2px solid var(--panel-border);border-radius:10px;font-family:Alagard,Georgia,serif;font-size:14px;cursor:pointer;transition:all .2s ease}.oot-tab:hover{background:#e0d0b0;transform:translateY(-1px)}.oot-tab.active{background:var(--accent-emerald);color:var(--text-light);border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold) inset}.oot-text{text-shadow:1px 1px 2px rgba(0,0,0,.35);letter-spacing:.5px}.oot-text-large{font-size:28px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.oot-text-medium{font-size:22px;letter-spacing:.25px;margin-bottom:4px}.oot-text-small{font-size:16px;letter-spacing:0;line-height:1.4}