@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gentleSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes gentleSwayReverse{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}@keyframes leafDrift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes warmPulse{0%,to{box-shadow:0 0 15px #d4a24e14}50%{box-shadow:0 0 25px #d4a24e26}}#root{min-height:100vh;margin:0;padding:1.25rem;display:flex;align-items:stretch;justify-content:center;width:100%;overflow-x:hidden}.app-root{width:100%;max-width:1140px;background:linear-gradient(180deg,var(--wood-dark) 0%,var(--black-card) 4%,var(--black-card) 96%,var(--wood-dark) 100%);color:var(--text-primary);border-radius:12px;box-shadow:0 2px 0 0 var(--wood-mid),0 4px 0 0 var(--wood-darkest),var(--shadow-deep);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--wood-light);position:relative;animation:fadeIn .5s ease}.app-root:before{content:"";position:absolute;inset:0;border-radius:12px;border:2px solid transparent;background:linear-gradient(var(--black-card),var(--black-card)) padding-box,linear-gradient(135deg,var(--wood-highlight),var(--wood-dark),var(--wood-highlight),var(--wood-dark)) border-box;pointer-events:none;z-index:0}.app-header{padding:1rem 1.5rem .75rem;border-bottom:2px solid var(--wood-light);background:linear-gradient(135deg,var(--wood-dark) 0%,var(--black-card) 40%,var(--black-card) 70%,rgba(26,58,42,.15) 100%);position:relative;z-index:1}.app-header:after{content:"";position:absolute;bottom:-1px;left:2rem;right:2rem;height:3px;background:linear-gradient(90deg,transparent,var(--wood-highlight) 20%,var(--amber-dim) 50%,var(--wood-highlight) 80%,transparent);border-radius:2px}.app-header-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;margin-bottom:.6rem}.app-title{font-family:Cinzel,serif;font-size:1.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--amber-glow);text-shadow:0 0 30px rgba(232,184,77,.3),0 0 60px rgba(232,184,77,.1),0 2px 4px rgba(0,0,0,.6);position:relative;text-align:center;background:linear-gradient(180deg,#e4c45e,#e8b84d 40%,#c9a84c,#a07830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.app-subtitle{font-family:Lora,serif;font-size:.72rem;font-style:italic;color:var(--text-dim);letter-spacing:.08em;margin:0;text-align:center}.app-title:before{display:none}.user-block{position:absolute;top:1rem;right:1.5rem;display:flex;align-items:center;gap:.5rem}.user-email{font-size:.75rem;color:var(--text-dim);font-style:italic}.app-nav-wrapper{padding:.3rem 0}.app-nav{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;background:none;border:none}.nav-link,.nav-link:visited,.nav-link:focus,.nav-link:active{font-family:Lora,serif;font-size:.82rem;padding:.3rem .75rem;border-radius:6px;border:1px solid var(--wood-light);text-decoration:none;color:var(--cream-dim);background:var(--wood-mid);transition:all .2s ease;outline:none;position:relative}.nav-link:hover{background:var(--wood-light);color:var(--cream);border-color:var(--amber-dim);transform:translateY(-1px);box-shadow:0 3px 10px #0000004d}.nav-link--active{background:var(--green-deep)!important;color:var(--green-pale)!important;border-color:var(--green-mid)!important;font-weight:700;box-shadow:inset 0 1px #6bb87e26,0 0 10px #4a94661a}.app-main{padding:1.5rem;flex:1;overflow:auto;position:relative;z-index:1}.page{max-width:960px;margin:0 auto;animation:fadeInUp .4s ease}.page-title{font-size:1.25rem;margin-bottom:.9rem}.tavern-welcome{text-align:center;margin-bottom:1rem;padding:1rem 1rem .5rem;position:relative}.innkeeper-img{display:block;margin:0 auto .75rem;height:320px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 30px rgba(0,0,0,.7));animation:fadeInUp .6s ease;border-radius:8px}.vine-divider{text-align:center;margin:.5rem 0 1.25rem;animation:fadeIn .8s ease;line-height:0}.vine-divider-img{width:100%;max-width:700px;height:auto;opacity:.7;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.tavern-speech{font-family:Lora,serif;font-style:italic;font-size:1.05rem;color:var(--cream-soft);max-width:480px;margin:0 auto;line-height:1.7;animation:fadeInUp .7s ease}.tavern-speech strong{color:var(--amber-glow);font-style:normal}.game-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:.5rem}.game-card{display:flex;flex-direction:column;text-decoration:none;padding:1.1rem 1.2rem;border-radius:10px;background:linear-gradient(145deg,var(--wood-dark),var(--black-card));border:1px solid var(--wood-light);box-shadow:var(--shadow-ambient);transition:all .25s ease;color:var(--cream);position:relative;overflow:hidden;animation:fadeInUp .5s ease backwards}.game-card:nth-child(1){animation-delay:.1s}.game-card:nth-child(2){animation-delay:.18s}.game-card:nth-child(3){animation-delay:.26s}.game-card:nth-child(4){animation-delay:.34s}.game-card:nth-child(5){animation-delay:.42s}.game-card:nth-child(6){animation-delay:.5s}.game-card:before{content:"";position:absolute;top:-8px;right:-8px;width:50px;height:50px;background:radial-gradient(circle at 70% 30%,var(--green-deep),transparent 70%);border-radius:50%;opacity:.5;transition:opacity .3s ease}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000080,0 0 0 1px var(--amber-dim);border-color:var(--amber-dim);background:linear-gradient(145deg,var(--wood-mid),var(--wood-dark))}.game-card:hover:before{opacity:.8}.game-card-mascot-img{height:80px;width:auto;object-fit:contain;margin-bottom:.4rem;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .3s ease}.game-card:hover .game-card-mascot-img{transform:scale(1.08)}.game-card h3{margin:0 0 .2rem;font-family:Cinzel,serif;font-size:1.05rem;color:var(--amber-glow)}.game-card p{margin:0;font-size:.88rem;color:var(--cream-soft);line-height:1.5}.game-frame{position:relative;background:linear-gradient(180deg,var(--wood-dark) 0%,var(--black-card) 3%,var(--black-card) 97%,var(--wood-dark) 100%);border:2px solid var(--wood-light);border-radius:12px;padding:1.75rem 1.5rem 1.5rem;box-shadow:var(--shadow-ambient);animation:fadeInUp .4s ease;overflow:hidden}.game-frame-plant{position:absolute;z-index:2;pointer-events:none;opacity:.55;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:opacity .3s ease}.game-frame:hover .game-frame-plant{opacity:.75}.game-frame-plant--left{top:-10px;left:-10px;height:120px;width:auto;animation:gentleSway 6s ease-in-out infinite}.game-frame-plant--right{top:-10px;right:-10px;height:120px;width:auto;animation:gentleSwayReverse 7s ease-in-out infinite}.game-frame-header{position:relative;margin-bottom:1rem;padding-top:.25rem;z-index:3}.game-frame-mascot-perch{position:relative;margin-bottom:-2px;z-index:4}.game-frame-header--left .game-frame-mascot-perch{display:flex;justify-content:flex-start;padding-left:.5rem}.game-frame-header--left .mascot-name-label{text-align:left;padding-left:.5rem}.game-frame-header--right .game-frame-mascot-perch{display:flex;justify-content:flex-end;padding-right:.5rem}.game-frame-header--right .mascot-name-label{text-align:right;padding-right:.5rem}.mascot-img-perched{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));position:relative;z-index:4}.game-frame-divider-line{height:2px;background:linear-gradient(90deg,transparent,var(--wood-highlight) 15%,var(--amber-dim) 50%,var(--wood-highlight) 85%,transparent);border-radius:1px;position:relative;z-index:3}.mascot-name-label{display:block;font-family:Cinzel,serif;font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:.4rem}.game-frame-vine-bottom{text-align:center;margin-top:1rem;padding-top:.5rem;line-height:0}.game-frame-vine-bottom img{width:60%;max-width:400px;height:auto;opacity:.4;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.timer-badge{display:inline-flex;align-items:center;gap:.3rem;font-variant-numeric:tabular-nums;font-weight:800;padding:.25rem .6rem;border-radius:6px;border:1px solid var(--wood-light);background:var(--wood-dark);color:var(--amber-glow);font-size:.9rem;text-shadow:0 0 8px rgba(232,184,77,.2)}.wg-tile-correct{background:var(--green-mid)!important;color:var(--cream)!important;border-color:var(--green-bright)!important}.wg-tile-present{background:var(--amber-dim)!important;color:var(--cream)!important;border-color:var(--amber)!important}.wg-tile-absent{background:var(--wood-mid)!important;color:var(--cream-soft)!important;border-color:var(--wood-light)!important}.wg-tile-empty{background:var(--black-card)!important;border:2px solid var(--wood-light)!important}.kb-key{background:var(--wood-mid)!important;color:var(--cream)!important;border:1px solid var(--wood-light)!important;border-radius:5px!important;font-family:Lora,serif!important;font-weight:600!important;transition:all .15s ease!important}.kb-key:hover{background:var(--wood-light)!important;border-color:var(--amber-dim)!important}.kb-key-correct{background:var(--green-mid)!important;border-color:var(--green-bright)!important}.kb-key-present{background:var(--amber-dim)!important;border-color:var(--amber)!important}.kb-key-absent{background:var(--wood-darkest)!important;color:var(--text-dim)!important;border-color:var(--wood-dark)!important}.victory-banner{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--green-mid);background:linear-gradient(135deg,#1a3a2a80,#2d5a3f4d);font-weight:700;color:var(--green-pale);animation:fadeInUp .4s ease}.defeat-banner{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--ember);background:linear-gradient(135deg,#3c140a80,#280f084d);font-weight:700;color:var(--ember-glow);animation:fadeInUp .4s ease}.next-puzzle-box{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;border:1px solid var(--wood-light);background:linear-gradient(135deg,var(--wood-dark),var(--black-card));font-size:.9rem;animation:fadeInUp .5s ease}.next-puzzle-box p{margin:0 0 .5rem;font-weight:600;color:var(--cream)}.next-puzzle-link{display:inline-block;padding:.3rem .85rem;border-radius:6px;border:1px solid var(--green-mid);text-decoration:none;font-size:.82rem;font-weight:600;background:var(--green-deep);color:var(--green-pale);transition:all .2s ease;margin:.15rem}.next-puzzle-link:hover{background:var(--green-mid);border-color:var(--green-bright);color:var(--cream);transform:translateY(-1px);box-shadow:0 4px 12px #4a946633}.all-done-box{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;border:1px solid var(--amber-dim);background:linear-gradient(135deg,rgba(90,58,36,.3),var(--black-card));color:var(--amber-glow);font-size:.9rem;animation:fadeInUp .5s ease}.signout-button{border:1px solid var(--ember)!important;border-radius:6px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;cursor:pointer;background:#c45d2c33;color:var(--ember-glow);transition:all .2s ease}.signout-button:hover{background:var(--ember);color:var(--cream)}.scroll-indicator-floating{position:fixed;right:1rem;bottom:1rem;padding:.35rem .75rem;border-radius:6px;background:var(--wood-mid);border:1px solid var(--wood-light);color:var(--cream-dim);font-size:.75rem;font-weight:600;display:none;align-items:center;gap:.3rem;box-shadow:var(--shadow-ambient);pointer-events:none}@media(max-width:768px){.scroll-indicator-floating{display:flex}}@media(max-width:640px){#root{padding:.5rem}.app-root{border-radius:8px}.app-header{padding:.8rem 1rem .65rem}.app-header-main{flex-direction:column;align-items:flex-start}.app-title:before{display:none}.user-block{position:static;margin-top:.3rem}.app-main{padding:1rem}.game-grid{grid-template-columns:1fr;gap:.75rem}.innkeeper-img{height:220px}.game-card-mascot-img{height:60px}.game-frame{padding:1.25rem 1rem 1rem}.game-frame-plant--left,.game-frame-plant--right{height:80px}.mascot-img-perched{height:55px}.app-title{font-size:1.3rem}}.auth-card{width:100%;background:var(--black-card);border-radius:10px;padding:2rem 1.75rem;box-shadow:var(--shadow-deep);border:1px solid var(--wood-light);color:var(--cream)}.auth-subtitle{margin:.8rem 0 1.2rem;font-size:.95rem;color:var(--text-dim)}.stats-card{margin-top:.25rem;padding:.9rem 1rem;border-radius:8px;background:var(--wood-dark);border:1px solid var(--wood-light);font-size:.95rem;color:var(--cream-soft)}input,button,select,textarea{font-size:16px}:root{--wood-darkest: #1a1008;--wood-dark: #2c1a0e;--wood-mid: #3d2618;--wood-light: #5a3a24;--wood-accent: #6b4630;--wood-highlight: #8b6340;--black-deep: #0a0806;--black-soft: #121010;--black-card: #1a1614;--green-deep: #1a3a2a;--green-mid: #2d5a3f;--green-bright: #3d7a56;--green-leaf: #4a9466;--green-light: #6bb87e;--green-pale: #a8d5b8;--green-glow: #5dbd7a;--cream: #f0e6d3;--cream-dim: #d4c4a8;--cream-soft: #c4b393;--parchment: #e8dcc8;--amber: #d4a24e;--amber-glow: #e8b84d;--amber-dim: #a07830;--ember: #c45d2c;--ember-glow: #e07040;--gold: #c9a84c;--gold-bright: #e4c45e;--text-primary: var(--cream);--text-secondary: var(--cream-soft);--text-dim: #8a7b68;--text-heading: var(--amber-glow);--bg-page: var(--black-deep);--bg-card: var(--black-card);--bg-elevated: var(--wood-dark);--bg-input: rgba(26, 22, 20, .8);--border-wood: var(--wood-light);--border-subtle: rgba(90, 58, 36, .3);--border-glow: rgba(212, 162, 78, .2);--shadow-ambient: 0 4px 30px rgba(0, 0, 0, .5);--shadow-deep: 0 12px 50px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(212, 162, 78, .08);font-family:Lora,Georgia,Times New Roman,serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;padding:0;overflow-x:hidden;overscroll-behavior-x:none;background:var(--bg-page);background-image:radial-gradient(ellipse at 20% 50%,rgba(44,26,14,.3) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(26,58,42,.15) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(44,26,14,.2) 0%,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:Cinzel,Times New Roman,serif;color:var(--text-heading);line-height:1.3;font-weight:700}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}a{color:var(--green-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--green-glow)}p{color:var(--text-secondary);margin:.5rem 0}strong{color:var(--cream);font-weight:700}button{font-family:Lora,Georgia,serif;border-radius:6px;border:1px solid var(--border-wood);padding:.5em 1.1em;font-size:.95em;font-weight:600;background:var(--wood-mid);color:var(--cream);cursor:pointer;transition:all .2s ease}button:hover{background:var(--wood-light);border-color:var(--amber-dim);box-shadow:0 0 12px #d4a24e1f}button:focus,button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}input,select,textarea{font-family:Lora,Georgia,serif;font-size:16px;background:var(--bg-input);border:1px solid var(--border-wood);color:var(--cream);border-radius:6px;padding:.5rem .75rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 2px #d4a24e33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--wood-darkest)}::-webkit-scrollbar-thumb{background:var(--wood-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--wood-highlight)}::selection{background:#4a946666;color:var(--cream)}