:root{--military-green: #4B5320;--khaki: #C3B091;--dark-brown: #3E2723;--paper-bg: #e8dcc7;--danger: #d32f2f;--success: #2e7d32}*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace,Microsoft YaHei}body{background-color:#2c2c2c;display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--dark-brown)}.app-container{width:100%;max-width:480px;height:100vh;max-height:850px;background:radial-gradient(circle at center,var(--paper-bg) 0%,#d4c5ab 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;border:4px solid var(--dark-brown)}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#3e2723e6;color:var(--khaki);z-index:10;border-bottom:2px solid #1a100e}.cloud-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}.cloud-status .syncing{animation:pulse 1s infinite alternate}.stats{display:flex;gap:15px}.stat-item{display:flex;align-items:center;gap:5px;font-weight:700}.lives{gap:2px}.main-content{flex:1;padding:20px;overflow-y:auto;z-index:10;display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.title-banner{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.title-banner .item-image{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.title-banner h1{font-size:28px;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 0px rgba(255,255,255,.5);margin-top:10px}.subtitle{font-size:14px;color:#555;margin-bottom:30px;font-weight:700}.high-score-board{background:#ffffff4d;padding:10px 20px;border-radius:8px;border:1px dashed var(--dark-brown);display:flex;align-items:center;gap:10px;margin-bottom:40px;font-weight:700}.primary-btn{background:var(--military-green);color:var(--khaki);border:2px solid var(--dark-brown);padding:12px 30px;font-size:18px;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:4px 4px 0 var(--dark-brown);transition:all .1s}.primary-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark-brown)}.mission-dossier{background:#f4ebd8;border:2px solid var(--dark-brown);padding:20px;width:100%;border-radius:4px;box-shadow:5px 5px 15px #0003;position:relative}.dossier-header{border-bottom:2px solid var(--dark-brown);padding-bottom:10px;margin-bottom:15px;position:relative}.stamp{position:absolute;top:-10px;right:-10px;color:var(--danger);border:3px solid var(--danger);padding:2px 8px;font-weight:900;font-size:14px;transform:rotate(15deg);opacity:.7;letter-spacing:1px}.mission-desc{font-size:15px;line-height:1.5;margin-bottom:20px;text-align:left;font-weight:700}.question-card{text-align:left}.question-text{font-size:16px;margin-bottom:15px}.options-grid{display:flex;flex-direction:column;gap:10px}.option-btn{background:#ffffff80;border:1px solid var(--dark-brown);padding:12px;text-align:left;font-size:14px;font-weight:700;cursor:pointer;border-radius:4px;transition:background .2s}.option-btn:hover:not(.disabled){background:#4b53201a}.option-btn.correct{background:var(--success);color:#fff;border-color:var(--success)}.option-btn.disabled{opacity:.6;cursor:not-allowed}.feedback-msg{margin-top:15px;padding:10px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-weight:700}.feedback-msg.correct{background:#2e7d321a;color:var(--success);border:1px solid var(--success)}.feedback-msg.wrong{background:#d32f2f1a;color:var(--danger);border:1px solid var(--danger)}.explanation{font-size:12px;font-weight:400;color:#333;margin-top:5px}.collect-section{display:flex;flex-direction:column;align-items:center;gap:20px}.target-display{width:150px;height:150px;background:#0000000d;border:2px dashed var(--dark-brown);border-radius:8px;display:flex;justify-content:center;align-items:center}.target-display .item-image{width:100%;height:100%;object-fit:contain;padding:10px}.action-btn{background:var(--dark-brown);color:var(--khaki);border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.success-msg{color:var(--success);font-weight:700;display:flex;align-items:center;gap:8px;font-size:18px}.loading-ai{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--military-green);font-weight:700}.radar-spinner{width:40px;height:40px;border:4px solid rgba(75,83,32,.3);border-top-color:var(--military-green);border-radius:50%;animation:spin 1s linear infinite}.gameover-screen h2{font-size:32px;margin:20px 0}.final-score{font-size:20px;margin-bottom:30px}.new-record{color:var(--danger);font-weight:700;margin-top:10px;animation:pulse 1s infinite alternate}.collection-panel{background:var(--dark-brown);color:var(--khaki);padding:15px 20px;z-index:10;display:flex;flex-direction:column;gap:15px;border-top:2px solid #1a100e}.panel-section h3{font-size:14px;display:flex;align-items:center;gap:5px;margin-bottom:10px;border-bottom:1px solid rgba(195,176,145,.3);padding-bottom:5px}.item-grid{display:flex;gap:10px}.grid-item{width:50px;height:50px;background:#ffffff1a;border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(195,176,145,.2)}.grid-item .item-image{width:40px;height:40px;object-fit:contain}.grid-item.locked{filter:grayscale(100%) opacity(.3)}.badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge-tag{font-size:12px;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;font-weight:700}.badge-tag.unlocked{background:#fbc02d;color:var(--dark-brown)}.badge-tag.locked{background:#ffffff1a;color:#c3b09180}.emoji-fallback{font-size:40px}.grid-item .emoji-fallback{font-size:24px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}
