:root{--gold: #e6a15c;--dark-oak: #1a120b;--parchment: #e4d5b7;--sea-blue: #134e5e;--accent: #d4a373}body{margin:0;background:var(--dark-oak);color:#f5ebe0;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.treasure-app{display:flex;flex-direction:column;min-height:100vh;padding:0 40px;background:radial-gradient(circle at center,#2c1d11,#140a05)}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid rgba(230,161,92,.2)}.logo{display:flex;align-items:center;gap:15px}.cloud-badge{font-size:12px;background:#e6a15c1a;padding:4px 10px;border-radius:20px;color:var(--gold);margin-left:10px}.nav-actions{display:flex;gap:15px}.nav-actions button{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.nav-actions button.active{background:var(--gold);color:var(--dark-oak)}kbd{background:#0000004d;padding:2px 5px;border-radius:4px;font-size:10px;margin-left:5px}.split-view{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-top:20px}.map-canvas{position:relative;height:450px;background:var(--parchment);border:10px solid #3d2516;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080}.map-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#e6a15c80;box-shadow:0 0 15px var(--gold);animation:scan 4s linear infinite;z-index:5}@keyframes scan{0%{top:0}to{top:100%}}.spot-marker{position:absolute;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;z-index:10}.marker-core{font-size:24px;background:var(--dark-oak);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold);transition:.3s}.marker-ring{position:absolute;top:0;left:0;width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;animation:ripple 2s infinite}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.marker-label{position:absolute;top:50px;left:50%;transform:translate(-50%);background:var(--dark-oak);padding:4px 10px;border-radius:4px;font-size:12px;white-space:nowrap}.ai-panel{background:#3d251666;border:1px solid var(--accent);border-radius:20px;padding:24px}.search-box{display:flex;flex-direction:column;gap:20px}.input-field label{display:block;font-size:14px;margin-bottom:8px;color:var(--accent)}.input-field input{width:100%;background:#0000004d;border:1px solid var(--accent);padding:12px;border-radius:8px;color:#fff;box-sizing:border-box}.magic-btn{background:linear-gradient(135deg,var(--gold),#b07234);border:none;padding:15px;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.magic-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e6a15c66}.ai-result{margin-top:20px;background:#0003;border-radius:12px;padding:15px}.clue-img{width:100px;height:100px;border-radius:10px;float:left;margin-right:15px;border:1px solid var(--gold)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.history-card{background:#ffffff0d;border-radius:15px;overflow:hidden;border:1px solid rgba(230,161,92,.2)}.card-thumb{height:120px;background:#000}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:15px}.empty-state{text-align:center;padding:100px 0;color:var(--accent)}.shortcut-legend{text-align:center;padding:20px;font-size:12px;color:var(--accent);opacity:.7}.map-decoration{position:absolute;font-size:40px;opacity:.3;pointer-events:none}.ship{bottom:20px;left:20px;animation:float 6s infinite}.kraken{top:40px;right:40px;animation:float 8s infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}