html,body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{overscroll-behavior:none;width:100vw;height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.card-container{perspective:1000px;width:100px;height:140px}.card-inner{transform-style:preserve-3d;width:100%;height:100%;transition:transform .6s}.card-container.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;backface-visibility:hidden;border-radius:8px;width:100%;height:100%;box-shadow:0 4px 8px #0003}.card-face>img{object-fit:cover;width:100%;height:100%}.card-back{transform:rotateY(180deg)}.game-board{display:flex;color:#fff;box-sizing:border-box;background-color:#2d6a4f;flex-direction:column;align-items: center;gap:20px;min-height:100dvh;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.enemy-section,.player-section{display:flex;flex-direction:column;align-items: center;gap:12px}.enemy-section h2,.player-section h2{text-transform:uppercase;letter-spacing:2px;opacity:.8;margin:0;font-size:.875rem}.game-info{display:flex;background:#00000040;border-radius:12px;flex-direction:column;justify-content:center;align-items: center;gap:16px;min-width:360px;min-height:160px;padding:24px 32px}.game-info p{opacity:.9;text-align:center;margin:0;font-size:.9rem}.card-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.card-wrapper{position:relative;transition:transform .2s}.card-wrapper.clickable:not(.selected):hover{cursor:pointer;transform:translateY(-8px)}.card-wrapper.selected{transform:translateY(-20px)}.card-wrapper.focused .card-face{border-radius:2.7px/3.5px;box-shadow:0 0 0 2.5px #e9c46a,0 4px 8px #0003}.card-badge{position:absolute;color:#fff;display:flex;z-index:10;background:#1565c0;border-radius:50%;justify-content:center;align-items: center;width:24px;height:24px;font-size:12px;font-weight:700;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000059}.btn{cursor:pointer;color:#333;background-color:#e9c46a;border:none;border-radius:6px;padding:10px 24px;transition:background-color .15s,transform .1s;font-size:15px;font-weight:700}.btn:hover:not(:disabled){background-color:#f4a261;transform:translateY(-1px)}.btn:disabled{color:#888;cursor:not-allowed;background-color:#555}.animation-info{font-size:1.1rem}.value-label{opacity:.8}.value-number{color:#e9c46a;font-size:1.6rem;font-weight:700}.played-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items: flex-start;gap:24px}.played-section{display:flex;flex-direction:column;align-items: center;gap:8px}.section-label{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:.75rem}.captured-card{display:flex;flex-direction:column;align-items: center;gap:8px}.help-btn{position:fixed;z-index:100;color:#333;cursor:pointer;display:flex;background-color:#e9c46a;border:none;border-radius:50%;justify-content:center;align-items: center;width:36px;height:36px;transition:background-color .15s,transform .1s;font-size:18px;font-weight:700;top:16px;right:16px;box-shadow:0 2px 6px #00000059}.help-btn:hover{background-color:#f4a261;transform:translateY(-1px)}.help-overlay{position:fixed;z-index:200;display:flex;background:#0009;justify-content:center;align-items: center;padding:16px;inset:0}.help-modal{display:flex;overflow:hidden;background:#1b4332;border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:90dvh;box-shadow:0 8px 32px #00000080}.help-header{display:flex;border-bottom:1px solid #ffffff26;flex-shrink:0;justify-content:space-between;align-items: center;padding:16px 20px}.help-header h2{color:#e9c46a;letter-spacing:1px;margin:0;font-size:1.1rem}.help-close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:opacity .15s;font-size:18px;line-height:1}.help-close-btn:hover{opacity:1}.help-content{overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:20px}.help-section h3{text-transform:uppercase;letter-spacing:1.5px;color:#e9c46a;opacity:.9;margin:0 0 8px;font-size:.85rem}.help-section p,.help-section ol{opacity:.9;margin:0;font-size:.9rem;line-height:1.6}.help-section ol{padding-left:20px}.help-section li{margin-bottom:4px}.help-table-wrapper{overflow-x:auto}.help-table{border-collapse:collapse;width:100%;font-size:.875rem}.help-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#e9c46a;white-space:nowrap;background:#0000004d;padding:8px 10px;font-size:.75rem}.help-table td{vertical-align:top;border-bottom:1px solid #ffffff14;padding:7px 10px;line-height:1.4}.help-table tr:last-child td{border-bottom:none}.help-table tr:hover td{background:#ffffff0d}.rank-cell{white-space:nowrap;font-weight:700}.value-cell{color:#e9c46a;text-align:center;white-space:nowrap;font-weight:700}