@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg-color: #1a1510;--accent-color: #d4a574;--text-dim: #8b7355;--border-color: #3d3428;--panel-bg: rgba(26, 21, 16, .95)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-color);color:var(--accent-color);font-family:JetBrains Mono,monospace;overflow:hidden;width:100vw;height:100vh}.app-container{width:100vw;height:100vh;position:relative}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 80%,rgba(212,165,116,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(112,193,179,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.header{position:absolute;top:32px;left:32px;z-index:10}.header h1{font-size:18px;font-weight:500;letter-spacing:4px;text-transform:uppercase;margin:0}.header p{color:var(--text-dim);font-size:11px;margin-top:8px;letter-spacing:1.5px}.contacts{display:flex;gap:16px;margin-top:16px}.contacts a{color:var(--text-dim);font-size:10px;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.contacts a:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}.detail-panel{position:absolute;top:32px;right:32px;width:340px;background:var(--panel-bg);border:1px solid var(--border-color);padding:32px;z-index:20;max-height:calc(100vh - 64px);overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.detail-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--panel-accent, var(--accent-color)),transparent)}.detail-panel h2{font-size:16px;font-weight:500;letter-spacing:2px;margin-bottom:12px}.badge{display:inline-block;font-size:10px;letter-spacing:1.5px;padding:4px 10px;border:1px solid var(--border-color);color:var(--text-dim);text-transform:uppercase}.section{margin-top:24px}.section h4{color:var(--text-dim);font-size:10px;font-weight:400;letter-spacing:2px;margin-bottom:8px}.section p{font-size:13px;line-height:1.6}.section ul{list-style:none}.section li{font-size:12px;padding:8px 0;border-bottom:1px dashed var(--border-color)}.section li:last-child{border-bottom:none}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--accent-color)}.legend{position:absolute;bottom:32px;left:32px;display:flex;gap:32px;z-index:10}.legend-item{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.legend-icon{width:12px;height:12px}.aspect-icon{background:#ef6461;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.memory-icon{background:#70c1b3;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:rotate(45deg) scale(.8)}.pattern-icon{background:#b388eb;border-radius:50%}.instructions{position:absolute;bottom:32px;right:32px;color:#5a4d3d;font-size:10px;letter-spacing:1.5px;text-align:right;z-index:10}.instructions span{display:block;margin-top:6px}