:root{--font-size:12px;--background-color:#553a2c;--text-color:#ddd;--dark-text-color:#FFFFFF80;--dark-wood-color:#452818;--light-wood-color:#6c5042;--green-background-color:#6b8174;--gray-one-color:#aaa8a8}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);font-family:'Inter',inter,sans-serif;color:var(--text-color);font-weight:400;text-align:left;font-size:var(--font-size);line-height:1.5;padding:20px;margin:0 auto;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}a{text-decoration:none;color:var(--text-color)}a:hover{text-decoration:underline}header{position:fixed;top:32px;left:40px;z-index:100;display:flex;align-items:center;gap:16px}.language-switcher{position:absolute;right:60px;bottom:18px;font-size:14px;color:var(--gray-one-color);font-weight:400;display:flex;align-items:center;gap:4px;z-index:10;margin-bottom:10px}.language-option{cursor:pointer;transition:color .2s ease;font-synthesis:none;user-select:none}.language-option:hover{color:var(--text-color)}.language-option.active{text-decoration:underline;font-weight:500}.language-separator{color:var(--gray-one-color);cursor:default;user-select:none}footer{position:fixed;width:100%;bottom:8px;left:20px;text-align:left}.location-info{position:absolute;left:20px;bottom:8px;color:var(--text-color);line-height:1.2;display:block;min-height:3em}h1{font-size:12px;font-weight:700;margin-bottom:4px}#tfsh-footer{color:var(--text-color);font-size:14px;font-weight:700;margin-bottom:0;transition:font-weight .2s ease,padding .2s ease;cursor:pointer}#tfsh-footer:hover{font-weight:800;padding:0 2px}.cursor-image{position:fixed;width:100px;height:auto;pointer-events:none;z-index:1000;display:none;transition:opacity .2s ease}#coordinates{margin-bottom:4px;font-size:12px;font-weight:200;text-decoration:underline;font-synthesis:none;transition:font-weight .2s ease}#coordinates:hover,#weather-info:hover{font-weight:300;font-synthesis:none}#weather-info{margin:0;font-size:12px;font-weight:200;font-synthesis:none;transition:font-weight .2s ease,opacity .3s ease;min-height:1.5em;display:inline-block;line-height:1.2;opacity:0}#weather-info.loaded{opacity:1}.copyright{font-size:12px;color:var(--gray-one-color);font-weight:400;position:absolute;right:60px;bottom:11px;line-height:1.2;display:inline-block}.copyright a{color:var(--gray-one-color);cursor:pointer;transition:color .2s ease}.copyright a:hover{color:var(--text-color);text-decoration:none}.dark-wood{background-color:var(--dark-wood-color)}#lintel{width:inherit;height:49px;opacity:1}#doorway{width:336px;height:652px;opacity:1;background:transparent;z-index:10;transition:opacity .5s ease-in-out}#window{width:444px;height:336px;position:relative;margin-top:316px;opacity:1;background:transparent;z-index:10;transition:opacity .5s ease-in-out}.front-container.loaded #doorway,.front-container.loaded #window{opacity:1}#shutter{opacity:1 !important;position:absolute;top:-316px;left:0;width:100%;height:199px;background-color:var(--dark-wood-color);z-index:10}#prop{opacity:1 !important;position:absolute;top:-117px;left:50%;transform:translateX(-50%);width:10px;height:calc(100% - 36px - 136px);background-color:var(--dark-wood-color);z-index:10}#divider{width:28px;height:652px;background-color:var(--background-color);flex-shrink:0}#window-bottom{position:absolute;bottom:0;left:0;width:100%;height:317px;background-color:var(--background-color);z-index:10}.front-content{flex:1;display:flex;align-items:center;justify-content:center;margin:0}.front-container{max-width:1200px;gap:0;display:flex;align-items:flex-start;position:absolute;top:140px;left:50% !important;transform:translateX(-50%) !important;opacity:1;z-index:5}.green-background-container{width:calc(336px + 28px + 444px);max-width:1200px;height:652px;position:absolute;top:140px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--green-background-color) 0,var(--green-background-color) 40%,rgba(107,129,116,0.85) 50%,var(--green-background-color) 60%,var(--green-background-color) 100%);background-size:200% 100%;opacity:1;z-index:0;pointer-events:none;animation:shimmer 24s ease-in-out infinite;overflow:hidden}@keyframes shimmer{0%{background-position:100% 0}12.5%{background-position:-100% 0}25%{background-position:100% 0}37.5%{background-position:-100% 0}50%{background-position:100% 0}62.5%{background-position:-100% 0}75%{background-position:100% 0}87.5%{background-position:-100% 0}100%{background-position:100% 0}}.green-background-container.background-loaded{animation:none;background:var(--green-background-color)}.background-container{width:calc(336px + 28px + 444px);max-width:1200px;height:652px;position:absolute;top:140px;left:50%;transform:translateX(-50%);background-size:cover;background-position:center bottom;background-repeat:no-repeat;opacity:0;transition:opacity .65s ease-in-out;z-index:1;pointer-events:none;overflow:hidden}.background-container.loaded{opacity:1}#copyright-text{margin:0;font-size:12px;font-weight:400;line-height:1.2;display:inline-block;font-synthesis:none;user-select:none}.story-button{background:var(--light-wood-color);border:2px solid var(--text-color);color:var(--text-color);font-size:16px;font-weight:400;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:140px;height:36px;justify-content:center}.story-button svg{display:inline-block;color:currentColor;fill:currentColor;pointer-events:none}.story-button:hover{border-color:var(--text-color);color:var(--text-color);background:rgba(108,80,66,0.8);transform:translateX(1px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.story-button:active{transform:translateX(1px);box-shadow:none}.story-box{position:fixed;top:72px;left:40px;width:520px;min-height:380px;background:radial-gradient(120% 120% at 10% 10%,rgba(255,255,255,0.12) 0,rgba(255,255,255,0.06) 25%,rgba(255,255,255,0.03) 55%,rgba(0,0,0,0.05) 100%),rgba(59,42,34,0.9);border:1px solid rgba(255,255,255,0.2);border-radius:8px;backdrop-filter:blur(2px);z-index:99;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,min-height .15s ease;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(0,0,0,0.25)}.story-box.active{opacity:1;transform:translateY(0);pointer-events:auto}.story-header{padding:14px 56px 8px 16px;display:flex;justify-content:space-between;align-items:center;position:relative}.story-title{font-size:14px;color:var(--text-color);letter-spacing:.2px;text-align:left}.story-close{position:absolute;top:4px;right:12px;background:0;border:0;color:rgba(255,255,255,0.5);font-size:30px;line-height:1;cursor:pointer;padding:4px;border-radius:2px;transition:color .2s ease,background-color .2s ease;font-family:inherit;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.story-close:hover{color:rgba(255,255,255,0.8);background-color:rgba(255,255,255,0.1)}.story-context{display:flex;gap:20px}.context-item{font-size:11px;color:rgba(255,255,255,0.5);cursor:pointer;transition:color .2s ease}.context-item:hover{color:rgba(255,255,255,0.8)}.story-main{flex:1;display:flex;padding:16px;gap:16px;min-height:0}.story-content{flex:1;display:flex;flex-direction:column}.story-sidebar{display:flex;flex-direction:column;gap:16px;width:120px}.sidebar-item{background:#6b8174;border-radius:4px;flex:1;min-height:60px}.story-date{font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:8px;font-weight:400}.story-text{font-size:14px;line-height:1.7;color:var(--dark-text-color);font-weight:400;margin-bottom:16px;flex:1;text-align:left;width:400px;overflow-y:auto}.story-text.chat-response p{color:var(--text-color)}.story-text.chat-response em{color:var(--dark-text-color)}.monk-status{font-size:12px;color:var(--dark-text-color);font-weight:400;font-style:italic;padding:12px 16px 0 16px;text-align:left;transition:padding-bottom .4s ease}.monk-status.monk-status-loading{padding-bottom:12px}.monk-status.input-hidden{padding-bottom:12px}.message-input-container{display:flex;gap:8px;align-items:center;padding:12px 16px 16px 16px;opacity:1;transition:opacity .4s ease,max-height .4s ease;max-height:200px;overflow:hidden}.message-input-container.fade-out{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.message-input-wrapper{position:relative;flex:1}.message-input{width:100%;background:rgba(255,255,255,0.88);border:1px solid rgba(0,0,0,0.08);border-radius:17px;padding:0 34px 0 12px;height:34px;min-height:34px;line-height:34px;color:var(--background-color);font-family:'Inter',sans-serif;font-size:14px;resize:none;overflow-y:auto;outline:0;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,height .15s ease;scrollbar-width:none;-ms-overflow-style:none}.message-input::-webkit-scrollbar{display:none}@media only screen and (max-width:1275px){:root{--mobile-top-position:20px;--mobile-story-text-width:350px;--mobile-story-text-width-small:300px;--mobile-bottom-clearance:200px}#window,#divider{display:none}.green-background-container,.background-container{width:min(calc(100vw - 40px),336px) !important;height:min(652px,68vh) !important;min-width:75px !important;min-height:150px !important;overflow:hidden !important;top:80px !important;left:50% !important;transform:translateX(-50%) !important}.front-container{width:min(calc(100vw - 40px),336px) !important;height:min(652px,68vh) !important;min-width:75px !important;min-height:150px !important;top:80px !important;left:50% !important;transform:translateX(-50%) !important;display:block !important;position:absolute !important}#doorway{width:100% !important;height:100% !important;position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}#doorway #lintel{max-width:100% !important;max-height:100% !important;object-fit:contain !important}body{padding:12px}footer{position:fixed;width:100%;bottom:8px;left:0}header{top:var(--mobile-top-position);left:var(--mobile-top-position)}.story-box{top:calc(var(--mobile-top-position) + 36px + 4px);left:var(--mobile-top-position);width:min(calc(100vw - 40px),400px);max-width:400px}.language-switcher{right:var(--mobile-top-position);bottom:12px;font-size:12px}.copyright{position:absolute;right:var(--mobile-top-position);bottom:0;line-height:1}#copyright-text{line-height:1.6}.location-info{position:absolute;left:var(--mobile-top-position);bottom:0}.story-box{left:50%;transform:translateX(-50%) translateY(-8px);width:min(calc(100vw - 24px),350px);max-width:350px}.story-box.active{transform:translateX(-50%) translateY(0)}.story-text{width:100% !important;max-width:300px}}.message-input::placeholder{color:rgba(85,58,44,0.55)}.message-input:focus{border-color:rgba(85,58,44,0.25);box-shadow:0 0 0 2px rgba(85,58,44,0.08) inset}.send-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--background-color);padding:0;border-radius:0;cursor:pointer;transition:opacity .15s ease;height:28px;width:28px;display:inline-flex;align-items:center;justify-content:center;z-index:2}.send-button svg{display:inline-block;color:currentColor;fill:currentColor;width:80% !important;height:80% !important;pointer-events:none}.send-button:hover{opacity:.85}.send-button:active{opacity:.7}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.send-button:disabled{opacity:.6;cursor:not-allowed;color:var(--gray-one-color)}.send-button:disabled:hover{opacity:.6}.story-button.active{border-color:var(--gray-one-color);color:var(--gray-one-color)}.story-button.active::after{transform:rotate(270deg)}.gallery-left{flex:1.2}.gallery-right{flex:1;display:flex;flex-direction:column;gap:32px}.large-image{background-color:#8ba89b;width:100%;height:100%;border-radius:2px}.bottom-images{display:flex;gap:32px;height:55%}.bottom-left,.bottom-right{background-color:#8ba89b;flex:1;border-radius:2px}@media(max-width:830px){#window{display:none}}.debug-panel{position:fixed;top:20px;right:20px;background:rgba(0,0,0,0.9);color:white;padding:16px;border-radius:8px;font-family:'Inter',sans-serif;font-size:12px;z-index:1000;min-width:250px;border:1px solid rgba(255,255,255,0.3);display:none;transition:opacity .3s ease,transform .3s ease}.debug-panel.show{display:block}.debug-toggle{position:fixed;top:20px;right:20px;background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.3);color:white;padding:8px 12px;border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;font-size:11px;font-weight:500;z-index:1001;transition:background .2s ease;display:none}.debug-toggle:hover{background:rgba(0,0,0,0.95)}.debug-toggle.panel-open{transform:translateY(0);opacity:.7}.debug-panel.show ~ .debug-toggle{transform:translateY(280px)}.debug-header{font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.2)}.debug-content label{display:block;margin-bottom:4px;font-weight:500}.debug-input{width:100%;padding:6px 8px;margin-bottom:8px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;background:rgba(255,255,255,0.1);color:white;font-size:11px}.debug-btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;margin-right:8px;margin-bottom:8px;transition:background .2s ease}.debug-btn:hover{background:rgba(255,255,255,0.3)}.debug-info{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.2);font-size:10px;line-height:1.4}.debug-info div{margin-bottom:4px}.debug-info span{font-weight:500}