*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#0a0a0a;color:#0f0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}#game-container{width:1280px;height:720px;max-width:100vw;max-height:100vh;aspect-ratio:1280 / 720;display:flex;flex-direction:column;position:relative;margin:auto}@media (max-width: 1280px){#game-container{width:100vw;height:56.25vw}}@media (max-height: 720px){#game-container{height:100vh;width:calc(100vh * 1280 / 720)}}.enemy-panel{position:absolute;top:30px;left:50%;transform:translate(-50%);background:#000000e6;border:3px solid #00ff00;padding:25px 50px;border-radius:8px;text-align:center;z-index:10}.enemy-name{font-size:36px;font-weight:700;color:#0f0;text-shadow:0 0 15px #00ff00;margin-bottom:10px}.enemy-stats{display:flex;gap:30px;justify-content:center;margin-top:15px;font-size:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{color:#0a0;font-size:16px}.stat-value{color:#0f0;font-size:28px;font-weight:700}.combat-log{position:absolute;top:30px;right:30px;width:450px;height:350px;background:#000000e6;border:3px solid #00ff00;border-radius:8px;padding:15px;overflow-y:auto;font-size:16px;z-index:10}.combat-log::-webkit-scrollbar{width:8px}.combat-log::-webkit-scrollbar-track{background:#000}.combat-log::-webkit-scrollbar-thumb{background:#0f0}.log-message{margin-bottom:8px;border-left:3px solid transparent;padding:5px 5px 5px 12px;line-height:1.5}.log-message.player{border-left-color:#06f;color:#6af}.log-message.enemy{border-left-color:red;color:#f66}.log-message.effect{border-left-color:#fa0;color:#fc6}.new-game-btn{position:absolute;top:30px;left:30px;padding:15px 30px;background:#06f;border:3px solid #00aaff;border-radius:8px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;z-index:15;font-family:Courier New,monospace}.new-game-btn:hover{background:#08f;box-shadow:0 0 20px #06f9}.player-stats{position:absolute;left:30px;top:120px;background:#000000e6;border:3px solid #0066ff;padding:30px;border-radius:8px;z-index:10}.player-shield{font-size:48px;font-weight:700;color:#06f;text-shadow:0 0 15px #0066ff;margin-bottom:20px}.deck-info{font-size:20px;color:#06a;margin-top:15px}.deck-count,.discard-count{margin:8px 0}.battle-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.player-hand{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:25px;justify-content:center;z-index:10}.card{width:180px;height:270px;background:#1a1a1a;border:3px solid #333;border-radius:12px;padding:15px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-10px);border-color:#0f0;box-shadow:0 0 20px #00ff0080}.card.upgraded{border-color:#fa0;box-shadow:0 0 15px #ffaa004d}.card.upgraded:hover{box-shadow:0 0 25px #fa09}.card:active{transform:translateY(-5px) scale(.95)}.card.disabled{opacity:.5;cursor:not-allowed}.card-name{font-size:20px;font-weight:700;color:#0f0;text-align:center;margin-bottom:15px}.card-effects{font-size:14px;color:#0a0;flex:1;line-height:1.4}.end-turn-btn{position:absolute;bottom:330px;left:50%;transform:translate(-50%);padding:20px 60px;background:#06f;border:3px solid #00aaff;border-radius:8px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s;z-index:15}.end-turn-btn:hover{background:#08f;box-shadow:0 0 20px #06f9}.end-turn-btn:disabled{opacity:.5;cursor:not-allowed}.draft-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20000}.draft-title{font-size:32px;color:#0f0;margin-bottom:40px;text-align:center}.draft-cards{display:flex;gap:20px;margin-bottom:30px}.draft-card{width:200px;height:300px}.draft-buttons{display:flex;gap:20px}.draft-decline-btn{padding:15px 40px;background:#666;border:3px solid #888;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700}.draft-decline-btn:hover{background:#777}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30000}.overlay-title{font-size:48px;font-weight:700;margin-bottom:20px}.overlay-title.victory{color:#0f0;text-shadow:0 0 20px #00ff00}.overlay-title.defeat{color:red;text-shadow:0 0 20px #ff0000}.overlay-message{font-size:18px;color:#ccc;margin-bottom:30px;text-align:center}.restart-btn{padding:15px 40px;background:#06f;border:2px solid #00aaff;border-radius:5px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.restart-btn:hover{background:#08f;box-shadow:0 0 20px #06f9}.card-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:#000000f2;border:3px solid #00ff00;border-radius:8px;padding:15px;min-width:300px;max-width:400px;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s;margin-bottom:10px;white-space:normal;word-wrap:break-word}.card:hover .card-tooltip{opacity:1}.card:hover{z-index:10001;position:relative}.tooltip-title{font-weight:700;color:#0f0;font-size:18px;margin-bottom:8px}.tooltip-effects{font-size:14px;color:#0a0;line-height:1.5;white-space:normal}.tooltip-upgrade{margin-top:12px;padding-top:12px;border-top:2px solid #333;color:#fa0;font-size:14px;white-space:normal}