.sanctum-page{width:100%;height:100dvh;font-family:var(--font-sans,"Outfit", sans-serif);background:#010608;position:relative;overflow:hidden}.sanctum-canvas-wrap{box-sizing:border-box;justify-content:center;align-items:center;padding:48px 8px 16px;display:flex;position:absolute;inset:0;overflow:hidden}.sanctum-canvas{aspect-ratio:800/560;object-fit:contain;width:100%;max-width:800px;height:auto;max-height:calc(100dvh - 72px);image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid #ffbf001f;border-radius:8px;display:block;box-shadow:0 0 0 1px #ffbf000a,0 0 80px #ffbf000f,inset 0 0 80px #020810e6}.sanctum-hud{z-index:50;pointer-events:none;background:linear-gradient(#020810f5 0%,#02081000 100%);align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.sanctum-hud-logo{font-family:var(--font-display,"Cinzel", serif);letter-spacing:3px;color:#ffbf00bf;text-transform:uppercase;pointer-events:auto;font-size:13px;font-weight:600}.sanctum-hud-separator{background:#ffbf0026;width:1px;height:16px}.sanctum-hud-label{font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;color:#f4e0c066;text-transform:uppercase;font-size:11px}.sanctum-hud-back{font-family:var(--font-sans,"Outfit", sans-serif);color:#f4e0c073;pointer-events:auto;cursor:pointer;letter-spacing:.5px;background:0 0;border:1px solid #ffbf001a;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:12px;text-decoration:none;transition:all .2s}.sanctum-hud-back:hover{color:#ffbf00cc;background:#ffbf000a;border-color:#ffbf0040}.sanctum-controls-hint{z-index:50;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.sanctum-key{min-width:22px;height:22px;font-family:var(--font-sans,"Outfit", sans-serif);color:#ffbf0099;letter-spacing:.5px;background:#ffbf000f;border:1px solid #ffbf002e;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.sanctum-controls-label{color:#f4e0c04d;letter-spacing:.5px;margin-left:2px;font-size:10px}.sanctum-chat-panel{z-index:50;-webkit-backdrop-filter:blur(18px);background:#020810d1;border:1px solid #ffbf001f;border-radius:10px;flex-direction:column;width:320px;max-height:380px;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 .5px #ffbf000d}.sanctum-chat-header{background:#ffbf0008;border-bottom:1px solid #ffbf0014;align-items:center;gap:8px;padding:9px 12px;display:flex}.sanctum-chat-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.5px;color:#ffbf00a6;text-transform:uppercase;font-size:11px}.sanctum-online-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.5s ease-in-out infinite sanctumPulse;box-shadow:0 0 6px #34d399}@keyframes sanctumPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sanctum-chat-messages{scrollbar-width:thin;scrollbar-color:#ffbf0026 transparent;flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.sanctum-chat-messages::-webkit-scrollbar{width:3px}.sanctum-chat-messages::-webkit-scrollbar-track{background:0 0}.sanctum-chat-messages::-webkit-scrollbar-thumb{background:#ffbf0033;border-radius:2px}.sanctum-chat-msg{flex-direction:column;gap:1px;animation:.2s chatMsgIn;display:flex}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sanctum-chat-sender{letter-spacing:.3px;color:#f4e0c073;text-transform:uppercase;font-size:10px;font-weight:600}.sanctum-chat-sender.npc{color:#ffbf00b3}.sanctum-chat-text{color:#f4e0c0d1;word-break:break-word;font-size:12.5px;line-height:1.45}.sanctum-chat-text.npc{color:#ffbf00e6;font-style:italic;font-family:var(--font-serif,"Cormorant Garamond", serif);font-size:13.5px}.sanctum-chat-input-row{border-top:1px solid #ffbf0014;gap:8px;padding:9px 12px;display:flex}.sanctum-chat-input{font-family:var(--font-sans,"Outfit", sans-serif);color:var(--parchment,#f4e0c0);background:#ffbf000a;border:1px solid #ffbf001f;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:12.5px;transition:border-color .2s}.sanctum-chat-input::placeholder{color:#f4e0c040}.sanctum-chat-input:focus{background:#ffbf000f;border-color:#ffbf004d}.sanctum-chat-send{cursor:pointer;color:#ffbf00cc;background:#ffbf001a;border:1px solid #ffbf0033;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.sanctum-chat-send:hover{color:#ffbf00;background:#ffbf002e;border-color:#ffbf0066;transform:scale(1.05)}.sanctum-presence-panel{z-index:50;-webkit-backdrop-filter:blur(14px);background:#020810cc;border:1px solid #ffbf001a;border-radius:8px;width:170px;position:absolute;top:52px;right:16px;overflow:hidden}.sanctum-presence-header{font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;color:#ffbf0080;text-transform:uppercase;border-bottom:1px solid #ffbf0012;padding:7px 10px;font-size:9px}.sanctum-presence-list{scrollbar-width:none;flex-direction:column;gap:5px;max-height:120px;padding:6px 8px;display:flex;overflow-y:auto}.sanctum-presence-list::-webkit-scrollbar{display:none}.sanctum-presence-item{align-items:center;gap:7px;display:flex}.sanctum-presence-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sanctum-presence-name{color:#f4e0c099;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sage-dialogue{z-index:60;-webkit-backdrop-filter:blur(24px);background:#020810f2;border:1px solid #ffbf004d;border-radius:12px;width:380px;animation:.28s cubic-bezier(.16,1,.3,1) sageDialogueIn;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-70%);box-shadow:0 0 0 1px #ffbf0014,0 16px 60px #000c,0 0 80px #ffbf000a}@keyframes sageDialogueIn{0%{opacity:0;transform:translate(-50%,-65%)scale(.96)}to{opacity:1;transform:translate(-50%,-70%)scale(1)}}.sage-dialogue-header{background:linear-gradient(90deg,#ffbf000f 0%,#0000 100%);border-bottom:1px solid #ffbf001f;align-items:center;gap:10px;padding:12px 16px;display:flex}.sage-dialogue-avatar{background:radial-gradient(circle at 40% 35%,#ffbf00 0%,#7a5a00 60%,#1a1000 100%);border:1px solid #ffbf004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sage-dialogue-name{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;color:#ffbf00e6;font-size:13px}.sage-dialogue-subtitle{color:#f4e0c059;letter-spacing:.5px;margin-top:1px;font-size:10px}.sage-dialogue-close{color:#f4e0c04d;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px;font-size:16px;line-height:1;transition:color .18s}.sage-dialogue-close:hover{color:#f4e0c0b3}.sage-dialogue-history{scrollbar-width:thin;scrollbar-color:#ffbf0026 transparent;flex-direction:column;gap:10px;max-height:240px;padding:14px 16px;display:flex;overflow-y:auto}.sage-dialogue-history::-webkit-scrollbar{width:3px}.sage-dialogue-history::-webkit-scrollbar-thumb{background:#ffbf0033;border-radius:2px}.sage-msg-user{color:#f4e0c0cc;background:#ffbf0012;border:1px solid #ffbf0024;border-radius:8px 8px 2px;align-self:flex-end;max-width:85%;padding:7px 10px;font-size:12.5px;line-height:1.4}.sage-msg-sage{font-family:var(--font-serif,"Cormorant Garamond", serif);color:#ffbf00e0;background:#02081099;border:1px solid #ffbf001a;border-radius:8px 8px 8px 2px;align-self:flex-start;max-width:90%;padding:8px 12px;font-size:14px;font-style:italic;line-height:1.5}.sage-typing{align-items:center;gap:4px;padding:4px 0;display:flex}.sage-typing-dot{background:#ffbf0080;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite sageTypingBounce}.sage-typing-dot:nth-child(2){animation-delay:.15s}.sage-typing-dot:nth-child(3){animation-delay:.3s}@keyframes sageTypingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.sage-dialogue-input-row{border-top:1px solid #ffbf0014;gap:8px;padding:12px 16px;display:flex}.sage-dialogue-input{font-family:var(--font-sans,"Outfit", sans-serif);color:var(--parchment,#f4e0c0);resize:none;background:#ffbf000a;border:1px solid #ffbf0026;border-radius:7px;outline:none;flex:1;padding:8px 12px;font-size:12.5px;transition:border-color .2s}.sage-dialogue-input::placeholder{color:#f4e0c033;font-style:italic}.sage-dialogue-input:focus{border-color:#ffbf0059}.sage-dialogue-submit{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;color:#ffbf00cc;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:#ffbf001a;border:1px solid #ffbf0040;border-radius:7px;align-self:flex-end;padding:8px 14px;font-size:10px;transition:all .18s}.sage-dialogue-submit:hover{color:#ffbf00;background:#ffbf002e;border-color:#ffbf0073}.sage-dialogue-submit:disabled{opacity:.4;cursor:not-allowed}.sanctum-auth-prompt{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020810eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.sanctum-auth-prompt-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:3px;color:#ffbf00d9;text-transform:uppercase;font-size:20px}.sanctum-auth-prompt-sub{font-family:var(--font-serif,"Cormorant Garamond", serif);color:#f4e0c080;text-align:center;max-width:320px;font-size:16px;font-style:italic;line-height:1.5}.sanctum-auth-btn{font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;color:#ffbf00e6;cursor:pointer;text-transform:uppercase;background:#ffbf001a;border:1px solid #ffbf0059;border-radius:8px;padding:11px 28px;font-size:12px;transition:all .22s}.sanctum-auth-btn:hover{background:#ffbf002e;border-color:#ffbf0099;transform:translateY(-1px);box-shadow:0 0 24px #ffbf001a}.sage-interact-hint{z-index:55;pointer-events:none;flex-direction:column;align-items:center;gap:3px;animation:2s ease-in-out infinite hintFloat;display:flex;position:absolute}@keyframes hintFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sage-interact-key{color:#ffbf00e6;background:#ffbf001f;border:1.5px solid #ffbf0066;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.sage-interact-label{letter-spacing:1px;color:#ffbf0080;text-transform:uppercase;white-space:nowrap;font-size:9px}.sanctum-audio-select{color:#ffbf00d9;font-family:var(--font-sans,"Outfit", sans-serif);background:#020810d9;border:1px solid #ffbf0040;border-radius:4px;outline:none;padding:3px 6px;font-size:11px}.cauldron-modal-overlay,.grimoire-modal-overlay,.herb-modal-overlay{z-index:65;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010608d9;justify-content:center;align-items:center;animation:.22s modalFadeIn;display:flex;position:absolute;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.cauldron-modal,.grimoire-modal,.herb-modal{color:#f4e0c0;background:#020810f2;border:1px solid #ffbf004d;border-radius:12px;flex-direction:column;width:520px;max-width:calc(100vw - 32px);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 0 40px #ffbf0014,0 16px 50px #000c}.cauldron-modal-header,.grimoire-modal-header,.herb-modal-header{background:#ffbf000a;border-bottom:1px solid #ffbf001f;align-items:center;gap:12px;padding:14px 18px;display:flex}.cauldron-icon,.grimoire-icon,.herb-icon{font-size:24px}.cauldron-title,.grimoire-title,.herb-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1.5px;color:#ffbf00;text-transform:uppercase;font-size:14px}.cauldron-subtitle,.grimoire-subtitle,.herb-subtitle{color:#f4e0c066;margin-top:2px;font-size:11px}.cauldron-close,.grimoire-close,.herb-close{color:#f4e0c066;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.cauldron-close:hover,.grimoire-close:hover,.herb-close:hover{color:#ffbf00}.cauldron-visual-wrap{background:#0006;flex-direction:column;align-items:center;padding:16px;display:flex}.cauldron-pot{border:3px solid #333;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #000000e6,0 0 20px #ffbf0033}.cauldron-pot.brewing{animation:.3s infinite alternate potBubble}@keyframes potBubble{0%{transform:scale(1)}to{transform:scale(1.04)}}.cauldron-liquid{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:background .3s;display:flex}.cauldron-selected-hint{color:#ffbf00b3;margin-top:8px;font-size:11px}.cauldron-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:220px;padding:14px 18px;display:grid;overflow-y:auto}.cauldron-ing-btn{cursor:pointer;text-align:left;color:#f4e0c0;background:#ffbf0008;border:1px solid #ffbf001f;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;transition:all .18s;display:flex}.cauldron-ing-btn:hover{background:#ffbf0014;border-color:#ffbf004d}.cauldron-ing-btn.active{background:#ffbf0024;border-color:#ffbf0099;box-shadow:0 0 10px #ffbf0026}.ing-name{color:#ffbf00;font-size:12px;font-weight:600}.ing-note{opacity:.55;font-size:10px}.cauldron-actions{justify-content:center;padding:10px 18px 14px;display:flex}.cauldron-brew-btn{color:#ffbf00;width:100%;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;cursor:pointer;background:#ffbf001f;border:1px solid #ffbf0066;border-radius:6px;padding:10px;font-size:12px;transition:all .18s}.cauldron-brew-btn:hover:not(:disabled){background:#ffbf0038;box-shadow:0 0 16px #ffbf0033}.cauldron-result-card{background:#1a3a1a66;border:1px solid #22c55e4d;border-radius:8px;flex-direction:column;gap:6px;margin:0 18px 16px;padding:12px 14px;display:flex}.result-title{color:#34d399;font-family:Cinzel,serif;font-size:13px;font-weight:600}.result-explanation{opacity:.85;font-size:11.5px;line-height:1.4}.result-steps{opacity:.7;flex-direction:column;gap:3px;font-size:11px;display:flex}.cauldron-share-btn,.grimoire-share-btn,.basket-share-btn{color:#ffbf00;cursor:pointer;background:#ffbf001a;border:1px solid #ffbf004d;border-radius:4px;align-self:center;margin-top:6px;padding:6px 12px;font-size:11px}.grimoire-body{height:380px;display:flex}.grimoire-sidebar{background:#0000004d;border-right:1px solid #ffbf001a;flex-direction:column;width:190px;display:flex}.grimoire-search{color:#f4e0c0;background:#ffbf000a;border:none;border-bottom:1px solid #ffbf001a;outline:none;padding:8px 10px;font-size:11px}.grimoire-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.grimoire-item{cursor:pointer;border-bottom:1px solid #ffbf000d;padding:10px;transition:background .15s}.grimoire-item:hover{background:#ffbf000f}.grimoire-item.active{background:#ffbf001f;border-left:2px solid #ffbf00}.item-title{color:#ffbf00;font-size:11.5px;font-weight:600}.item-cat{opacity:.5;font-size:9.5px}.grimoire-tome{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex;overflow-y:auto}.tome-element{letter-spacing:1px;color:#ffbf0099;text-transform:uppercase;font-size:10px}.tome-title{color:#ffbf00;margin:0;font-family:Cormorant Garamond,serif;font-size:18px}.tome-category{opacity:.6;font-size:11px}.tome-divider{background:#ffbf0026;height:1px;margin:4px 0}.tome-text{opacity:.9;font-family:Cormorant Garamond,serif;font-size:14px;line-height:1.55}.tome-recipe-box{background:#ffbf000a;border:1px dashed #ffbf0040;border-radius:6px;margin-top:8px;padding:10px 12px}.recipe-header{color:#ffbf00;font-size:11px;font-weight:600}.recipe-body{opacity:.85;margin-top:4px;font-size:12px}.herb-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:320px;padding:16px;display:grid;overflow-y:auto}.herb-card{text-align:center;background:#ffbf0008;border:1px solid #ffbf001f;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.plant-icon{font-size:24px}.plant-name{color:#ffbf00;font-size:12px;font-weight:600}.plant-growth{color:#34d399;font-size:9.5px}.plant-desc{opacity:.6;font-size:10.5px}.plant-harvest-btn{color:#34d399;cursor:pointer;background:#22c55e26;border:1px solid #22c55e59;border-radius:4px;margin-top:6px;padding:5px 10px;font-size:10.5px}.plant-harvest-btn:hover{background:#22c55e4d}.herb-basket-bar{background:#00000080;border-top:1px solid #ffbf001f;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.basket-title{color:#ffbf00;font-size:11px;font-weight:600}.basket-items{flex-wrap:wrap;gap:6px;display:flex}.basket-tag{color:#34d399;background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;padding:2px 6px;font-size:10px}.basket-empty{opacity:.4;font-size:10.5px;font-style:italic}.sanctum-mobile-dpad{z-index:55;pointer-events:auto;grid-template-rows:42px 42px 42px;grid-template-columns:42px 42px 42px;gap:3px;display:grid;position:absolute;bottom:20px;left:14px}.sanctum-dpad-btn{color:#ffbf00f2;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;background:#020810d9;border:1px solid #ffbf0059;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 4px 12px #00000080}.sanctum-dpad-btn:active{background:#ffbf0040;border-color:#ffbf00}.sanctum-mobile-interact{z-index:55;color:#ffbf00;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(135deg,#ffbf0040,#7a5a0066);border:2px solid #ffbf00;border-radius:10px;padding:10px 16px;font-size:10.5px;font-weight:700;animation:2s infinite sanctumPulse;position:absolute;bottom:20px;right:14px;box-shadow:0 0 20px #ffbf004d}.sanctum-chat-minimize-btn{color:#ffbf0099;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:14px}.sanctum-chat-minimize-btn:hover{color:#ffbf00}.sanctum-chat-badge-btn{z-index:50;color:#ffbf00;font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#020810e0;border:1px solid #ffbf004d;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;transition:all .2s;display:flex;position:absolute;bottom:20px;right:14px;box-shadow:0 4px 18px #0009,0 0 12px #ffbf0026}.sanctum-chat-badge-btn:hover{background:#ffbf0026;border-color:#ffbf0080;transform:translateY(-2px)}.sanctum-chat-count{background:#ffbf0033;border:1px solid #ffbf0066;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.cauldron-modal.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both alchemyShake}@keyframes alchemyShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media (max-width:600px){.sanctum-hud{gap:6px;padding:6px 10px}.sanctum-hud-label{display:none}.sanctum-audio-select{max-width:110px;padding:2px 4px;font-size:10px}.sanctum-controls-hint{display:none}.sanctum-chat-panel{width:calc(100vw - 28px);max-height:280px;bottom:8px;left:14px;right:14px}.sanctum-presence-panel{display:none}.sage-dialogue{width:calc(100vw - 28px);top:50%;left:14px;transform:translateY(-50%)}.grimoire-body{flex-direction:column;height:auto;max-height:60vh}.grimoire-sidebar{border-bottom:1px solid #ffbf001a;border-right:none;width:100%;max-height:130px}.cauldron-grid{grid-template-columns:1fr}}