:root{--gold: #d4af37;--dark-bg: #1a1a1a;--panel-bg: rgba(20, 20, 20, .75);--card-bg: #f4f1ea;--sha-color: #ef4444;--shan-color: #3b82f6;--tao-color: #10b981}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--dark-bg);color:#fff}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center;background-image:radial-gradient(circle at center,#2a2a2a,#000);position:relative}.cloud-status-bar{position:absolute;top:0;left:0;right:0;height:28px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:#aaa;z-index:100}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen,.start-screen,.game-over-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.title-box h1{font-size:48px;color:var(--gold);letter-spacing:4px;text-shadow:0 0 10px rgba(212,175,55,.5),0 0 20px rgba(212,175,55,.3);margin-bottom:10px;text-align:center}.stats-badge{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:20px;border:1px solid var(--gold);color:var(--gold)}.btn-primary{padding:12px 40px;font-size:20px;font-weight:700;color:#333;background:linear-gradient(135deg,#f6d365,#fda085);border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #fda08566;transition:all .2s}.battle-field{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:40px 20px 20px;height:100%}.player-area{display:flex;justify-content:space-between;align-items:flex-end;background:var(--panel-bg);padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-area{align-items:flex-start;border-top:3px solid var(--sha-color)}.user-area{flex-direction:column;align-items:stretch;gap:10px;border-bottom:3px solid var(--gold)}.avatar-box{display:flex;gap:15px;align-items:center}.avatar{width:80px;height:80px;border-radius:8px;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 15px #d4af374d}.grayscale{filter:grayscale(30%) sepia(20%);border-color:#888}.fallback-emoji{font-size:40px}.player-info{display:flex;flex-direction:column;gap:8px}.name{font-size:18px;font-weight:700;color:#eee}.health-container{display:flex;gap:4px}.magatama{transition:all .3s}.magatama.inactive{opacity:.3;filter:grayscale(100%)}.hand-count{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.card-back-icon{width:40px;height:60px;border-radius:4px;object-fit:cover;border:1px solid #555}.center-area{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative}.deck-area{position:relative}.deck-img{width:80px;height:112px;border-radius:8px;border:2px solid #555;box-shadow:5px 5px 15px #00000080}.deck-placeholder{width:80px;height:112px;background:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #666}.deck-count{position:absolute;bottom:-10px;right:-10px;background:var(--gold);color:#000;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:12px}.log-panel{width:50%;height:120px;background:#00000080;border-radius:8px;padding:10px;overflow:hidden;display:flex;flex-direction:column;gap:5px;font-size:14px;color:#ddd;border-left:2px solid var(--gold)}.skill-decoration{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.6}.skill-img{width:100px;height:100px;border-radius:50%;object-fit:cover;mix-blend-mode:screen}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.95);opacity:.5}}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.turn-indicator{font-size:14px;color:#888;transition:color .3s}.turn-indicator.active{color:var(--gold);font-weight:700}.btn-end{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:6px 16px;border-radius:15px;cursor:pointer;transition:all .2s}.btn-end:hover:not(:disabled){background:var(--gold);color:#000}.btn-end:disabled{opacity:.5;cursor:not-allowed;border-color:#666;color:#666}.hand-cards{display:flex;justify-content:center;gap:-20px;height:140px;perspective:1000px}.playing-card{width:100px;height:140px;background:var(--card-bg);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:8px;cursor:pointer;position:relative;box-shadow:2px 4px 10px #0000004d,inset 0 0 0 1px #ffffff80;margin-left:-30px;transition:filter .3s}.playing-card:first-child{margin-left:0}.playing-card.disabled{filter:brightness(.7);cursor:not-allowed}.card-top{font-size:16px;font-weight:900;align-self:flex-start}.card-bottom{font-size:16px;font-weight:900;align-self:flex-end;transform:rotate(180deg)}.card-center{flex:1;display:flex;justify-content:center;align-items:center}.playing-card.sha{color:var(--sha-color);border:2px solid var(--sha-color)}.playing-card.shan{color:var(--shan-color);border:2px solid var(--shan-color)}.playing-card.tao{color:var(--tao-color);border:2px solid var(--tao-color)}