*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#fbf3e1;background:#2b2118;font-family:Georgia,Times New Roman,serif}#root{min-height:100vh}.app-nav{z-index:100;background:#2b2118eb;border-bottom:1px solid #fbf3e11f;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.app-nav-brand{color:#fbf3e1;font-variant:small-caps;letter-spacing:.1em;font-size:18px;text-decoration:none}.app-nav-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-nav-links a{color:#fbf3e1d9;letter-spacing:.04em;font-size:14px;text-decoration:none}.app-nav-links a:hover{color:#fbf3e1}.app-nav-cta{background:#2d8b8b59;border:1px solid #2d8b8b99;border-radius:4px;padding:6px 14px}.app-nav-signout{color:#fbf3e1bf;cursor:pointer;background:0 0;border:1px solid #fbf3e140;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px}.app-nav-signout:hover{color:#fbf3e1;border-color:#fbf3e173}.page-loading{color:#fbf3e1bf;justify-content:center;align-items:center;min-height:40vh;display:flex}.book-list-page{background:radial-gradient(at 50% 0,#4a90d940,#0000 55%),linear-gradient(#2b2118 0%,#3d2e1a 40%,#8b6914 100%);min-height:100vh;padding:48px 24px 64px}.book-list-header{text-align:center;margin-bottom:48px}.book-list-header h1{color:#fbf3e1;font-variant:small-caps;letter-spacing:.12em;text-shadow:0 2px 20px #0006;margin:0;font-size:clamp(36px,6vw,56px);font-weight:400}.book-list-header p{color:#fbf3e1bf;letter-spacing:.06em;margin-top:12px;font-size:15px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:960px;margin:0 auto;display:grid}.book-card{color:#2b2118;cursor:pointer;background:#fbf3e1eb;border:1px solid #8b691440;border-radius:4px;padding:28px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.book-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000040}.book-card h2{font-variant:small-caps;letter-spacing:.06em;color:#2d8b8b;margin:0 0 8px;font-size:22px}.book-card .author{color:#2b2118a6;letter-spacing:.04em;margin-bottom:14px;font-size:14px}.book-card .description{color:#2b2118d9;font-size:15px;line-height:1.65}.book-card .cta{letter-spacing:.15em;text-transform:uppercase;color:#8b6914;margin-top:18px;font-size:12px}:root{--sand:#e8c896;--sand-dark:#8b6914;--sky-top:#4a90d9;--sky-bot:#ff8c42;--oasis:#2d8b8b;--haze:#f0dcb8;--ink:#2b2118;--paper:#fbf3e1}.game-root{background:#000;font-family:Georgia,Times New Roman,serif;position:fixed;inset:0;overflow:hidden}.game-canvas{width:100vw;height:100vh;display:block}.game-hud{pointer-events:none;z-index:10;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;position:fixed;top:0;left:0}.game-compass{background:#2b21188c;border:1px solid #fbf3e140;border-radius:17px;width:280px;height:34px;position:absolute;top:22px;left:50%;overflow:hidden;transform:translate(-50%)}.game-compass-strip{will-change:transform;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.game-compass-strip span{width:70px;height:100%;color:var(--paper);letter-spacing:.1em;opacity:.85;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.game-compass:after{content:"";background:#ffd27a;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px);box-shadow:0 0 6px #ffd27a}.game-status{color:var(--paper);text-align:center;text-shadow:0 1px 6px #00000080;letter-spacing:.05em;min-height:20px;font-size:15px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.game-counter{color:var(--paper);letter-spacing:.08em;text-shadow:0 1px 6px #00000080;background:#2b21188c;border:1px solid #fbf3e133;border-radius:20px;align-items:center;gap:14px;padding:10px 22px;font-size:16px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.game-counter .palm{font-size:18px}.game-hud-panel{background:#2b21188c;border:1px solid #fbf3e133;border-radius:14px;padding:12px 18px}.game-survival-hud{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:26px;left:26px}.game-thirst-row{align-items:center;gap:10px;display:flex}.game-thirst-icon{font-size:16px}.game-thirst-track{background:#00000059;border:1px solid #fbf3e140;border-radius:6px;width:140px;height:12px;overflow:hidden}.game-thirst-fill{height:100%;transition:width .3s linear,background .4s}.game-coconut-row{color:var(--paper);letter-spacing:.05em;text-shadow:0 1px 4px #00000080;align-items:center;gap:8px;font-size:15px;display:flex}.game-coconut-icon{font-size:16px}.game-reading-stone-prompt{color:var(--paper);letter-spacing:.06em;text-shadow:0 1px 4px #00000080;white-space:nowrap;pointer-events:none;background:#2b211873;border:1px solid #fbf3e140;border-radius:16px;padding:8px 18px;font-size:14px;position:absolute;bottom:130px;left:26px}.game-reading-stone-prompt b{color:#ffe9b8}.game-reading-box{z-index:10;pointer-events:auto;width:calc(100vw - 52px);max-width:420px;font-family:Georgia,Times New Roman,serif;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.game-reading-box-meta{color:var(--paper);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 4px #00000080;opacity:.85;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.game-reading-box-body{color:var(--paper);letter-spacing:.02em;text-shadow:0 1px 4px #00000080;max-height:40vh;margin-bottom:12px;font-size:15px;line-height:1.75;overflow-y:auto}.game-reading-box-direction{color:#fbf3e1d9;letter-spacing:.04em;text-shadow:0 1px 4px #00000080;border-top:1px solid #fbf3e126;margin-bottom:12px;padding-top:10px;font-size:13px;font-style:italic;line-height:1.5}.game-reading-box-footer{color:#fbf3e1bf;letter-spacing:.06em;text-shadow:0 1px 4px #00000080;font-size:13px}.game-reading-box-footer b{color:#ffe9b8}.game-edit-box{background:#2b2118d1;border:1px solid #fbf3e140;border-radius:8px;padding:18px}.game-edit-textarea{resize:vertical;width:100%;min-height:160px;color:var(--ink);background:#fbf3e1f2;border:1px solid #fbf3e140;border-radius:4px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:15px;line-height:1.65}.game-edit-actions{justify-content:flex-end;gap:10px;display:flex}.game-edit-btn{letter-spacing:.06em;cursor:pointer;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:13px}.game-edit-btn.secondary{color:#fbf3e1d9;background:0 0;border:1px solid #fbf3e159}.game-edit-btn.primary{background:var(--oasis);color:var(--paper);border:1px solid #fbf3e140}.game-edit-btn:disabled{opacity:.55;cursor:not-allowed}.game-interact-prompt{color:var(--paper);letter-spacing:.06em;opacity:0;text-shadow:0 1px 4px #00000080;white-space:nowrap;background:#2b211873;border:1px solid #fbf3e140;border-radius:16px;padding:8px 18px;font-size:14px;transition:opacity .25s;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.game-interact-prompt.show{opacity:1}.game-interact-prompt b{color:#ffe9b8}.game-reading-prompt{z-index:10;color:var(--paper);letter-spacing:.06em;opacity:0;text-shadow:0 1px 4px #00000080;white-space:nowrap;pointer-events:none;background:#2b211873;border:1px solid #fbf3e140;border-radius:16px;padding:8px 18px;font-family:Georgia,Times New Roman,serif;font-size:14px;transition:opacity .25s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.game-reading-prompt.show{opacity:1}.game-reading-prompt b{color:#ffe9b8}.game-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #0000008c}.game-heat{pointer-events:none;background:linear-gradient(#0000 65%,#ffc88c1a);position:absolute;inset:0}.game-found-toast{color:var(--paper);text-align:center;opacity:0;text-shadow:0 2px 20px #0009;transition:opacity .6s,transform .6s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}.game-found-toast.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.game-found-toast h2{letter-spacing:.1em;font-variant:small-caps;color:#ffe9b8;margin:0;font-size:38px}.game-found-toast p{letter-spacing:.12em;opacity:.85;margin-top:8px;font-size:14px}.game-crosshair{opacity:0;background:#fbf3e18c;border-radius:50%;width:6px;height:6px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-crosshair.show{opacity:1}.game-title-screen{background:radial-gradient(ellipse at 50% 30%, #ffffff26, transparent 60%), linear-gradient(to bottom, var(--sky-top) 0%, #e8a356 55%, var(--sand) 100%);z-index:100;pointer-events:all;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}.game-title-screen.hidden{opacity:0;pointer-events:none}.game-title-screen h1{color:var(--paper);letter-spacing:.12em;text-shadow:0 2px 24px #8b280a73,0 1px #0000004d;font-variant:small-caps;margin:0;font-size:clamp(40px,8vw,84px);font-weight:400}.game-title-screen .sub{color:#2b2118d9;letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font-size:clamp(13px,1.6vw,17px)}.game-title-screen .enter{color:var(--paper);letter-spacing:.15em;text-transform:uppercase;border:1px solid #fbf3e199;border-radius:2px;margin-top:48px;padding:12px 30px;font-size:14px;animation:2.2s ease-in-out infinite game-pulse}@keyframes game-pulse{0%,to{opacity:.55}50%{opacity:1}}.game-title-screen .howto{color:#2b2118b3;letter-spacing:.04em;text-align:center;max-width:420px;margin-top:34px;font-size:13px;line-height:1.7}.game-title-screen .howto b{color:#2b2118f2;font-variant:normal}.game-quality-picker{align-items:center;gap:8px;margin-top:28px;display:flex}.game-quality-label{color:#2b2118bf;letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:12px}.game-quality-btn{color:var(--paper);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#2b211859;border:1px solid #fbf3e159;border-radius:2px;padding:6px 14px;font-family:inherit;font-size:12px}.game-quality-btn.active{background:#2b2118a6;border-color:#fbf3e1b3}.game-endgame{z-index:110;pointer-events:none;opacity:0;background:radial-gradient(at 50% 40%,#2d8b8b40,#0000 60%),linear-gradient(#2c5f6b 0%,#1c3f47 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}.game-endgame.show{opacity:1;pointer-events:all}.game-endgame h1{color:var(--paper);letter-spacing:.1em;font-variant:small-caps;margin:0;font-size:clamp(34px,6vw,60px)}.game-endgame p{color:#fbf3e1cc;letter-spacing:.06em;margin-top:14px;font-size:15px}.game-endgame .again{color:var(--paper);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #fbf3e180;border-radius:2px;margin-top:38px;padding:10px 26px;font-family:inherit;font-size:13px}.game-endgame .again:hover{background:#fbf3e114}.sign-in-page{background:radial-gradient(at 50% 0,#4a90d940,#0000 55%),linear-gradient(#2b2118 0%,#3d2e1a 40%,#8b6914 100%);justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:48px 24px;display:flex}.sign-in-card{color:#2b2118;text-align:center;background:#fbf3e1f0;border:1px solid #8b691440;border-radius:6px;width:100%;max-width:420px;padding:40px 32px}.sign-in-card h1{font-variant:small-caps;letter-spacing:.1em;color:#2d8b8b;margin:0 0 12px;font-weight:400}.sign-in-card p{color:#2b2118cc;margin:0 0 28px;line-height:1.6}.google-btn{color:#2b2118;cursor:pointer;letter-spacing:.02em;background:#fff;border:1px solid #2b211833;border-radius:4px;width:100%;padding:14px 20px;font-family:inherit;font-size:15px}.google-btn:hover{background:#f5f5f5}.back-link{color:#8b6914;margin-top:20px;font-size:14px;text-decoration:none;display:inline-block}.journey-page{background:radial-gradient(at 50% 0,#4a90d940,#0000 55%),linear-gradient(#2b2118 0%,#3d2e1a 40%,#8b6914 100%);min-height:calc(100vh - 56px);padding:40px 24px 64px}.journey-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;max-width:960px;margin:0 auto 32px;display:flex}.journey-page-header h1{font-variant:small-caps;letter-spacing:.1em;color:#fbf3e1;margin:0;font-size:clamp(28px,5vw,40px);font-weight:400}.journey-page-header p{color:#fbf3e1bf;margin:8px 0 0}.journey-create-btn{color:#fbf3e1;letter-spacing:.06em;background:#2d8b8b59;border:1px solid #2d8b8bb3;border-radius:4px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-block}.journey-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:960px;margin:0 auto;display:grid}.journey-card{color:#2b2118;background:#fbf3e1eb;border:1px solid #8b691440;border-radius:4px;padding:24px}.journey-card h2{color:#2d8b8b;font-variant:small-caps;margin:0 0 6px;font-size:20px}.journey-card .author{color:#2b2118a6;margin-bottom:12px;font-size:14px}.journey-card .status{color:#2b2118b3;margin-bottom:16px;font-size:13px}.journey-card-actions{flex-wrap:wrap;gap:10px;display:flex}.journey-card-actions a,.journey-card-actions button{letter-spacing:.1em;text-transform:uppercase;color:#8b6914;cursor:pointer;background:0 0;border:1px solid #8b691459;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:12px;text-decoration:none}.journey-card-actions a.primary{color:#2d8b8b;background:#2d8b8b26;border-color:#2d8b8b80}.journey-empty{text-align:center;color:#fbf3e1cc;max-width:560px;margin:0 auto;line-height:1.7}.create-journey-form{color:#2b2118;background:#fbf3e1eb;border:1px solid #8b691440;border-radius:6px;max-width:560px;margin:0 auto;padding:32px}.create-journey-form h1{font-variant:small-caps;color:#2d8b8b;margin:0 0 8px;font-weight:400}.create-journey-form .subtitle{color:#2b2118bf;margin:0 0 24px;line-height:1.6}.form-section{margin-bottom:24px}.form-section h2{letter-spacing:.08em;text-transform:uppercase;color:#2b2118a6;margin:0 0 12px;font-size:14px;font-weight:400}.book-pick-grid{gap:10px;display:grid}.book-pick-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #8b69144d;border-radius:4px;width:100%;padding:12px 14px;font-family:inherit;display:block}.book-pick-option.selected{background:#2d8b8b14;border-color:#2d8b8b}.book-pick-option strong{color:#2d8b8b;display:block}.book-pick-option span{color:#2b2118a6;font-size:13px}.form-field{margin-bottom:14px}.form-field label{color:#2b2118b3;margin-bottom:6px;font-size:13px;display:block}.form-field input,.form-field textarea{background:#fff;border:1px solid #8b691459;border-radius:4px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px}.form-error{color:#8b3a1f;margin-bottom:12px;font-size:14px}.submit-btn{color:#fbf3e1;cursor:pointer;letter-spacing:.06em;background:#2d8b8b;border:none;border-radius:4px;width:100%;padding:14px;font-family:inherit;font-size:15px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.mode-toggle{gap:8px;margin-bottom:20px;display:flex}.mode-toggle button{cursor:pointer;background:#fff;border:1px solid #8b691459;border-radius:4px;flex:1;padding:10px;font-family:inherit}.mode-toggle button.active{color:#2d8b8b;background:#2d8b8b1a;border-color:#2d8b8b}