@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0d0d0d;color:#fff;font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}#wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden}#phase-banner{position:absolute;top:4px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:13px;color:gold;letter-spacing:1.5px;white-space:nowrap;text-shadow:0 0 12px rgba(255,215,0,.8),0 2px 4px rgba(0,0,0,.5);z-index:20;pointer-events:none}#log{position:absolute;top:24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:500;color:#ccc;white-space:nowrap;z-index:20;max-width:700px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}#stage-label{position:absolute;top:4px;right:12px;font-family:"Press Start 2P",monospace;font-size:9px;color:#888;z-index:20}#cost-wrap{position:absolute;bottom:148px;left:12px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:20}#cost-display{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;background:linear-gradient(180deg,#3a9a5a,#2d7a4a);padding:8px 16px;border-radius:20px;text-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3;min-width:70px;text-align:center}#cost-display.warning{background:linear-gradient(180deg,#e07b00,#c66a00)}#cost-display.danger{background:linear-gradient(180deg,#c0392b,#962d22)}#deck-info{position:absolute;bottom:145px;left:85px;display:flex;gap:12px;z-index:20}#deck-pile,#discard-pile{display:flex;flex-direction:column;align-items:center;gap:2px}.pile-icon{width:40px;height:52px;background:linear-gradient(135deg,#4a6fa5,#3a5a8a,#2a4a75);border:2px solid #6a8fc5;border-radius:4px;box-shadow:0 2px 6px #0006,inset 0 1px #fff3;position:relative}.pile-icon:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(255,255,255,.15);border-radius:2px}.pile-icon:after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff40;font-size:14px}.pile-icon.discard{background:linear-gradient(135deg,#6a5a5a,#5a4a4a,#4a3a3a);border-color:#8a6a6a}.pile-icon.discard:after{content:"×";font-size:18px;font-weight:700}.pile-count{font-family:"Press Start 2P",monospace;font-size:10px;color:#aaa;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pile-label{font-size:9px;color:#666}#hand{position:absolute;bottom:8px;left:70px;right:90px;display:flex;gap:6px;justify-content:center}.card{width:104px;height:142px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:2px solid #bbb;border-radius:12px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 4px 4px;transition:transform .15s,box-shadow .15s,border-color .15s;flex-shrink:0;box-shadow:inset 0 1px #fffc,0 2px 8px #00000026}.card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 12px 30px #ff640066,0 0 20px #ff96004d;border-color:#f60;z-index:10}.card.selected{transform:translateY(-18px) scale(1.08);box-shadow:0 16px 40px #ffc80080,0 0 25px #ffd70066;border-color:gold;background:linear-gradient(135deg,#fffbe6,#fff3cc)}.card.unusable{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(70%)}.card-cost{position:absolute;top:6px;left:8px;font-family:"Press Start 2P",monospace;font-size:10px;color:#fff;background:linear-gradient(180deg,#5fb3b3,#4a9999);border-radius:10px;padding:2px 6px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 3px #0003}.card-cost[data-cost="1"]{background:linear-gradient(180deg,#5fb3b3,#4a9999)}.card-cost[data-cost="2"]{background:linear-gradient(180deg,gold,#d4af00);color:#333}.card-cost[data-cost="3"]{background:linear-gradient(180deg,#e07b00,#c66a00)}.card-cost[data-cost="4"],.card-cost[data-cost="5"],.card-cost[data-cost="6"]{background:linear-gradient(180deg,#c0392b,#962d22)}.card-img{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-top:12px}.card-img svg{width:100%;height:100%}.card-name{font-size:9px;font-weight:900;color:#111;margin-top:4px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.8)}.card-desc{font-size:7.5px;color:#444;text-align:center;margin-top:3px;line-height:1.4;padding:0 3px}#end-btn{position:absolute;right:6px;bottom:48px;width:90px;height:90px;border-radius:50%;background:linear-gradient(180deg,#b8b8b8,#8a8a8a);border:4px solid #666;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:700;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;transition:background .15s,transform .1s,box-shadow .15s;z-index:20;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff4d;text-shadow:0 1px 0 rgba(255,255,255,.3)}#end-btn:hover{background:linear-gradient(180deg,#c8c8c8,#9a9a9a);transform:scale(1.05);box-shadow:0 6px 16px #0006,inset 0 1px #ffffff4d}#end-btn:active{transform:scale(.95);box-shadow:0 2px 6px #0000004d,inset 0 2px 4px #0003}#end-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:linear-gradient(180deg,#888,#666);box-shadow:0 2px 6px #0003}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:100}#overlay.show{display:flex}#overlay h2{font-family:"Press Start 2P",monospace;font-size:24px;color:gold;text-shadow:0 0 20px gold}#overlay p{color:#ccc;font-size:13px;text-align:center;max-width:400px;line-height:1.6}#overlay .btn-row{display:flex;gap:12px}#overlay button{padding:10px 24px;border:none;border-radius:6px;color:#fff;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:transform .1s}#overlay button:hover{transform:scale(1.05)}#btn-next{background:#2ecc71}#btn-retry{background:#e74c3c}#btn-deck{background:#4a90d9}#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;background:#0a0a0f}#deck-editor{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ff5;display:none;flex-direction:column;z-index:200;padding:20px}#deck-editor.show{display:flex}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-header h2{font-family:"Press Start 2P",monospace;font-size:18px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}#btn-editor-close{width:36px;height:36px;border-radius:50%;border:2px solid #666;background:#333;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}#btn-editor-close:hover{background:#555;border-color:#888}.editor-content{display:flex;gap:30px;flex:1;overflow:hidden}.editor-section{flex:1;display:flex;flex-direction:column}.section-title{font-family:"Press Start 2P",monospace;font-size:11px;color:#aaa;margin-bottom:12px}.card-list{display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;padding:4px;flex:1;align-content:flex-start}.editor-card{width:90px;height:120px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:2px solid #bbb;border-radius:8px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;padding:4px;transition:transform .15s,box-shadow .15s,border-color .15s}.editor-card:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006;border-color:gold}.editor-card.in-deck{border-color:#4caf50;background:linear-gradient(180deg,#f0fff0,#d0f0d0)}.editor-card .card-cost{position:absolute;top:4px;left:4px;font-family:"Press Start 2P",monospace;font-size:8px;color:#fff;background:linear-gradient(180deg,#5fb3b3,#4a9999);border-radius:8px;padding:1px 4px}.editor-card .card-cost[data-cost="2"]{background:linear-gradient(180deg,gold,#d4af00);color:#333}.editor-card .card-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-top:12px}.editor-card .card-img svg{width:100%;height:100%}.editor-card .card-name{font-size:7px;font-weight:900;color:#111;margin-top:2px;text-align:center}.editor-card .card-count{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#4caf50;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.editor-footer{display:flex;justify-content:center;gap:16px;margin-top:16px}.editor-footer button{padding:12px 32px;border:none;border-radius:8px;font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,background .15s}.editor-footer button:hover{transform:scale(1.05)}#btn-reset-deck{background:#666;color:#fff}#btn-save-deck{background:#4caf50;color:#fff}