:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #080810;--bg-card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--text: #e8e6e3;--text-dim: rgba(255, 255, 255, .45);--accent-gold: #f6c945;--accent-green: #5ab552;--accent-purple: #6b4fa0;--accent-blue: #4a9fd4;--accent-red: #e05535;--accent-orange: #d4714a;--accent-teal: #a8dce8}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);overflow:hidden}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);opacity:0;transition:opacity 1.5s ease}.title-screen.visible{opacity:1}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.drift-particle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:drift-float 20s infinite ease-in-out}.p1{width:300px;height:300px;background:var(--accent-purple);top:10%;left:20%;animation-delay:0s}.p2{width:200px;height:200px;background:var(--accent-blue);top:60%;right:15%;animation-delay:-5s}.p3{width:250px;height:250px;background:var(--accent-gold);bottom:10%;left:40%;animation-delay:-10s}.p4{width:180px;height:180px;background:var(--accent-red);top:30%;right:30%;animation-delay:-15s}.p5{width:220px;height:220px;background:var(--accent-green);bottom:30%;left:10%;animation-delay:-7s}@keyframes drift-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(10px,-10px) scale(1.05)}}.title-content{position:relative;z-index:1;text-align:center;opacity:0;transform:translateY(20px);transition:all 1.2s ease}.title-content.ready{opacity:1;transform:translateY(0)}.title-sub{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem}.title-main{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:200;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block;background:linear-gradient(135deg,var(--accent-gold),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-tagline{font-size:.95rem;color:var(--text-dim);max-width:28rem;margin:0 auto 2.5rem;line-height:1.6}.title-start-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.5rem;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));color:#0a0a0a;border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 0 30px #f6c94533}.title-start-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #f6c9454d}.title-start-btn:active{transform:scale(.98)}.title-hint{margin-top:2rem;font-size:.75rem;color:var(--text-dim);letter-spacing:.1em}.game-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}.game-screen.fade-out{opacity:0;transition:opacity .4s}.game-screen.fade-in{opacity:1;transition:opacity .4s}.game-top-bar{padding:.75rem 1rem 0;border-bottom:1px solid var(--border);background:#080810e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.game-title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.game-logo{font-size:.8rem;font-weight:600;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent-gold),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-turn{font-size:.7rem;color:var(--text-dim);font-family:ui-monospace,monospace}.stat-bars{display:flex;gap:.75rem;padding-bottom:.5rem}.stat-bar{flex:1;display:flex;align-items:center;gap:.4rem;font-size:.7rem}.stat-icon{font-size:.85rem}.stat-info{flex:1;min-width:0}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:2px}.stat-track{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-fill{height:100%;border-radius:2px;transition:width .5s ease}.stat-value{font-size:.7rem;font-family:ui-monospace,monospace;color:var(--text-dim);min-width:1.5rem;text-align:right}.stat-warning .stat-value{color:var(--accent-red)}.narrative-log{padding:.75rem 1rem;max-height:120px;overflow-y:auto;border-bottom:1px solid var(--border);background:#ffffff03}.narrative-log::-webkit-scrollbar{width:3px}.narrative-log::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.narrative-line{font-size:.8rem;color:var(--text-dim);line-height:1.5;margin-bottom:.25rem;animation:narrative-fade-in .5s ease}.narrative-line.ambient{font-style:italic;color:#ffffff40;font-size:.75rem}.narrative-line.important{color:var(--accent-gold);font-weight:500}.narrative-line.shift{color:var(--accent-purple);font-style:italic}@keyframes narrative-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-content{flex:1;overflow-y:auto;padding:1rem}.zone-panel{display:flex;flex-direction:column;gap:.75rem}.zone-header{display:flex;align-items:center;gap:.5rem}.zone-name{font-size:1.15rem;font-weight:300;letter-spacing:-.01em}.zone-description{font-size:.85rem;color:var(--text-dim);line-height:1.6}.zone-ambient{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:#ffffff05;border-radius:.5rem;border:1px solid var(--border)}.ambient-icon{color:var(--accent-purple);font-family:ui-monospace,monospace;font-size:.8rem;margin-top:1px}.ambient-text{font-size:.8rem;font-style:italic;color:#ffffff59;line-height:1.5}.zone-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.zone-action-btn{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;text-align:left;color:var(--text);transition:all .2s;position:relative;overflow:hidden}.zone-action-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gold);opacity:0;transition:opacity .2s}.zone-action-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26}.zone-action-btn:hover:not(:disabled):before{opacity:1}.zone-action-btn:active:not(:disabled){transform:scale(.99)}.zone-action-btn:disabled{opacity:.4;cursor:not-allowed}.action-disabled{opacity:.35}.action-label{font-size:.9rem;font-weight:500}.action-desc{font-size:.75rem;color:var(--text-dim)}.action-cost{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.action-stat{font-size:.65rem;font-family:ui-monospace,monospace;padding:.1rem .35rem;border-radius:3px}.stat-positive{color:var(--accent-green);background:#5bb5521a}.stat-negative{color:var(--accent-red);background:#e055351a}.action-reward{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--accent-gold);margin-top:.15rem}.shard-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 6px #f6c94566}.inventory-panel{display:flex;flex-direction:column;gap:.75rem}.panel-title{font-size:1rem;font-weight:400;letter-spacing:-.01em}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:var(--text-dim);text-align:center}.empty-icon{font-size:2rem;opacity:.3}.empty-state p{font-size:.8rem;max-width:20rem}.shard-grid{display:grid;gap:.5rem}.shard-card{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;align-items:flex-start}.shard-gem{width:24px;height:24px;border-radius:6px;flex-shrink:0;box-shadow:0 0 12px currentColor}.shard-info{flex:1;min-width:0}.shard-name{font-size:.85rem;font-weight:500;margin-bottom:.15rem}.shard-desc{font-size:.75rem;color:var(--text-dim);line-height:1.4}.combine-hint{font-size:.75rem;color:var(--text-dim)}.combine-list{display:flex;flex-direction:column;gap:.5rem}.combine-btn{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;text-align:left;color:var(--text);transition:all .2s;align-items:center}.combine-btn.combine-available{border-color:#f6c9454d}.combine-btn.combine-available:hover{background:#f6c9450d;border-color:#f6c94580}.combine-btn.combine-locked{opacity:.4;cursor:not-allowed}.combine-btn:disabled{cursor:not-allowed}.combine-shards{display:flex;gap:4px;flex-shrink:0}.combine-shard-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.combine-shard-dot.owned{border-color:#ffffff4d}.combine-shard-dot.missing{opacity:.3}.combine-result{flex:1;min-width:0}.combine-name{font-size:.85rem;font-weight:500;margin-bottom:.1rem}.combine-desc{font-size:.75rem;color:var(--text-dim)}.map-panel{display:flex;flex-direction:column;gap:.75rem}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.map-zone{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;cursor:pointer;color:var(--text);transition:all .2s;position:relative}.map-zone:hover:not(:disabled){background:#ffffff0d}.map-zone:disabled{cursor:default}.map-distant{opacity:.35}.map-reachable{border-color:#ffffff26}.map-reachable:hover{border-color:#ffffff4d}.map-current{border-color:var(--accent-gold);box-shadow:0 0 20px #f6c94526}.map-shifted{border-color:var(--accent-purple);box-shadow:0 0 15px #6b4fa026}.map-zone-icon{font-size:1.5rem}.map-zone-name{font-size:.75rem;text-align:center;font-weight:500}.map-zone-badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;padding:.1rem .4rem;border-radius:100px;background:#6b4fa033;color:var(--accent-purple)}.map-zone-badge.current{background:#f6c94526;color:var(--accent-gold)}.map-legend{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--text-dim)}.legend-dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--border)}.legend-dot.current-dot{border-color:var(--accent-gold);background:var(--accent-gold)}.legend-dot.reachable-dot{border-color:#ffffff4d}.legend-dot.shifted-dot{border-color:var(--accent-purple);background:var(--accent-purple)}.game-nav{display:flex;border-top:1px solid var(--border);background:#080810f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom,0)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .2s;position:relative}.nav-btn:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--accent-gold);border-radius:0 0 2px 2px;opacity:0;transition:opacity .2s}.nav-btn.active{color:var(--text)}.nav-btn.active:before{opacity:1}.nav-btn:hover{color:var(--text)}.nav-icon{font-size:1.1rem}.nav-label{font-size:.6rem;letter-spacing:.05em}.ending-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:100}.ending-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ending-glow{width:400px;height:400px;border-radius:50%;filter:blur(100px);animation:ending-pulse 4s infinite ease-in-out}@keyframes ending-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.ending-content{position:relative;z-index:1;text-align:center;max-width:32rem;padding:2rem}.ending-content>*{opacity:0;transform:translateY(15px);transition:all 1s ease}.ending-content.phase-1>.ending-label{opacity:1;transform:none}.ending-content.phase-2>.ending-label,.ending-content.phase-2>.ending-title,.ending-content.phase-2>.ending-divider{opacity:1;transform:none}.ending-content.phase-3>*{opacity:1;transform:none}.ending-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem}.ending-title{font-size:clamp(1.8rem,6vw,3rem);font-weight:200;letter-spacing:-.02em;margin-bottom:1rem}.ending-divider{width:40px;height:2px;margin:0 auto 1.5rem;opacity:.5}.ending-narrative{font-size:.9rem;color:var(--text-dim);line-height:1.8;margin-bottom:2rem}.ending-meta{font-size:.7rem;color:var(--text-dim);margin-bottom:2rem;letter-spacing:.1em;text-transform:uppercase}.ending-restart{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:none;border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:.85rem;cursor:pointer;transition:all .2s}.ending-restart:hover{border-color:#ffffff4d;background:#ffffff08}.tone-hopeful .ending-title{color:var(--accent-gold)}.tone-tragic .ending-title{color:var(--accent-red)}.tone-ambiguous .ending-title{color:var(--accent-purple)}.tone-transcendent .ending-title{color:var(--accent-blue)}.game-content::-webkit-scrollbar{width:4px}.game-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media(max-width:480px){.stat-bars{gap:.4rem}.stat-label{font-size:.55rem}.game-content{padding:.75rem}.map-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}