@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box}:root{--color-bg: #0f0f1a;--color-text: #e8d5b7;--color-gold: #ffd700;--color-border: #5a7a9a;--color-panel: #1a1a2e;--color-panel-dark: #16213e;font-family:"Press Start 2P",monospace;line-height:1.6;font-weight:400;font-size:14px;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;user-select:none;-webkit-user-select:none}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100dvh;overflow-x:hidden}body{display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;padding:0;margin:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@supports (height: 100dvh){html,body,#root{min-height:100dvh}}@media(max-width:400px){:root{font-size:12px}}.dialog-box{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:4px solid #e8d5b7;padding:.75rem 1rem 1rem;box-shadow:inset 0 0 0 2px #0f0f1a,4px 4px #00000080}.dialog-box__header{margin-bottom:.5rem}.dialog-box__title{display:inline-block;background:#e8d5b7;color:#1a1a2e;padding:.25rem .75rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:1px}.dialog-box__content{color:#e8d5b7}.dialog-box__text{margin:0;font-size:1rem;line-height:1.5;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.dialog-box__corner{position:absolute;width:8px;height:8px;background:gold}.dialog-box__corner--tl{top:-4px;left:-4px}.dialog-box__corner--tr{top:-4px;right:-4px}.dialog-box__corner--bl{bottom:-4px;left:-4px}.dialog-box__corner--br{bottom:-4px;right:-4px}.choice-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#2d3a4f,#1e2738);border:3px solid #5a7a9a;color:#e8d5b7;font-family:inherit;font-size:1rem;text-align:left;cursor:pointer;transition:all .15s ease;box-shadow:inset 0 1px #ffffff1a,3px 3px #0006}.choice-button:hover{background:linear-gradient(135deg,#3d4a5f,#2e3748);border-color:#7a9aba;transform:translate(4px)}.choice-button:active{transform:translate(4px) translateY(2px);box-shadow:inset 0 1px #ffffff1a,1px 1px #0006}.choice-button__emoji{font-size:1.5rem;min-width:2rem;text-align:center}.choice-button__content{flex:1;display:flex;flex-direction:column;gap:.125rem}.choice-button__label{font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.choice-button__description{font-size:.75rem;color:#a0b0c0;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.choice-button__arrow{font-size:.875rem;color:gold;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.info-card{background:#000000b3;border:2px solid #5a7a9a;border-radius:4px;padding:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.info-card__icon{font-size:1rem}.info-card__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:gold}.info-card__content{display:flex;flex-direction:column;gap:.375rem}.info-card__row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#e8d5b7}.info-card__row--tip{margin-top:.25rem;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.2)}.info-card__label{flex-shrink:0;font-size:.875rem}.info-card__value{color:#fff;line-height:1.4}.info-card__link{display:inline-block;margin-top:.5rem;padding:.375rem .75rem;background:#2d3a4f;border:2px solid #5a7a9a;color:#7abaff;font-size:.875rem;text-decoration:none;transition:all .15s ease}.info-card__link:hover{background:#3d4a5f;border-color:#7abaff}.scene{position:relative;width:100%;height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.scene__image-container{position:relative;flex:0 0 55%;overflow:hidden;border-bottom:4px solid var(--color-border)}.scene__background{position:absolute;inset:-10%;width:120%;height:120%;background-size:cover;background-position:center;image-rendering:pixelated;image-rendering:crisp-edges;animation:kenBurns 20s ease-in-out infinite alternate}.scene__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 0% 60%,#0006);pointer-events:none}.scene__content{position:relative;flex:1;display:flex;flex-direction:column;padding:1rem 1rem 2.5rem;gap:.75rem;overflow-y:auto;background:linear-gradient(to bottom,var(--color-panel-dark) 0%,var(--color-bg) 100%)}.scene__scroll-hint{position:absolute;bottom:0;left:0;right:0;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent 0%,var(--color-bg) 50%);border:none;cursor:pointer;z-index:20;animation:fadeIn .3s ease-out}.scene__scroll-chevron{color:var(--color-gold);font-size:1rem;text-shadow:0 0 8px rgba(255,215,0,.5);animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scene__choices{display:flex;flex-direction:column;gap:.5rem}.scene__ending{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;animation:pulse 2s ease-in-out infinite}.scene__ending-text{font-size:1.5rem;color:gold;text-shadow:2px 2px 0 #000}.scene__ending-subtext{font-size:1rem;color:#fff;text-shadow:1px 1px 0 #000}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-1%)}}.scene--entering .scene__background{animation:fadeIn .5s ease-out,kenBurns 20s ease-in-out .5s infinite alternate}.scene--entering .dialog-box{animation:slideUp .4s ease-out .2s both}.scene--entering .scene__choices{animation:slideUp .4s ease-out .4s both}.scene--entering .info-card{animation:slideUp .4s ease-out .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-height:700px){.scene__image-container{flex:0 0 45%}}@media(min-height:800px){.scene__image-container{flex:0 0 60%}}.app{width:100%;height:100%;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);transition:opacity .3s ease}.app--transitioning{opacity:.5;pointer-events:none}@media(min-width:500px){.app{max-width:420px;margin:0 auto;box-shadow:0 0 40px #00000080}}